/* icon style */
.icon {
	height:20px;
	width:20px;
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	display:inherit;
}

/* Globe */
.icon-globe {
	background-image: url('../icons/dark-gray/Globe.svg');
}

/* 2 User */
.icon-user {
	background-image: url('../icons/dark-gray/2 User.svg');
}
.icon-user.gray {
	background-image: url('../icons/gray/2 User.svg');
}
.icon-user.green {
	background-image: url('../icons/green/2 User.svg');
}
.icon-user.light-gray {
	background-image: url('../icons/light-gray/2 User.svg');
}
.icon-user.light-ultramarine {
	background-image: url('../icons/light-ultramarine/2 User.svg');
}
.icon-user.orange {
	background-image: url('../icons/orange/2 User.svg');
}
.icon-user.purple {
	background-image: url('../icons/purple/2 User.svg');
}
.icon-user.red {
	background-image: url('../icons/red/2 User.svg');
}
.icon-user.white {
	background-image: url('../icons/white/2 User.svg');
}

/* 3 User */
.icon-users {
	background-image: url('../icons/dark-gray/3 User.svg');
}
.icon-users.gray {
	background-image: url('../icons/gray/3 User.svg');
}
.icon-users.green {
	background-image: url('../icons/green/3 User.svg');
}
.icon-users.light-gray {
	background-image: url('../icons/light-gray/3 User.svg');
}
.icon-users.light-ultramarine {
	background-image: url('../icons/light-ultramarine/3 User.svg');
}
.icon-users.orange {
	background-image: url('../icons/orange/3 User.svg');
}
.icon-users.purple {
	background-image: url('../icons/purple/3 User.svg');
}
.icon-users.red {
	background-image: url('../icons/red/3 User.svg');
}
.icon-users.white {
	background-image: url('../icons/white/3 User.svg');
}

/* Add */
.icon-add {
	background-image: url('../icons/dark-gray/Add.svg');
}
.icon-add.gray {
	background-image: url('../icons/gray/Add.svg');
}
.icon-add.green {
	background-image: url('../icons/green/Add.svg');
}
.icon-add.light-gray {
	background-image: url('../icons/light-gray/Add.svg');
}
.icon-add.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Add.svg');
}
.icon-add.orange {
	background-image: url('../icons/orange/Add.svg');
}
.icon-add.purple {
	background-image: url('../icons/purple/Add.svg');
}
.icon-add.red {
	background-image: url('../icons/red/Add.svg');
}
.icon-add.white {
	background-image: url('../icons/white/Add.svg');
}

/* Bag */
.icon-bag {
	background-image: url('../icons/dark-gray/Bag.svg');
}
.icon-bag.gray {
	background-image: url('../icons/gray/Bag.svg');
}
.icon-bag.green {
	background-image: url('../icons/green/Bag.svg');
}
.icon-bag.light-gray {
	background-image: url('../icons/light-gray/Bag.svg');
}
.icon-bag.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Bag.svg');
}
.icon-bag.orange {
	background-image: url('../icons/orange/Bag.svg');
}
.icon-bag.purple {
	background-image: url('../icons/purple/Bag.svg');
}
.icon-bag.red {
	background-image: url('../icons/red/Bag.svg');
}
.icon-bag.white {
	background-image: url('../icons/white/Bag.svg');
}

/* Building */
.icon-building {
	background-image: url('../icons/dark-gray/Building.svg');
}
.icon-building.gray {
	background-image: url('../icons/gray/Building.svg');
}
.icon-building.green {
	background-image: url('../icons/green/Building.svg');
}
.icon-building.light-gray {
	background-image: url('../icons/light-gray/Building.svg');
}
.icon-building.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Building.svg');
}
.icon-building.orange {
	background-image: url('../icons/orange/Building.svg');
}
.icon-building.purple {
	background-image: url('../icons/purple/Building.svg');
}
.icon-building.red {
	background-image: url('../icons/red/Building.svg');
}
.icon-building.white {
	background-image: url('../icons/white/Building.svg');
}

