/* For icon preview page  */
.grid-container-icon {
	max-width: 90%;
}

.icon-preview .cell {
	width: 110px;
	border: 1px solid var(--Light);
	border-radius: 0.35rem;
	margin: 0 0.25rem 0.25rem 0;
	text-align: center;
	color: var(--PrimaryLight);
	padding: 0.5rem 0.25rem;
}

.icon-preview-reversed .cell,
.reversed.cell {
	background: var(--PrimaryLight);
	color: var(--White);
}

.icon-review-feature .cell {
	width: 160px;
}

.icon-preview .cell .icon {
	text-align: center;
	width: 1.5rem;
	height: 1.5rem;
}

.icon-preview .cell p {
	font-size: 0.8rem;
}

.icon-preview-plain .cell .icon {
	text-align: center;
	width: inherit;
	height: inherit;
}

.icon-review-feature .cell .icon {
	text-align: center;
	width: 2.5rem;
	height: 2.5rem;
}

.icon {
	width: 1.5rem;  /* Slight wider for offsetting */
	height: 1.5rem;
	display: inline-block;
	position: relative;
	top: var(--measurement-035);
}

.icon-small,
.icon.icon-small,
.label .icon.icon-small,
.button.small .icon {
	width: 1.125rem;
	height: 1.125rem;
	top: 3px;
}

.icon-med,
.icon.icon-med,
.label .icon.icon-med {
	width: 1.75rem;
	height: 1.75rem;
	top: 0;
}

.icon-lg,
.icon.icon-lg,
.label .icon.icon-lg {
	width: 2.75rem;
	height: 2.75rem;
}

.icon-border {
  border: 1px solid var(--General);
  border-radius: 50%;
}

.profile-dropdown-pane .icon {
  width: 1.75rem;
  height: 1.75rem;
  top: -2px !important;
}


.icon.clear-icon {
  cursor: pointer;
  display: flex !important;
  position: relative;
  margin: 0;
  right: 2%;
  top: var(--measurement-6);
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  border: none;
  z-index: 2000;
  float: right;
}

.icon.clear-icon-margin {
  right: -5%;
}



/* For icon preview sheet */
.icon-preview .cell .icon.icon-small {width: 1rem; height: 1rem;}
.icon-preview .cell .icon.icon-med {width: 1.75rem; height: 1.5rem;}
.icon-preview .cell .icon.icon-lg {width: 2.25rem; height: 2rem;}


.icon-action {background: url("../icons/action.svg") no-repeat center center;}
.icon-action-white, .white .icon-action {background: url("../icons/action-white.svg") no-repeat center center;}

.icon-ai {background: url("../icons/ai.svg") no-repeat center center;}
.icon-ai-white, .white .icon-archive {background: url("../icons/ai-white.svg") no-repeat center center;}
.icon-ai-black, .black .icon-ai {background: url("../icons/ai-black.svg") no-repeat center center;}


.icon-alert {background: url("../icons/alert.svg") no-repeat center center;}
.icon-alert-white, .white .icon-alert {background: url("../icons/alert-white.svg") no-repeat center center;}
.icon-alert-black, .black .icon-alert {background: url("../icons/alert-black.svg") no-repeat center center;}
.icon-alert-red {background: url("../icons/alert-red.svg") no-repeat center center;}

.icon-annotate {background: url("../icons/annotate.svg") no-repeat center center;}
.icon-annotate-white, .white .icon-annotate {background: url("../icons/annotate-white.svg") no-repeat center center;}

.icon-archive {background: url("../icons/archive.svg") no-repeat center center;}
.icon-archive-white, .white .icon-archive {background: url("../icons/archive-white.svg") no-repeat center center;}
.icon-archive-black, .black .icon-archive {background: url("../icons/archive-black.svg") no-repeat center center;}

.icon-arrow-left {background: url("../icons/arrow-left.svg") no-repeat center center;}
.icon-arrow-left-white, .white .icon-arrow-left {background: url("../icons/arrow-left-white.svg") no-repeat center center;}

.icon-arrow-right {background: url("../icons/arrow-right.svg") no-repeat center center;}
.icon-arrow-right-white, .white .icon-arrow-right {background: url("../icons/arrow-right-white.svg") no-repeat center center;}

.icon-arrow-angled-left {background: url("../icons/arrow-angled-left.svg") no-repeat center center;}
.icon-arrow-angled-left-white, .white .icon-arrow-left {background: url("../icons/arrow-angled-left-white.svg") no-repeat center center;}

.icon-arrow-angled-right {background: url("../icons/arrow-angled-right.svg") no-repeat center center;}
.icon-arrow-angled-right-white, .white .icon-arrow-angled-right {background: url("../icons/arrow-angled-right-white.svg") no-repeat center center;}

.icon-arrow-up {background: url("../icons/arrow-up.svg") no-repeat center center;}
.icon-arrow-up-white, .white .icon-arrow-up {background: url("../icons/arrow-up-white.svg") no-repeat center center;}
.icon-arrow-up-black, .black .icon-arrow-up {background: url("../icons/arrow-up-black.svg") no-repeat center center;}

.icon-arrow-down {background: url("../icons/arrow-down.svg") no-repeat center center;}
.icon-arrow-down-white, .white .icon-arrow-down {background: url("../icons/arrow-down-white.svg") no-repeat center center;}
.icon-arrow-down-black, .black .icon-arrow-down {background: url("../icons/arrow-down-black.svg") no-repeat center center;}

.icon-arrowhead-down {background: url("../icons/arrowhead-down.svg") no-repeat center center;}
.icon-arrowhead-down-white, .white .icon-arrowhead-down {background: url("../icons/arrowhead-down-white.svg") no-repeat center center;}
.icon-arrowhead-down-black, .black .icon-arrowhead-down {background: url("../icons/arrowhead-down-black.svg") no-repeat center center;}

.icon-arrowhead-up {background: url("../icons/arrowhead-up.svg") no-repeat center center;}
.icon-arrowhead-up-white, .white .icon-arrowhead-up {background: url("../icons/arrowhead-up-white.svg") no-repeat center center;}
.icon-arrowhead-up-black, .black .icon-arrowhead-up {background: url("../icons/arrowhead-up-black.svg") no-repeat center center;}

.icon-arrowhead-left {background: url("../icons/arrowhead-left.svg") no-repeat center center;}
.icon-arrowhead-left-white, .white .icon-arrowhead-left {background: url("../icons/arrowhead-left-white.svg") no-repeat center center;}
.icon-arrowhead-left-black, .black .icon-arrowhead-left {background: url("../icons/arrowhead-left-black.svg") no-repeat center center;}

.icon-arrowhead-right {background: url("../icons/arrowhead-right.svg") no-repeat center center;}
.icon-arrowhead-right-white, .white .icon-arrowhead-right {background: url("../icons/arrowhead-right-white.svg") no-repeat center center;}
.icon-arrowhead-right-black, .black .icon-arrowhead-right {background: url("../icons/arrowhead-right-black.svg") no-repeat center center;}

.icon-arrowhead-block-down {background: url("../icons/arrowhead-block-down.svg") no-repeat center center;}
.icon-arrowhead-block-down-white, .white .icon-arrowhead-block-down {background: url("../icons/arrowhead-block-down-white.svg") no-repeat center center;}
.icon-arrowhead-block-down-black, .black .icon-arrowhead-block-down {background: url("../icons/arrowhead-block-down-black.svg") no-repeat center center;}

.icon-arrowhead-block-up {background: url("../icons/arrowhead-block-up.svg") no-repeat center center;}
.icon-arrowhead-block-up-white, .white .icon-arrowhead-block-up {background: url("../icons/arrowhead-block-up-white.svg") no-repeat center center;}
.icon-arrowhead-block-up-black, .black .icon-arrowhead-block-up {background: url("../icons/arrowhead-block-up-black.svg") no-repeat center center;}


.icon-audio {background: url("../icons/audio.svg") no-repeat center center;}
.icon-audio-white, .white .icon-audio {background: url("../icons/audio-white.svg") no-repeat center center;}
.icon-audio-black, .black .icon-audio {background: url("../icons/audio-black.svg") no-repeat center center;}

