body {
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		normal;
  background-color: #EAEAEA;
  fill:				#E84815;
}

[disabled] {
  background-color:	#E4E4E4;
  color:			#000000;
}

div[disabled],div[readonly] {
  fill:				#555555;
  background:		transparent;
}

@page {
  size:				auto;
  margin:			0mm;
}

table {
  text-align: 		left;
  padding:			0px;
  margin:			auto;
  width:			100%;
}

thead,thead:link,thead:visited,thead:hover { 
  position:			sticky;
  top:				0px;
  color:			#FFFFFF;
  fill:				#FFFFFF;
}

tr {
  padding:			0px;
  margin:			0px;
}

td {
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		normal;
  padding:			0px;
  margin:			0px;
  text-align:		left;
  white-space:		nowrap;
}

a {
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		bold;
  text-decoration: 	none;
}

a:link {
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		bold;
  text-decoration: 	none;
  color: 			inherit;
  fill: 			inherit;
}

a:visited {
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		bold;
  text-decoration: 	none;
  color: 			inherit;
  fill: 			inherit;
}

a:hover {
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		bold;
  text-decoration: 	underline;
  color: 			inherit;
  fill: 			inherit;
}

.dragover {
  border:			1px solid #FF0000;
}

select {
  height:			18px;
  width:			179px;
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		normal;
  padding:			1px;
  border-radius:	3px;
  background-color:	#FFFFFF;
  border:			1px solid #0066AC;
}

code::-moz-selection{
  background:		#CC0000;
  color:			#FFFFFF;
}

input {
  height:			14px;
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		normal;
  border:			1px solid #0066AC;
  padding:			1px;
  border-radius:	3px;
}

input[type="text"],input[type="password"] {
  font-size: 		10px;
  width:			175px;
}

input[class="spinnerinput"] {
  width:			30px;
  border-radius:	0px;
}

textarea {
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		normal;
  width:			175px;
  height:			25px;
  line-height:		1.15;
  padding:			1px;
  border-radius:	3px;
  border:			1px solid #0066AC;
}

form {
  display:			inline;
  margin:			0px;
}

sup {
  font-size: 		6px;
}

div {
  padding:			0px;
  margin:			auto;
  display:			block;
}

span {
  padding:			0px;
  margin:			0px;
}

hr {
  color:			#0066AC;
}

canvas {
  background-color:	#FFFFFF;
}

.svgicon {
  width:			16px;
  height:			16px;
}

.svgsmall {
  width:			14px;
  height:			14px;
  padding:			1px;
}

.svgcheckboxdiv {
  fill:				#0066AC;
}

.svgcheckbox {
  width:			14px;
  height:			14px;
  fill:				inherit;
}

.svgcheckboxReadOnly {
  fill:				#555555;
}

.checkboxlight {
  fill:				#FFFFFF;
}

.lighttext {
  color:			#FFFFFF;
}

.licensewarning {
  background-color:	#FF9999;
  padding:			3px;
  width:			100%;
  position:			absolute;
  z-index:			99;
  text-align:		center;
  font-weight: 		bold;
  border-bottom:	1px solid #000000;
}

.ddl2likeddl {
  height:			16px;
  vertical-align:	middle;
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		normal;
  padding:			0px 2px 0px 4px;
  width:			171px;
  background-color: #FFFFFF;
  color:			#000000;
  border:			1px solid #0066AC;
}

.printonly {
  display:			none;
}

.chartbody {
  background-color: #FFFFFF;
}

.iconimage {
  padding-bottom:	6px;
}

.iconsep {
  width:			20px;
}

.iconlink, a.iconlink:link, a.iconlink:visited {
  font-weight: 		normal;
  font-size: 		11px;
  text-decoration: 	none;
}

a.iconlink:hover {
  color:			#FEB69B;
  fill:				#FEB69B;
}

.iconlinkdark, a.iconlinkdark:link, a.iconlinkdark:visited {
  color:			#E84815;
  fill:				#E84815;
}

a.iconlinkdark:hover {
  color:			#FEB69B;
  fill:				#FEB69B;
}

.iconactive, a.iconactive:link, a.iconactive:visited, a.iconactive:hover {
  color:			#008C4E;
  fill:				#008C4E;
}

.iconinactive, a.iconinactive:link, a.iconinactive:visited, a.iconinactive:hover {
  color:			#6A6A6A;
  fill:				#6A6A6A;
}

.icondeactive, a.icondeactive:link, a.icondeactive:visited, a.icondeactive:hover {
  color:			#B80000;
  fill:				#B80000;
}

.icontempdeactive, a.icontempdeactive:link, a.icontempdeactive:visited, a.icontempdeactive:hover {
  color:			#AFB600;
  fill:				#AFB600;
}

.spinnerdecrease {
  display:			flex;
  border-style: 	solid;
  border-width:		1px 0px 1px 1px;
  border-radius:	5px 0px 0px 5px;
  border-color:		#0066FF;
  font-size: 		14px;
  width:			18px;
  height:			16px;
  text-align:		center;
  vertical-align:	middle;
  align-items:		center;
  padding:			0px 3px 0px 3px;
  background-color:	#003D6D;
}