/* Calendar */
.icon-calendar {
	background-image: url('../icons/dark-gray/Calendar.svg');
}
.icon-calendar.gray {
	background-image: url('../icons/gray/Calendar.svg');
}
.icon-calendar.green {
	background-image: url('../icons/green/Calendar.svg');
}
.icon-calendar.light-gray {
	background-image: url('../icons/light-gray/Calendar.svg');
}
.icon-calendar.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Calendar.svg');
}
.icon-calendar.orange {
	background-image: url('../icons/orange/Calendar.svg');
}
.icon-calendar.purple {
	background-image: url('../icons/purple/Calendar.svg');
}
.icon-calendar.red {
	background-image: url('../icons/red/Calendar.svg');
}
.icon-calendar.white {
	background-image: url('../icons/white/Calendar.svg');
}

/* Call */
.icon-call {
	background-image: url('../icons/dark-gray/Call.svg');
}
.icon-call.gray {
	background-image: url('../icons/gray/Call.svg');
}
.icon-call.green {
	background-image: url('../icons/green/Call.svg');
}
.icon-call.light-gray {
	background-image: url('../icons/light-gray/Call.svg');
}
.icon-call.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Call.svg');
}
.icon-call.orange {
	background-image: url('../icons/orange/Call.svg');
}
.icon-call.purple {
	background-image: url('../icons/purple/Call.svg');
}
.icon-call.red {
	background-image: url('../icons/red/Call.svg');
}
.icon-call.white {
	background-image: url('../icons/white/Call.svg');
}

/* Check */
.icon-check {
	background-image: url('../icons/dark-gray/Check.svg');
}
.icon-check.gray {
	background-image: url('../icons/gray/Check.svg');
}
.icon-check.green {
	background-image: url('../icons/green/Check.svg');
}
.icon-check.light-gray {
	background-image: url('../icons/light-gray/Check.svg');
}
.icon-check.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Check.svg');
}
.icon-check.orange {
	background-image: url('../icons/orange/Check.svg');
}
.icon-check.purple {
	background-image: url('../icons/purple/Check.svg');
}
.icon-check.red {
	background-image: url('../icons/red/Check.svg');
}
.icon-check.white {
	background-image: url('../icons/white/Check.svg');
}

/* Close */
.icon-close {
	background-image: url('../icons/dark-gray/Close.svg');
}
.icon-close.gray {
	background-image: url('../icons/gray/Close.svg');
}
.alert-success .close > .icon-close,
.icon-close.green {
	background-image: url('../icons/green/Close.svg') !important;
}
.icon-close.light-gray {
	background-image: url('../icons/light-gray/Close.svg');
}
.icon-close.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Close.svg');
}
.icon-close.orange {
	background-image: url('../icons/orange/Close.svg');
}
.icon-close.purple {
	background-image: url('../icons/purple/Close.svg');
}
.alert-danger .close > .icon-close,
.icon-close.red {
	background-image: url('../icons/red/Close.svg') !important;
}
.icon-close.white {
	background-image: url('../icons/white/Close.svg');
}

/* Danger Circle */
.icon-danger-circle {
	background-image: url('../icons/dark-gray/Danger Circle.svg');
}
.icon-danger-circle.gray {
	background-image: url('../icons/gray/Danger Circle.svg');
}
.alert-success .icon-danger-circle,
.icon-danger-circle.green {
	background-image: url('../icons/green/Danger Circle.svg') !important;
}
.icon-danger-circle.light-gray {
	background-image: url('../icons/light-gray/Danger Circle.svg');
}
.icon-danger-circle.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Danger Circle.svg');
}
.icon-danger-circle.orange {
	background-image: url('../icons/orange/Danger Circle.svg');
}
.icon-danger-circle.purple {
	background-image: url('../icons/purple/Danger Circle.svg');
}
.alert-danger .icon-danger-circle,
.icon-danger-circle.red {
	background-image: url('../icons/red/Danger Circle.svg') !important;
}
.icon-danger-circle.white {
	background-image: url('../icons/white/Danger Circle.svg');
}

/* Delete */
.icon-delete {
	background-image: url('../icons/dark-gray/Delete.svg');
}
.disabled .icon-delete,
.icon-delete.gray {
	background-image: url('../icons/gray/Delete.svg') !important;
}
.icon-delete.green {
	background-image: url('../icons/green/Delete.svg');
}
.icon-delete.light-gray {
	background-image: url('../icons/light-gray/Delete.svg');
}
.icon-delete.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Delete.svg');
}
.icon-delete.orange {
	background-image: url('../icons/orange/Delete.svg');
}
.icon-delete.purple {
	background-image: url('../icons/purple/Delete.svg');
}
.icon-delete.red {
	background-image: url('../icons/red/Delete.svg');
}
.icon-delete.white {
	background-image: url('../icons/white/Delete.svg');
}