.icon-audio-square {background: url("../icons/audio-square.svg") no-repeat center center;}
.icon-audio-square-white, .white .icon-audio-square {background: url("../icons/audio-square-white.svg") no-repeat center center;}
.icon-audio-square-black, .black .icon-audio-square {background: url("../icons/audio-square-black.svg") no-repeat center center;}

.icon-billing {background: url("../icons/billing.svg") no-repeat center center;}
.icon-billing-white, .white .icon-billing {background: url("../icons/billing-white.svg") no-repeat center center;}

.icon-blank {background: url("../icons/blank.svg") no-repeat center center;}
.icon-blank-white, .white .icon-blank {background: url("../icons/blank-white.svg") no-repeat center center;}

.icon-card-view {background: url("../icons/card-view.svg") no-repeat center center;}
.icon-card-view-white, .white .icon-card-view {background: url("../icons/card-view-white.svg") no-repeat center center;}
.icon-card-view-black, .black .icon-card-view {background: url("../icons/card-view-black.svg") no-repeat center center;}

.icon-categories {background: url("../icons/categories.svg") no-repeat center center;}
.icon-categories-white, .white .icon-categories {background: url("../icons/categories-white.svg") no-repeat center center;}
.icon-categories-black, .black .icon-categories {background: url("../icons/categories-black.svg") no-repeat center center;}

.icon-chevron-small-down {background: url("../icons/chevron-small-down.svg") no-repeat center center;}
.icon-chevron-small-down-white, .white .icon-chevron-small-down {background: url("../icons/chevron-small-down-white.svg") no-repeat center center;}
.icon-chevron-small-down-black, .black .icon-chevron-small-down {background: url("../icons/chevron-small-down-black.svg") no-repeat center center;}

.icon-chevron-small-up {background: url("../icons/chevron-small-up.svg") no-repeat center center;}
.icon-chevron-small-up-white, .white .icon-chevron-small-up {background: url("../icons/chevron-small-up-white.svg") no-repeat center center;}
.icon-chevron-small-up-black, .black .icon-chevron-small-up {background: url("../icons/chevron-small-up-black.svg") no-repeat center center;}


.icon-chevron-down {background: url("../icons/chevron-down.svg") no-repeat center center;}
.icon-chevron-down-white, .white .icon-chevron-down {background: url("../icons/chevron-down-white.svg") no-repeat center center;}
.icon-chevron-down-black, .black .icon-chevron-down {background: url("../icons/chevron-down-black.svg") no-repeat center center;}


.icon-chevron-up {background: url("../icons/chevron-up.svg") no-repeat center center;}
.icon-chevron-up-white, .white .icon-chevron-up {background: url("../icons/chevron-up-white.svg") no-repeat center center;}
.icon-chevron-up-black, .black .icon-chevron-up {background: url("../icons/chevron-up-black.svg") no-repeat center center;}


.icon-chevron-down-circle {background: url("../icons/chevron-down-circle.svg") no-repeat center center;}
.icon-chevron-down-circle-white, .white .icon-chevron-down-circle {background: url("../icons/chevron-down-circle-white.svg") no-repeat center center;}

.icon-chevron-up-circle {background: url("../icons/chevron-up-circle.svg") no-repeat center center;}
.icon-chevron-up-circle-white, .white .icon-chevron-up-circle {background: url("../icons/chevron-up-circle-white.svg") no-repeat center center;}


.icon-chevron-left {background: url("../icons/chevron-left.svg") no-repeat center center;}
.icon-chevron-left-white, .white .icon-chevron-left {background: url("../icons/chevron-left-white.svg") no-repeat center center;}
.icon-chevron-left-black, .black .icon-chevron-left {background: url("../icons/chevron-left-black.svg") no-repeat center center;}

.icon-chevron-right {background: url("../icons/chevron-right.svg") no-repeat center center;}
.icon-chevron-right-white, .white .icon-chevron-right {background: url("../icons/chevron-right-white.svg") no-repeat center center;}
.icon-chevron-right-black, .black .icon-chevron-right {background: url("../icons/chevron-right-black.svg") no-repeat center center;}

.icon-clone {background: url("../icons/clone.svg") no-repeat center center;}
.icon-clone-white, .white .icon-clone {background: url("../icons/clone-white.svg") no-repeat center center;}

.icon-close-menu {background: url("../icons/double-chevron-left.svg") no-repeat center center;}
.icon-close-menu-white, .white .icon-close-menu {background: url("../icons/double-chevron-left-white.svg") no-repeat center center;}

.icon-collapse {background: url("../icons/collapse.svg") no-repeat center center;}
.icon-collapse-white, .white .icon-collapse {background: url("../icons/collapse-white.svg") no-repeat center center;}
.icon-collapse-black, .black .icon-collapse {background: url("../icons/collapse-black.svg") no-repeat center center;}


.icon-combine {background: url("../icons/combine.svg") no-repeat center center;}
.icon-combine-white, .white .icon-combine {background: url("../icons/combine-white.svg") no-repeat center center;}

.icon-comment {background: url("../icons/comment.svg") no-repeat center center;}
.icon-comment-white, .white .icon-comment {background: url("../icons/comment-white.svg") no-repeat center center;}
.icon-comment-grey, .grey .icon-comment {background: url("../icons/comment-grey.svg") no-repeat center center;}

.icon-company {background: url("../icons/company.svg") no-repeat center center;}
.icon-company-white, .white .icon-company {background: url("../icons/company-white.svg") no-repeat center center;}
.icon-company-black, .black .icon-company {background: url("../icons/company-black.svg") no-repeat center center;}

.icon-confirm {background: url("../icons/confirm.svg") no-repeat center center;}
.icon-confirm-tick {background: url("../icons/confirm-tick.svg") no-repeat center center;}
.icon-confirm-tick-roundel {background: url("../icons/confirm-tick-roundel.svg") no-repeat center center;}

.icon-contact {background: url("../icons/contact.svg") no-repeat center center;}
.icon-contact-white, .white .icon-contact {background: url("../icons/contact-white.svg") no-repeat center center;}
.icon-contact-grey, .grey .icon-contact {background: url("../icons/contact-grey.svg") no-repeat center center;}

.icon-contacts {background: url("../icons/contacts.svg") no-repeat center center;}
.icon-contacts-white, .white .icon-contact {background: url("../icons/contacts-white.svg") no-repeat center center;}
.icon-contacts-grey, .grey .icon-contact {background: url("../icons/contacts-grey.svg") no-repeat center center;}


.icon-copy-item {background: url("../icons/copy-item.svg") no-repeat center center;}
.icon-copy-item-white, .white .icon-copy-item {background: url("../icons/copy-item-white.svg") no-repeat center center;}
.icon-copy-item-black, .black .icon-copy-item {background: url("../icons/copy-item-black.svg") no-repeat center center;}

.icon-copy-item-green {background: url("../icons/copy-item-green.svg") no-repeat center center;}
.icon-roundel-copy-item-green {background: url("../icons/copy-item-green-roundel.svg") no-repeat center center;}

.icon-date {background: url("../icons/date.svg") no-repeat center center;}
.icon-date-white, .white .icon-date {background: url("../icons/date-white.svg") no-repeat center center;}
.icon-date-grey, .grey .icon-date {background: url("../icons/date-grey.svg") no-repeat center center;}

.icon-design-ops {background: url("../icons/design-ops.svg") no-repeat center center;}
.icon-design-ops-white, .white .icon-design-ops {background: url("../icons/design-ops-white.svg") no-repeat center center;}
.icon-design-ops-black, .black .icon-design-ops {background: url("../icons/design-ops-black.svg") no-repeat center center;}
.icon-design-ops-blue, .blue .icon-design-ops {background: url("../icons/design-ops-blue.svg") no-repeat center center;}

.icon-details {background: url("../icons/details.svg") no-repeat center center;}
.icon-details-white, .white .icon-details {background: url("../icons/details-white.svg") no-repeat center center;}
.icon-details-black, .black .icon-details {background: url("../icons/details-black.svg") no-repeat center center;}


.icon-doc {background: url("../icons/doc.svg") no-repeat center center;}
.icon-doc-white, .white .icon-doc {background: url("../icons/doc-white.svg") no-repeat center center;}
.icon-doc-black, .black .icon-doc {background: url("../icons/doc-black.svg") no-repeat center center;}