.spinnerincrease {
  display:			flex;
  border-style: 	solid;
  border-width:		1px 1px 1px 0px;
  border-radius:	0px 5px 5px 0px;
  border-color:		#0066FF;
  font-size: 		14px;
  width:			18px;
  height:			16px;
  text-align:		center;
  vertical-align:	middle;
  padding:			0px 3px 0px 3px;
  background-color:	#003D6D;
}

.spinnericon {
  fill:				#FFFFFF;
  width:			8px;
  height:			8px;
  margin:			auto;
}

.spinnerdecrease:hover, .spinnerincrease:hover {
  background-color:	#E84815;
  cursor:			pointer;
}

.spinnerinput {
  text-align:		center;
  border-width:		1px 0px 1px 0px;
}

.checkbox {
  border:			none;
  background:		transparent;
  height:			14px;
  margin: 			auto;
  padding:			1px;
  width:			13px;
}

.devzone {
  background-color:	#ff9999;
  padding:			3px;
  width:			100%;
  position:			absolute;
  z-index:			99;
  border-bottom:	1px solid #000000;
}

.contmargin {
  width:			1%;
  text-align: 		center;
  margin-left:		4px;
}

.button {
  height:			24px;
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  width: 			100px;
  cursor:			pointer;
  font-family: 		Tahoma,Arial,Verdana;
  background-color:	#003D6D;
  border-radius: 	6px;
  box-shadow: 		rgba(0, 0, 0, 0.1) 0 2px 4px;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  overflow: 		hidden;
  text-align: 		center;
  touch-action: 	manipulation;
  white-space: 		nowrap;
  border: 			1px solid #003D6D;
}

.button:hover {
  box-shadow:		0px 3px 5px #FEB69B;
  border:			1px solid #FEB69B;
  background-color:	#E84815;
}

.button[disabled="disabled"] {
  color: 			#BBBBBB;
}

.iconbutton {
  padding-top:		2px;
  padding-bottom:	2px;
  padding-right:	3px;
  padding-left:		3px;
  cursor:			pointer;
  border-style: 	solid;
  border-width: 	1px;
  border-radius:	5px;	
  box-shadow:		1px 1px 1px #888888;
  border-color:		#0066AC;
}

.iconbuttonover {
  padding-top:		2px;
  padding-bottom:	2px;
  padding-right:	3px;
  padding-left:		3px;
  cursor:			pointer;
  border-style: 	solid;
  border-width: 	1px;
  border-radius:	5px;	
  box-shadow:		1px 1px 1px #888888;
  border-color:		#0066AC;
}

.iconbuttonsmall {
  text-align:       center;
  padding-top:		2px;
  padding-bottom:	2px;
  padding-right:	8px;
  padding-left:		6px;
  cursor:			pointer;
  border-style: 	solid;
  border-width: 	1px;
  border-radius:	5px;	
  box-shadow:		1px 1px 1px #888888;
  border-color:		#0066AC;
}

.iconbuttonsmallover {
  text-align:       center;
  padding-top:		2px;
  padding-bottom:	2px;
  padding-right:	8px;
  padding-left:		6px;
  cursor:			pointer;
  border-style: 	solid;
  border-width: 	1px;
  box-shadow:		1px 1px 1px #888888;
  border-color:		#0066AC;
}

.iconbuttonextrasmall {
  text-align:       center;
  cursor:			pointer;
  border-style: 	solid;
  border-width: 	0px;
  box-shadow:		0px 0px 0px #888888;
  padding:			0px 3px 0px 3px;
}

.iconbuttonextrasmallover {
  text-align:       center;
  cursor:			pointer;
  border-style: 	solid;
  border-width: 	0px;
  box-shadow:		0px 0px 0px #888888;
  padding:			0px 3px 0px 3px;
}

.buttonsrch {
  padding:			1px 5px 1px 5px;
}

.buttoncal {
  padding:			2px 5px 1px 5px;
}

.sectionarea {
  width:			100%;
  margin:			auto;
}

.sectioncell {
  text-align: 		left;
  vertical-align:	top;
  padding:			3px 2px 3px 2px;
}

.phoneinput {
  background:		none;
  border:			none;
  color:			#FF0000;
}

.datedisplay {
  height:			12px;
  font-size: 		10px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		normal;
  margin: 			0px 0px 0px 0px;
  padding:			2px;
  background-color:	#E4E4E4;
  width:			173px;
  border:			1px solid #0066AC;
}

.controlpanelarea {
  left:				0px;
  top:				60px;
  right:			auto;
  bottom:			0px;
  position:			fixed;
  overflow:			hidden;
  z-index:			90;
  border-top-right-radius:	30px;
  border-width:		0px; 
  border-style: 	solid;
  background-color: #003D6D;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  box-shadow:		1px 0px 5px #111111;
  shape-outside:	linear-gradient(transparent,transparent);
}

.controlpanelmenuarea {
  width:			240px;
  left:				0px;
  bottom:			0px;
  top:				0px;
  position:			fixed;
  overflow-x:		hidden;
  overflow-y:		hidden;
  z-index:			90;
  border-top-right-radius:	30px;
  border-width:		0px; 
  border-style: 	solid;
  background-color: #003D6D;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  margin-top:		60px;
  display:			block;
  white-space:		normal;
  width:			150px;
  box-shadow:		1px 0px 5px #111111;
}

.controlpanelsubmenuarea {
  background-color:	#0066AC;
}