/* Download */
.icon-download {
	background-image: url('../icons/dark-gray/Download.svg');
}
.icon-download.gray {
	background-image: url('../icons/gray/Download.svg');
}
.icon-download.green {
	background-image: url('../icons/green/Download.svg');
}
.icon-download.light-gray {
	background-image: url('../icons/light-gray/Download.svg');
}
.icon-download.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Download.svg');
}
.icon-download.orange {
	background-image: url('../icons/orange/Download.svg');
}
.icon-download.purple {
	background-image: url('../icons/purple/Download.svg');
}
.icon-download.red {
	background-image: url('../icons/red/Download.svg');
}
.icon-download.white {
	background-image: url('../icons/white/Download.svg');
}

/* Arrow Down */
.icon-arrow-down {
	background-image: url('../icons/dark-gray/Arrow - Down 2.svg');
}

/* Arrow Right */
.icon-arrow-right {
	background-image: url('../icons/dark-gray/Arrow - Right.svg');
}

/* Folder */
.icon-folder {
	background-image: url('../icons/dark-gray/Folder.svg');
}
.icon-folder.gray {
	background-image: url('../icons/gray/Folder.svg');
}
.icon-folder.green {
	background-image: url('../icons/green/Folder.svg');
}
.icon-folder.light-gray {
	background-image: url('../icons/light-gray/Folder.svg');
}
.icon-folder.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Folder.svg');
}
.icon-folder.orange {
	background-image: url('../icons/orange/Folder.svg');
}
.icon-folder.purple {
	background-image: url('../icons/purple/Folder.svg');
}
.icon-folder.red {
	background-image: url('../icons/red/Folder.svg');
}
.icon-folder.white {
	background-image: url('../icons/white/Folder.svg');
}

/* Hide */
.icon-hide {
	background-image: url('../icons/dark-gray/Hide.svg');
}
.icon-hide.gray {
	background-image: url('../icons/gray/Hide.svg');
}
.icon-hide.green {
	background-image: url('../icons/green/Hide.svg');
}
.icon-hide.light-gray {
	background-image: url('../icons/light-gray/Hide.svg');
}
.icon-hide.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Hide.svg');
}
.icon-hide.orange {
	background-image: url('../icons/orange/Hide.svg');
}
.icon-hide.purple {
	background-image: url('../icons/purple/Hide.svg');
}
.icon-hide.red {
	background-image: url('../icons/red/Hide.svg');
}
.icon-hide.white {
	background-image: url('../icons/white/Hide.svg');
}

/* Lock */
.icon-lock {
	background-image: url('../icons/dark-gray/Lock.svg');
}
.icon-lock.gray {
	background-image: url('../icons/gray/Lock.svg');
}
.icon-lock.green {
	background-image: url('../icons/green/Lock.svg');
}
.icon-lock.light-gray {
	background-image: url('../icons/light-gray/Lock.svg');
}
.icon-lock.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Lock.svg');
}
.icon-lock.orange {
	background-image: url('../icons/orange/Lock.svg');
}
.icon-lock.purple {
	background-image: url('../icons/purple/Lock.svg');
}
.icon-lock.red {
	background-image: url('../icons/red/Lock.svg');
}
.icon-lock.white {
	background-image: url('../icons/white/Lock.svg');
}

/* Message */
.icon-message {
	background-image: url('../icons/dark-gray/Message.svg');
}
.icon-message.gray {
	background-image: url('../icons/gray/Message.svg');
}
.icon-message.green {
	background-image: url('../icons/green/Message.svg');
}
.icon-message.light-gray {
	background-image: url('../icons/light-gray/Message.svg');
}
.icon-message.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Message.svg');
}
.icon-message.orange {
	background-image: url('../icons/orange/Message.svg');
}
.icon-message.purple {
	background-image: url('../icons/purple/Message.svg');
}
.icon-message.red {
	background-image: url('../icons/red/Message.svg');
}
.icon-message.white {
	background-image: url('../icons/white/Message.svg');
}