.icon-doc-acrobat {background: url("../icons/doc-acrobat.svg") no-repeat center center;}
.icon-doc-acrobat-white, .white .icon-doc-acrobat {background: url("../icons/doc-acrobat-white.svg") no-repeat center center;}
.icon-doc-acrobat-black, .black .icon-doc-acrobat {background: url("../icons/doc-acrobat-black.svg") no-repeat center center;}

.icon-doc-audio {background: url("../icons/doc-audio.svg") no-repeat center center;}
.icon-doc-audio-white, .white .icon-doc-audio {background: url("../icons/doc-audio-white.svg") no-repeat center center;}
.icon-doc-audio-black, .black .icon-doc-audio {background: url("../icons/doc-audio-black.svg") no-repeat center center;}

.icon-doc-excel {background: url("../icons/doc-excel.svg") no-repeat center center;}
.icon-doc-excel-white, .white .icon-doc-excel {background: url("../icons/doc-excel-white.svg") no-repeat center center;}
.icon-doc-excel-black, .black .icon-doc-excel {background: url("../icons/doc-excel-black.svg") no-repeat center center;}

.icon-doc-image {background: url("../icons/doc-image.svg") no-repeat center center;}
.icon-doc-image-white, .white .icon-doc-image {background: url("../icons/doc-image-white.svg") no-repeat center center;}
.icon-doc-image-black, .black .icon-doc-image {background: url("../icons/doc-image-black.svg") no-repeat center center;}

.icon-doc-pres {background: url("../icons/doc-pres.svg") no-repeat center center;}
.icon-doc-pres-white, .white .icon-doc-pres {background: url("../icons/doc-pres-white.svg") no-repeat center center;}
.icon-doc-pres-black, .black .icon-doc-pres {background: url("../icons/doc-pres-black.svg") no-repeat center center;}

.icon-doc-text {background: url("../icons/doc-text.svg") no-repeat center center;}
.icon-doc-text-white, .white .icon-doc-text {background: url("../icons/doc-text-white.svg") no-repeat center center;}
.icon-doc-text-black, .black .icon-doc-text {background: url("../icons/doc-text-black.svg") no-repeat center center;}

.icon-doc-word {background: url("../icons/doc-word.svg") no-repeat center center;}
.icon-doc-word-white, .white .icon-doc-word {background: url("../icons/doc-word-white.svg") no-repeat center center;}
.icon-doc-word-black, .black .icon-doc-word {background: url("../icons/doc-word-black.svg") no-repeat center center;}

.icon-doc-video {background: url("../icons/doc-video.svg") no-repeat center center;}
.icon-doc-video-white, .white .icon-doc-video {background: url("../icons/doc-video-white.svg") no-repeat center center;}
.icon-doc-video-black, .black .icon-doc-video {background: url("../icons/doc-video-black.svg") no-repeat center center;}


.icon-double-chevron-left {background: url("../icons/double-chevron-left.svg") no-repeat center center;}
.icon-double-chevron-left-white, .white .icon-double-chevron-left {background: url("../icons/double-chevron-left-white.svg") no-repeat center center;}
.icon-double-chevron-left-black, .black .icon-double-chevron-left {background: url("../icons/double-chevron-left-black.svg") no-repeat center center;}

.icon-double-chevron-right {background: url("../icons/double-chevron-right.svg") no-repeat center center;}
.icon-double-chevron-right-white, .white .icon-double-chevron-right {background: url("../icons/double-chevron-right-white.svg") no-repeat center center;}
.icon-double-chevron-right-black, .black .icon-double-chevron-right {background: url("../icons/double-chevron-right-black.svg") no-repeat center center;}


.icon-double-chevron-bold-left {background: url("../icons/double-chevron-bold-left.svg") no-repeat center center;}
.icon-double-chevron-bold-left-white, .white .icon-double-chevron-bold-left {background: url("../icons/double-chevron-bold-left-white.svg") no-repeat center center;}

.icon-double-chevron-bold-right {background: url("../icons/double-chevron-bold-right.svg") no-repeat center center;}
.icon-double-chevron-bold-right-white, .white .icon-double-chevron-bold-right {background: url("../icons/double-chevron-bold-right-white.svg") no-repeat center center;}



.icon-drag {background: url("../icons/drag.svg") no-repeat center center;}
.icon-drag-white, .white .icon-drag {background: url("../icons/drag-white.svg") no-repeat center center;}
.icon-drag-black, .black .icon-drag {background: url("../icons/drag-black.svg") no-repeat center center;}


.icon-dropdown {background: url("../icons/dropdown.svg") no-repeat center center;}
.icon-dropdown-white, .white .icon-dropdown {background: url("../icons/dropdown-white.svg") no-repeat center center;}
.icon-dropdown-grey, .grey .icon-dropdown {background: url("../icons/dropdown-grey.svg") no-repeat center center;}

.icon-edit {background: url("../icons/edit.svg") no-repeat center center;}
.icon-edit-white, .white .icon-edit {background: url("../icons/edit-white.svg") no-repeat center center;}
.icon-edit-black, .black .icon-edit {background: url("../icons/edit-black.svg") no-repeat center center;}
.icon-edit-grey, .grey .icon-edit {background: url("../icons/edit-grey.svg") no-repeat center center;}


.icon-ellipsis {background: url("../icons/ellipsis.svg") no-repeat center center;}
.icon-ellipsis-white, .white .icon-ellipsis {background: url("../icons/ellipsis-white.svg") no-repeat center center;}
.icon-ellipsis-black, .black .icon-ellipsis {background: url("../icons/ellipsis-black.svg") no-repeat center center;}

.icon-email {background: url("../icons/email.svg") no-repeat center center;}
.icon-email-white, .white .icon-email {background: url("../icons/email-white.svg") no-repeat center center;}
.icon-email-black, .black .icon-email {background: url("../icons/email-black.svg") no-repeat center center;}
.icon-email-grey, .grey .icon-email {background: url("../icons/email-grey.svg") no-repeat center center;}

.icon-expand {background: url("../icons/expand.svg") no-repeat center center;}
.icon-expand-white, .white .icon-expand {background: url("../icons/expand-white.svg") no-repeat center center;}

.icon-expand-left {background: url("../icons/expand-left.svg") no-repeat center center;}
.icon-expand-left-white, .white .icon-expand-left {background: url("../icons/expand-left-white.svg") no-repeat center center;}
.icon-expand-left-black, .black .icon-expand-left {background: url("../icons/expand-left-black.svg") no-repeat center center;}

.icon-expand-right {background: url("../icons/expand-right.svg") no-repeat center center;}
.icon-expand-right-white, .white .icon-expand-right {background: url("../icons/expand-right-white.svg") no-repeat center center;}
.icon-expand-right-black, .black .icon-expand-right {background: url("../icons/expand-right-black.svg") no-repeat center center;}

.icon-export {background: url("../icons/export.svg") no-repeat center center;}
.icon-export-white, .white .icon-export {background: url("../icons/export-white.svg") no-repeat center center;}

.icon-farewell {background: url("../icons/farewell.svg") no-repeat center center;}
.icon-farewell-white, .white .icon-farewell {background: url("../icons/farewell-white.svg") no-repeat center center;}
.icon-farewell-grey, .grey .icon-farewell {background: url("../icons/farewell-grey.svg") no-repeat center center;}

.icon-filter {background: url("../icons/filter.svg") no-repeat center center;}
.icon-filter-white, .white .icon-full {background: url("../icons/filter-white.svg") no-repeat center center;}
.icon-filter-black, .black .icon-full {background: url("../icons/filter-black.svg") no-repeat center center;}

.icon-flag {background: url("../icons/flag.svg") no-repeat center center;}
.icon-flag-white, .white .icon-flag {background: url("../icons/flag-white.svg") no-repeat center center;}

.icon-flag-selected {background: url("../icons/flag-selected.svg") no-repeat center center;}
.icon-flag-selected-white, .white .icon-flag-selected {background: url("../icons/flag-selected-white.svg") no-repeat center center;}

