/* Name: icons.css
 * Author: Devon McGrath (Devon.McGrath@bmo.com), Senior Developer, EECOE
 * Description: This file contains CSS for icons to be used in DC pages.
 */

.icon {display: inline-block;text-decoration: none;}
.icon.action:hover {cursor: pointer;}
.icon.disabled {cursor: default;}
.icon.action.disabled {cursor: default;}

.icon.granite {
	-webkit-filter: brightness(0) saturate(100%) invert(41%) sepia(4%) saturate(1225%) hue-rotate(174deg) brightness(97%) contrast(78%);
	filter: brightness(0) saturate(100%) invert(41%) sepia(4%) saturate(1225%) hue-rotate(174deg) brightness(97%) contrast(78%);
}
.icon.white {
	-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(122deg) brightness(112%) contrast(101%);
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(122deg) brightness(112%) contrast(101%);
	background-color: transparent;
}

.icon, .icon.small {width: 16px;height: 16px;}
.icon.medium {width: 24px;height: 24px;}
.icon.large {width: 48px;height: 48px;}

.icon.icon-info {background-image: url(24-information-blue.svg);}
.icon.icon-announcement {background-image: url(24-announcement-blue.svg);}

.icon.icon-success {background-image: url(24-success-green.svg);}
.icon.icon-warning {background-image: url(24-warning-yellow.svg);}
.icon.icon-error {background-image: url(24-error-red.svg);}

.icon.icon-airplane {background-image: url(24-airplane-blue.svg);}
.icon.icon-alert {background-image: url(24-alert-blue.svg);}
.icon.icon-arrow-down {background-image: url(24-arrow-down-blue.svg);}
.icon.icon-arrow-left {background-image: url(24-arrow-left-blue.svg);}
.icon.icon-arrow-right {background-image: url(24-arrow-right-blue.svg);}
.icon.icon-arrow-up {background-image: url(24-arrow-up-blue.svg);}
.icon.icon-bar-graph {background-image: url(24-bar-graph-blue.svg);}
.icon.icon-bill {background-image: url(24-bill-blue.svg);}
.icon.icon-book {background-image: url(24-book-blue.svg);}
.icon.icon-business {background-image: url(24-business-blue.svg);}
.icon.icon-calculator {background-image: url(24-calculator-blue.svg);}
.icon.icon-calendar {background-image: url(24-calendar-blue.svg);}
.icon.icon-camera {background-image: url(24-camera-blue.svg);}
.icon.icon-car {background-image: url(24-car-blue.svg);}
.icon.icon-card {background-image: url(24-card-blue.svg);}
.icon.icon-celebration {background-image: url(24-celebration-blue.svg);}
.icon.icon-checkmark {background-image: url(24-checkmark-blue.svg);}
.icon.icon-chevron-down {background-image: url(24-chevron-down-blue.svg);}
.icon.icon-chevron-left {background-image: url(24-chevron-left-blue.svg);}
.icon.icon-chevron-right {background-image: url(24-chevron-right-blue.svg);}
.icon.icon-chevron-up {background-image: url(24-chevron-up-blue.svg);}
.icon.icon-close {background-image: url(24-close-blue.svg);}
.icon.icon-collapse {background-image: url(24-collapse-blue.svg);}
.icon.icon-contact {background-image: url(24-contact-blue.svg);}
.icon.icon-controls {background-image: url(24-controls-blue.svg);}
.icon.icon-copy {background-image: url(24-copy-blue.svg);}
.icon.icon-document {background-image: url(24-document-blue.svg);}
.icon.icon-document-download {background-image: url(24-document-download-blue.svg);}
.icon.icon-download {background-image: url(24-download-blue.svg);}
.icon.icon-edit {background-image: url(24-edit-blue.svg);}
.icon.icon-education {background-image: url(24-education-blue.svg);}
.icon.icon-enclosed-add {background-image: url(24-enclosed-add-blue.svg);}
.icon.icon-enclosed-check {background-image: url(24-enclosed-check-blue.svg);}
.icon.icon-enclosed-close {background-image: url(24-enclosed-close-blue.svg);}
.icon.icon-enclosed-help {background-image: url(24-enclosed-help-blue.svg);}
.icon.icon-enclosed-minus {background-image: url(24-enclosed-minus-blue.svg);}
.icon.icon-enclosed-more {background-image: url(24-enclosed-more-blue.svg);}
.icon.icon-exit {background-image: url(24-exit-blue.svg);}
.icon.icon-expand {background-image: url(24-expand-blue.svg);}
.icon.icon-external-link {background-image: url(24-external-link-blue.svg);}
.icon.icon-globe {background-image: url(24-globe-blue.svg);}
.icon.icon-insurance {background-image: url(24-insurance-blue.svg);}
.icon.icon-lightbulb {background-image: url(24-lightbulb-blue.svg);}
.icon.icon-loading {background-image: url(24-loading-blue.svg);}
.icon.icon-location {background-image: url(24-location-blue.svg);}
.icon.icon-lock {background-image: url(24-lock-blue.svg);}
.icon.icon-mail {background-image: url(24-mail-blue.svg);}
.icon.icon-maintenance {background-image: url(24-maintenance-blue.svg);}
.icon.icon-medical {background-image: url(24-medical-blue.svg);}
.icon.icon-microphone {background-image: url(24-microphone-blue.svg);}
.icon.icon-mobile-phone {background-image: url(24-mobile-phone-blue.svg);}
.icon.icon-money-bag {background-image: url(24-money-bag-blue.svg);}
.icon.icon-money {background-image: url(24-money-blue.svg);}
.icon.icon-more-horizontal {background-image: url(24-more-horizontal-blue.svg);}
.icon.icon-more-vertical {background-image: url(24-more-vertical-blue.svg);}
.icon.icon-part-time {background-image: url(24-part-time-blue.svg);}
.icon.icon-percentage {background-image: url(24-percentage-blue.svg);}
.icon.icon-phone {background-image: url(24-phone-blue.svg);}
.icon.icon-pie-chart {background-image: url(24-pie-chart-blue.svg);}
.icon.icon-profile {background-image: url(24-profile-blue.svg);}
.icon.icon-reload {background-image: url(24-reload-blue.svg);}
.icon.icon-rewards {background-image: url(24-rewards-blue.svg);}
.icon.icon-search {background-image: url(24-search-blue.svg);}
.icon.icon-send-plane {background-image: url(24-send-plane-blue.svg);}
.icon.icon-settings {background-image: url(24-settings-blue.svg);}
.icon.icon-social-messenger {background-image: url(24-social-messenger-blue.svg);}
.icon.icon-social-twitter {background-image: url(24-social-twitter-blue.svg);}
.icon.icon-spouse {background-image: url(24-spouse-blue.svg);}
.icon.icon-start-date {background-image: url(24-start-date-blue.svg);}
.icon.icon-suitcase {background-image: url(24-suitcase-blue.svg);}
.icon.icon-time {background-image: url(24-time-blue.svg);}
.icon.icon-transfer-arrow {background-image: url(24-transfer-arrow-blue.svg);}
.icon.icon-trash {background-image: url(24-trash-blue.svg);}
.icon.icon-unlock {background-image: url(24-unlock-blue.svg);}
.icon.icon-upload {background-image: url(24-upload-blue.svg);}
.icon.icon-wallet {background-image: url(24-wallet-blue.svg);}