.controlpanelsubmenuicon {
  position:			fixed;
  box-shadow:		0px 0px 2px #333333;
  border-radius:	5px;
  overflow:			hidden;
}

.controlpaneltitle {
  padding:			10px 0px 0px 5px;
  font-weight: 		bold;
  font-size: 		14px;
}

.controlpanelPageDetail {
  padding-left:		55px;
  padding-top:		65px;
  padding-right:	0px;
  width:			auto;
}

.mbsPageArea {
  position:			fixed;
  top:				0px;
  left:				0px;
  right:			0px;
  background-color:	#003D6D;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  padding:			0px;
  width:			100%;
  box-shadow:		0px 0px 2px #111111;
}

.mbsCompanyImageArea {
  background-color:	#FFFFFF;
  height:			60px;
  min-width:		550px;
  width:			550px;
  margin-left:		0px;
  text-align:		left;
  border-radius:	0px 0px 60px 0px;
  overflow:			hidden;
}

.mbsTitleLinks {
  position:			fixed;
  right:			10px;
  top:				5px;
}

.mbsPageTitle {
  font-size:		16px;
  color:			#FFFFFF;
  position:			fixed;
  right:			10px;
  top:				34px;
}

a.mbsmenulink:link,a.mbsmenulink:visited {
  white-space:		nowrap;
  font-weight: 		bold;
  font-size: 		12px;
  text-align:		left;
  text-decoration: 	none;
  display:			block;
  padding:			0px;
  background-color: transparent;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  font-weight:		normal;
  font-size:		11px;
}

a.mbsmenulink:hover {
  color:			#FFFFFF;
  background-color:	#E84815;
}

.mbsmenulinkselected {
  background-color:	#E84815;
}

a.mbsmenulink2:link,a.mbsmenulink2:visited,a.mbsmenulink2.hover {
  border-bottom:	0px solid #555555;
  border-top:		0px solid #777777;
}

.mbsmenutitle {
  background-color: transparent;
  color:			#FFFFFF;
  font-weight:		normal;
  font-size:		11px;
  border-bottom:	0px solid #000000;
  border-top:		0px solid #555555;
}

a.mbsmenutitlelink:link,a.mbsmenutitlelink:visited {
  white-space:		nowrap;
  font-weight: 		bold;
  font-size: 		12px;
  text-align:		left;
  text-decoration: 	none;
  display:			block;
  width:			150px;
  padding:			10px 0px 5px 8px;
  color:			#FFFFFF;
  font-weight:		bold;
}

a.mbsmenutitlelink:hover {
  color:			#FEB69B;
}

.mbsmenulinktext {
  width:			150px;
  padding:			8px 0px 8px 32px;
  color:			inherit;
}

.mbsmenulinklaunch {
  position:			fixed;
  margin-left:		130px;
  margin-top:		-19px;
}

.fulltreearea {
  height:			455px;
  width:			230px;
  min-width:		230px;
  max-width:		400px;
  background-color:	#FFFFFF;
  padding:			0px;
  border-bottom:	1px solid #0066AC; 
}

.fulltreeareatop {
  height:			81px;
  background-color:	#FFFFFF;
  padding:			0px;
}

.fulltreeareafixed {
  height:			18px;
  background-color:	#FFFFFF;
  padding:			4px 4px 2px 4px;
  overflow-y:		auto;
  overflow-x:		hidden;
  border-bottom:	1px solid #0066AC;
}

.fulltreeareascrollgtr {
  height:			68px;
  background-color:	#FFFFFF;
  padding:			2px 4px 4px 4px;
  overflow-y:		auto;
  overflow-x:		hidden;
}

.fulltreeareascroll {
  height:			340px;
  background-color:	#FFFFFF;
  padding:			2px 4px 4px 4px;
  overflow-y:		auto;
  overflow-x:		hidden;
}

.fulltreebott {
  font-size: 		1px;
}

.fulltreebottleft {
  font-size: 		1px;
}

.fulltreebottright {
  font-size: 		1px;
}

.treerow {
  padding:			2px 0px 2px 0px;
}

.treeselect {
  width:			1500px;
  border-width: 	0px 0px 0px 0px;
  background-color:	#FEB69B;
  font-weight: 		normal;
  color: 			#000000;
  cursor:			pointer;
  padding:			2px;
}

.treeindent {
  font-size: 		15px;
  padding-left:		10px;
}

a.treelink:link,a.treelink:visited,a.treelink:hover {
  font-weight: 		normal;
  color: 			#000000;
  border-width: 	0px 0px 0px 0px;
  cursor:			pointer;
  padding:			0px;
}

.treelink {
  width:			1500px;
  border-width: 	0px 0px 0px 0px;
  font-weight: 		normal;
  color: 			#000000;
  cursor:			pointer;
  padding:			2px;
}

.treeiconarea {
  display:			none;
}

.treeiconcell {
  background:		none;
  border-bottom:	1px solid #0066AC;
}

a.treeiconlink:link,a.treeiconlink:visited {
  border-width: 	0px 0px 0px 0px;
  cursor:			pointer;
  padding:			2px 2px 2px 2px;
  display:			block;
  width:			auto;
  background:		none;
}

a.treeiconlink:hover {
  border-width: 	0px 0px 0px 0px;
  cursor:			pointer;
  padding:			2px 2px 2px 2px;
  display:			block;
  width:			auto;
}