.icon-full {background: url("../icons/full.svg") no-repeat center center;}
.icon-full-white, .white .icon-full {background: url("../icons/full-white.svg") no-repeat center center;}
.icon-full-black, .black .icon-full {background: url("../icons/full-black.svg") no-repeat center center;}

.icon-help {background: url("../icons/help.svg") no-repeat center center;}
.icon-help-white, .white .icon-help {background: url("../icons/help-white.svg") no-repeat center center;}

.icon-home {background: url("../icons/home.svg") no-repeat center center;}
.icon-home-white, .white .icon-home {background: url("../icons/home-white.svg") no-repeat center center;}

.icon-idea {background: url("../icons/idea.svg") no-repeat center center;}
.icon-idea-white, .white .icon-idea {background: url("../icons/idea-white.svg") no-repeat center center;}
.icon-idea-black, .black .icon-idea {background: url("../icons/idea-black.svg") no-repeat center center;}

.icon-image {background: url("../icons/image.svg") no-repeat center center;}
.icon-image-white, .white .icon-image {background: url("../icons/image-white.svg") no-repeat center center;}
.icon-image-grey, .grey .icon-image {background: url("../icons/image-grey.svg") no-repeat center center;}

.icon-import {background: url("../icons/import.svg") no-repeat center center;}
.icon-import-white, .white .icon-import {background: url("../icons/import-white.svg") no-repeat center center;}
.icon-import-black, .black .icon-import {background: url("../icons/import-black.svg") no-repeat center center;}

.icon-info {background: url("../icons/info.svg") no-repeat center center;}
.icon-info-white, .white .icon-info {background: url("../icons/info-white.svg") no-repeat center center;}
.icon-info-black, .black .icon-info {background: url("../icons/info-black.svg") no-repeat center center;}

.icon-input {background: url("../icons/input.svg") no-repeat center center;}
.icon-input-white, .white .icon-input {background: url("../icons/input-white.svg") no-repeat center center;}
.icon-input-grey, .grey .icon-input {background: url("../icons/input-grey.svg") no-repeat center center;}

.icon-insight {background: url("../icons/insight.svg") no-repeat center center;}
.icon-insight-white, .white .icon-insight {background: url("../icons/insight-white.svg") no-repeat center center;}
.icon-insight-blue, .blue .icon-insight {background: url("../icons/insight-blue.svg") no-repeat center center;}

.icon-keyboard {background: url("../icons/keyboard.svg") no-repeat center center;}
.icon-keyboard-white, .white .icon-keyboard {background: url("../icons/keyboard-white.svg") no-repeat center center;}
.icon-keyboard-black, .black .icon-keyboard {background: url("../icons/keyboard-black.svg") no-repeat center center;}

.icon-list-view {background: url("../icons/list-view.svg") no-repeat center center;}
.icon-list-view-white, .white .icon-list-view {background: url("../icons/list-view-white.svg") no-repeat center center;}
.icon-list-view-black, .black .icon-list-view {background: url("../icons/list-view-black.svg") no-repeat center center;}

.icon-logic {background: url("../icons/logic.svg") no-repeat center center;}
.icon-logic-white, .white .icon-logic {background: url("../icons/logic-white.svg") no-repeat center center;}
.icon-logic-black, .black .icon-logic {background: url("../icons/logic-black.svg") no-repeat center center;}

.icon-login {background: url("../icons/login.svg") no-repeat center center;}
.icon-login-white, .white .icon-login {background: url("../icons/login-white.svg") no-repeat center center;}
.icon-login-black, .black .icon-login {background: url("../icons/login-black.svg") no-repeat center center;}
.icon-login-blue {background: url("../icons/login-blue.svg") no-repeat center center;}

.icon-logout {background: url("../icons/logout.svg") no-repeat center center;}
.icon-logout-white, .white .icon-logout {background: url("../icons/logout-white.svg") no-repeat center center;}
.icon-logout-black, .black .icon-logout {background: url("../icons/logout-black.svg") no-repeat center center;}

.icon-long-arrow-left {background: url("../icons/long-arrow-left.svg") no-repeat center center;}
.icon-long-arrow-left-white, .white .icon-long-arrow-left {background: url("../icons/long-arrow-left-white.svg") no-repeat center center;}

.icon-long-arrow-right {background: url("../icons/long-arrow-right.svg") no-repeat center center;}
.icon-long-arrow-right-white, .white .icon-long-arrow-right {background: url("../icons/long-arrow-right-white.svg") no-repeat center center;}

.icon-media {background: url("../icons/media.svg") no-repeat center center;}
.icon-media-white, .white .icon-media {background: url("../icons/media-white.svg") no-repeat center center;}
.icon-media-blue, .blue .icon-media {background: url("../icons/media-blue.svg") no-repeat center center;}


.icon-merge {background: url("../icons/merge.svg") no-repeat center center;}
.icon-merge-white, .white .icon-merge {background: url("../icons/merge-white.svg") no-repeat center center;}
.icon-merge-black, .black .icon-merge {background: url("../icons/merge-black.svg") no-repeat center center;}
.icon-merge-grey, .grey .icon-merge {background: url("../icons/merge-grey.svg") no-repeat center center;}


.icon-metric {background: url("../icons/metric.svg") no-repeat center center;}
.icon-metric-white, .white .icon-metric {background: url("../icons/metric-white.svg") no-repeat center center;}
.icon-metric-black, .black .icon-metric {background: url("../icons/metric-black.svg") no-repeat center center;}

.icon-minus {background: url("../icons/minus.svg") no-repeat center center;}
.icon-minus-white, .white .icon-minus {background: url("../icons/minus-white.svg") no-repeat center center;}

.icon-minus-small {background: url("../icons/minus-small.svg") no-repeat center center;}
.icon-minus-small-white, .white .icon-minus-small {background: url("../icons/minus-small-white.svg") no-repeat center center;}


.icon-multi-choice {background: url("../icons/multi-choice.svg") no-repeat center center;}
.icon-multi-choice-white, .white .icon-multi-choice {background: url("../icons/multi-choice-white.svg") no-repeat center center;}
.icon-multi-choice-grey, .grey .icon-multi-choice {background: url("../icons/multi-choice-grey.svg") no-repeat center center;}

.icon-note {background: url("../icons/note.svg") no-repeat center center;}
.icon-note-white, .white .icon-note {background: url("../icons/note-white.svg") no-repeat center center;}

.icon-observation {background: url("../icons/observation.svg") no-repeat center center;}
.icon-observation-white, .white .icon-observation {background: url("../icons/observation-white.svg") no-repeat center center;}
.icon-observation-black, .black .icon-observation {background: url("../icons/observation-black.svg") no-repeat center center;}

.icon-open-menu {background: url("../icons/double-chevron-right.svg") no-repeat center center;}
.icon-open-menu-white, .white .icon-open-menu {background: url("../icons/double-chevron-right-white.svg") no-repeat center center;}

.icon-phone {background: url("../icons/phone.svg") no-repeat center center;}
.icon-phone-white, .white .icon-phone {background: url("../icons/phone-white.svg") no-repeat center center;}
.icon-phone-grey, .grey .icon-phone {background: url("../icons/phone-grey.svg") no-repeat center center;}

.icon-plan {background: url("../icons/plan.svg") no-repeat center center;}
.icon-plan-white, .white .icon-plan {background: url("../icons/plan-white.svg") no-repeat center center;}
.icon-plan-blue, .blue .icon-plan {background: url("../icons/plan-blue.svg") no-repeat center center;}

.icon-plus {background: url("../icons/plus.svg") no-repeat center center;}
.icon-plus-white, .white .icon-plus {background: url("../icons/plus-white.svg") no-repeat center center;}
.icon-plus-black, .black .icon-plus {background: url("../icons/plus-black.svg") no-repeat center center;}

.icon-plus-fat {background: url("../icons/plus-fat.svg") no-repeat center center;}
.icon-plus-fat-white, .white .icon-plus-fat {background: url("../icons/plus-fat-white.svg") no-repeat center center;}

.icon-print {background: url("../icons/print.svg") no-repeat center center;}
.icon-print-white, .white .icon-print {background: url("../icons/print-white.svg") no-repeat center center;}
.icon-print-grey, .grey .icon-print {background: url("../icons/print-grey.svg") no-repeat center center;}

