/*******************************************************************************
 * Copyright (c) 2018 or the year of first publication, if earlier, HighQ Solutions Limited or its licensors
 *******************************************************************************/
/*=======================
Common Classes
========================*/
.maxWidthnone		{max-width:none;}
.lineHeightNormal	{line-height: normal;}
.clearfix, .clear	{clear:both;}
.RemoveBorder		{border:0px none !important;}
.RemoveMargin		{margin:0 !important;}
.RemovePadding		{padding:0 !important;}
.RemoveWhiteSpace	{white-space:normal !important;}
.FixedLayout		{table-layout:fixed;}
.WordWrap			{word-wrap:break-word;}
.relativeDiv		{position:relative;}
.staticDiv			{position:static;}
.FontSize0			{font-size:0px; line-height:0px;}
.GreyFont			{color:#767676;}
.InlineBlock		{display:inline-block;}
.Block				{display:block;}
.overflowAuto		{overflow: auto;}
.overflowHidden		{overflow: hidden;}
.overflowY_auto		{overflow-y:auto;}
.overflowX_auto		{overflow-x:auto;}
.overflowY_hide		{overflow-y:hidden;}
.overflowX_hide		{overflow-x:hidden;}
.overflow_Visble	{overflow:visible;}
.TxtLeft 			{text-align:left!important;}
.TxtRight 			{text-align:right!important;}
.TxtCenter			{text-align:center!important;}
.TxtJustify			{text-align:justify!important;}
.fontItalic   		{font-style:italic;}
.fontBold   		{font-weight:bold;}
.fontNormal         {font-weight:normal !important;}
.bodyFixed   		{position: fixed; width: 100%;}
.width98Perc		{width:98%;}
.RemoveboxShadow	{box-shadow:none!important;}
.lineheight24       {line-height: 24px;}
.lineheightfont0{
	line-height: 0px;
	font-size: 0px;
	height: 1px;	
}
.GreyLightFont		{color: rgb(189,189,189)!important;}
.footerPadd			{padding-bottom: 30px;}

.floatNone, 
input.floatNone{
	float: none;
}
.staticPadding{
	padding: 15px;
}
.BorderRadius_4{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.PreFormat{
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	margin: 0;
	padding: 0;
	font-family:inherit !important;
	line-height:18px;
	word-break: inherit;
	*word-break: keep-all;
	color: #3C3C3C;
}
.TruncateTxt{
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap !important;
}
.errormsg{
	background: #fddfde;
	color: #464646;
	border: #fbc7c6 solid 1px;
	border-radius: 4px 4px 4px 4px;
	padding: 3px;
	font-size: 12px;
	text-align: center;
}
.selectAllmsg{
	background: none repeat scroll 0 0 #F0EEBB;
	border-bottom: 1px solid #D5D5D5;
	border-top: 1px solid #D5D5D5;
	color: #797979;
	font-size: 12px;
	padding: 5px 3px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}
a.noLink, a.noLink:hover, .noLink{
	cursor: default;
	text-decoration: none;
	color:#231f20;
}
a.sortLink, a.sortLink:hover{
	color: #3C3C3C; 
}
a.darkLink, a.darkLink:hover{
	text-decoration: none;
	color:#000;
}
.radio.inline.width50, .checkbox.inline.width50{
 width:50px;
}

/*--- temporary (will be removed Need to use above class)---*/
.errorMessage{
	color:#B83425;
}
/*======== Grey Border style =========*/
.borderAll		{border: 1px solid #e4e4e4;}
.borderBott		{border-bottom: 1px solid #e4e4e4;}
.borderTop		{border-top: 1px solid #e4e4e4;}
.borderLeft		{border-left: 1px solid #e4e4e4;}
.borderRight	{border-right: 1px solid #e4e4e4;}

/*======= Some common padding (use direct to any elements) ========*/
.padd2{padding:2px;}				.padd5{padding:5px;}				.padd7{padding:7px;}				.padd10{padding:10px;}
.padd12{padding:12px;}				.padd15{padding:15px;}				.padd17{padding:17px;}				.padd20{padding:20px;}
.padd22{padding:22px;}		
.paddTop0{padding-top:0px;}			.paddTop2{padding-top:2px;}			.paddTop5{padding-top:5px;}			.paddTop7{padding-top:7px;}
.paddTop10{padding-top:10px;}		.paddTop12{padding-top:12px;}		.paddTop15{padding-top:15px;}		.paddTop17{padding-top:17px;}
.paddTop20{padding-top:20px;}		.paddTop22{padding-top:22px;}
.paddBott0{padding-bottom:0px;}		.paddBott2{padding-bottom:2px;}		.paddBott5{padding-bottom:5px;}		.paddBott7{padding-bottom:7px;}
.paddBott10{padding-bottom:10px;}	.paddBott12{padding-bottom:12px;}	.paddBott15{padding-bottom:15px;}	.paddBott17{padding-bottom:17px;}
.paddBott20{padding-bottom:20px;}	.paddBott22{padding-bottom:22px;}
.paddLeft0{padding-left:0px;}		.paddLeft2{padding-left:2px;}		.paddLeft5{padding-left:5px;}		.paddLeft7{padding-left:7px;}
.paddLeft10{padding-left:10px;}		.paddLeft12{padding-left:12px;}		.paddLeft15{padding-left:15px;}		.paddLeft17{padding-left:17px;}
.paddLeft20{padding-left:20px;}		.paddLeft22{padding-left:22px;}
.paddRight0{padding-right:0px;}		.paddRight2{padding-right:2px;}		.paddRight5{padding-right:5px;}		.paddRight7{padding-right:7px;}
.paddRight10{padding-right:10px;}	.paddRight12{padding-right:12px;}	.paddRight15{padding-right:15px;}	.paddRight17{padding-right:17px;}
.paddRight20{padding-right:20px;}	.paddRight22{padding-right:22px;}
/*======= Some common margins (use direct to any elements) ========*/
.marg2{margin:2px;}					.marg5{margin:5px;}					.marg7{margin:7px;}					.marg10{margin:10px;}
.marg12{margin:12px;}				.marg15{margin:15px;}				.marg17{margin:17px;}				.marg20{margin:20px;}
.marg22{margin:22px;}
.margTop0{margin-top:0px;}			.margTop2{margin-top:2px;}			.margTop5{margin-top:5px;}			.margTop7{margin-top:7px;}
.margTop10{margin-top:10px;}		.margTop12{margin-top:12px;}		.margTop15{margin-top:15px;}		.margTop17{margin-top:17px;}
.margTop20{margin-top:20px;}		.margTop22{margin-top:22px;}		.margTop14{margin-top:14px;}		.margTop9{margin-top:9px;}
.margBott0{margin-bottom:0px;}		.margBott2{margin-bottom:2px;}		.margBott5{margin-bottom:5px;}		.margBott7{margin-bottom:7px;}
.margBott10{margin-bottom:10px;}	.margBott12{margin-bottom:12px;}	.margBott15{margin-bottom:15px;}	.margBott17{margin-bottom:17px;}
.margBott20{margin-bottom:20px;}	.margBott22{margin-bottom:22px;}
.margLeft0{margin-left:0px;}		.margLeft2{margin-left:2px;}		.margLeft5{margin-left:5px;}		.margLeft7{margin-left:7px;}
.margLeft10{margin-left:10px;}		.margLeft12{margin-left:12px;}		.margLeft15{margin-left:15px;}		.margLeft17{margin-left:17px;}
.margLeft20{margin-left:20px;}		.margLeft22{margin-left:22px;}
.margRight0{margin-right:0px;}		.margRight2{margin-right:2px;}		.margRight5{margin-right:5px;}		.margRight7{margin-right:7px;}
.margRight10{margin-right:10px;}	.margRight12{margin-right:12px;}	.margRight15{margin-right:15px;}	.margRight17{margin-right:17px;}
.margRight20{margin-right:20px;}	.margRight22{margin-right:22px;}
/*======== zIndex common value 1 to 20 =========*/
.zInd1 {z-index:1;}					.zInd6 {z-index:6;}					.zInd11 {z-index:11;}				.zInd16 {z-index:16;}
.zInd2 {z-index:2;}					.zInd7 {z-index:7;}					.zInd12 {z-index:12;}				.zInd17 {z-index:17;}
.zInd3 {z-index:3;}					.zInd8 {z-index:8;}					.zInd13 {z-index:13;}				.zInd18 {z-index:18;}
.zInd4 {z-index:4;}					.zInd9 {z-index:9;}					.zInd14 {z-index:14;}				.zInd19 {z-index:19;}
.zInd5 {z-index:5;}					.zInd10 {z-index:10;}				.zInd15 {z-index:15;}				.zInd20 {z-index:20;}

.topHeader .headRight > ul > li.HQcommentIcon .commentIconcolor{fill: #eb3425;}
.topHeader .headRight > ul > li.HQcommentIcon > a:hover .commentIconcolor, .topHeader .headRight > ul > li.open .commentIconcolor{fill: #eb3425;}