.treeiconlink {
  width:			300px;
  border-width: 	0px 0px 0px 0px;
  background-color:	#FFFFFF;
  font-weight: 		normal;
  color: 			#000000;
  cursor:			pointer;
  padding:			0px;
}

.divcontainer {
  overflow:			scroll;
}

.addlinfo {
  height:			300px;
}

.ddlcontainer {
  display:			none;
  position:			absolute;
  width:			150px;
  height:			120px;
  text-align:		left;
  z-index:			90;
  background-color: #FFFFFF;
  color: 			#000000;
  border-radius:	5px;
  box-shadow:		0px 0px 2px #333333;
  overflow:			hidden;
}

.ddlscroll {
  width:			147px;
  height:			117px;
  text-align:		left;
  overflow:			scroll;
  margin:			auto;
  border-radius:	5px;
}

.ddllist {
  width:			100%;
  height:			auto;
  margin-left:		0px;
}

.ddlcell {
  width:			auto;
  display:			block;
  padding:			1px 2px 1px 2px;
  text-align:		left;
  font-weight: 		normal;
}

.ddlcell:hover {
  cursor:			pointer;
  background-color:	#FFC8B5;
  width:			auto;
  display:			block;
  padding:			1px 2px 1px 2px;
  text-align:		left;
  font-weight: 		normal;
}

.combobuttonarea {
  vertical-align:	middle;
  padding:			0px;
}

.combobuttoninnerarea {
  border-style: 	solid;
  border-width:		1px 1px 1px 0px;
  background-color:	#FFFFFF;
  padding:			0px 1px 0px 2px;
  border-color: 	#0066AC;
}

.combobuttoninnerarearo {
  background-color:	#E4E4E4;
  padding:			0px 0px 0px 1px;
}

.combobuttonreadonly {
  background-color:	#E4E4E4;
  padding:			0px;
}

.hovertextarea {
  overflow:			visible;
  position:			fixed;
  width:			auto;
  text-align:		left;
  border-style:		solid;
  border-width:		1px;
  white-space:		normal;
  z-index:			99;
  padding:			2px 3px 2px 3px;
  background-color: #FFFFE1;
  display:			none;
  border-color:		#000000;
}

.groupboxarea {
  width:			100%;
}

.groupbox {
  color:			#000000;
}

.groupcontainer {
  width:			auto;
  overflow:			hidden;
  border-radius:	5px;
  color:			#FFFFFF;
  background-color: transparent;
  width:			auto;
  overflow:			hidden;
  box-shadow:		0px 0px 2px #333333;
}

.grouphead {
  border-width: 	0;
  background-color:	#003D6D;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  padding:			0px;
}

.groupheadbott {
  font-size:		1px;
  background-color:	#003D6D;
  color:			#FFFFFF;
  fill:				#FFFFFF;
}

.groupheadtitle {
  border-width: 	0;
  font-weight:		bold;
  background-color:	#003D6D;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  padding:			0px 3px 0px 15px;
  text-align:		left;
  vertical-align:	middle;
  display:			inline-flex;
  width:			auto;
  height:			24px;
}

.groupheadheight {
  height: 			20px;
  vertical-align:	middle;
  display:			table;
}

.groupheadlink {
  background-color:	#003D6D;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  text-align:		right;
  padding:			3px 3px 0px 3px;
  display:			inline-block;
  width:			auto;
  float:			right;
  vertical-align:	middle;	
}

.groupsubhead {
  border-style: 	solid;
  border-width: 	0px 0px 1px 0px;
  text-align:		left;
  padding:			0px 5px 5px 5px;
  height:			16px;
  vertical-align:	middle;
  background-color:	#0066AC;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  border-color: 	#FFFFFF;
}

.groupsubdata {
  padding:			0px 5px 5px 5px;
}

.groupbody {
  border-style: 	solid;
  color: 			#000000;
  width:			100%;
  padding:			0px;
  border-width: 	0px 0px 0px 0px;
  border-color: 	#0066AC #0066AC #0066AC #0066AC;
  background-color: #FFFFFF;
}

.groupbodycolor {
  background-color: #FFFFFF;
}

.groupinnerbody {
  text-align: 		left;
  vertical-align:	top;
  padding:			3px 2px 0px 2px;
}

.groupbott {
  border-style: 	solid;
  font-size: 		1px;
  padding:			0px;
  border-width: 	0px 0px 0px 0px;
  border-color: 	#0066AC #0066AC #0066AC #0066AC;
  background-color: #FFFFFF;
}

.whitebott {
  border-style: 	solid;
  background-color: #FFFFFF;
  font-size: 		1px;
  padding:			0px;
  border-width: 	0px 0px 0px 0px;
  border-color: 	#0066AC #0066AC #0066AC #0066AC;
}

.groupbox2 {
  border-style: 	ridge;
  border-width: 	0px 0px 1px 0px;
  color:			#000000;
  border-color: 	#0066AC #0066AC #0066AC #0066AC;
}

.grouphead2 {
  padding-left:		5px;
}

.grouphead2text {
  font-size: 		10px;
  position:			relative;
  top:				5px;
  background-color: #E4EBF4;
}

.groupbody2 {
  border-style: 	ridge;
  border-width: 	0px 1px 1px 1px;
  color: 			#000000;
  width:			100%;
  border-color: 	#0066AC #0066AC #0066AC #0066AC;
  background-color: #E4EBF4;
}