.icon-profile {background: url("../icons/profile.svg") no-repeat center center;}
.icon-profile-white, .white .icon-profile {background: url("../icons/profile-white.svg") no-repeat center center;}


.icon-quotes {background: url("../icons/quotes.svg") no-repeat center center;}
.icon-quotes-white, .white .icon-quotes {background: url("../icons/quotes-white.svg") no-repeat center center;}
.icon-quotes-black, .black .icon-quotes {background: url("../icons/quotes-black.svg") no-repeat center center;}


.icon-rating {background: url("../icons/rating.svg") no-repeat center center;}
.icon-rating-white, .white .icon-rating {background: url("../icons/rating-white.svg") no-repeat center center;}
.icon-rating-grey, .grey .icon-rating {background: url("../icons/rating-grey.svg") no-repeat center center;}

.icon-ratings {background: url("../icons/ratings.svg") no-repeat center center;}
.icon-ratings-white, .white .icon-ratings {background: url("../icons/ratings-white.svg") no-repeat center center;}
.icon-ratings-black, .black .icon-ratings {background: url("../icons/ratings-black.svg") no-repeat center center;}

.icon-recommendation {background: url("../icons/recommendation.svg") no-repeat center center;}
.icon-recommendation-white, .white .icon-recommendation {background: url("../icons/recommendation-white.svg") no-repeat center center;}

.icon-refresh {background: url("../icons/refresh.svg") no-repeat center center;}
.icon-refresh-white, .white .icon-refresh {background: url("../icons/refresh-white.svg") no-repeat center center;}
.icon-refresh-black, .black .icon-refresh {background: url("../icons/refresh-black.svg") no-repeat center center;}

.icon-relaunch {background: url("../icons/relaunch.svg") no-repeat center center;}
.icon-relaunch-white, .white .icon-relaunch {background: url("../icons/relaunch-white.svg") no-repeat center center;}

.icon-remove {background: url("../icons/remove.svg") no-repeat center center;}
.icon-remove-white, .white .icon-remove {background: url("../icons/remove-white.svg") no-repeat center center;}
.icon-remove-black, .black .icon-remove {background: url("../icons/remove-black.svg") no-repeat center center;}
.icon-remove-grey, .grey .icon-remove {background: url("../icons/remove-grey.svg") no-repeat center center;}
.icon-remove-red, .red .icon-remove {background: url("../icons/remove-red.svg") no-repeat center center;}


.icon-remove-circle {background: url("../icons/remove-circle.svg") no-repeat center center;}
.icon-remove-circle-white, .white .icon-remove-circle {background: url("../icons/remove-circle-white.svg") no-repeat center center;}
.icon-remove-circle-black, .black .icon-remove-circle {background: url("../icons/remove-circle-black.svg") no-repeat center center;}
.icon-remove-circle-red, .red .icon-remove-circle {background: url("../icons/remove-circle-red.svg") no-repeat center center;}


.icon-report {background: url("../icons/report.svg") no-repeat center center;}
.icon-report-white, .white .icon-report {background: url("../icons/report-white.svg") no-repeat center center;}

.icon-research {background: url("../icons/research.svg") no-repeat center center;}
.icon-research-white, .white .icon-research {background: url("../icons/research-white.svg") no-repeat center center;}

.icon-research-angled {background: url("../icons/research-angled.svg") no-repeat center center;}
.icon-research-angled-white, .white .icon-research-angled {background: url("../icons/research-angled-white.svg") no-repeat center center;}

.icon-research-plan {background: url("../icons/research-plan.svg") no-repeat center center;}
.icon-research-plan-white, .white .icon-research-plan {background: url("../icons/research-plan-white.svg") no-repeat center center;}

.icon-reset {background: url("../icons/reset.svg") no-repeat center center;}
.icon-reset-white, .white .icon-reset {background: url("../icons/reset-white.svg") no-repeat center center;}
.icon-reset-black, .black .icon-reset {background: url("../icons/reset-black.svg") no-repeat center center;}

.icon-resources {background: url("../icons/resources.svg") no-repeat center center;}
.icon-resources-blue, .blue .icon-resources {background: url("../icons/resources-blue.svg") no-repeat center center;}
.icon-resources-white, .white .icon-resources {background: url("../icons/resources-white.svg") no-repeat center center;}
.icon-resources-black, .black .icon-resources {background: url("../icons/resources-black.svg") no-repeat center center;}

.icon-required {background: url("../icons/required.svg") no-repeat center center;}
.icon-required-white, .white .icon-required {background: url("../icons/required-white.svg") no-repeat center center;}
.icon-required-black, .black .icon-required {background: url("../icons/required-black.svg") no-repeat center center;}

.icon-segments {background: url("../icons/segments.svg") no-repeat center center;}
.icon-segments-white, .white .icon-segments {background: url("../icons/segments-white.svg") no-repeat center center;}
.icon-segments-black, .black .icon-segments {background: url("../icons/segments-black.svg") no-repeat center center;}

.icon-settings {background: url("../icons/settings.svg") no-repeat center center;}
.icon-settings-white, .white .icon-settings {background: url("../icons/settings-white.svg") no-repeat center center;}
.icon-settings-black, .black .icon-settings {background: url("../icons/settings-black.svg") no-repeat center center;}
.icon-settings-blue {background: url("../icons/settings-blue.svg") no-repeat center center;}

.icon-settings-admin {background: url("../icons/settings-admin.svg") no-repeat center center;}
.icon-settings-admin-white, .white .icon-settings-admin {background: url("../icons/settings-admin-white.svg") no-repeat center center;}
.icon-settings-admin-black, .black .icon-settings-admin {background: url("../icons/settings-admin-black.svg") no-repeat center center;}
.icon-settings-admin-blue {background: url("../icons/settings-admin-blue.svg") no-repeat center center;}

.icon-share {background: url("../icons/share.svg") no-repeat center center;}
.icon-share-white, .white .icon-share {background: url("../icons/share-white.svg") no-repeat center center;}
.icon-share-black, .black .icon-share {background: url("../icons/share-black.svg") no-repeat center center;}

.icon-shield {background: url("../icons/shield.svg") no-repeat center center;}
.icon-shield-white, .white .icon-shield {background: url("../icons/shield-white.svg") no-repeat center center;}
.icon-shield-black, .black .icon-shield {background: url("../icons/shield-black.svg") no-repeat center center;}
.icon-shield-red, .red .icon-shield {background: url("../icons/shield-red.svg") no-repeat center center;}

.icon-star {background: url("../icons/star.svg") no-repeat center center;}
.icon-star-white, .white .icon-star {background: url("../icons/star-white.svg") no-repeat center center;}
.icon-star-grey, .grey .icon-star {background: url("../icons/star-grey.svg") no-repeat center center;}

.icon-stop {background: url("../icons/stop.svg") no-repeat center center;}
.icon-stop-white, .white .icon-stop {background: url("../icons/stop-white.svg") no-repeat center center;}
.icon-stop-black, .black .icon-stop {background: url("../icons/stop-black.svg") no-repeat center center;}
.icon-stop-red, .red .icon-stop {background: url("../icons/stop-red.svg") no-repeat center center;}

.icon-survey-complete {background: url("../icons/survey-complete.svg") no-repeat center center;}
.icon-survey-complete-white, .white .icon-survey-complete {background: url("../icons/survey-complete-white.svg") no-repeat center center;}

.icon-survey-intro {background: url("../icons/survey-intro.svg") no-repeat center center;}
.icon-survey-intro-white, .white .icon-survey-intro {background: url("../icons/survey-intro-white.svg") no-repeat center center;}
.icon-survey-intro-red, .red .icon-survey-intro {background: url("../icons/survey-intro-red.svg") no-repeat center center;}

.icon-survey-multi {background: url("../icons/survey-multi.svg") no-repeat center center;}
.icon-survey-multi-white, .white .icon-survey-multi {background: url("../icons/survey-multi-white.svg") no-repeat center center;}
.icon-survey-multi-grey, .grey .icon-survey-multi {background: url("../icons/survey-multi-grey.svg") no-repeat center center;}

