﻿.icon16 {
    width: 16px;
    height: 16px;
}
.icon24 {
    width: 24px;
    height: 24px;
}
.icon25 {
    width: 25px;
    height: 25px;
}
.icon100 {
    width: 100px;
    height: 100px;
}
.icon13 {
    height: 12px;
    margin-top: -2px;
    width: 13px;
}
.icon12 {
    width: 8px;
    height: 14px;
}
.icon16,
.icon24,
.icon25,
.icon100,
.icon13,
.icon12 {
    display: inline-block;
    vertical-align: text-top;
    background: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    /*&.light3 {
        background-image: url(https://cdn.mooble.com/sitesimages/Icons/light_3.png);
    }

    &.light4 {
        background-image: url(https://cdn.mooble.com/sitesimages/Icons/light_4.png);
    }

    &.default {
        background-image: url(https://cdn.mooble.com/sitesimages/Icons/light_d.png);
    }*/
}
.icon16.light0,
.icon24.light0,
.icon25.light0,
.icon100.light0,
.icon13.light0,
.icon12.light0 {
    background-image: url(https://cdn.mooble.com/sitesimages/Icons/light_0.png);
}
.icon16.light1,
.icon24.light1,
.icon25.light1,
.icon100.light1,
.icon13.light1,
.icon12.light1 {
    background-image: url(https://cdn.mooble.com/sitesimages/Icons/light_1.png);
}
.icon16.light2,
.icon24.light2,
.icon25.light2,
.icon100.light2,
.icon13.light2,
.icon12.light2 {
    background-image: url(https://cdn.mooble.com/sitesimages/Icons/light_2.png);
}
.icon16.light3,
.icon24.light3,
.icon25.light3,
.icon100.light3,
.icon13.light3,
.icon12.light3 {
    background-image: url(https://cdn.mooble.com/sitesimages/Icons/light_d.png);
}
.icon16.light4,
.icon24.light4,
.icon25.light4,
.icon100.light4,
.icon13.light4,
.icon12.light4 {
    background-image: url(https://cdn.mooble.com/sitesimages/Icons/light_4.png);
}
.icon16.default,
.icon24.default,
.icon25.default,
.icon100.default,
.icon13.default,
.icon12.default {
    background-image: url(https://cdn.mooble.com/sitesimages/Icons/light_3.png);
}
.icon16.white.comments,
.icon24.white.comments,
.icon25.white.comments,
.icon100.white.comments,
.icon13.white.comments,
.icon12.white.comments {
    background-image: url(../images/white/comments.png);
}
.icon16.white.brand,
.icon24.white.brand,
.icon25.white.brand,
.icon100.white.brand,
.icon13.white.brand,
.icon12.white.brand {
    background-image: url(../images/white/brand.png);
}
.icon16.white.explorer,
.icon24.white.explorer,
.icon25.white.explorer,
.icon100.white.explorer,
.icon13.white.explorer,
.icon12.white.explorer {
    background-image: url(../images/white/departament.png);
}
.icon16.white.detail,
.icon24.white.detail,
.icon25.white.detail,
.icon100.white.detail,
.icon13.white.detail,
.icon12.white.detail {
    background-image: url(../images/white/detail.png);
}
.icon16.white.planner,
.icon24.white.planner,
.icon25.white.planner,
.icon100.white.planner,
.icon13.white.planner,
.icon12.white.planner {
    background-image: url(../images/white/planner.png);
}
.icon16.white.editPlanner,
.icon24.white.editPlanner,
.icon25.white.editPlanner,
.icon100.white.editPlanner,
.icon13.white.editPlanner,
.icon12.white.editPlanner {
    background-image: url(../images/white/editPlanner.png);
}
.icon16.white.user,
.icon24.white.user,
.icon25.white.user,
.icon100.white.user,
.icon13.white.user,
.icon12.white.user {
    background-image: url(../images/white/user.png);
}
.icon16.white.menu,
.icon24.white.menu,
.icon25.white.menu,
.icon100.white.menu,
.icon13.white.menu,
.icon12.white.menu {
    background-image: url(../images/white/menu.png);
}
.icon16.white.delete,
.icon24.white.delete,
.icon25.white.delete,
.icon100.white.delete,
.icon13.white.delete,
.icon12.white.delete {
    background-image: url(../images/white/delete.png);
}
.icon16.white.settings,
.icon24.white.settings,
.icon25.white.settings,
.icon100.white.settings,
.icon13.white.settings,
.icon12.white.settings {
    background-image: url(../images/white/settings.png);
}
.icon16.white.tile,
.icon24.white.tile,
.icon25.white.tile,
.icon100.white.tile,
.icon13.white.tile,
.icon12.white.tile {
    background-image: url(../images/white/tile.png);
}
.icon16.white.newFile,
.icon24.white.newFile,
.icon25.white.newFile,
.icon100.white.newFile,
.icon13.white.newFile,
.icon12.white.newFile {
    background-image: url(../images/white/newfile.png);
}
.icon16.white.save,
.icon24.white.save,
.icon25.white.save,
.icon100.white.save,
.icon13.white.save,
.icon12.white.save {
    background-image: url(../images/white/save.png);
}
.icon16.white.door,
.icon24.white.door,
.icon25.white.door,
.icon100.white.door,
.icon13.white.door,
.icon12.white.door {
    background-image: url(../images/white/door.png);
}
.icon16.white.item,
.icon24.white.item,
.icon25.white.item,
.icon100.white.item,
.icon13.white.item,
.icon12.white.item {
    background-image: url(../images/white/item.png);
}
.icon16.white.paint,
.icon24.white.paint,
.icon25.white.paint,
.icon100.white.paint,
.icon13.white.paint,
.icon12.white.paint {
    background-image: url(../images/white/paint.png);
}
.icon16.white.close,
.icon24.white.close,
.icon25.white.close,
.icon100.white.close,
.icon13.white.close,
.icon12.white.close {
    background-image: url(../images/white/close.png);
}
.icon16.white.goNext,
.icon24.white.goNext,
.icon25.white.goNext,
.icon100.white.goNext,
.icon13.white.goNext,
.icon12.white.goNext {
    background-image: url(../images/white/goNext.png);
}
.icon16.white.goPrevious,
.icon24.white.goPrevious,
.icon25.white.goPrevious,
.icon100.white.goPrevious,
.icon13.white.goPrevious,
.icon12.white.goPrevious {
    background-image: url(../images/white/goPrevious.png);
}
.icon16.white.refresh,
.icon24.white.refresh,
.icon25.white.refresh,
.icon100.white.refresh,
.icon13.white.refresh,
.icon12.white.refresh {
    background-image: url(../images/white/refresh.png);
}
.icon16.white.refreshing,
.icon24.white.refreshing,
.icon25.white.refreshing,
.icon100.white.refreshing,
.icon13.white.refreshing,
.icon12.white.refreshing {
    background-image: url(../images/white/refreshing.png);
}
.icon16.white.back,
.icon24.white.back,
.icon25.white.back,
.icon100.white.back,
.icon13.white.back,
.icon12.white.back {
    background-image: url(../images/white/back.png);
}
.icon16.white.cart,
.icon24.white.cart,
.icon25.white.cart,
.icon100.white.cart,
.icon13.white.cart,
.icon12.white.cart {
    background-image: url(../images/white/cart.png);
}
.icon16.white.facebook,
.icon24.white.facebook,
.icon25.white.facebook,
.icon100.white.facebook,
.icon13.white.facebook,
.icon12.white.facebook {
    background-image: url(../images/white/facebook.png);
}
.icon16.white.print,
.icon24.white.print,
.icon25.white.print,
.icon100.white.print,
.icon13.white.print,
.icon12.white.print {
    background-image: url(../images/white/print.png);
}
.icon16.white.mooble,
.icon24.white.mooble,
.icon25.white.mooble,
.icon100.white.mooble,
.icon13.white.mooble,
.icon12.white.mooble {
    background-image: url(../images/white/mooble.png);
}
.icon16.white.view,
.icon24.white.view,
.icon25.white.view,
.icon100.white.view,
.icon13.white.view,
.icon12.white.view {
    background-image: url(../images/white/view.png);
}
.icon16.white.camera,
.icon24.white.camera,
.icon25.white.camera,
.icon100.white.camera,
.icon13.white.camera,
.icon12.white.camera {
    background-image: url(../images/white/camera.png);
}
.icon16.white.download,
.icon24.white.download,
.icon25.white.download,
.icon100.white.download,
.icon13.white.download,
.icon12.white.download {
    background-image: url(../images/white/download.png);
}
.icon16.white.room,
.icon24.white.room,
.icon25.white.room,
.icon100.white.room,
.icon13.white.room,
.icon12.white.room {
    background-image: url(../images/white/room.png);
}
.icon16.white.light,
.icon24.white.light,
.icon25.white.light,
.icon100.white.light,
.icon13.white.light,
.icon12.white.light {
    background-image: url(../images/white/light.png);
}
.icon16.white.border,
.icon24.white.border,
.icon25.white.border,
.icon100.white.border,
.icon13.white.border,
.icon12.white.border {
    background-image: url(https://cdn.mooble.com/sitesimages/Icons/border-covering-white.png);
}
.icon16.black.openDoor,
.icon24.black.openDoor,
.icon25.black.openDoor,
.icon100.black.openDoor,
.icon13.black.openDoor,
.icon12.black.openDoor {
    background-image: url(../images/black/openDoor.png);
}
.icon16.black.back,
.icon24.black.back,
.icon25.black.back,
.icon100.black.back,
.icon13.black.back,
.icon12.black.back {
    background-image: url(../images/black/back.png);
}
.icon16.black.check,
.icon24.black.check,
.icon25.black.check,
.icon100.black.check,
.icon13.black.check,
.icon12.black.check {
    background-image: url(../images/black/check.png);
}
.icon16.black.search,
.icon24.black.search,
.icon25.black.search,
.icon100.black.search,
.icon13.black.search,
.icon12.black.search {
    background-image: url(../images/black/search.png);
}
.icon16.black.close,
.icon24.black.close,
.icon25.black.close,
.icon100.black.close,
.icon13.black.close,
.icon12.black.close {
    background-image: url(../images/black/close.png);
}
.icon16.black.help,
.icon24.black.help,
.icon25.black.help,
.icon100.black.help,
.icon13.black.help,
.icon12.black.help {
    background-image: url(../images/black/help.png);
}
.icon16.black.newFile,
.icon24.black.newFile,
.icon25.black.newFile,
.icon100.black.newFile,
.icon13.black.newFile,
.icon12.black.newFile {
    background-image: url(../images/black/newFile.png);
}
.icon16.black.save,
.icon24.black.save,
.icon25.black.save,
.icon100.black.save,
.icon13.black.save,
.icon12.black.save {
    background-image: url(../images/black/save.png);
}
.icon16.black.delete,
.icon24.black.delete,
.icon25.black.delete,
.icon100.black.delete,
.icon13.black.delete,
.icon12.black.delete {
    background-image: url(../images/black/delete.png);
}
.icon16.black.settings,
.icon24.black.settings,
.icon25.black.settings,
.icon100.black.settings,
.icon13.black.settings,
.icon12.black.settings {
    background-image: url(../images/black/settings.png);
}
.icon16.black.colors,
.icon24.black.colors,
.icon25.black.colors,
.icon100.black.colors,
.icon13.black.colors,
.icon12.black.colors {
    background-image: url(../images/black/colors.png);
}
.icon16.black.download,
.icon24.black.download,
.icon25.black.download,
.icon100.black.download,
.icon13.black.download,
.icon12.black.download {
    background-image: url(../images/black/download.png);
}
.icon16.black.transform,
.icon24.black.transform,
.icon25.black.transform,
.icon100.black.transform,
.icon13.black.transform,
.icon12.black.transform {
    background-image: url(../images/black/transform.png);
}
.icon16.black.go-top,
.icon24.black.go-top,
.icon25.black.go-top,
.icon100.black.go-top,
.icon13.black.go-top,
.icon12.black.go-top {
    background-image: url(../images/black/goTop.png);
}
.icon16.black.undo,
.icon24.black.undo,
.icon25.black.undo,
.icon100.black.undo,
.icon13.black.undo,
.icon12.black.undo {
    background-image: url(../images/black/undo.png);
}
.icon16.black.redo,
.icon24.black.redo,
.icon25.black.redo,
.icon100.black.redo,
.icon13.black.redo,
.icon12.black.redo {
    background-image: url(../images/black/redo.png);
}
.icon16.black.print,
.icon24.black.print,
.icon25.black.print,
.icon100.black.print,
.icon13.black.print,
.icon12.black.print {
    background-image: url(../images/black/print.png);
}
.icon16.black.threeD,
.icon24.black.threeD,
.icon25.black.threeD,
.icon100.black.threeD,
.icon13.black.threeD,
.icon12.black.threeD {
    background-image: url(../images/black/threeD.png);
}
.icon16.black.twoD,
.icon24.black.twoD,
.icon25.black.twoD,
.icon100.black.twoD,
.icon13.black.twoD,
.icon12.black.twoD {
    background-image: url(../images/black/twoD.png);
}
.icon16.black.toggleUpperOn,
.icon24.black.toggleUpperOn,
.icon25.black.toggleUpperOn,
.icon100.black.toggleUpperOn,
.icon13.black.toggleUpperOn,
.icon12.black.toggleUpperOn {
    background-image: url(../images/black/toggleUpperOn.png);
}
.icon16.black.toggleUpperOff,
.icon24.black.toggleUpperOff,
.icon25.black.toggleUpperOff,
.icon100.black.toggleUpperOff,
.icon13.black.toggleUpperOff,
.icon12.black.toggleUpperOff {
    background-image: url(../images/black/toggleUpperOff.png);
}
.icon16.black.facebook,
.icon24.black.facebook,
.icon25.black.facebook,
.icon100.black.facebook,
.icon13.black.facebook,
.icon12.black.facebook {
    background-image: url(../images/black/facebook.png);
}
.icon16.black.email,
.icon24.black.email,
.icon25.black.email,
.icon100.black.email,
.icon13.black.email,
.icon12.black.email {
    background-image: url(../images/black/email.png);
}
.icon16.black.share,
.icon24.black.share,
.icon25.black.share,
.icon100.black.share,
.icon13.black.share,
.icon12.black.share {
    background-image: url(../images/black/share.png);
}
.icon16.black.collapse,
.icon24.black.collapse,
.icon25.black.collapse,
.icon100.black.collapse,
.icon13.black.collapse,
.icon12.black.collapse {
    background-image: url(../images/black/collapse.png);
}
.icon16.black.expand,
.icon24.black.expand,
.icon25.black.expand,
.icon100.black.expand,
.icon13.black.expand,
.icon12.black.expand {
    background-image: url(../images/black/expand.png);
}
.icon16.black.like,
.icon24.black.like,
.icon25.black.like,
.icon100.black.like,
.icon13.black.like,
.icon12.black.like {
    background-image: url(../images/black/like.png);
}
.icon16.black.camera,
.icon24.black.camera,
.icon25.black.camera,
.icon100.black.camera,
.icon13.black.camera,
.icon12.black.camera {
    background-image: url(../images/black/camera.png);
}
.icon16.black.view,
.icon24.black.view,
.icon25.black.view,
.icon100.black.view,
.icon13.black.view,
.icon12.black.view {
    background-image: url(../images/black/view.png);
}
.icon16.black.light,
.icon24.black.light,
.icon25.black.light,
.icon100.black.light,
.icon13.black.light,
.icon12.black.light {
    background-image: url(../images/black/light.png);
}
.icon16.black.planner,
.icon24.black.planner,
.icon25.black.planner,
.icon100.black.planner,
.icon13.black.planner,
.icon12.black.planner {
    background-image: url(../images/black/planner.png);
}
.icon16.black.measuring,
.icon24.black.measuring,
.icon25.black.measuring,
.icon100.black.measuring,
.icon13.black.measuring,
.icon12.black.measuring {
    background-image: url(../images/black/measuring.png);
}
.icon16.black.save-as,
.icon24.black.save-as,
.icon25.black.save-as,
.icon100.black.save-as,
.icon13.black.save-as,
.icon12.black.save-as {
    background-image: url(../images/black/save-as.png);
    opacity: 0.8;
}
.icon16.black.border,
.icon24.black.border,
.icon25.black.border,
.icon100.black.border,
.icon13.black.border,
.icon12.black.border {
    background-image: url(https://cdn.mooble.com/sitesimages/Icons/border-covering-black.png);
}
.icon16.highlight.warning,
.icon24.highlight.warning,
.icon25.highlight.warning,
.icon100.highlight.warning,
.icon13.highlight.warning,
.icon12.highlight.warning {
    background-image: url(../images/highlight/warning.png);
}
.icon16.highlight.price-tag,
.icon24.highlight.price-tag,
.icon25.highlight.price-tag,
.icon100.highlight.price-tag,
.icon13.highlight.price-tag,
.icon12.highlight.price-tag {
    background-image: url(../images/highlight/priceTag.png);
}
.icon16.highlight.camera,
.icon24.highlight.camera,
.icon25.highlight.camera,
.icon100.highlight.camera,
.icon13.highlight.camera,
.icon12.highlight.camera {
    background-image: url(../images/highlight/camera.png);
}
.icon16.green.like,
.icon24.green.like,
.icon25.green.like,
.icon100.green.like,
.icon13.green.like,
.icon12.green.like {
    background-image: url(../images/green/like.png);
}
.icon16.yellow.login,
.icon24.yellow.login,
.icon25.yellow.login,
.icon100.yellow.login,
.icon13.yellow.login,
.icon12.yellow.login {
    background-image: url(../images/yellow/login.png);
}
.icon16.blue.facebook,
.icon24.blue.facebook,
.icon25.blue.facebook,
.icon100.blue.facebook,
.icon13.blue.facebook,
.icon12.blue.facebook {
    background-image: url(../images/blue/facebook.png);
}
.loader {
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/spinner.gif);
}
.loader.big {
    width: 38px;
    height: 38px;
    display: block;
}
.loader.small {
    width: 25px;
    height: 25px;
    display: inline-block;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.loader.centered {
    margin-left: 50%;
}
.logo {
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}
.logo.highlight img {
    height: 29px;
}
.logo.white {
    background-image: url(../images/mooble/white.png);
}
.logo.black {
    background-image: url(../images/mooble/black.png);
}
.btn .icon16,
.btn .icon24,
.btn .icon25,
.btn .icon100,
.btn .icon13,
.btn .icon12 {
    vertical-align: text-bottom;
    margin-right: 3px;
}
.icon-middle {
    vertical-align: middle;
}