.groupboxlist {
  background-color:	#003D6D;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  height:			16px;
}

.groupheadlist {
  text-align:		left;
  vertical-align:	middle;
  font-size: 		10px;
  font-weight:		bold;
  color: 			#FFFFFF;
  padding:			0px 3px 0px 15px;
  display:			inline-flex;
  width:			auto;
  height:			24px;
}

.groupheadlistleft {
  width:			6px;
  border-style: 	solid;
  border-width: 	0px 0px 0px 0px;
}

.groupheadlistright {
  width:			6px;
  border-style: 	solid;
  border-width: 	0px 0px 0px 0px;
}

.groupheadlistlink {
  padding:			3px 3px 0px 3px;
  width:			auto;
  display:			inline-block;
}

.tabcontainer {
  box-shadow:		0px 0px 2px #333333;
  border-radius:	5px;	
  background-color: #FFFFFF;
  overflow:			hidden;
}

.tabmiddle {
  text-align:		center;
  font-weight: 		bold;
  font-size: 		11px;
  background-color:	#003D6D;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  box-shadow:		0px 0px 2px #333333;
  padding:			2px 3px 2px 3px;
  border-radius:	5px;
  display:			inline-block;
}

a.tablink:link,a.tablink:visited,a.tablink:hover {
  font-weight: 		normal;
  display:			block;
  padding:			3px 3px 3px 3px;
  color:			#FFFFFF;
}

.tabmiddleselected {
  text-align:		center;
  font-weight: 		bold;
  font-size: 		11px;
  color: 			#000000;
  border-radius:	5px;	
  box-shadow:		0px 0px 2px #333333;
  padding:			2px 3px 2px 3px;
  background-color: #FFFFFF;
  display:			inline-block;
}

a.tablinkselected:link,a.tablinkselected:visited,a.tablinkselected:hover {
  font-weight: 		normal;
  display:			block;
  padding:			3px 3px 3px 3px;
}

.tabbody {
  color: 			#000000;
  width:			100%;
  background-color: #FEFEFE;  
}

.tabbodycolor {
  color: 			#000000;
  background-color: #FFFFFF;  
}

.tabbott {
  font-size:		2px;
}

.expandarea {
  width: 			98%;
  height: 			98%;
  z-index:			94;
  position:			fixed;
  top:				1%;
  left:				1%;
}

.pageoverlay {
  text-align:		center;
  font-size: 		11px;
  width: 			100%;
  height: 			100%;
  position:			fixed;
  left:				0;
  top:				0;
  z-index:			98;
  color:			#000000;
  display:			none;
}

.pagelayeroutercontainer, .pagelayererrorcontainer {
  background-color: transparent;
  width:			auto;
  overflow:			hidden;
  box-shadow:		0px 1px 7px #333333;
  border-radius:	5px;
  border-width:		1px; 
  border-style: 	solid;
  border-color: 	#FFFFFF #FFFFFF #FFFFFF #FFFFFF;
}

.pagelayercontainer {
  text-align:		center;
  font-size: 		11px;
  position:			fixed;
  z-index:			96;
  color:			#000000;
  display:			none;
  background:		url(../pics/transparent.png) 0 0 repeat;
  padding:			0px 0px 0px 0px;
  left:				0;
  top:				0;
}

.pagelayerarea {
  text-align:		center;
  font-size: 		11px;
  width: 			100%;
  height: 			100%;
  position:			fixed;
  color:			#000000;
  display:			none;
  background:		url(../pics/transparent-dim.png) 0 0 repeat;
  padding:			0px 0px 0px 0px;
}

.pagelayer {
  text-align:		center;
  margin-left:		calc(100% - 10px);
  margin-right:		calc(100% - 10px);
  position:			absolute;
  top:				10%;
  left:				10%;
  padding:			10px;
  height:			100vh;
  overflow:			auto;
}

.pagelayerbordcenter {
  background:		none;
  background-color: transparent;
}

.pagelayerbody {
  color: 			#000000;
  background-color: #EAEAEA;  
}

.pagelayerbodybott {
  font-size:		2px;
  color: 			#000000;
  background-color: #EAEAEA;  
}

.pageHeadBar {
  position:			fixed;
  top:				0px;
  left:				0px;
  right:			0px;
  height:			22px;
  background-color:	#003D6D;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  padding:			4px 5px 0px 5px;
  box-shadow:		0px 0px 2px #111111;
}

.pageHeadBarText {
  vertical-align:	top;
  margin:			0px;
  padding-top:		2px;
  padding-right:	10px;
  display:			inline-block;
}

.transparent {
  background:		url(../pics/transparent.png) 0 0 repeat;
}

.transparent-dim {
  background:		url(../pics/transparent-dim.png) 0 0 repeat;
}

.errorbox {
  color:			#000000;
  margin-left:		auto;
  margin-right:		auto;
  width:			500px;
  white-space:		normal;
  background:		url(../pics/transparent-dim.png) 0 0 repeat;
}

.ajaxprogress {
  color:			#000000;
  margin-left:		auto;
  margin-right:		auto;
  background:		url(../pics/transparent-dim.png) 0 0 repeat;
}

.jsscriptarea {
  display:			none;
  visibility:		hidden;
  position:			fixed;
}