.icon-survey-polar {background: url("../icons/survey-polar.svg") no-repeat center center;}
.icon-survey-polar-white, .white .icon-survey-polar {background: url("../icons/survey-polar-white.svg") no-repeat center center;}
.icon-survey-polar-grey, .grey .icon-survey-polar {background: url("../icons/survey-polar-grey.svg") no-repeat center center;}

.icon-survey-question {background: url("../icons/survey-question.svg") no-repeat center center;}
.icon-survey-question-white, .white .icon-survey-question {background: url("../icons/survey-question-white.svg") no-repeat center center;}

.icon-switch {background: url("../icons/switch.svg") no-repeat center center;}
.icon-switch-white, .white .icon-switch {background: url("../icons/switch-white.svg") no-repeat center center;}
.icon-switch-black, .black .icon-switch {background: url("../icons/switch-black.svg") no-repeat center center;}

.icon-tag-tree {background: url("../icons/tag-tree.svg") no-repeat center center;}
.icon-tag-tree-white, .white .icon-tag-tree {background: url("../icons/tag-tree-white.svg") no-repeat center center;}

.icon-tags {background: url("../icons/tags.svg") no-repeat center center;}
.icon-tags-white, .white .icon-tags {background: url("../icons/tags-white.svg") no-repeat center center;}
.icon-tags-black, .black .icon-tags {background: url("../icons/tags-black.svg") no-repeat center center;}

.icon-task {background: url("../icons/task.svg") no-repeat center center;}
.icon-task-white, .white .icon-task {background: url("../icons/task-white.svg") no-repeat center center;}

.icon-template {background: url("../icons/template.svg") no-repeat center center;}
.icon-template-white, .white .icon-template {background: url("../icons/template-white.svg") no-repeat center center;}

.icon-test {background: url("../icons/test.svg") no-repeat center center;}
.icon-test-white, .white .icon-test {background: url("../icons/test-white.svg") no-repeat center center;}

.icon-textbox {background: url("../icons/textbox.svg") no-repeat center center;}
.icon-textbox-white, .white .icon-textbox {background: url("../icons/textbox-white.svg") no-repeat center center;}
.icon-textbox-grey, .grey .icon-textbox {background: url("../icons/textbox-grey.svg") no-repeat center center;}

.icon-tracking-down {background: url("../icons/tracking_down.svg") no-repeat center center;}
.icon-tracking-down-white, .white .icon-tracking-down {background: url("../icons/tracking_down_white.svg") no-repeat center center;}
.icon-tracking-down-black, .black .icon-tracking-down {background: url("../icons/tracking_down_black.svg") no-repeat center center;}

.icon-tracking-up {background: url("../icons/tracking_up.svg") no-repeat center center;}
.icon-tracking-up-white, .white .icon-tracking-up {background: url("../icons/tracking_up_white.svg") no-repeat center center;}
.icon-tracking-up-black, .black .icon-tracking-up {background: url("../icons/tracking_up_black.svg") no-repeat center center;}

.icon-user {background: url("../icons/user.svg") no-repeat center center;}
.icon-user-white, .white .icon-user {background: url("../icons/user-white.svg") no-repeat center center;}
.icon-user-black, .black .icon-user {background: url("../icons/user-black.svg") no-repeat center center;}

.icon-upload {background: url("../icons/upload.svg") no-repeat center center;}
.icon-upload-white, .white .icon-upload {background: url("../icons/upload-white.svg") no-repeat center center;}
.icon-upload-black, .black .icon-upload {background: url("../icons/upload-black.svg") no-repeat center center;}

.icon-video {background: url("../icons/video.svg") no-repeat center center;}
.icon-video-white, .white .icon-video {background: url("../icons/video-white.svg") no-repeat center center;}
.icon-video-black, .black .icon-video {background: url("../icons/video-black.svg") no-repeat center center;}

.icon-video-square {background: url("../icons/video-square.svg") no-repeat center center;}
.icon-video-square-white, .white .icon-video-square {background: url("../icons/video-square-white.svg") no-repeat center center;}
.icon-video-square-black, .black .icon-video-square {background: url("../icons/video-square-black.svg") no-repeat center center;}

.icon-view {background: url("../icons/view.svg") no-repeat center center;}
.icon-view-white, .white .icon-view {background: url("../icons/view-white.svg") no-repeat center center;}
.icon-view-black, .black .icon-view {background: url("../icons/view-black.svg") no-repeat center center;}

.icon-view-disabled {background: url("../icons/view-disabled.svg") no-repeat center center;}
.icon-view-disabled-white, .white .icon-view-disabled {background: url("../icons/view-disabled-white.svg") no-repeat center center;}
.icon-view-disabled-black, .black .icon-view-disabled {background: url("../icons/view-disabled-black.svg") no-repeat center center;}

.icon-window {background: url("../icons/window.svg") no-repeat center center;}
.icon-window-white, .white .icon-window {background: url("../icons/window-white.svg") no-repeat center center;}
.icon-window-black, .black .icon-window {background: url("../icons/window-black.svg") no-repeat center center;}

.icon-yes-no {background: url("../icons/yes-no.svg") no-repeat center center;}
.icon-yes-no-white, .white .icon-yes-no {background: url("../icons/yes-no-white.svg") no-repeat center center;}
.icon-yes-no-grey, .grey .icon-yes-no {background: url("../icons/yes-no-grey.svg") no-repeat center center;}



/* roundel ICONS */
.icon-roundel-action {background: url("../icons/roundel-action.svg") no-repeat center center;}
.icon-roundel-action-white, .white .icon-roundel-action {background: url("../icons/roundel-action-white.svg") no-repeat center center;}

.icon-roundel-arrow-left {background: url("../icons/roundel-arrow-left.svg") no-repeat center center;}
.icon-roundel-arrow-left-white, .white .icon-roundel-arrow-left {background: url("../icons/roundel-arrow-left-white.svg") no-repeat center center;}

.icon-roundel-arrow-right {background: url("../icons/roundel-arrow-right.svg") no-repeat center center;}
.icon-roundel-arrow-right-white, .white .icon-roundel-arrow-right {background: url("../icons/roundel-arrow-right-white.svg") no-repeat center center;}

.icon-roundel-arrow-angled-left {background: url("../icons/roundel-arrow-angled-left.svg") no-repeat center center;}
.icon-roundel-arrow-angled-left-white, .white .icon-roundel-arrow-left {background: url("../icons/roundel-arrow-angled-left-white.svg") no-repeat center center;}

.icon-roundel-arrow-angled-right {background: url("../icons/roundel-arrow-angled-right.svg") no-repeat center center;}
.icon-roundel-arrow-angled-right-white, .white .icon-roundel-arrow-angled-right {background: url("../icons/roundel-arrow-angled-right-white.svg") no-repeat center center;}

.icon-roundel-chevron-left {background: url("../icons/roundel-chevron-left.svg") no-repeat center center;}
.icon-roundel-chevron-left-white, .white .icon-roundel-chevron-left {background: url("../icons/roundel-chevron-left-white.svg") no-repeat center center;}
.icon-roundel-chevron-left-black, .black .icon-roundel-chevron-left {background: url("../icons/roundel-chevron-left-black.svg") no-repeat center center;}

.icon-roundel-chevron-right {background: url("../icons/roundel-chevron-right.svg") no-repeat center center;}
.icon-roundel-chevron-right-white, .white .icon-roundel-chevron-right {background: url("../icons/roundel-chevron-right-white.svg") no-repeat center center;}
.icon-roundel-chevron-right-black, .black .icon-roundel-chevron-right {background: url("../icons/roundel-chevron-right-black.svg") no-repeat center center;}

.icon-roundel-double-chevron-left {background: url("../icons/roundel-double-chevron-left.svg") no-repeat center center;}
.icon-roundel-double-chevron-left-white, .white .icon-roundel-double-chevron-left {background: url("../icons/roundel-double-chevron-left-white.svg") no-repeat center center;}
.icon-roundel-double-chevron-left-black, .black .icon-roundel-double-chevron-left {background: url("../icons/roundel-double-chevron-left-black.svg") no-repeat center center;}