/* Notification */
.icon-notification {
	background-image: url('../icons/dark-gray/Notification.svg');
}
.icon-notification.gray {
	background-image: url('../icons/gray/Notification.svg');
}
.icon-notification.green {
	background-image: url('../icons/green/Notification.svg');
}
.icon-notification.light-gray {
	background-image: url('../icons/light-gray/Notification.svg');
}
.icon-notification.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Notification.svg');
}
.icon-notification.orange {
	background-image: url('../icons/orange/Notification.svg');
}
.icon-notification.purple {
	background-image: url('../icons/purple/Notification.svg');
}
.icon-notification.red {
	background-image: url('../icons/red/Notification.svg');
}
.icon-notification.white {
	background-image: url('../icons/white/Notification.svg');
}

/* Power */
.icon-power {
	background-image: url('../icons/dark-gray/Power.svg');
}
.icon-power.gray {
	background-image: url('../icons/gray/Power.svg');
}
.icon-power.green {
	background-image: url('../icons/green/Power.svg');
}
.icon-power.light-gray {
	background-image: url('../icons/light-gray/Power.svg');
}
.icon-power.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Power.svg');
}
.icon-power.orange {
	background-image: url('../icons/orange/Power.svg');
}
.icon-power.purple {
	background-image: url('../icons/purple/Power.svg');
}
.icon-power.red {
	background-image: url('../icons/red/Power.svg');
}
.icon-power.white {
	background-image: url('../icons/white/Power.svg');
}

/* Printer */
.icon-printer {
	background-image: url('../icons/dark-gray/Printer.svg');
}
.icon-printer.gray {
	background-image: url('../icons/gray/Printer.svg');
}
.icon-printer.green {
	background-image: url('../icons/green/Printer.svg');
}
.icon-printer.light-gray {
	background-image: url('../icons/light-gray/Printer.svg');
}
.icon-printer.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Printer.svg');
}
.icon-printer.orange {
	background-image: url('../icons/orange/Printer.svg');
}
.icon-printer.purple {
	background-image: url('../icons/purple/Printer.svg');
}
.icon-printer.red {
	background-image: url('../icons/red/Printer.svg');
}
.icon-printer.white {
	background-image: url('../icons/white/Printer.svg');
}

/* Profile */
.icon-profile {
	background-image: url('../icons/dark-gray/Profile.svg');
}
.icon-profile.gray {
	background-image: url('../icons/gray/Profile.svg');
}
.icon-profile.green {
	background-image: url('../icons/green/Profile.svg');
}
.icon-profile.light-gray {
	background-image: url('../icons/light-gray/Profile.svg');
}
.icon-profile.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Profile.svg');
}
.icon-profile.orange {
	background-image: url('../icons/orange/Profile.svg');
}
.icon-profile.purple {
	background-image: url('../icons/purple/Profile.svg');
}
.icon-profile.red {
	background-image: url('../icons/red/Profile.svg');
}
.icon-profile.white {
	background-image: url('../icons/white/Profile.svg');
}

/* Search */
.icon-search {
	background-image: url('../icons/dark-gray/Search.svg');
}
.icon-search.gray {
	background-image: url('../icons/gray/Search.svg');
}
.icon-search.green {
	background-image: url('../icons/green/Search.svg');
}
.icon-search.light-gray {
	background-image: url('../icons/light-gray/Search.svg');
}
.icon-search.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Search.svg');
}
.icon-search.orange {
	background-image: url('../icons/orange/Search.svg');
}
.icon-search.purple {
	background-image: url('../icons/purple/Search.svg');
}
.icon-search.red {
	background-image: url('../icons/red/Search.svg');
}
.icon-search.white {
	background-image: url('../icons/white/Search.svg');
}

/* Send */
.icon-send {
	background-image: url('../icons/dark-gray/Send.svg');
}
.icon-send.gray {
	background-image: url('../icons/gray/Send.svg');
}
.icon-send.green {
	background-image: url('../icons/green/Send.svg');
}
.icon-send.light-gray {
	background-image: url('../icons/light-gray/Send.svg');
}
.icon-send.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Send.svg');
}
.icon-send.orange {
	background-image: url('../icons/orange/Send.svg');
}
.icon-send.purple {
	background-image: url('../icons/purple/Send.svg');
}
.icon-send.red {
	background-image: url('../icons/red/Send.svg');
}
.icon-send.white {
	background-image: url('../icons/white/Send.svg');
}