.debugarea {
  text-align:		center;
  margin:			auto;
  padding:			5px;
}

.listretainarea {
  position:			fixed;
  z-index:			100;
}

.cmenuarea {
  width: 			auto;
  min-width:		150px;
  background-color:	#FFFFFF;
  box-shadow:		0px 0px 5px #111111;
  border-radius:	5px;
  position:			fixed;
  display:			none;
  z-index:			100;
}

.cmenusubarea {
  position:			absolute;
  z-index:			101;
  display:			none;
  left:				40px;
}

.cmenusubmenuarrow {
  display:			inline-block;
  float:			right;
  fill:				inherit;
  color:			inherit;
  padding-left:		10px;
}

a.cmenulink:link,a.cmenulink:visited,a.cmenulink:hover {
  white-space:		nowrap;
  font-weight: 		normal;
  text-align:		left;
  text-decoration: 	none;
  color:			#000000;
  fill:				#000000;
  display:			block;
  width:			auto;
  background-color:	transparent;
  padding:			5px 5px 5px 5px;
  border-radius:	5px;
}

a.cmenulink:hover {
  background-color:	#FFC8B5;
}

@media print {
  .areaToNotPrint * {
    visibility: hidden;
  }
  .areaToPrint, .areaToPrint * {
    visibility: visible;
  }
  .areaToPrint {
 	position: absolute;
    left: 0;
    top: 0;
  }
}

.listheadtable {
  position:			relative;
  top:				0px;
  padding:			0px 0px 0px 0px;
  margin:			0px;
  width:			auto;
}

.listheadcontainer {
  border-color: 	#0066AC #0066AC #0066AC #0066AC;
  border:			0px solid #ff0000;
}

.listcontainer {
  background-color: #FFFFFF;
  border-style: 	solid;
  color:			#000000;
  overflow:			scroll;
  margin:			0px 0px 0px 0px;
  padding:			0px 0px 0px 0px;
  height:			calc(100% - 26px);
  border-width: 	0px 0px 0px 0px;
  border-color: 	#0066AC #0066AC #0066AC #0066AC;
}

.listfilter {
  padding:			0px;
  margin-right:		0px;
  width:			100%;
  position:			static;
  border-top:		1px solid #FFFFFF;
  border-left:		1px solid #FFFFFF;
  border-right:		1px solid #FFFFFF;
}

.listfilterlink {
  text-align:		right;
  padding:			1px 2px 0px 0px;
  width:			auto;
  vertical-align: 	top;
}

.listhead {
  font-weight: 		normal;
  text-align:		left;
  vertical-align: 	bottom;
  padding:			0px;
  font-family: 		Tahoma,Arial,Verdana;
  border-right:		1px solid #FFFFFF;
  vertical-align:	center;
  background-color:	#0066AC;
  color:			#FFFFFF;
}

.listhead:hover {
  background-color:	#E84815;
}

.listheadcheckbox {
  fill:				#FFFFFF;
  height:			20px;
}

.listheadhidden {
  display:			none;
}

.listheadsort {
  font-weight: 		normal;
  text-align:		left;
  vertical-align: 	bottom;
  padding:			0px;
  font-family: 		Tahoma,Arial,Verdana;
  border-right:		1px solid #FFFFFF;
  background-color:	#E84815;
}

.listheaddata {
  padding: 			0px 5px 0px 5px;
  width:			100%;
  background:		transparent;
  opacity:			0.0;
  filter:			alpha(opacity=0);
  -moz-opacity:		.00;
}

.listheaddatahidden {
  display:			none;
}

.listdata {
  font-weight: 		normal;
  padding: 			0px 5px 0px 5px;
  overflow:			visible;
  white-space:		nowrap;
  cursor:			pointer;
  font-family: 		Tahoma,Arial,Verdana;
  border-right:		0px solid #E0E0E0;
  border-bottom:	1px solid #E0E0E0;
}

.listdatahidden {
  display:			none;
}

.listselect {
  background-color:	#FEB69B;
  color:			#000000;
  font-weight: 		normal;
  padding: 			0px 5px 0px 5px;
  overflow:			visible;
  white-space:		nowrap;
  cursor:			pointer;
  font-family: 		Tahoma,Arial,Verdana;
  border-right:		0px solid #E0E0E0;
  border-bottom:	1px solid #E0E0E0;
}

.listselecthidden {
  display:			none;
}

.listrow {
  color:			#000000;
  height:			20px;
}

.listrow:hover {
  background-color:	#FFC8B5;
  color:			#000000;
  cursor:			pointer;
}

.listarrowicon {
  position:			absolute;
  top:				0px;
  right:			0px;
}

.svglistarrow {
  width:			10px;
  height:			10px;
}

.listgroup {
  background-color:	#F3F3F3;
  color:			#000000;
}

.listgroup:hover {
  background-color:	#FFC8B5;
  color:			#000000;
  cursor:			pointer;
}

.listgrouptotal {
  display:			none;
  background-color:	#F3F3F3;
  color:			#000000;
}

a.listheadlink:link,a.listheadlink:visited {
  text-decoration: 	none;
  display:			block;
  font-weight: 		normal;
  padding: 			7px 5px 7px 5px;
  color:			#FFFFFF;
}

a.listheadlink:hover {
  text-decoration: 	none;
  display:			block;
  font-weight: 		normal;
  background-color:	#E84815;
  padding: 			7px 5px 7px 5px;
}

