/** START styles from hw.css **/
table.hwForm {
	width:60%;
	background-color:white;
	border: 1px solid black;
}
table.hwFormHeaderTable { 
	width : 85%
}
img.hwLogo {
	height:69px;
	width:231px;
	border: 0px;
}
 
.formCenter {
	width:100%;
	background-color: #F2F2F2;
}

table.formLayoutTable {
	table-layout: fixed;
	border: 1px solid black;
	background-color: #FFFFFF;
	padding: 5px;
}

td.formLayoutCell {
	font-weight:normal;
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

td.formLayoutCellLabelRight {
	text-align:right;
	font-weight:bold;
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

td.formLayoutCellRight {
	text-align:right;
	font-weight:normal;
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
td.formLayoutCellLabelLeft {
	text-align:left;
	/* font-weight:bold; */
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
td.formLayoutTopAlignCellLeft {
	text-align:left;
	font-weight:normal;
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
td.formLayoutCellLeft {
	text-align:left;
	font-weight:normal;
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

td.formLayoutCellLabelCenter {
	text-align:center;
	font-weight:bold;
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

td.formLayoutCellCenter {
	text-align:center;
	font-weight:normal;
    font-size:8pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}

td.formLayoutCheckbox {
	vertical-align:top;
}

div.errorHover {
	position: absolute;
	display: none;
	border:1px solid #FF8888;
	background-color: #CC8888;
	padding:10px;
	font-weight:bold;
	color:#FFEEEE;
}

td.errorIconCell {
	text-align:center;
	vertical-align:top;
	padding:2px;
}

td.formEdit {
	padding-left:50px;
	width:100%;
	background-color: #F2F2F2;
}

td.hwDetailLabel {
	color: #000000;
	font-weight:bold;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding:3px;
}

td.hwDetailValue {
	color: #000000;
	font-weight:normal;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
}

.buttonBar {
	width:100%;
}

.fileTable {
	border:1px solid rgb(186,192,217);
	background-color: white;
	/*border-collapse:collapse;*/
}

.fileTableHeader {
	color: #000000;
	background-color: #CCCCCC;
	font-weight:bold;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding:4px;
}

.fileTableCell {
	background-color: #F2F2F2;
	color: #000000;
	font-weight:normal;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif; 	
	padding:3px;
	border: 1px solid rgb(186,192,217);
}

.fileTableDesc {
	font-size		: 8pt;
	font-weight: bold;
	border-bottom: 1px solid rgb(186,192,217);
	padding: 5px;
	background-color: #AFCDAF;
}

.fileTableFooter {
	border-top: 1px solid rgb(186,192,217);
	font-size		: 8pt;
	padding: 5px;
	background-color: #F2F2F2;
}

.fileTableMsg {
	padding: 4px;
	font-size		: 8pt;
	font-weight: bold;
	color: 	#1F50A0;
}
.searchTitle {
	/* background-color:#BAC0D9; */
	font-size		: 8pt;
	font-weight		: bold;
	height			: 23px;
	vertical-align	: middle;
}

.searchContent {
	font-size		: 8pt;
	font-weight		: bold;
	border-bottom:1px solid black;
	padding: 7px;
}

.searchLeftCenter {
	border-bottom:1px solid black;
	padding:0px;
	width:6px;
	background-color: #f2f2f2;
}

.searchTopCorner {
	vertical-align:top;
	padding:0px;
	width:100px;
}

.searchCenterBorder {
	border-bottom:1px solid black;
	padding:0px;
	width:6px;
	background-color: #f2f2f2;
}

.hwQueueTable {
	width: 100%;
}
/** END styles from hw.css **/

/** Starting Common styles from styles.css **/
hr {  color: #CCCCCC;}



BODY { 
	margin:0px;
	background-color: white;
	color: #363636;/* added from Black*/
	/*color: rgb(56,56,56); */
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:8pt;
}

table {	
	font-size : 8pt; 
	/*background-color: white;*/ /* Added by cs*/
	color: #363636;/* added from Black*/
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

td {	
	vertical-align:top;
}

a 		{ 
    color:#2389ff;
	font-weight:400; /*color: #363636; added from Black; color:white; */
	}
				
/*a:link 	{ text-decoration: underline; }//Deleted on 25/10/2016 By AF*/
td a:link 	{ /*text-decoration: underline;*/ }/* Added on 25/10/2016 By AF */
a:hover {  	color: #2389ff;
			font-weight: 400;
			text-decoration: underline;
/* color: #333366; color:white;*/}

.bold 	{ font-weight:bold; }

.chartTitle { /** VARIABLE: System Specific */
	font-weight:bold; color:#000066; font-size : 10pt;  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.err 			{ color: #FF0000; font-weight:bold; } 			/* Error */
a.err:link		{ color: #FF0000; text-decoration: underline;}
a.err:visited	{ color: #FF0000; }
a.err:hover		{ color: #CC3300; }

.scs { color: #1F50A0; font-weight:bold; }						/* success */
/*
.btn {  /** VARIABLE: System Specific *//*
	font-size:		8pt;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	text-align:        center;
	text-decoration:	none;

	background:		rgb(35,97,170);
	/*background-color:#efac29;*//*
	color:white;
	padding:2px 4px;
	border:	1px outset white;
	height:22px;
}*/


.btn { 
	moz-user-select: none;
	/*background:		rgb(35,97,170);*/
	background:		#FF8400 !important;
	color:white !important;
	/*font-family:	Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    /*font-size: 11px;
    font-weight: 400;*/
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	/*height:35px!important;*/
	height:35px;
	margin-left : 10px;
	/* transition: transform 0.1s ease, box-shadow 0.1s ease; */
	transition: transform 0.3s, box-shadow 0.1s ease, filter 0.3s;

  	transform: translateY(-2px);
  	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2);
	position: relative;
  	overflow: hidden;

}


.btn:hover{
/* background:#FF8400 !important; */
transform: translateY(1px);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
 filter: brightness(1.2);

}

.btn:active{
/* background:	#FF8400 !important; */
box-shadow: 0px 2px 0px rgba(77, 115, 138, 0.2);
}



.redbtn{ 
	moz-user-select: none;
	/*background:		rgb(35,97,170);*/
	background:		#ff0000;
	color:white !important;
	/*font-family:	Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    /*font-size: 11px;
    font-weight: 400;*/
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	/*height:35px!important;*/
	height:35px;
	margin-left : 10px;
}

.redbtn:hover {background-color: #bf0202}

.astbtn {  /** VARIABLE: System Specific */
	font-size:		8pt;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	text-align:        center;
	text-decoration:	none;

	background:		#D77001;
	/*background-color:#efac29;*/
	color:white;
	padding:2px 4px;
	border:	1px outset white;
	height:22px;
	width:147px;
}

.delbtn {  /** VARIABLE: System Specific */
	font-size:		8pt;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	text-align:        center;
	text-decoration:	none;

	/* //background:		rgb(35,97,170); */
	background-color:red;
	color:white;
	padding:2px 4px;
	border:	1px outset white;
	height:22px;
	width:110px;
}

.fauxlink {
	/*text-decoration: underline;*/
	cursor:pointer; 
	cursor: hand;
}	

/*
a.btn:link { color:  black; text-decoration:	none; vertical-align : middle;}
a.btn:active {color:  black; text-decoration:	none; vertical-align : middle;}
a.btn:visited {color:  black; text-decoration:	none; vertical-align : middle;}
a.btn:hover {color:  black; text-decoration:	none;  cursor: hand; vertical-align : middle;}
*/

a.btn:hover {color:white; text-decoration:	none;  cursor:pointer; cursor: hand; }
/*a.redbtn:hover {background:white; color:white !important; text-decoration:	none;  cursor:pointer; cursor: hand; }*/
a.btn_po_rcvd:hover {color:white; text-decoration:	none;  cursor:pointer; cursor: hand; }
.new_action_btn:hover {background:#6AAFFF; color:white !important; text-decoration:	none;  cursor:pointer; cursor: hand; }
.new_action_btn_active:hover {background:white; color:#6AAFFF !important; text-decoration:	none;  cursor:pointer; cursor: hand; }


input.btn {

	/*padding:2px 4px;*/
	/*border:	1px outset white;//Deleted on 25/10/2016 By AF*/
}

.mc7 {  font-size:7pt; }	/* IC Footer */

.ic7b { 					/* IC Footer Link */
	color: #101873;
	font-weight:bold;
	font-size:7pt;
}

.headrow { /** VARIABLE: System Specific */
	vertical-align: middle;
	vertical-align: middle;
	text-align: left;
	height: 20;
	/*background-color: rgb(204,204,204); */
	background-color: rgb(215,215,215); 
	padding:3px;				

	/*color: #000000;*/
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;
	vertical-align:middle;
	background-position:bottom;
	border-collapse:collapse;
}

.headrowCenter { /** VARIABLE: System Specific */
	vertical-align: middle;
	text-align: center;
	height: 20;

	background-color: rgb(204,204,204); 
	padding:3px;				

	/*color: #000000;*/
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;

	vertical-align:middle;
	background-position:bottom;
	border-collapse:collapse;
}

.headrow2 { /** VARIABLE: System Specific */

	vertical-align: middle;
	vertical-align: middle;
	text-align: left;
	height: 20;

	background-color: rgb(229,229,229); 
	padding:3px;				
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;
	vertical-align:middle;
	background-position:bottom;
	border-collapse:collapse;
}

.tdRow { /** VARIABLE: System Specific */
	background-color: #efefef;

}

.tdRowAlt { /** VARIABLE: System Specific */
	background-color: #d7d7d7;

}

.boldText {
	font-size:10pt;
}

.boldText2 {
	font-size:10pt;
	font-weight:bold;
}

.st2_headrow { /** VARIABLE: System Specific */
	/*vertical-align: middle;
	vertical-align: middle;*/
	text-align: left;
	white-space: nowrap;
	height: 20;

	background-color: rgb(215,215,215); 
	padding:3px;				
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;
	vertical-align:middle;
	background-position:bottom;
	border-collapse:collapse;
}

.st2_headrow > td { /** VARIABLE: System Specific */
	padding: 3px;

	border: 1px solid black;


}

.ab_headrow { 
	vertical-align: middle;
	vertical-align: middle;
	text-align: left;
	height: 20;

	/*background-color: rgb(215,215,215); */
	padding:3px;				
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;
	vertical-align:middle;
	background-position:bottom;
	border-collapse:collapse;
}

.content { /** VARIABLE: System Specific */
	padding:2px;
	background-color:#f2f2f2;
}

.contentwhite {
	padding:2px;
	background-color:#ffffff;
}
.contentLeft { /** VARIABLE: System Specific */
	background-color:#f2f2f2;
}
.contentHeader { /** VARIABLE: System Specific */
	vertical-align: middle;
	text-align: left;
	height: 20;

	/* background-color: #AFCDAF; */
	background-color: rgb(215,215,215);			
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;
	padding: 2px;
	border:1px solid rgb(215,215,215);
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');
	background-repeat:repeat-x;
	background-position:bottom;		
}
.contentHeaderLeft { /** VARIABLE: System Specific */
	vertical-align: middle;
	text-align: left;


	height: 20;
	background-color: rgb(215,215,215);			
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;
	padding: 2px;
	border:1px solid rgb(215,215,215);
	border-width: 1px 0px 1px 1px;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');
	background-repeat:repeat-x;
	background-position:bottom;	
}
.contentHeaderRight { /** VARIABLE: System Specific */
	vertical-align: middle;
	text-align: Right;
	height: 20px;
	background-color: rgb(215,215,215);			
	color: #000000;
	font-weight:bold;
	font-size:8pt;
	padding: 2px;
	border:1px solid rgb(215,215,215);
	border-width: 1px 1px 1px 0px;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');
	background-repeat:repeat-x;
	background-position:bottom;	
}

.contentArea {  /** VARIABLE: System Specific */

	border: 1px solid rgb(215,215,215);
	border-top-width:0px;

	/*background-color:#f2f2f2;*/
	background-color:white;

	align:center;
	
}
.contentAreaLeft { /** VARIABLE: System Specific */
	border: 1px solid rgb(202,222,239);
	border-top-width:0px;
	background-color:#f2f2f2;
	border-width: 0px 0px 1px 1px;
}
.contentAreaRight {
	border: 1px solid rgb(215,215,215);
	border-top-width:0px;
	background-color:#f2f2f2;
	border-width: 0px 1px 1px 0px;
}
.content_divider {
	background-color:#999999;
}

a.hoverlink { color:black; text-decoration:none; vertical-align:middle; font-size:7pt;}
a.hoverlink:hover {color:#333366; text-decoration:underline; font-size:7pt;}

.clnd { color: #000000;
          font-weight:normal;
          font-size:8pt;
          font-family:Verdana, Arial, Helvetica, sans-serif;
		  text-decoration: none; }
.clnd a:link { color: #000000; text-decoration: none; }
.clnd a:visited {  color: #000000;  text-decoration: none; }
.clnd a:hover {  color: #666666;  text-decoration: none; }
/*
.navbox{ /** VARIABLE: System Specific Navbar (Titlebar) */
	/*background-color: rgb(202,222,239);*//*
	background-color:#BFBFBF;

	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	color:#363636;/* added from Black*//*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid rgb(215,215,215);

	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');
	background-repeat:repeat-x;
	background-position:bottom;

}*/

.navbox{ /** VARIABLE: System Specific Navbar (Titlebar) */
	/*background: #2361aa linear-gradient(#2361aa, #234560) repeat scroll 0 0;*/
	background: #e7e7e7 linear-gradient(#e7e7e7, #e5e5e5) repeat scroll 0 0;
    border: 1px solid rgb(215, 215, 215);
    color: #333;
    font-size: 9pt;
    padding-left: 10px;
    

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    /*height: 30px;*/
	height: 40px;
    vertical-align: middle;
	
}

.navbox2{ /** VARIABLE: System Specific */
	/*background: #2361aa linear-gradient(#2361aa, #234560) repeat scroll 0 0;*/
	background: #e7e7e7 linear-gradient(#e7e7e7, #e5e5e5) repeat scroll 0 0;
    border: 1px solid rgb(215, 215, 215);
    color: #333;
    font-size: 9pt;
    padding-left: 10px;
	
    /*border: 1px solid rgb(215, 215, 215);*/
    /*border-radius: 6px;*/
   
	/*color: white;*/
	height: 40px;
	vertical-align: middle;
	/*margin-bottom:0px;
	background-color: rgb(191,191,191);
	vertical-align: middle;*/
	font-weight: bold;

	/*color:#363636;/* added from Black*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*border:1px solid black;
	padding:3px;*/
	
}

.navbox3{
	/*background: #2361aa linear-gradient(#2361aa, #234560) repeat scroll 0 0;*/
	background: #e7e7e7 linear-gradient(#e7e7e7, #e5e5e5) repeat scroll 0 0;
    /*border: 1px solid rgb(215, 215, 215);*/
    color: #333;
    font-size: 9pt;
    padding-left: 10px;
	/* border: 1px solid rgb(215, 215, 215);*/
    /* border-radius: 6px;*/
    /*color: white;*/
	
	height: 40px;
	vertical-align: middle;
	/*background-color:#BFBFBF;
	vertical-align: middle;*/
	font-weight: bold;

	/*color:#363636;/* added from Black*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*border-bottom: 1px solid #bcbcbc;*/
	/*background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');
	background-repeat:repeat-x;
	background-position:bottom;
	/*height:22px;*/
	
}
.navbox3 a{/*color: white;*/color: #333;}
.iconNavBoxText{ /** VARIABLE: System Specific */
	/*background: #2361aa linear-gradient(#2361aa, #234560) repeat scroll 0 0;*/
	background: #e7e7e7 linear-gradient(#e7e7e7, #e5e5e5) repeat scroll 0 0;
    /*border: 1px solid rgb(215, 215, 215);*/
    color: #333;
    font-size: 9pt;
    padding-left: 10px;
	/*border: 1px solid rgb(215, 215, 215);*/
    /*border-radius: 6px;*/
    /*color: white;*/
	
	height: 40px;
	vertical-align: middle;
	/*background-color:#BFBFBF;
	vertical-align: middle;*/
	font-weight: bold;
	
	/*color:#363636;/* added from Black*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*border:1px solid rgb(215,215,215);
	border-right: 0px;*/
	/*background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');
	background-repeat:repeat-x;
	background-position:bottom;	*/
	
}
.iconNavBoxIcon{ /** VARIABLE: System Specific */
	/*background: #2361aa linear-gradient(#2361aa, #234560) repeat scroll 0 0;*/
	background: #e7e7e7 linear-gradient(#e7e7e7, #e5e5e5) repeat scroll 0 0;
    /*border: 1px solid rgb(215, 215, 215);*/
    color: #333;
    font-size: 9pt;
    padding-left: 10px;
	/*border: 1px solid rgb(215, 215, 215);*/
    /*border-radius: 6px;*/
    /*color: white;*/
	
	height: 40px;
	vertical-align: middle;
	/*background-color:#BFBFBF;

	vertical-align: middle;*/
	font-weight: bold;
	/*color:#363636;/* added from Black*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*border:1px solid rgb(215,215,215);;
	border-left: 0px;*/
	/*background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');*/
	/*background-repeat:repeat-x;*/
	background-position:bottom;	
}

.footer {
	color: rgb(0,115,202);
	font-weight: normal;
	font-size: 8pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
a.footerLink { text-decoration: none; }
a.footerLink:hover {text-decoration: none;	color: rgb(93,166,221);}

.leftTabTable {  /** VARIABLE: System Specific */
	border:1px solid rgb(215,215,215);

	border-top: 0px;
}
.actionBoxHeader {
	margin:4px;
	width: 60%;
	text-align:center;
	font-weight:bold;
}
.actionBox { /** VARIABLE: System Specific */
	border: 1px dashed #CCCCCC;
	padding: 5px;
	background: white;

	font-weight:normal;
	text-align:left;
}




.popUpTable {
	position: absolute;
	left: 10px; 
	top:10px;
	border-collapse:collapse;
	/* border: 1px solid black; */
	display:none;
}

.popUpHeaderTitle { /** VARIABLE: System Specific */
	color:white;

	background-color: #0066CC;

	border-style	: solid;
	border-color	: black;

	border-width	: 1px 0px 1px 0px;
	font-size		: 8pt;
	font-weight		: bold;
	height			: 23px;
	vertical-align	: middle;
}
.popUpHeaderX { /** VARIABLE: System Specific */
	color:white;
	background-color: #0066CC;

	border-style	: solid;
	border-color	: black;

	border-width	: 1px 0px 1px 0px;
	text-align		: right;
	font-size		: 8pt;
	font-weight		: bold;	
	vertical-align	: middle;
}

.popUpContent { /** VARIABLE: System Specific */
	background-color: #ECF3F8;
	/*border-bottom:1px solid black;*/
	border-bottom:1px solid #bcbcbc;
	padding: 3px;
}

.popUpLeftCenter { /** VARIABLE: System Specific */
	border-bottom:1px solid black;
	padding:0px;
	width:6px;
	background-color: #f2f2f2;
}

.popUpTopCorner { /** VARIABLE: System Specific */
	border-bottom: 1px solid black;

	vertical-align:top;
	width:6px;
	
}

.popUpCenterBorder { /** VARIABLE: System Specific */
	border-bottom:1px solid black;

	padding:0px;
	width:6px;
	background-color: #f2f2f2;
}

.paging {
	border:1px solid black;
	vertical-align:bottom;
}

.currentPage { 
	font-weight:bold;
	color: rgb(35,97,170);
	/* font-size:9pt; */
}

.fauxlink {
	/*text-decoration: underline;*/
	cursor:pointer; 
	cursor: hand;
}

.debugWindow {
	border		: 1px solid black;
	position	: absolute;
	width		: 45%;
	height		: 35%;
	left		: 0%;
	top			: 0%;
	background-color: #EEEEEE;
	overflow	: auto;
}

.debugHeader { 
	color:red;
	background-color:#cccccc;
	height:18px;
	font-weight:bold;	
}


.fileTable { /** VARIABLE: System Specific */
	border:1px solid #BCBCBC;

	background-color: white;
	border-collapse:collapse;
}

.fileTableHeader { /** VARIABLE: System Specific */
	/*color: #000000;

	background-color: #FFF3DD;
	font-weight:bold;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding:4px;
	*/
	color: #000000;
	background-color: #E5E5E5;
	font-weight:bold;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding:4px;


}

.fileTableCell { /** VARIABLE: System Specific */
	background-color: #F2F2F2;

	color: #000000;
	font-weight:normal;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif; 	
	padding:3px;

	border: 1px solid #BCBCBC;
}

.fileTableDesc { /** VARIABLE: System Specific */





	font-size		: 8pt;
	font-weight: bold;
	border-bottom: 1px solid #BCBCBC;
	padding: 5px;
	background-color: rgb(215,215,215);




	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');





}

.fileTableFooter { /** VARIABLE: System Specific */
	border-top: 1px solid #BCBCBC;
	font-size		: 8pt;
	padding: 5px;
	background-color: #F2F2F2;

}

.fileTableMsg {
	padding: 4px;
	font-size		: 8pt;
	font-weight: bold;
	color: 	#1F50A0;
}

.simplePopUpHeaderTitle { /** VARIABLE: System Specific */
	background-color: rgb(215,215,215);

	border-style	: solid;
	border-color	: black;

	border-width	: 1px 0px 1px 1px;
	font-size		: 8pt;
	font-weight		: bold;

	height			: 23px;
	vertical-align	: middle;
	padding-left	: 5px;
}
.simplePopUpHeaderX {
	background-color: rgb(215,215,215);

	border-style	: solid;
	border-color	: black;

	border-width	: 1px 1px 1px 0px;
	text-align		: right;
	font-size		: 8pt;



	font-weight		: bold;	
	vertical-align	: middle;
	padding-right: 5px;
}

.simplePopUpContent {
	background-color: #f2f2f2;

	border:1px solid black;

	border-width: 0px 1px 1px 1px;
	padding: 3px;
}

.basicTableHeader { 
	padding:0px;
}

.defaultCell { /** VARIABLE: System Specific */
	border: 1px solid #aaaaaa;
	border-collapse:collapse;
	height:40px;
}

.quotedefaultCell { /** VARIABLE: System Specific */
	border: 1px solid #aaaaaa;
	white-space: nowrap;
	border-collapse:collapse;
	vertical-align	: middle;
	text-align		: middle;
	height:8px;
	padding:3px;
}

/* Start Added By ICSL on 07-10-2012 - SM */
.defaultCellLight { 
	border: 1px solid #E0E0E0;
	border-collapse:collapse;
	padding:8px !important;
	vertical-align:middle !important;
}

.defaultHeaderCellLight { 
	border: 1px solid #E0E0E0;
	background-color: #E8E8E8;
	border-collapse:collapse;
	padding:5px;
}

.defaultHeaderCellLight2 { 
	background-color: #E8E8E8;
	border-collapse:collapse;
	padding:5px;
}

.cellLightBackground { 
	border: solid 1px #cccccc;
	padding:5px;
	background-color:#F9F9F9;
}
/* End Added By ICSL on 07-10-2012 - SM */

div.dashGraph {
	font-weight:normal;
}

.selectionFieldSet {

   -moz-border-radius-bottomleft: 7px;
   -moz-border-radius-bottomright: 7px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 7px;
   -webkit-border-radius: 7px;
   border-radius: 3px;
   margin-top: 5px;
   padding: 5;
   border-style:solid;
   border-width:1px;
   border-color:#808080;


}

.roundedFieldset {
	border-width: 1px;
	border-style: solid;
	text-decoration: none; 
	outline: none;
   -moz-border-radius-bottomleft: 7px;
   -moz-border-radius-bottomright: 7px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 7px;
   -webkit-border-radius: 7px; 
   border-radius: 3px;
   -webkit-border-radius: 15px;
   -webkit-border-top-left-radius: 4px;
   -khtml-border-top-left-radius: 4px;
   border-top-left-radius: 4px;
   margin-top: 0px;
   padding: 5;
   border: solid 1px #BCBCBC;
   border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
   color: #000000;
  /* border-color:#808080; */
}

legend.blackcolor{
	color: #000000;
}

.tdNoDataPieCharts {
	height: 225px;
	width: 100%;
	border: #C0C0C0 1px solid;
}

.tdNoDataHBarCharts {
	height: 325px;
	width: 100%;
	border: #C0C0C0 1px solid;
}
/*
fieldset { 
   -moz-border-radius-bottomleft: 7px;
   -moz-border-radius-bottomright: 7px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 7px;
   -webkit-border-radius: 7px;
   border-radius: 3px;   
   border:rgb(35,97,170) 1px solid;
   
}//Deleted on 25/10/2016 By AF */
.failedValidation_InputBGColor {
	background-color: #FFCCCC;
	border: #C0C0C0 1px solid;
	border-collapse:collapse;
}

.failedValidation_DefaultInputBGColor {
	background-color: #FFFFFF;
	border: #C0C0C0 1px solid;
	border-collapse:collapse;
}

.navboxbody{
	margin-bottom:6px;
	background-color: #FFFFFF;
}


.nav_top_img{
	/** Use this when ever you need a Image over NAV TREE */
	height:	20px;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/nav_top_img.gif');
	background-repeat:repeat;
	
}

.footer_top_img{
	/** Use this when ever you need a Image over FOOTER */
	height:	8px;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/footer_top_img.gif');
	background-repeat:repeat-x;
	
}



.tableBorderBottom{	
	border-bottom: 1px solid #bcbcbc;
}

.detailsPageSectionTableBorders{
	border:1px solid #bcbcbc;
}




/* This Mouse Hover Color Will Apply For All The Sortable Tables Using This System */
tr.rowMouseHoverColorSet{
	background-color: #DDDDDD;
}



.detailsPageSectionBorders{

	border:1px solid #bcbcbc;
}


.agfieldset{
	font-weight:bold;
	color:#2D6DC7;
}


.detailsPageContentAreaBordersLeft{
	border-left: 1px solid #bcbcbc; 
	border-bottom: 1px solid #bcbcbc;
}


.detailsPageContentAreaBordersRight{
	border-right: 1px solid #bcbcbc; 
	border-bottom: 1px solid #bcbcbc;

}


.btnDiv {
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	background-color:rgb(35,97,170);
	border:	1px outset white;
	height:	16px;
	width:auto;
	padding:1px;
	white-space:nowrap;
}


.tab{
	background-color: #B4B4B4;
}

.loginBG {
	/*
    background-color: #F7F2D4;
    border: 1px solid black;
    padding: 2px;
	*/
}

/** END Common styles from styles.css **/

/** START Dhtml styles from dhtml.css **/
.simpleBox {
	border: 1px solid black;
	padding: 5px;
}


.errorHoverTable {
	position: absolute;
	border-collapse:collapse;
	/* border: 1px solid black; */
	display:none;
	white-space: nowrap; 
}

.errorHoverHeaderTitle {
	background-color: #D81212;
	border-style	: solid;
	border-color	: black;
	border-width	: 1px 0px 1px 0px;
	font-size		: 8pt;
	font-weight		: bold;
	height			: 22px;
	vertical-align	: middle;
	color: #FFDDDD;
	text-align:center;
}


.errorHoverContent {
	color: white;
	font-weight:bold;
	background-color: #CC8888;
	padding: 3px;
	font-size:8pt;
	overflow:auto;
	white-space: nowrap; 
}

.errorHoverLeftCenter {
	padding:0px;
	width:6px;
	background-color: #CC8888;
}

.errorHoverTopCorner {
	border-bottom: 1px solid black;
	vertical-align:top;
	width:6px;
}

.errorHoverBottomCorner {
	vertical-align:top;
	width:6px;
}

.errorHoverFooter {
	border-bottom: 1px solid black;
	vertical-align:top;
	width:6px;
	background-color: #CC8888;
}


.errorHoverCenterBorder {
	padding:0px;
	width:6px;
	background-color: #CC8888;
}
/*
.dropdown {
	border: 1px solid black;
}//Deleted 0n 25/10/2016 By AF*/
/** END Dhtml styles from dhtml.css **/

/** START styles from anylink.css **/
.anylinkcss{
	position: absolute;
	visibility: hidden;
	border: 1px solid #666666;
	border-bottom-width: 0;
	font: normal 8pt Tahoma, Arial, Helvetica, sans-serif;
	line-height: 18px;
	z-index: 100;
	background-color: #F9F7E9;
	width: 205px;
	text-decoration: none;
	padding-right: 0px;
}

.anylinkcss a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #696969;
	padding: 1px;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	padding-right: 0px;
}

.anylinkcss a:hover{
	/*hover background color*/
	background-color: rgb(93,166,221);
	color: white;
	text-decoration: none;
}

a.navbarLink {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	vertical-align: middle;
}

a.navbarLink:hover{
	text-decoration: underline;
	color: rgb(255,208,31);
}

/*.sep{
	background-color:#aaaaaa;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');
	background-repeat:repeat-x;
	border:1px solid black;
}*/
.sep{
	border:1px solid black;
}


/** END styles from anylink.css **/


/** END styles from jqplot.css **/
/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
    position: relative;
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
/*    height: 300px;
    width: 400px;*/
}

/*rules applied to all axes*/
.jqplot-axis {
    font-size: 0.75em;
}

.jqplot-xaxis {
    margin-top: 10px;
}

.jqplot-x2axis {
    margin-bottom: 10px;
}

.jqplot-yaxis {
    margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis {
    margin-left: 10px;
    margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    position: absolute;
}


.jqplot-xaxis-tick {
    top: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-top: 10px;*/
    vertical-align: top;
}

.jqplot-x2axis-tick {
    bottom: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-bottom: 10px;*/
    vertical-align: bottom;
}

.jqplot-yaxis-tick {
    right: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-right: 10px;*/
    text-align: right;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    left: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-left: 10px;*/
/*    padding-right: 15px;*/
    text-align: left;
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yaxis-label {
    margin-right: 10px;
/*    text-align: center;*/
    font-size: 11pt;
    position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
/*    text-align: center;*/
    font-size: 11pt;
    position: absolute;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 0.75em;
}

td.jqplot-table-legend {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:8pt;
    vertical-align:middle;

}

td.jqplot-table-legend > div {
    border:1px solid #cccccc;
    padding:0.2em;
}

div.jqplot-table-legend-swatch {
    width:0px;
    height:0px;
    border-top-width: 0.35em;
    border-bottom-width: 0.35em;
    border-left-width: 0.6em;
    border-right-width: 0.6em;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.jqplot-title {
    top: 0px;
    left: 0px;
    padding-bottom: 0.5em;
    font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
}


.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-highlighter-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-point-label {
    font-size: 0.75em;
}
      
td.jqplot-cursor-legend-swatch {
vertical-align:middle;
text-align:center;
}

div.jqplot-cursor-legend-swatch {
width:1.2em;
height:0.7em;
}
/** END styles from jqplot.css **/

/** START styles from object_move.css **/
#mainContainer{
	width:1150px;
	background-color:#FFF;
	margin:0px auto;
}

#saveBtnContainer{
	width:1120px;
	margin:0px auto;
	float:right;
}

/* This is the box that is parent to the dragable items */
#dragableElementsParentBox{
	padding:10px;	/* Air */
}

.smallArticle {
	float:left;
	/*padding:2px;
	margin-right:10px;
	margin-bottom:5px;*/
	margin:10px;
}
.smallArticle img {
	float:left;
	border:0;
	/*padding:5px;*/
}
.smallArticle .rightImage {
	float:right;
}
.smallArticle{
	width:540px;
}
.bigArticle{
	width:564px;
}
.clear{
	clear:both;
}

/* END DEMO CSS */

/* REQUIRED CSS */

#rectangle{
	float:left;
	border:1px dotted #F00;	/* Red border */
	background-color:#FFF;
}
#insertionMarker{	/* Don't change the rules for the insertionMarker */
	width:6px;
	position:absolute;
	display:none;
}
#insertionMarker img{	/* Don't change the rules for the insertionMarker */
	float:left;
}		
#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
	position:absolute;
	display:none;
	border:1px solid #000;
	/*filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
	opacity:0.5;	/* 50% opacity , i.e. transparency */

}

.actionsBtn{
	float:left;
	text-align:right;
	width:510px;
	padding:5px;
}

.actionsBtn img{
	float:right;
	width:15x;
	height:15px;
}

.minActionsBtn{
	float:left;
	padding:2px;
}

.minActionsBtn img{
	float:right;
	width:15x;
	height:15px;
}

#minimizeContainer{
	width:1150px;
	background-color:#FFF;
	margin:0px auto;
	margin-top:25px;
	float:left;
}

#minimizedChartCollection{
	padding:10px;
}

.minItemsTitile{	
	float:left;
	height:15px;
	width:480px;
	padding:5px;
}

.minimizedItems {
	font-size:10pt; 
	font-weight:bold;
	color:rgb(35,97,170);
	text-align:center;
	float:left;
	/*padding:2px;
	margin-right:10px;
	margin-bottom:5px;*/
	margin:10px;
}
.minimizedItems img {
	float:left;
	border:0;
	/*padding:5px;*/
}
.minimizedItems .rightImage {
	float:right;
}
.minimizedItems{
	width:535px;
	border:1px solid black;
	marging-right:5px;
}
/** END styles from object_move.css **/


/** START styles from qbo.css **/
.st2_headrowQB { vertical-align: middle;
	vertical-align: middle;
	text-align: left;
	height: 20;
	background-color: #EFEFEF; 

	padding:3px;				
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;
	vertical-align:middle;
	background-position:bottom;
	border-collapse:collapse;
}


.st2_headrowQBtd { 
 vertical-align: middle;
	vertical-align: middle;
	text-align: left;
	height: 20;
	background-color: #EFEFEF; 
	padding:3px;				
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;
	vertical-align:middle;
	background-position:bottom;
	border-collapse:collapse;
	
	/*padding: 3px;*/
	border: 1px solid #DDDDDD;
}

.defaultCellQB {
	border: 1px solid #DDDDDD;
	border-collapse:collapse;
	height:40px;
}

.defaultCellQB-Blue {
	border: 1px solid #9CC1F4;
	border-collapse:collapse;
	height:40px;
}

tr.rowMouseHoverColorSetQB{
	background-color: #F7F7F7; 
}
/** START styles from qbo.css **/

.normalText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

.leftArrow_completed{
	height:20px;
	width:12px;
	/*background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/completed_tail.png');*/
	/*background-image:url('/interfaces/vb/resources/images/rescompleted_tail.png');*/
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/completed_tail.png');
	background-repeat:no-repeat;
	float:left;
	display:block;
}

.leftArrow_active{
	height:20px;
	width:12px;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/current_tail.png');
	background-repeat:no-repeat;
	float:left;
	display:block;
}

.leftArrow_disable{
	height:20px;
	width:12px;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/next_tail.png');
	background-repeat:no-repeat;
	float:left;
	display:block;
}

.stepText_completed{
	height:20px;
	/*height:17px;//AF*/
	width:auto;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/completed_body.png');
	background-repeat:repeat-x;
	padding:1px;
	display:block;
	float:left;
	color:#ffffff;
	font-weight:bold;
}

.stepText_active{
	height:20px;
	/*height:17px;//AF*/
	width:auto;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/current_body.png');
	background-repeat:repeat-x;
	padding:1px;
	display:block;
	float:left;
	color:#ffffff;
	font-weight:bold;
}

.stepText_disable{
	height:20px;
	/*height:17px;//AF*/
	width:auto;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/next_body.png');
	background-repeat:repeat-x;
	padding:1px;
	display:block;
	float:left;
	color:#707070;
	font-weight:bold;
}

.rightArrow_completed{
	height:20px;
	width:11px;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/completed_head.png');
	background-repeat:no-repeat;
	float:left;
	display:block;
}

.rightArrow_active{
	height:20px;
	width:11px;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/current_head.png');
	background-repeat:no-repeat;
	float:left;
	display:block;
}

.rightArrow_disable{
	height:20px;
	width:11px;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/next_head.png');
	background-repeat:no-repeat;
	float:left;
	display:block;
}

.st3_headrow { /** VARIABLE: System Specific */
	/*vertical-align: middle;
	vertical-align: middle;*/
	text-align: left;
	white-space: nowrap;
	height: 20;
	background-color: rgb(215,215,215); 
	padding:3px;				
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;
	vertical-align:middle;
	background-position:bottom;
	border-collapse:collapse;
}

.st3_headrow > td { /** VARIABLE: System Specific */
	padding: 3px;
	border: 1px solid gray;
}

.pro_headrow { /** VARIABLE: System Specific */
	/*vertical-align: middle;
	vertical-align: middle;*/
	text-align: left;
	white-space: nowrap;
	height: 20;
	background-color: rgb(215,215,215); 
	padding:3px;				
	color: #363636;/* added from Black*/
	font-weight:bold;
	font-size:8pt;
	vertical-align:middle;
	background-position:bottom;
	border-collapse:collapse;
}

.pro_headrow > td { /** VARIABLE: System Specific */
	padding: 3px;
	border: 1px solid #ffffff;
}

.pro_tdStyle {
	border: 1px solid #ffffff;
	border-collapse:collapse;
	height:40px;
}

/** Status Icon Colors used to display Status wise colors on system */
.statusIconRed{
	/*background-color:#ff5151;*/
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/statusIconRed.png');
	background-repeat:no-repeat;
	background-position:center;
}

.statusIconDarkRed{
	/*background-color:#804040;*/
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/oc/statusIconDarkRed.png');
	/*background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/statusIconYellow.png');*/
	background-repeat:no-repeat;
	background-position:center;
}

.statusIconGreen{
	/*background-color:#97ff97;*/
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/statusIconGreen.png');
	background-repeat:no-repeat;
	background-position:center;
}

.statusIconYellow{
	/*background-color:#ffff97;*/
	/*background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/statusIconDarkRed.png'); */
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/oc/statusIconYellow.png');
	background-repeat:no-repeat;
	background-position:center;
}

.statusIconOrange{
	/*background-color:#ffa74f;*/
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/statusIconOrange.png');
	background-repeat:no-repeat;
	background-position:center;
}

/** Added by ICSL 13/3/2015 AF */
.statusIconBlue{
	/*background-color:#ffa74f;*/
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/statusIconBlue.png');
	background-repeat:no-repeat;
	background-position:center;
}

.statusIconLightBlue{/** Added by ICSL 23/9/2015 AF */
	/*background-color:#ffa74f;*/
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/ag/statusIconLightBlue.png');
	/*background-image:url('http://192.168.2.208/interfaces/ag/resources/images/statusIconLightBlue.png');*/
	background-repeat:no-repeat;
	background-position:center;
}

/* SA System View Block from OC */
.simpleBorderBoxTitle{
	/*background: #2361aa linear-gradient(#2361aa, #234560) repeat scroll 0 0;*/
  	background: #e7e7e7 linear-gradient(#e7e7e7, #e5e5e5) repeat scroll 0 0;
    border: 1px solid rgb(215, 215, 215);
    color: #333;
    font-size: 9pt;
    padding-left: 10px;
    /* border: 1px solid rgb(215, 215, 215);*/
    /*border-radius: 6px;*/
    height: 40px;
	text-align : left;
	/*background-color: #E8E8E8;
	height: 25px;
	border: 1px solid #E0E0E0;
	padding: 5px;
	font-weight:bold;
	text-align : left;*/
	/*background-color:#BFBFBF;*/
	vertical-align: middle;
	font-weight: bold;
	/*color:#363636;/* added from Black*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*border:1px solid rgb(215,215,215);*/

	/*background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');
	background-repeat:repeat-x;
	background-position:bottom;
	height : 25px;
	padding-left: 5px;*/
}

.simpleBorderBoxTitle-text{
	/*background: #2361aa linear-gradient(#2361aa, #234560) repeat scroll 0 0;*/
	background: #e7e7e7 linear-gradient(#e7e7e7, #e5e5e5) repeat scroll 0 0;
    /*border: 1px solid rgb(215, 215, 215);*/
    color: #333;
    font-size: 9pt;
    padding-left: 10px;
	
   /* border: 1px solid rgb(215, 215, 215);*/
    /*border-radius: 6px;*/
    height: 40px;
	vertical-align: middle;
	font-weight: bold;
	/*color:#363636;/* added from Black*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*height : 25px;
	padding-left: 5px;*/
}

.assetChildTreeViewBorder{
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom:5px;
}

.assetChildTreeViewMargin{
	margin-bottom:5px;
}

.assetTreeViewContainer{
	overflow-y: auto;
	overflow-x: hidden;
	max-height:400px;
	height: 100%;
	/*width:300px;*/
	width:100%;
}

.assetTreeColStyle_ID{
	width: 40px;
}

.assetTreeColStyle_Serial{
	width: 60px;
}

.ag_msg_success{
	border-style:solid;
	border-width:1px;
	border-color:#66cc00;
	background-color: #ceffce;
	color:#339900; 
	font-weight:bold;
}

.ag_msg_err{
	border-style:solid;
	border-width:1px;
	border-color:#ff0000;
	background-color: #ffcaca;
	color:#ff0000; 
	font-weight:bold;
}

.ag_msg_warning{
	border-style:solid;
	border-width:1px;
	border-color:#fcbe03;
	background-color: #FFFFE0;
	color:#fcbe03;
	font-weight:bold;
}

.ag_msg_warning_text{
	background-color: #FFFFE0;
	color:#C58917;
	font-weight:bold;
	vertical-align:middle;
}

form {
	margin:0;
	padding:0;
}

.rightPadding{
	padding-right: 3px;
}

.commonSpacer{
	height: 5px;
}

div.simpleTopBorderDiv{
	/*font-size: 16px;*/
	background-color:#ffffff;
	font-weight:bold;
	display: inline-block;
	padding:0px 5px 0px 5px;
	float:left
}

div.quoteTopBorderDiv{
	/*font-size: 16px;*/
	color: #2D6DC7;
	background-color:solid gray;
	font-weight:bold;
	display: inline-block;
	padding:0px 5px 0px 5px;
	width:50px;
	/*text-align: center;*/
}
td.quoteTopBorderDiv{
	text-align: center;
}

.st4_headrow { /** VARIABLE: System Specific */
	/*vertical-align: middle;
	vertical-align: middle;*/
	text-align: center;
	white-space: nowrap;
	height: 20;
	background-color: rgb(215,215,215); 
	padding:3px;				
	/*color: *//*#363636;/* added from Black*/
	color: #2D6DC7;
	font-weight:bold;
	font-size:10pt;
	vertical-align:middle;
	background-position:bottom;
	border-collapse:collapse;
	padding: 3px;
	border: 1px solid gray;
}

.invalidTableCell{
	background-color:#ff8080;
}

.cellwhiteBack {
	background-color:#ffffff;
	border: 1px solid #ccc;
}

.simpleTitleBar{
	background-color:#BFBFBF;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	color:#363636;/* added from Black*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url('https://s3.amazonaws.com/media.internationalcomputing.com/shared/grad4.png');
	background-repeat:repeat-x;
	background-position:bottom;
	height : 25px;
	padding-left: 5px;
}

.htmlStatusBox-old{
	color: #ffffff;
	/*font-weight:bold;
	padding: 2px 4px 2px 4px;*/
	padding: 4px 6px 4px 6px;
	display:inline;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 300 !important;
	white-space: nowrap !important;
}

.htmlStatusBoxORG{
	color: #ffffff;
	/*font-weight:bold;
	padding: 2px 4px 2px 4px;*/
	padding: 4px 6px 4px 6px;
	display:inline;
	border-radius: 3px;
	/*text-transform: uppercase;*/
	font-weight: 300 !important;
}

.greenBox{
	background-color: #00cc00;
}

.yellowBox{
	background-color: #ecb705;
	
}

.blueBox{
	background-color: #00c0ef;
}

.greyBox{
	background-color: #808080;
	border: 1px solid #808080;
}

.redBox{
	background-color: #ff0000;
}

.indianRedBox{
	background-color: #ca3131;
}

.darkRedBox{
	background-color: #770202;
}

.orangeBox{
	background-color: #ff8b1e;
}

.darkYellowBox{
	background-color: #a28a2f;
}

.brownBox{
	background-color: #c5267c;
}

.darkBrownBox{
	background-color: #a52a2a;
}

.pinkBox{
	background-color: #fc01da;
}

.trendyGreenBox{
	background-color: #11834a;
}

.darkBlueBox{
	background-color: #032799;
}

.lightBlueBox{
	background-color: #5499c7;
}

.tealBox{
	background-color: #008080;
}

.purpleBox{
	background-color: #800080;
}


.grayLineBox {
	border: 1px solid #c7c7cc;
	color: #47484c !important;
}


/** PAGE LOADER */
#loaderbackground{
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;	
	z-index: 1000;
}

.pageLoaderBox{
	min-width:300px;
	width:300px;
	height:80px;
	padding: 2px 4px 2px 4px;
	border: 2px solid #0066cc;
	z-index: 1000;
	display:none;
	position: absolute;
	background: #FFFFFF;
	
	/* Shadow */
	-moz-box-shadow: 3px 3px 4px #c0c0c0;
	-webkit-box-shadow: 3px 3px 4px #c0c0c0;
	box-shadow: 3px 3px 4px #c0c0c0;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=100, Color='#c0c0c0')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=100, Color='#c0c0c0');
}

.pageLoaderBox td{
	text-align:center;
	vertical-align: middle;
	font-weight:bold;
}

.searchSection{
	text-align: left;
	background-color:#D2D2D2;
}

body{
	text-rendering: optimizelegibility;
    font-feature-settings: "liga", "kern";
	-webkit-font-smoothing: antialiased;
	font-kerning: auto;
}
/** PAGE LOADER ENDS */


#assetImp td{
	padding:5px;
}/*AF*/

td, th {
    padding: 5px;;
}/*AF*/

#dropdownAdvcSearch td, th {
    padding: 0px;;
}
#overDiv td, th {
    padding: 3px;;
}

.ediLblBox{
	color:#00c0ef;
	font-size:12px;
	border: 1px solid #00c0ef;
	padding: 4px 10px 3px 10px;
	border-radius: 7px;
}

.ptlSttsLblBox{
	color:#808080;
	font-size:12px;
	border: 1px solid #808080;
	padding: 4px 10px 3px 10px;
	border-radius: 7px;
}

.pagingButtonPos{
	vertical-align: middle!important;
}

#paggingButton td{
    vertical-align:  middle!important;
}

.spinnerStyle{
	font-size:30px;
	color:#F62BE9;
	margin-left:5px;
}

/* .new_action_btn { 
	moz-user-select: none;
	background:		#FFF;
	color:#2196f3 !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 10px  !important;
    font-weight: 400 !important;
    border: 1px solid #2196f3;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    line-height: 0.6;
	padding: 4px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	height:20px;
	width: 20px;
} */
 
.new_action_btn { 
	moz-user-select: none;
	background:		#FFF;
	color:#2196f3 !important;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10px  !important;
    font-weight: 400 !important;
    border: 1px solid #2196f3;
    border-radius: 50%;
    cursor: pointer;
    line-height: 0.8;
	padding: 4px;
	display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap;
	height:20px;
	/* width: 22px; */
	transition: all 0.3s ease-in-out;
	font-variant-numeric: tabular-nums
}

.new_action_btn_active { 
	moz-user-select: none;
	background:	#2196F3;
	color:#FFF !important;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10px  !important;
    font-weight: 400 !important;
    border: 1px solid #2196f3;
    border-radius: 50%;
    cursor: pointer;
    line-height: 0.8;
	padding: 4px;
    white-space: nowrap;
    /* width: 22px; */
    height: 20px;
	transition: all 0.3s ease-in-out;
	display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
	font-variant-numeric: tabular-nums
}


.btn_po_rcvd_v2, .btn_po_rcvd_v2:active, .btn_po_rcvd_v2:hover { 
	moz-user-select: none;
	/*background:		rgb(35,97,170);*/
	/*background:		#FF8400;*/
	color:white !important;
	/*font-family:	Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Myriad Pro Regular', sans-serif !important;
	/*font-size: 12px  !important;*/
	font-size: 13px  !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    /*font-size: 11px;
    font-weight: 400;*/
    line-height: 0.6;
    margin-bottom: 0;
    padding: 6px 12px;
	padding: 8px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	/*height:35px!important;*/
	height: 35px;
	margin-left: 5px;
	width: 37px;
	margin-right: 5px;
}

a.btn_po_rcvd:hover {color:white; text-decoration:	none;  cursor:pointer; cursor: hand; }

.imgWhiteSpaceStyle{
	display: inline;
	float: left;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
	border-radius: 8px;
	/* width: 30%; */
	width: 200px;
	text-align: center;
}

.imgWhiteSpaceStyleV2{
	/*border: 1px solid black;*/
	padding: 5px;
	/*width: 30%;*/
	width: 80px;
	height: 25px;
	border-radius: 5px;
	background : white;
	display: inline-block;
	vertical-align: middle;
}

.draggableDiv{
	border:1px solid black;
 	margin:5px;
  	height: 60px;
  	margin-left: 25px;
  	border-radius: 8px;
	border-color: #ddd;
	/*overflow: hidden;*/
}

.user-footer .btn{
	background: #ff8400 none repeat scroll 0 0!important;
    color: inherit;
	margin: 0px !important;
}

/* /////////////////////////////////////  */
.column-settings-container {
										font-family: "Segoe UI", Arial, sans-serif;
										width: 100%;
									}
									.column-tip {
										background: #fff3cd;
										border: 1px solid #ffeeba;
										color: #856404;
										padding: 8px 12px;
										border-radius: 6px;
										margin-bottom: 10px;
										font-size: 13px;
									}
									.permission-legend {
										display: flex;
										gap: 8px;
										margin-bottom: 10px;
									}
									.legend-item {
										padding: 2px 8px;
										border-radius: 4px;
										font-size: 12px;
										color: #fff;
									}
									.legend-h { background-color: #a0a09f; }
									.legend-r { background-color: #f4b400; }
									.legend-rw { background-color: #4285f4; }
									.legend-rwc { background-color: #34a853; }
									.column-card {
										display: flex;
										align-items: flex-start;
										justify-content: space-between;
										border: 1px solid #ddd;
										border-radius: 8px;
										padding: 10px;
										margin-bottom: 8px;
										background-color: #fff;
										box-shadow: 0 1px 2px rgba(0,0,0,0.05);
									}
									.column-left {
										display: flex;
										align-items: center;
										gap: 8px;
										width: 20%;
									}
									.column-left .drag {
										cursor: grab;
										font-size: 16px;
										color: #999;
									}
									.column-middle {
										display: flex;
										flex-direction: column;
										width: 50%;
									}
									.column-middle input[type="text"] {
										border: 1px solid #ccc;
										border-radius: 4px;
										padding: 3px 6px;
										width: 100%;
										font-size: 13px;
									}
									.column-right {
										display: flex;
										align-items: center;
										gap: 10px;
										width: 30%;
										justify-content: flex-end;
									}
									.permission-set label {
										margin-right: 5px;
										font-size: 13px;
									}
									.width-slider {
										width: 80px;
									}
									.calendar-checkbox {
										transform: scale(1.2);
									}






									.column-item {
										display: flex;
										align-items: center;
										padding: 10px;
										margin-bottom: 8px;
										background: white;
										border-radius: 6px;
										transition: all 0.2s;
										cursor: move;
										user-select: none;
									}
									
									.column-item:hover {
										background-color: #f0f0f0;
									}
									
									.column-item.dragging {
										opacity: 0.4;
										background-color: #f0f0f0;
									}
									.column-item.drag-over {
										border: 2px dashed #007bff;
										background-color: #e6f0ff;
									}
									.columns-container {
										max-height: 500px;
										overflow-y: auto;
										border: 2px solid #e0e0e0;
										border-radius: 6px;
										padding: 15px;
										background: #f8f9fa;
									}

									.drag-handle {
										margin-right: 10px;
										color: #999;
										cursor: move;
										font-size: 16px;
									}
									
									.drag-handle:hover {
										color: #667eea;
									}
									.column-checkbox {
										margin-right: 15px;
										width: 18px;
										height: 18px;
										cursor: pointer;
									}
									.column-name-text {
										font-weight: 600;
									}
									.permission-group {
										display: none;
										margin-left: auto;
										padding: 5px 10px;
										background: #f8f9fa;
										border-radius: 4px;
									}
									
									.permission-group.active {
										display: flex;
										gap: 10px;
									}

									.permission-radio {
										display: flex;
										align-items: center;
										gap: 3px;
									}
									
									.permission-radio input[type="radio"] {
										width: auto;
										margin: 0;
									}
									
									.permission-radio label {
										margin: 0;
										font-size: 12px;
										cursor: pointer;
										padding: 2px 6px;
										border-radius: 3px;
									}
									.permission-radio label:hover {
										background: #e0e0e0;
									}
									.column-customization {
										width: 100%;
										margin-top: 10px;
										padding-top: 10px;
										border-top: 1px solid #e0e0e0;
										display: none;
										gap: 10px;
										align-items: center;
									}

									.column-customization.active {
										display: flex;
									}
									.custom-label-group {
										flex: 1;
										display: flex;
										align-items: center;
										gap: 5px;
									}

									.custom-label-group label {
										font-size: 11px;
										color: #666;
										white-space: nowrap;
									}
									.custom-label-input {
										flex: 1;
										padding: 4px 8px;
										border: 1px solid #ddd;
										border-radius: 3px;
										font-size: 12px;
									}
									.width-slider-group {
										display: flex;
										align-items: center;
										gap: 5px;
									}

									.width-slider-group label {
										font-size: 11px;
										color: #666;
										white-space: nowrap;
									}
									.width-slider {
										width: 80px;
									}
									.width-value {
										font-size: 11px;
										color: #333;
										font-weight: 600;
										min-width: 35px;
									}
									.calendar-checkbox-group {
										display: flex;
										align-items: center;
										gap: 5px;
									}

									.calendar-checkbox-group label {
										font-size: 11px;
										color: #666;
										cursor: pointer;
									}
									.calendar-checkbox {
										width: 14px;
										height: 14px;
										cursor: pointer;
									}



/* ========================== */
.edit-popup-checkbox-item {
				display: flex;
				align-items: center;
				gap: 10px;
				padding: 8px;
				border-radius: 4px;
				transition: background 0.2s;

			}
			.edit-popup-checkbox-item:hover {
				background: rgba(102, 126, 234, 0.05);
			}
			.edit-popup-checkbox-item input[type="checkbox"] {
				width: 16px;
				height: 16px;
				cursor: pointer;
				accent-color: #667eea;
			}
			.edit-popup-checkbox-item label {
				margin: 0;
				cursor: pointer;
				font-size: 11px;
				color: #333333;
				font-weight: 500;
			}
			.nav-table-container {
				border-radius: 8px;
				overflow: hidden;
				box-shadow: 0 2px 12px rgba(0,0,0,0.08);
				background: white;
			}
			.table-row {
				transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
			}
			.table-row[draggable="true"] {
				background-color: #fafbfc;
				border-bottom: 1px solid #e8ecf1;
			}
			.table-row:hover {
				background-color: #e9eef2;
				box-shadow: inset 0 0 8px rgba(102, 126, 234, 0.08);
			}
			.dragging {
				opacity: 0.95;
				background-color: #e3e8f3 !important;
				border: 2px solid #667eea !important;
				box-shadow: 0 12px 35px rgba(102, 126, 234, 0.25);
				transform: scale(1.01);
			}
			.drag-over {
				border-top: 3px solid #667eea !important;
				background-color: #f5f7ff !important;
			}
			.row-drag-handle {
				cursor: grab;
				user-select: none;
				color: #a0aec0;
				font-size: 18px;
				font-weight: 700;
				transition: color 0.2s;
			}
			.row-drag-handle:hover, .dragging .row-drag-handle {
				color: #667eea;
			}
			.nav-table {
				border-collapse: collapse;
				width: 100%;
			}
			.nav-table thead {
				background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
				color: white;
			}
			.nav-table thead th, .nav-table thead td {
				padding: 16px 12px;
				text-align: left;
				font-weight: 600;
				font-size: 11px;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				border: none;
			}
			.nav-table tbody td {
				padding: 14px 12px;
				border-bottom: 1px solid #e8ecf1;
				font-size: 11px;
			}
			.nav-table tbody a {
				color: #667eea;
				text-decoration: none;
				font-weight: 500;
			}
			.nav-table tbody a:hover {
				color: #764ba2;
				text-decoration: underline;
			}
			.nav-icon-cell {
				text-align: left;
				font-size: 18px;
			}
			.nav-action-btn {
				color: #667eea;
				cursor: pointer;
				transition: all 0.2s;
				font-size: 16px;
			}
			.nav-action-btn:hover {
				color: #764ba2;
				transform: scale(1.15);
			}
			.dragging .nav-action-btn, .dragging i { color: #333 !important; }
			.popup-form-group {
				margin-bottom: 24px;
				padding: 16px;
				background: #e9eef2;
				border-radius: 6px;
				border-left: 4px solid #667eea;
			}
			.popup-section-header {
				font-size: 11px;
				font-weight: 700;
				color: #667eea;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				margin-bottom: 16px;
				display: flex;
				align-items: center;
				gap: 8px;
			}
			.popup-section-header::before {
				content: "▸";
				font-size: 16px;
			}
			.popup-form-row {
				margin-bottom: 16px;
			}
			.popup-form-row:last-child {
				margin-bottom: 0;
			}
			.popup-label {
				display: block;
				font-size: 11px;
				font-weight: 600;
				color: #333333;
				margin-bottom: 8px;
				letter-spacing: 0.3px;
			}
			.popup-input, .popup-select {
				width: 100%;
				padding: 10px 12px;
				border: 1px solid #e0e7ff;
				border-radius: 5px;
				font-size: 11px;
				transition: all 0.3s ease;
				background: white;
				font-family: inherit;
			}
			.popup-input:focus, .popup-select:focus {
				outline: none;
				border-color: #667eea;
				box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
			}
			.popup-checkbox-group {
				flex-direction: column;
				gap: 10px;
			}
			.popup-checkbox-item {
				display: flex;
				align-items: center;
				gap: 10px;
				padding: 8px;
				border-radius: 4px;
				transition: background 0.2s;
			}
			.popup-checkbox-item:hover {
				background: rgba(102, 126, 234, 0.05);
			}
			.popup-checkbox-item input[type="checkbox"] {
				width: 16px;
				height: 16px;
				cursor: pointer;
				accent-color: #667eea;
			}
			.popup-checkbox-item label {
				margin: 0;
				cursor: pointer;
				font-size: 11px;
				color: #333333;
				font-weight: 500;
			}
			.popup-description {
				font-size: 11px;
				color: #666666;
				margin-top: 6px;
				font-style: italic;
			}
			.edit-popup-form-group {
				margin-bottom: 24px;
				padding: 16px;
				background: #e9eef2;
				border-radius: 6px;
				border-left: 4px solid #667eea;
			}
			.edit-popup-section-header {
				font-size: 11px;
				font-weight: 700;
				color: #667eea;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				margin-bottom: 16px;
				display: flex;
				align-items: center;
				gap: 8px;
			}
			.edit-popup-section-header::before {
				content: "▸";
				font-size: 16px;
			}
			.edit-popup-form-row {
				margin-bottom: 16px;
			}
			.edit-popup-form-row:last-child {
				margin-bottom: 0;
			}
			.edit-popup-label {
				display: block;
				font-size: 12px;
				font-weight: 600;
				color: #333333;
				margin-bottom: 8px;
				letter-spacing: 0.3px;
			}
			.edit-popup-input, .edit-popup-select {
				width: 100%;
				padding: 10px 12px;
				border: 1px solid #e0e7ff;
				border-radius: 5px;
				font-size: 11px;
				transition: all 0.3s ease;
				background: white;
				font-family: inherit;
			}
			.edit-popup-input:focus, .edit-popup-select:focus {
				outline: none;
				border-color: #667eea;
				box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
			}
			.edit-popup-checkbox-group {
				flex-direction: column;
				gap: 10px;
			}
			.edit-popup-checkbox-item {
				display: flex;
				align-items: center;
				gap: 10px;
				padding: 8px;
				border-radius: 4px;
				transition: background 0.2s;
			}
			.edit-popup-checkbox-item:hover {
				background: rgba(102, 126, 234, 0.05);
			}
			.edit-popup-checkbox-item input[type="checkbox"] {
				width: 16px;
				height: 16px;
				cursor: pointer;
				accent-color: #667eea;
			}
			.edit-popup-checkbox-item label {
				margin: 0;
				cursor: pointer;
				font-size: 12px;
				color: #333333;
				font-weight: 500;
			}
			.edit-popup-description {
				font-size: 11px;
				color: #666666;
				margin-top: 6px;
				font-style: italic;
			}
            .refresh-btn{
                background: linear-gradient(135deg, #b3ecc3 0%, #22c55e 100%); 
                color: white; 
                padding: 10px 16px; 
                border: none; 
                border-radius: 6px; 
                font-weight: 600; 
                cursor: pointer; 
                transition: all 0.3s; 
                display: flex; 
                align-items: center; 
                gap: 8px; 
                box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
                float: right;
            }
            .add-icon{
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
                color: white; 
                padding: 8px 16px; 
                border-radius: 6px; 
                display: inline-flex; 
                align-items: center; 
                gap: 6px; 
                font-weight: 600; 
                font-size: 11px; 
                cursor: pointer; 
                transition: all 0.3s ease; 
                box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); 
                position: relative;
            }