.icon-roundel-double-chevron-right {background: url("../icons/roundel-double-chevron-right.svg") no-repeat center center;}
.icon-roundel-double-chevron-right-white, .white .icon-roundel-double-chevron-right {background: url("../icons/roundel-double-chevron-right-white.svg") no-repeat center center;}
.icon-roundel-double-chevron-right-black, .black .icon-roundel-double-chevron-right {background: url("../icons/roundel-double-chevron-right-black.svg") no-repeat center center;}

.icon-roundel-hide {background: url("../icons/roundel-hide.svg") no-repeat center center;}
.icon-roundel-hide-white, .white .icon-roundel-hide {background: url("../icons/roundel-hide-white.svg") no-repeat center center;}
.icon-roundel-hide-black, .black .icon-roundel-hide {background: url("../icons/roundel-hide-black.svg") no-repeat center center;}

.icon-roundel-move-down {background: url("../icons/roundel-move-down.svg") no-repeat center center;}
.icon-roundel-move-down-white, .white .icon-roundel-move-down {background: url("../icons/roundel-move-down-white.svg") no-repeat center center;}
.icon-roundel-move-down-black, .black .icon-roundel-move-down {background: url("../icons/roundel-move-down-black.svg") no-repeat center center;}

.icon-roundel-move-up {background: url("../icons/roundel-move-up.svg") no-repeat center center;}
.icon-roundel-move-up-white, .white .icon-roundel-move-up {background: url("../icons/roundel-move-up-white.svg") no-repeat center center;}
.icon-roundel-move-up-black, .black .icon-roundel-move-up {background: url("../icons/roundel-move-up-black.svg") no-repeat center center;}

.icon-roundel-move-right {background: url("../icons/roundel-move-right.svg") no-repeat center center;}
.icon-roundel-move-right-white, .white .icon-roundel-move-right {background: url("../icons/roundel-move-right-white.svg") no-repeat center center;}
.icon-roundel-move-right-black, .black .icon-roundel-move-right {background: url("../icons/roundel-move-right-black.svg") no-repeat center center;}

.icon-roundel-move-left {background: url("../icons/roundel-move-left.svg") no-repeat center center;}
.icon-roundel-move-left-white, .white .icon-roundel-move-left {background: url("../icons/roundel-move-left-white.svg") no-repeat center center;}
.icon-roundel-move-left-black, .black .icon-roundel-move-left {background: url("../icons/roundel-move-left-black.svg") no-repeat center center;}

.icon-roundel-plus {background: url("../icons/roundel-plus.svg") no-repeat center center;}
.icon-roundel-plus-white, .white .icon-roundel-plus {background: url("../icons/roundel-plus-white.svg") no-repeat center center;}
.icon-roundel-plus-black, .black .icon-roundel-plus {background: url("../icons/roundel-plus-black.svg") no-repeat center center;}

.icon-roundel-plus-hollow {background: url("../icons/roundel-plus-hollow.svg") no-repeat center center;}
.icon-roundel-plus-white-hollow, .white .icon-roundel-plus-hollow {background: url("../icons/roundel-plus-white-hollow.svg") no-repeat center center;}
.icon-roundel-plus-black-hollow, .black .icon-roundel-plus-hollow {background: url("../icons/roundel-plus-black-hollow.svg") no-repeat center center;}

.icon-roundel-refresh {background: url("../icons/roundel-refresh.svg") no-repeat center center;}
.icon-roundel-refresh-white, .white .icon-roundel-refresh {background: url("../icons/roundel-refresh-white.svg") no-repeat center center;}
.icon-roundel-refresh-black, .black .icon-roundel-refresh {background: url("../icons/roundel-refresh-black.svg") no-repeat center center;}

.icon-roundel-remove {background: url("../icons/roundel-remove.svg") no-repeat center center;}
.icon-roundel-remove-white, .white .icon-roundel-remove {background: url("../icons/roundel-remove-white.svg") no-repeat center center;}
.icon-roundel-remove-black, .black .icon-roundel-remove {background: url("../icons/roundel-remove-black.svg") no-repeat center center;}
.icon-roundel-remove-grey, .grey .icon-roundel-remove {background: url("../icons/roundel-remove-grey.svg") no-repeat center center;}

.icon-roundel-remove-red, .red .icon-roundel-remove {background: url("../icons/roundel-remove-red.svg") no-repeat center center;}


.icon-roundel-stop {background: url("../icons/roundel-stop.svg") no-repeat center center;}
.icon-roundel-stop-white, .white .icon-roundel-stop {background: url("../icons/roundel-stop-white.svg") no-repeat center center;}
.icon-roundel-stop-black, .black .icon-roundel-stop {background: url("../icons/roundel-stop-black.svg") no-repeat center center;}

.icon-roundel-upload {background: url("../icons/roundel-upload.svg") no-repeat center center;}
.icon-roundel-upload-white, .white .icon-roundel-upload {background: url("../icons/roundel-upload-white.svg") no-repeat center center;}



/* Formatting icons */

.icon-format-para {background: url("../icons/format-para.svg") no-repeat center center;}
.icon-format-para-white, .white .icon-format-para {background: url("../icons/format-para-white.svg") no-repeat center center;}
.icon-format-para-black, .black .icon-format-para {background: url("../icons/format-para-black.svg") no-repeat center center;}

.icon-format-bold {background: url("../icons/format-bold.svg") no-repeat center center;}
.icon-format-bold-white, .white .icon-format-bold {background: url("../icons/format-bold-white.svg") no-repeat center center;}
.icon-format-bold-black, .black .icon-format-bold {background: url("../icons/format-bold-black.svg") no-repeat center center;}

.icon-format-italic {background: url("../icons/format-italic.svg") no-repeat center center;}
.icon-format-italic-white, .white .icon-format-italic {background: url("../icons/format-italic-white.svg") no-repeat center center;}
.icon-format-italic-black, .black .icon-format-italic {background: url("../icons/format-italic-black.svg") no-repeat center center;}


.icon-format-center {background: url("../icons/format-center.svg") no-repeat center center;}
.icon-format-center-white, .white .icon-format-center {background: url("../icons/format-center-white.svg") no-repeat center center;}
.icon-format-center-black, .black .icon-format-center {background: url("../icons/format-center-black.svg") no-repeat center center;}

.icon-format-right {background: url("../icons/format-right.svg") no-repeat center center;}
.icon-format-right-white, .white .icon-format-right {background: url("../icons/format-right-white.svg") no-repeat center center;}
.icon-format-right-black, .black .icon-format-right {background: url("../icons/format-right-black.svg") no-repeat center center;}

.icon-format-left {background: url("../icons/format-left.svg") no-repeat center center;}
.icon-format-left-white, .white .icon-format-left {background: url("../icons/format-left-white.svg") no-repeat center center;}
.icon-format-left-black, .black .icon-format-left {background: url("../icons/format-left-black.svg") no-repeat center center;}


.icon-format-indent {background: url("../icons/format-indent.svg") no-repeat center center;}
.icon-format-indent-white, .white .icon-format-indent {background: url("../icons/format-indent-white.svg") no-repeat center center;}
.icon-format-indent-black, .black .icon-format-indent {background: url("../icons/format-indent-black.svg") no-repeat center center;}

.icon-format-outdent {background: url("../icons/format-outdent.svg") no-repeat center center;}
.icon-format-outdent-white, .white .icon-format-outdent {background: url("../icons/format-outdent-white.svg") no-repeat center center;}
.icon-format-outdent-black, .black .icon-format-outdent {background: url("../icons/format-outdent-black.svg") no-repeat center center;}


.icon-format-heading1 {background: url("../icons/format-heading1.svg") no-repeat center center;}
.icon-format-heading1-white, .white .icon-format-heading1 {background: url("../icons/format-heading1-white.svg") no-repeat center center;}
.icon-format-heading1-black, .black .icon-format-heading1 {background: url("../icons/format-heading1-black.svg") no-repeat center center;}

.icon-format-heading2 {background: url("../icons/format-heading2.svg") no-repeat center center;}
.icon-format-heading2-white, .white .icon-format-heading2 {background: url("../icons/format-heading2-white.svg") no-repeat center center;}
.icon-format-heading2-black, .black .icon-format-heading2 {background: url("../icons/format-heading2-black.svg") no-repeat center center;}