a.listheadsortlink:link,a.listheadsortlink:visited {
  text-decoration: 	none;
  display:			block;
  font-weight: 		normal;
  padding: 			7px 5px 7px 5px;
}

a.listheadsortlink:hover {
  text-decoration: 	none;
  display:			block;
  font-weight: 		normal;
  background-color:	#FEB69B;
  padding: 			7px 5px 7px 5px;
}

.justright {
  text-align: 		right;	 
}

.rowsep {
  font-size: 		1px;
}

.colsep {
  width:			5px;
}

.fieldarea {
  width:			0px;
  margin-left:		0px;
  padding:			0px;
}

.fieldcell {
  width:			auto;
  padding:			0px;
}

.fieldlabel {
  text-align:		left;
  padding:			0px 0px 0px 8px;
  color:			inherit;
  width:			110px;
  vertical-align:	middle;
  display:			table-cell;
  padding:			1px 0px 1px 3px;
}

.fieldlabeltextarea {
  vertical-align:	top;
  padding-top:		4px;
}

.fieldlabelinner {
  padding:			0px;
  width:			110px;
  vertical-align:	middle;
  overflow:			hidden;
}

.fieldlabelinnerreq {
  padding:			0px;
  width:			110px;
  vertical-align:	middle;
  overflow:			hidden;
  font-weight:		bold;
}

.fieldlabeltextareainner {
  white-space:		normal;
}

.fieldlabeltextareainnerreq {
  white-space:		normal;
}

.fieldlabelchk {
  text-align:		left;
  padding:			0px;
  color:			inherit;
  height:			20px;
  vertical-align:	middle;
}

a.fieldlabellink:link, a.fieldlabellink:hover, a.fieldlabellink:visited {
  font-weight:		inherit;
  text-decoration: 	underline;
}

.fieldvalue {
  vertical-align:	middle;
  padding:			0px 0px 0px 3px;
  display:			table-cell;
  height:			20px;
}

.fielddata {
  height:			20px;
  vertical-align:	middle;
}

.fieldareacheck {
  padding-top:		2px;
}

.fontattention, a.fontattention:link, a.fontattention:visited {
  color: 			#FF0000;
  fill:				#FF0000;
}

.fontbold {
  font-weight: 		bold;
}

.fonterr {
  font-weight: 		bold;
  color: 			#CC0033;
}

.calarea {
  position:			fixed;
  display:			block;
  z-index:			999;
}

.calareainner {
  border-style: 	solid;
  background-color: #E4EBF4;
}

input[class="calyear"] {
  width:			24px;
}

input[class="caltime"] {
  width:			45px;
}

.calhead {
  padding:			4px 10px 4px 10px;
  text-align:		center;
  font-size: 		15px;
  border-width:		0px 1px 1px 0px;
  border-style:		solid;
  background-color: #FFFFFF;
  border-color: 	#0066AC;
  color:			#000000;
}
 
.calcell {
  padding:			4px 10px 4px 10px;
  text-align:		center;
  font-size: 		15px;
  border-width:		0px 1px 1px 0px;
  border-style:		solid;
  background-color:	#FFFFFF;
  border-color: 	#FFFFFF;
  color:			#000000;
}
 
.calcell:hover {
  background-color:	#FFC8B5;
  cursor:			pointer;
  font-size: 		15px;
}

.calcelloth {
  background-color:	#EEEEEE;
}

.calcellselected {
  padding:			4px 10px 4px 10px;
  text-align:		center;
  background-color:	#FEB69B;
  font-size: 		15px;
}

.calbutton {
  width:			70px;
}

.taskcalhead {
  font-weight:		bold;
  padding:			2px;
  text-align:		center;
  border-width:		1px 1px 1px 0px;
  border-color:		#999999;
  border-style:		solid;
  background-color:	#0066AC;
  color:			#FFFFFF;
  fill:				#FFFFFF;
}
 
.taskcalweek {
  color:			#000000;
  fill:				#000000;
}
 
.taskcalday {
  border-width:		0px 1px 1px 0px;
  height:			140px;
  vertical-align:	top;
  background-color:	#FFFFFF;
  padding:			2px;
  border-color:		#999999;
  border-style:		solid;
}
 
.taskcaldayother {
  background-color:	#E9E9E9;
}
 
.taskcaldaytimehead {
  border-width:		1px 0px 0px 0px;
  vertical-align:	top;
  overflow-x:		hidden;
  padding:			2px;
  background-color: #FFFFFF;
  border-color:		#FFFFFF;
  border-style:		solid;
}
 
.taskcaldetail {
  border-width:		1px 0px 0px 0px;
  padding:			2px;
  border-color:		#FFFFFF;
  border-style:		solid;
}
 
.taskcalcellouter {
  padding:			0px;
  text-align:		center;
  border-width:		0px 1px 1px 0px;
  border: 			1px solid #FFFFFF;
}

.taskcalcell {
  padding:			3px;
  text-align:		center;
  background-color: #FFFFFF;
  border-bottom:	1px solid #FFFFFF;
}
 
.taskcalcellselected {
  padding:			3px;
  text-align:		center;
  background-color:	#FEB69B;
  border-bottom:	1px solid #FFFFFF;
}

