.icon {
	display: inline-block;
    vertical-align: -6% !important;
	width: 1em;
	height: 1em;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
    position: relative;
    left: 0;
    top: 0;
}
.icon-disabled {
    -webkit-filter: grayscale(1); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    filter: gray; 
    filter: grayscale(100%);
    opacity: 0.33;
}
.icon-nested-right-bottom {
    position: relative;
    left: auto;
    top: auto;
    right: -0.1em;
    bottom: -0.1em;
	width: 0.5em;
	height: 0.5em;
}
.icon-arrow-next {background-image: url(arrow-next.svg);}
.icon-attachment-black {background-image: url(attachment-black.svg);}
.icon-attachment-blue {background-image: url(attachment-blue.svg);}
.icon-attachment-green {background-image: url(attachment-green.svg);}
.icon-attachment-orange {background-image: url(attachment-orange.svg);}
.icon-attachment-red {background-image: url(attachment-red.svg);}
.icon-attachment-white {background-image: url(attachment-white.svg);}
.icon-back-white {background-image: url(back-white.svg);}
.icon-bell {background-image: url(bell.svg);}
.icon-binder {background-image: url(binder.svg);}
.icon-book {background-image: url(book.svg);}
.icon-bullet {background-image: url(bullet.svg);}
.icon-calendar {background-image: url(calendar.svg);}
.icon-checkbox-off {background-image: url(checkbox-off.svg);}
.icon-checkbox-on {background-image: url(checkbox-on.svg);}
.icon-cross {background-image: url(cross.svg);}
.icon-cross-black {background-image: url(cross-black.svg);}
.icon-cross-gray {background-image: url(cross-gray.svg);}
.icon-cross-white {background-image: url(cross-white.svg);}
.icon-cube {background-image: url(cube.svg);}
.icon-customers {background-image: url(customers.svg);}
.icon-customer {background-image: url(customer.svg);}
.icon-delivery {background-image: url(delivery.svg);}
.icon-document {background-image: url(document.svg);}
.icon-dollars {background-image: url(dollars.svg);}
.icon-download {background-image: url(download.svg);}
.icon-edit {background-image: url(edit.svg);}
.icon-elipsis {background-image: url(elipsis.svg);}
.icon-exclamation {background-image: url(exclamation.svg);}
.icon-expired {background-image: url(expired.svg);}
.icon-file {background-image: url(file.svg);}
.icon-file-dwg {background-image: url(file/dwg.svg);}
.icon-file-pdf {background-image: url(file/pdf.svg);}
.icon-file-svg {background-image: url(file/svg.svg);}
.icon-file-xls {background-image: url(file/xls.svg);}
.icon-file-xlsx {background-image: url(file/xls.svg);}
.icon-flag {background-image: url(flag.svg);}
.icon-gdpr {background-image: url(gdpr.svg);}
.icon-handshake {background-image: url(handshake.svg);}
.icon-chart {background-image: url(chart.svg);}
.icon-industrial-robot-factory {background-image: url(industrial-robot-factory.svg);}
.icon-info {background-image: url(info.svg);}
.icon-magnifying-glass {background-image: url(magnifying-glass.svg);}
.icon-message {background-image: url(message.svg);}
.icon-message-unread {background-image: url(message-unread.svg);}
.icon-noedit {background-image: url(noedit.svg);}
.icon-number {background-image: url(number.svg);}
.icon-nut-and-bolt {background-image: url(nut-and-bolt.svg);}
.icon-ok {background-image: url(ok.svg);}
.icon-ok-white {background-image: url(ok-white.svg);}
.icon-other-black {background-image: url(other-black.svg);}
.icon-other-white {background-image: url(other-white.svg);}
.icon-password {background-image: url(password.svg);}
.icon-plus-white {background-image: url(plus-white.svg);}
.icon-print {background-image: url(print.svg);}
.icon-question {background-image: url(question.svg);}
.icon-setting {background-image: url(setting.svg);}
.icon-separator {background-image: url(separator.svg);}
.icon-show {background-image: url(show.svg);}
.icon-sort-arrows {background-image: url(sort-arrows.svg);}
.icon-status-green {background-image: url(status-green.svg);}
.icon-status-red {background-image: url(status-red.svg);}
.icon-status-yellow {background-image: url(status-yellow.svg);}
.icon-table-black {background-image: url(table-black.svg);}
.icon-table-column-delete {background-image: url(table/column-delete.svg);}
.icon-table-column-insert {background-image: url(table/column-insert.svg);}
.icon-table-row-delete {background-image: url(table/row-delete.svg);}
.icon-table-row-insert {background-image: url(table/row-insert.svg);}
.icon-tasks {background-image: url(tasks.svg);}
.icon-upload {background-image: url(upload.svg);}
.icon-user {background-image: url(user.svg);}
.icon-vertical-3-dots {background-image: url(vertical-3-dots.svg);}
.icon-vertical-line {background-image: url(vertical-line.svg);}
.icon-undo {background-image: url(undo.svg);}
.icon-user {background-image: url(user.svg);}
.icon-white-checkbox-off {background-image: url(white-checkbox-off.svg);}
.icon-white-checkbox-on {background-image: url(white-checkbox-on.svg);}
.icon-work {background-image: url(work.svg);}