/* Show */
.icon-show {
	background-image: url('../icons/dark-gray/Show.svg');
}
.icon-show.gray {
	background-image: url('../icons/gray/Show.svg');
}
.icon-show.green {
	background-image: url('../icons/green/Show.svg');
}
.icon-show.light-gray {
	background-image: url('../icons/light-gray/Show.svg');
}
.icon-show.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Show.svg');
}
.icon-show.orange {
	background-image: url('../icons/orange/Show.svg');
}
.icon-show.purple {
	background-image: url('../icons/purple/Show.svg');
}
.icon-show.red {
	background-image: url('../icons/red/Show.svg');
}
.icon-show.white {
	background-image: url('../icons/white/Show.svg');
}

/* Time Circle */
.icon-time-circle {
	background-image: url('../icons/dark-gray/Time Circle.svg');
}
.icon-time-circle.gray {
	background-image: url('../icons/gray/Time Circle.svg');
}
.icon-time-circle.green {
	background-image: url('../icons/green/Time Circle.svg');
}
.icon-time-circle.light-gray {
	background-image: url('../icons/light-gray/Time Circle.svg');
}
.icon-time-circle.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Time Circle.svg');
}
.icon-time-circle.orange {
	background-image: url('../icons/orange/Time Circle.svg');
}
.icon-time-circle.purple {
	background-image: url('../icons/purple/Time Circle.svg');
}
.icon-time-circle.red {
	background-image: url('../icons/red/Time Circle.svg');
}
.icon-time-circle.white {
	background-image: url('../icons/white/Time Circle.svg');
}

/* Upload */
.icon-upload {
	background-image: url('../icons/dark-gray/Upload.svg');
}
.icon-upload.gray {
	background-image: url('../icons/gray/Upload.svg');
}
.icon-upload.green {
	background-image: url('../icons/green/Upload.svg');
}
.icon-upload.light-gray {
	background-image: url('../icons/light-gray/Upload.svg');
}
.icon-upload.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Upload.svg');
}
.icon-upload.orange {
	background-image: url('../icons/orange/Upload.svg');
}
.icon-upload.purple {
	background-image: url('../icons/purple/Upload.svg');
}
.icon-upload.red {
	background-image: url('../icons/red/Upload.svg');
}
.icon-upload.white {
	background-image: url('../icons/white/Upload.svg');
}

/* Work */
.icon-work {
	background-image: url('../icons/dark-gray/Work.svg');
}
.icon-work.gray {
	background-image: url('../icons/gray/Work.svg');
}
.icon-work.green {
	background-image: url('../icons/green/Work.svg');
}
.icon-work.light-gray {
	background-image: url('../icons/light-gray/Work.svg');
}
.icon-work.light-ultramarine {
	background-image: url('../icons/light-ultramarine/Work.svg');
}
.icon-work.orange {
	background-image: url('../icons/orange/Work.svg');
}
.icon-work.purple {
	background-image: url('../icons/purple/Work.svg');
}
.icon-work.red {
	background-image: url('../icons/red/Work.svg');
}
.icon-work.white {
	background-image: url('../icons/white/Work.svg');
}

/* Whatsapp */
.icon-whatsapp {
	background-image: url('../icons/gray/WhatsApp.svg');
}
.icon-whatsapp.green {
	background-image: url('../icons/green/WhatsApp.svg');
}

/* Paper */
.icon-paper.green {
	background-image: url('../icons/green/Paper.svg');
}
.icon-paper.white {
	background-image: url('../icons/white/Paper.svg');
}
.icon-paper.purple {
	background-image: url('../icons/purple/Paper.svg');
}

/* Reload */
.icon-reload.green {
	background-image: url('../icons/green/Reload.svg');
}
.icon-reload.purple {
	background-image: url('../icons/purple/Reload.svg');
}
.icon-reload.white {
	background-image: url('../icons/white/Reload.svg');
}

/* Document */
.icon-document {
	background-image: url('../icons/gray/Document.svg');
}
.icon-document.white {
	background-image: url('../icons/white/Document.svg');
}

/* Copy */
.icon-copy.white {
	background-image: url('../icons/white/Copy.svg');
}

/* Setting */
.icon-setting {
	background-image: url('../icons/gray/Setting.svg');
}


.badge .icon {
	display: block;
	height:15px;
	width:15px;
}
.badge-lg .icon {
	min-height:25px;
	min-width:25px;
}
.badge-danger .icon-close {
	background-image: url('../icons/thick/Close.svg') !important;
}
.badge-success .icon-check {
	background-image: url('../icons/thick/Check.svg') !important;
}