.taskcalslot {
  padding:			2px;
  position:			relative;
  overflow:			hidden;
  text-align:		left;
}

.taskcaldroparea {
  padding:			2px;
  display:			inline-block;
  position:			absolute;
  width:			54px;
  height:			64px;
}

.taskcalweekdroparea {
  padding:			2px;
  position:			absolute;
  width:			100%;
  height:			24px;
}

.schdbordercolor {
  border-color: 	#999999 #999999 #999999 #999999;
  border-style: 	solid solid solid solid;
}

.schdhead {
  border-color: 	#0066AC #0066AC #0066AC #0066AC;
  background-color:	#0066AC;
  color:			#FFFFFF;
}

.wizardpagetitle {
  font-size: 		12px;
  font-family: 		Tahoma,Arial,Verdana;
  font-weight: 		bold;
  border-bottom:	1px solid #003D6D;
  padding-bottom:	5px;
}

.wizardProgressBar {
  text-align:		center;
  width:			fit-content;
  padding-top:		10px;
}

.wizardProgressBranchArea {
  display:			inline-block;
  vertical-align:	middle;
  padding:			0px;
}

.wizardProgressNodeArea {
  display:			inline-block;
  vertical-align:	middle;
  padding:			0px;
  position:			relative;
}

.wizardProgressNode, .wizardProgressBranch {
  fill:				#C4C4C4;
  stroke:			#C4C4C4;
}

.wizardProgressNodeSelected, .wizardProgressBranchSelected {
  fill:				#0066FF;
  stroke:			#0066FF;
}

.wizardProgressNumber {
  position: 		absolute;
  top: 				0px;
  left: 			0px;
  color: 			#FFFFFF;
  fill:				#FFFFFF;
  stroke:			#FFFFFF;
  font-weight:		bold;
  width:			36px;
  height:			36px;
  padding:			0px;
  align-items:		center;
  display:			flex;
  text-align:		center;
}

.wizardProgressNode, .wizardProgressNodeSelected {
  width:			36px;
  height:			36px;
}

.wizardProgressIcon {
  width:			20px;
  height:			20px;
  margin:			auto;
}

.wizardConfirmArea {
  width:			90%;
}

.wizardConfirmSpacer {
  height:			5px;
}

.wizardConfirmGroupArea {
  width:			auto;
  overflow:			hidden;
  border-radius:	10px;
  background-color:	#FFFFFF;
  padding:			20px;
  margin-bottom:	10px;
  box-shadow:		0px 0px 2px #333333;
}

.wizardConfirmationPrintButton {
  margin-right:		0px;
  padding-bottom:	5px;
}

.wizardConfirmationTitle {
  white-space:		normal;	
  font-weight:		bold;
  font-size:		11px;
}

.wizardConfirmationSectionTitle {
  display:			block;
  padding:			10px 0px 10px 0px;
  font-weight:		bold;
  white-space:		normal;
  border-bottom:	1px solid #0066AC;
  margin-left:		8px;
}

.wizardConfirmDataLabel, .wizardConfirmDataValue {
  display:			inline-block;
  white-space:		normal;
  vertical-align:	top;
  padding:			5px 0px 5px 0px;
}

.wizardConfirmDataLabel {
  width:			270px;
  margin-left:		20px;
}
	
.wizardConfirmDataValue {
  width:			300px;
}
	
.whitebg {
  background-color:	#FFFFFF;
}

.readonlycolor {
  color:			#BBBBBB;
  fill:				#000000;
}

.canvasClickArea {
  border:			1px solid #FF0000;
  border-radius:	5px;
  background-color:	rgba(255,0,0,0.2);
  position:			absolute;
}

.canvasClickArea:hover {
  border:			1px solid #FF0000;
  border-radius:	5px;
  background-color:	rgba(255,0,0,0.5);
  position:			absolute;
  cursor:			pointer;
}

.canvasClickAreaPrint {
  border:			0px solid #FF0000;
  border-radius:	5px;
  background-color:	transparent;
  position:			absolute;
}

.canvasInternalClickArea {
  border:			1px solid #FF0000;
  border-radius:	5px;
  background-color:	rgba(255,255,0,0.2);
  position:			absolute;
}

.canvasInternalClickArea:hover {
  border:			1px solid #FF0000;
  border-radius:	5px;
  background-color:	rgba(255,255,0,0.5);
  position:			absolute;
  cursor:			pointer;
}

.canvasInternalClickAreaPrint {
  border:			0px solid #FF0000;
  border-radius:	5px;
  background-color:	transparent;
  position:			absolute;
}

.canvasButtonArea {
  position:			fixed;
  left:				10px;
  top:				10px;
}

.statusMessage {
  transition:		1s opacity;
  text-align:		center;
  position:			fixed;
  padding:			5px;
  display:			block;
  left:				50%;
  margin-left:		-100px;
  top:				20%;
  white-space:		normal;
  width:			200px;
  border:			1px solid #000000;
  z-index:			99;
  background-color:	#EEEEEE;
  border-radius:	5px;
  box-shadow:		1px 1px 1px #888888;
}

.ifmMerchantIframe {
  border:			none;
  width:			400px;
}

.ifmMerchant415 {
  height:			415px;
}

.ifmMerchant480 {
  height:			480px;
}

.ifmMerchant370 {
  height:			370px;
}

.payDetailButtons {
	width:			407px;
}