.icon-format-heading3 {background: url("../icons/format-heading3.svg") no-repeat center center;}
.icon-format-heading3-white, .white .icon-format-heading3 {background: url("../icons/format-heading3-white.svg") no-repeat center center;}
.icon-format-heading3-black, .black .icon-format-heading3 {background: url("../icons/format-heading3-black.svg") no-repeat center center;}



.icon-format-bullets {background: url("../icons/format-bullets.svg") no-repeat center center;}
.icon-format-bullets-white, .white .icon-format-bullets {background: url("../icons/format-bullets-white.svg") no-repeat center center;}
.icon-format-bullets-black, .black .icon-format-bullets {background: url("../icons/format-bullets-black.svg") no-repeat center center;}

.icon-format-numbers {background: url("../icons/format-numbers.svg") no-repeat center center;}
.icon-format-numbers-white, .white .icon-format-numbers {background: url("../icons/format-numbers-white.svg") no-repeat center center;}
.icon-format-numbers-black, .black .icon-format-numbers {background: url("../icons/format-numbers-black.svg") no-repeat center center;}



/* Feature icons */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.icon-analysis-feature {
	background: url("../icons/analysis-feature-small.svg") no-repeat center center;
	width: 2rem;
	height: 2.25rem;
	top: 0.5rem;
}

.icon-analysis-feature-md {
	background: url("../icons/analysis-feature-medium.svg") no-repeat center center;
	width: 2.5rem;
	height: 2.5rem;
	top: 0.5rem;
}

.icon-analysis-feature-lg {
	background: url("../icons/analysis-feature-large.svg") no-repeat center center;
	width: 3.5rem;
	height: 3.5rem;	
	top: 1.5rem;
}

.icon-feature {
	background-color: var(--Pale);
}


.icon-diary-feature {
	background: url("../icons/diary-small.svg") no-repeat center center;
	width: 2rem;
	height: 2.25rem;
	top: 0.5rem;
}

.icon-diary-feature-md {
	background: url("../icons/diary-medium.svg") no-repeat center center;
	width: 2.5rem;
	height: 2.5rem;
	top: 0.5rem;
}

.icon-diary-feature-lg {
	background: url("../icons/diary-large.svg") no-repeat center center;
	width: 3rem;
	height: 3rem;
	top: 1rem;
}

.icon-design-ops-feature {
	background: url("../icons/design-ops-small.svg") no-repeat center center;
	width: 2rem;
	height: 2.25rem;
	top: 0.5rem;
}

.icon-design-ops-feature-md {
	background: url("../icons/design-ops-medium.svg") no-repeat center center;
	width: 2.5rem;
	height: 2.5rem;
	top: 0.5rem;
}

.icon-design-ops-feature-lg {
	background: url("../icons/design-ops-large.svg") no-repeat center center;
	width: 3rem;
	height: 3rem;
	top: 1rem;
}

.icon-insights-feature {
	background: url("../icons/insights-feature-small.svg") no-repeat center center;
	width: 2rem;
	height: 2.25rem;
	top: 0.5rem;
}

.icon-insights-feature-md {
	background: url("../icons/insights-feature-medium.svg") no-repeat center center;
	width: 2.5rem;
	height: 2.5rem;
	top: 0.5rem;
}

.icon-insights-feature-lg {
	background: url("../icons/insights-feature-large.svg") no-repeat center center;
	width: 3rem;
	height: 3rem;
	top: 1rem;
}

.icon-interview-feature {
	background: url("../icons/interview-feature-small.svg") no-repeat center center;
	width: 2rem;
	height: 2.25rem;
	top: 0.5rem;
}

.icon-interview-feature-md {
	background: url("../icons/interview-feature-medium.svg") no-repeat center center;
	width: 2.5rem;
	height: 2.5rem;
	top: 0.5rem;
}

.icon-interview-feature-lg {
	background: url("../icons/interview-feature-large.svg") no-repeat center center;
	width: 3rem;
	height: 3rem;
	top: 1rem;
}

.icon-research-area {
	background: url("../icons/flask-small.svg") no-repeat center center;
	width: 2.5rem;
	height: 2.75rem;
	top: 0.5rem;
}

.icon-research-area-md {
	background: url("../icons/flask-medium.svg") no-repeat center center;
	width: 2.5rem;
	height: 2.5rem;
	top: 0.5rem;
}

.icon-research-area-lg {
	background: url("../icons/flask-large.svg") no-repeat center center;
	width: 3rem;
	height: 3rem;
	top: 1rem;
}

.icon-participant-feature {
	background: url("../icons/participant-feature-small.svg") no-repeat center center;
	width: 2rem;
	height: 2.25rem;
	top: 0.5rem;
}

.icon-participant-feature-md {
	background: url("../icons/participant-feature-medium.svg") no-repeat center center;
	width: 2.5rem;
	height: 2.5rem;
	top: 0.5rem;
}

.icon-participant-feature-lg {
	background: url("../icons/participant-feature-large.svg") no-repeat center center;
	width: 3rem;
	height: 3rem;
	top: 1rem;
}

.icon-planner-feature {
	background: url("../icons/planner-feature-small.svg") no-repeat center center;
	width: 2rem;
	height: 2.25rem;
	top: 0.5rem;
}

.icon-planner-feature-md {
	background: url("../icons/planner-feature-medium.svg") no-repeat center center;
	width: 2.5rem;
	height: 2.5rem;
	top: 0.5rem;
}

.icon-planner-feature-lg {
	background: url("../icons/planner-feature-large.svg") no-repeat center center;
	width: 3rem;
	height: 3rem;
	top: 1rem;
}

.icon-project-feature {
	background: url("../icons/project-small.svg") no-repeat center center;
	width: 2rem;
	height: 2.25rem;
	top: 0.5rem;
}

.icon-project-feature-md {
	background: url("../icons/project-medium.svg") no-repeat center center;
	width: 2.5rem;
	height: 2.5rem;
	top: 0.5rem;
}

.icon-project-feature-lg {
	background: url("../icons/project-large.svg") no-repeat center center;
	width: 3rem;
	height: 3rem;
	top: 1rem;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.icon-top-0 {top: 0px !important;}
.icon-top-1 {top: 1px !important;}
.icon-top-2 {top: 2px !important;}
.icon-top-3 {top: 3px !important;}
.icon-top-4 {top: 4px !important;}
.icon-top-5 {top: 5px !important;}
.icon-top-6 {top: 6px !important;}
.icon-top-7 {top: 7px !important;}
.icon-top-8 {top: 8px !important;}
.icon-top-9 {top: 9px !important;}
.icon-top-10 {top: 10px !important;}

.icon-listing .icon {
	top: 3px;
}

.icon-minus-1 {top: -1px !important;}
.icon-minus-2 {top: -2px !important;}
.icon-minus-3 {top: -3px !important;}
.icon-minus-4 {top: -4px !important;}
.icon-minus-5 {top: -5px !important;}

.icon-menu-listing .icon {
	top: 7px;
}

/* 
.button .icon {
	top: 1px;
}
 */

.label .icon {
	top: 0;
	width: 0.9rem;
	height: 0.9rem;	
	padding: 0;
	margin: 0;
	top: 1px;
	left: 2px;
}

.label .icon.icon-remove-circle {
	top: 2px;
}

.icon-circle a {
	margin: 0;
	margin-right: 1rem;
}

.icon-circle .icon {
	width: 1rem;
	height: 1rem;
	top: -2px;
	padding: 0;
	margin: 0;
	left: -1px;
}

.icon-circle .badge {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.5rem;
	position: relative;
	top: 2px;
}

.icon-block {
	display: block;
	width: 100%;
	margin-bottom: 0.35rem;
}


.thumb {
	width: 40px;
	height: 40px;
	display: inline-block;
	border: none;
}



@media only screen and (max-width:430px) {

	.icon-diary-feature-md,
	.icon-design-ops-feature-md,
	.icon-insights-feature-md,
	.icon-research-area-md,
	.icon-participant-feature-md,
	.icon-planner-feature-md,
	.icon-project-feature-md {
		width: 2.5rem;
		height: 2.5rem;
	}
	
	.icon.icon-feature {
		top: 1rem !important;
	}

}