.icon:before {
	font-family: FontIcon;
}

.icon:focus {
	outline: none;
}

a.icon {
	text-decoration: none;
}

td.icon {
	display: table-cell !important;
}

.icon.ib-print:focus:before {
	text-shadow: 0 1px 5px #ffda34;
}
/*The size of fonticon has been classified in 7 groups...*/
.icon.xx-large:before {
	font-size: 48pt !important;
}

.icon.x-large:before {
	font-size: 30pt !important;
}

.icon.large:before {
	font-size: 25pt !important;
}

.icon.medium:before {
	font-size: 22pt !important;
}

.icon.x-medium:before {
	font-size: 19pt;
}

.icon.small:before {
	font-size: 18pt !important;
}

.icon.x-small:before {
	font-size: 16pt !important;
}

.icon.xx-small:before {
	font-size: 14pt !important;
}

.icon.xxx-small:before {
	font-size: 10pt;
}

.icon.skinny:before {
	font-size: 8pt;
}
/*---------------General colors------------------*/
.danger-color.icon:before {
	color: #CD3F3C !important;
}

.warning-color.icon:before {
	color: #efc319 !important;
}

.info-color.icon:before {
	color: #1996ef !important;
}

.success-color.icon:before {
	color: #00965f !important;
}

.dark-color.icon:before {
	color: #333 !important;
}

.gray-color.icon:before {
	color: #555 !important;
}

.gray-light-color.icon:before {
	color: #888 !important;
}

/*---------------General colors End------------------*/

.welcomeShortcut .shortcutLink .icon:before {
	font-size: 38pt;
}

.HeaderMenuHomeItem:hover.ib-home:before, .HeaderMenuHomeItem:focus.ib-home:before, .HeaderMenuSttingItem:hover.ib-setting:before,
.HeaderMenuSttingItem:focus.ib-setting:before, .HeaderMenuPersonItem:hover.ib-user:before, .HeaderMenuPersonItem:focus.ib-user:before {
	color: #efc319;
}

.HeaderMenuLogoutItem:hover.ib-error-exit:before, .HeaderMenuLogoutItem:focus.ib-error-exit:before, .ShortcutLogoutItem .icon::before {
	color: #f44336;
}

.footerLogin .ib-exclamation-line {
	color: #fdbd00;
}

.ib-header-information:before {
	color: #00acfd;
}

.footerLogin .ib-exclamation-line {
	color: #fdbd00;
}

.infoTextRight:before, .infoTextRightSmall:before, .infoTextRightRegular:before {
	content: "\f170";
	color: #3c9ac9;
}

.warningTextBoldRight:before {
	content: "\f130";
	color: #d1a600;
}

.Interactive-warning .icon:before {
	color: #d1a600;
	position: absolute;
	top: 0px;
}

.mainPopupTypeError:before {
	content: "\f19e";
	color: #d01f1f;
}

.infoTextRight:before, .infoTextRightSmall:before, .infoTextRightRegular:before, .warningTextBoldRight:before, .mainPopupTypeError:before {
	font-family: FontIcon;
	font-size: 23pt;
	position: absolute;
	top: 9px;
}

.Interactive-Title .ib-header-information:before {
	color: #129bbd;
	position: absolute;
	right: -30px;
	top: 0px;
}

.ib-iconBank:before {
	content: "\f181";
}

.ib-delete:before, .ib-print {
	color: #333;
}

.clickIcon {
	cursor: pointer;
}

.BatchTMDisabled .clickIcon {
	cursor: default;
	color: #999;
}

.ib-help-fa:before {
	color: #009461;
}

.ResponsiveSearch:before {
	color: #333;
}

.leftColumnL .ib-help-fa:before {
	color: inherit;
}

.ib-pdf:before {
	color: #af0c0c;
}

.exlButton.ib-excel-2003:before {
	color: #65a844;
}

.PopupMenuTitle .ib-delete:before {
	color: #FFF;
}

.ib-tick:before {
	color: #2E9670;
}

.ib-tick-thin:before {
	color: #2FD4D4;
}

.ib-find-data:before {
	color: #174A88;
}

.ib-print:before {
	color: #5C5C5C;
}

.ib-trash-thin:before {
	color: #CD3F3C;
	cursor: pointer;
}

.ib-success:before, .ib-unsuccess:before {
	font-family: fontIcon;
	vertical-align: top;
}

.bookMarkSeparator .ib-find-data:before {
	vertical-align: middle;
}

.BatchTMDisabled .icon:before {
	color: #969696 !important;
	cursor: default !important;
}

.VersionBody ul li .icon:before {
	color: #05864d;
}

.ib-excel:before {
	color: #27805f;
}

.contactUsContainer .icon:before {
	font-size: 55px;
	color: #888;
}

.InvoiceSettingheader .ib-settings:before {
	color: #a8c1c1;
}

.ErrorPageMainContent .IconLink .icon:before {
	color: #555;
}

.tdinfoTextLarge .icon:before {
	color: #fff;
	position: absolute;
}

.wrongLogin .icon:before {
	color: #9f0808;
}

.checkBox input[type$="checkbox"]:checked + label::after, .checkBoxlist input[type$="checkbox"]:checked + label::after {
	content: "\f14d";
	font-family: "FontIcon";
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 1px;
	line-height: 11px;
}

.imgHelpInPage.icon, .imgKeyboard.icon{
    display:inline-block;
}

@media only screen and (max-width: 900px) {
    .welcomeShortcut .shortcutLink .icon:before {
		font-size: 30pt;
	}
}

@media only screen and (max-width: 600px) {
	.welcomeShortcut .shortcutLink .icon:before {
		font-size: 25pt;
	}
}

@media only screen and (max-width: 360px) {
	.welcomeShortcut .shortcutLink .icon:before {
		font-size: 25pt;
	}
}