/* Benelizer Blue 0f4155 3f6770 6f8d99 9fb3bb cfd9dd */ 

input::placeholder,
textarea::placeholder {
  color: #919191;
  font-weight:normal;  
  font-style: italic;
  opacity: 1; 
}

.inputHeight { height:76px; }  
.memoMargin { margin-bottom: 18px; }

.symshadow { border: 1px solid #cccccc; border-radius: 4px;  box-shadow: 1px 1px 11px -5px rgba(0,0,0,0.75); }
.symshadow2 { box-shadow: 1px 1px 11px -5px rgba(0,0,0,0.75); }
.labelglow { text-shadow:1px 1px 3px #ffffff, -1px 1px 3px #ffffff, -1px -1px 3px rgb(255,255,255,0.75), 1px -1px 3px #ffffff, 2px 2px 5px rgb(255,255,255,0.75), -2px 2px 5px rgb(255,255,255,0.75), -2px -2px 5px #ffffff, 2px -2px 5px rgb(255,255,255,0.75) }

/* for fast mouse over instead of tooltip white background*/
.bubble1 { position: relative; background: #ffffff; color: #333333; font-size: 0.9em; font-weight: bold; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble1:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent;	border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for fast mouse over instead of tooltip medium grey background*/
.bubble2 { position: relative; background: #e3e3e3; color: #000000; font-size: 0.9em; font-weight: bold; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble2:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #e3e3e3 transparent; border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for fast mouse over instead of tooltip light grey background*/
.bubble3 { position: relative; background: #fdfdfa; color: #000000; font-size: 11px; font-weight: normal; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble3:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #fdfdfa transparent; border-width: 10px 6px 0; bottom: -10px; left: 55px; margin-left: -6px; }

/* for fast mouse over instead of tooltip white background*/
.bubble5 { position: relative; background: #ffffff; color: #535353; font-size: 1em; font-weight: normal; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble5:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent; border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for fast mouse over instead of tooltip light grey background*/
.bubble6 { position: relative; background: #f6f6f6; color: #535353; font-size: 1em; font-weight: normal; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble6:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent;	border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for fast mouse over instead of tooltip white background*/
.bubble9 { position: relative; background: #ffffff; color: #535353; font-size: 0.9em; font-weight: bold; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble9:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent; border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for fast mouse over instead of tooltip white background*/
.bubble99 { position: relative; overflow: auto; min-height: 40px; min-width: 100px; cursor: pointer; background: #ffffff; color: #535353; font-size: 0.9em; font-weight: bold; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 0px; margin: 0px;}
/* triangle left of text */
/* .bubble99:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: transparent #ffffff transparent transparent; border-width: 6px 10px 6px 0; top: 10px; left: -1px; margin-left: -6px; }

/*  bubble for cockpit trend pop up sun and  reply pop up in heatmap */
.cbubble { position: relative; display: none;  background: #ffffff; filter: drop-shadow(2px 1px 10px #A3A3A3); width: 195px; height: 142px; border-radius: 3px; padding: 0px; }
 /* triangle below text */
.cbubble:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent; border-width: 36px 13px 0; bottom: -36px; left: 22%; margin-left: -13px; }

/* for fast mouse over instead of tooltip white background*/
.boubleHouter { position: absolute; display: none; z-index: 99; top: -25px; left: 6px; width: 900px; }
.boubleHeat { position: relative; float:left; max-width: 850px; background: #ffffff; color: #535353; font-size: 0.9em; font-weight: bold; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.boubleHeat:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent; border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for assesment values in projec lists */
.listCol { float:right; padding-top:7px; height:24px; width:36px; text-align:center; font-weight:bold; color:#ffffff; border-radius:12px } 
.listCol2 { float:right; padding-top:7px; height:24px; width:36px; text-align:center; font-weight:bold; color:#111111; border-radius:12px } 

/* Live search bar */
.searchFocused { position: relative; clear:both; background-color: #ffffff; border: 1px solid #1f4056;; border-radius:4px; height: 38px; padding-top: 10px; }
.searchBlurred { position: relative; clear:both; background-color: #ffffff; border: 1px solid #d1d1d1; border-radius:4px; height: 38px; padding-top: 10px; }
.sebar1 { clear: both; padding: 15px; position: relative; }
.sebar1a { clear: both; padding: 1px; position: relative; }
.sebar2 { float: left; border: 0px; height: 28px; margin: 0px 0px 0px 5px;}
.sebar3 { color: #111111; font-size:14px;; height:20px; margin: 2px 0px 0px 3px;  }
.sebar4 { position: relative; float: left; width: 54px; border: 0px; height: 26px; }
.sebar4a { position: relative; float: left; width: 65px; height: 26px;  }
.sebar5 { position: absolute; z-index: 20; width: 26px; border-right: 2px solid #535353; height: 22px; padding: 1px 0px 0px 2px; margin: 3px 0px 3px 0px; cursor: pointer; }
.sebar6 { width: 20px; height: 20px; }
.sebar7 { position: absolute; z-index: 20; left: 32px; width: 24px; height: 22px; padding: 0px; margin: 4px 0px 0px 1px; cursor: pointer; }
.sebar8 { border: 0px; width:20px; height:20px; }
.sebar9 { display: none; position: absolute; background-color: #ffffff; z-index: 10; overflow: visible; top: 52px; left:-1px; padding-right:3px; border: 1px solid #777777; border-radius: 4px; }
.sebar9b { display: none; position: absolute; background-color: #ffffff; z-index: 10; overflow: visible; top: 54px; left:-1px; padding-right:3px; border: 1px solid #777777; border-radius: 4px; }
.sebar10  {overflow: auto; position: relative; margin-top: 1px; padding: 0px 10px 0px 10px; border-top: background-color: #ffffff; color: #111111; font-size:13px; line-height:150%; }
.sebar11 { float:left; width: calc(100% - 35px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -1px; }
.seimg { height:16px; width:16px; margin-right:5px; border:0px; }

.gbox { cursor: pointer; white-space: nowrap; padding: 2px; font-size:10px; font-weight:normal; color:#000000; border: 1px solid #6f8d99; border-radius: 3px; background-color:#cfd9dd; }
.gbox:hover { color: #000000; background-color: #f6f6f6;  border: 1px solid #111111; }

.workLoad1 { float:left; border-top: 2px solid #666666; border-left: 2px solid #666666; }
.workLoad2 { float:left; border-right: 2px solid#666666; text-align: center; padding: 3px 0px 3px 0px; font-size: 0.97em; }
.workLoad3 { float: left;  text-align: center;  padding: 4px 0px 4px 0px; border-left: 2px solid #666666; border-top: 2px solid #666666; font-size: 0.97em;}
.workLoad4 { float: left; border-right: 2px solid #666666; text-align: center; padding: 0px 0px 0px 0px; }
.workLoad5 { float: left; border-right: 1px solid #919191; text-align: center; padding: 4px 0px 4px 0px; font-size: 0.97em; }
.workLoad6 { float: left;  border-right: 2px solid#666666; text-align: center; padding: 0px 0px 0px 0px;}
.workLoad7 { float: left;  text-align: center; padding: 4px 0px 4px 0px; font-size: 0.97em; }
.workLoad8 { float: left;  text-align: left; padding: 0px;  border-left: 2px solid #666666; border-top: 2px solid #666666;}
.workLoad8a { float: left;  text-align: left; padding: 7px 0px 7px 8px; font-size: 0.97em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workLoad9 { float: left; border-right: 1px solid#919191; text-align: center; padding: 7px 0px 7px 0px; font-size: 0.97em; }
.workLoad10 { float: left; text-align: center; padding: 7px 0px 7px 0px; font-size: 0.97em; }
.workLoad11 { float: left;  text-align: left;  padding: 0px;  border-left: 2px solid #666666; border-top: 2px solid #666666; border-bottom: 2px solid #666666; font-size: 0.97em; font-weight: bold; }
.workLoad12 { float: left; border-right: 2px solid#666666; border-bottom: 2px solid#666666; padding: 0px 0px 0px 0px; }
.workLoad13 { float: left; border-right: 1px solid#919191; text-align:center;  padding: 7px 0px 7px 0px; font-size: 0.97em; font-weight: bold; }
.workLoad14 { float: left; border-right: 1px solid#919191; text-align:center;  padding: 7px 0px 7px 0px; font-size: 0.97em; font-weight: bold; }
.workLoad15 { float: left; text-align:center;  padding: 7px 0px 7px 0px; font-size: 0.97em; font-weight: bold; }
.workLoad16 { float: left; border-right: 1px solid#919191; text-align:center;  padding: 7px 0px 7px 0px; font-size: 0.97em;font-weight: bold; }
.workLoad17 { float: left; text-align:center;  padding: 7px 0px 7px 0px; font-size: 0.97em; font-weight: bold; }
.workLoad18 { float: left; border-right: 2px solid #666666; border-bottom: 2px solid #666666; border-right: 2px solid #666666;  padding: 0px 0px 0px 0px; }


.workLoad30 { float: left; text-align: left; border-left: 2px solid #666666; border-top: 2px solid #666666; padding: 6px 4px 0px 8px; font-size: 1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workLoad31 { float:left; border-top: 1px solid #d1d1d1; border-left: 2px solid #666666; }
.workLoad32 { float: left; text-align: left; border-left: 2px solid #666666; border-top: 1px solid #d1d1d1; padding: 6px 4px 0px 8px; font-size: 0.95em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workLoad33 { float:left; text-align: center; padding: 3px 0px 3px 0px; font-size: 0.97em; }
.workLoad34 { float:left; padding: 4px 0px 3px 0px; width: 0px; border-right: 2px solid #666666; }


.tierMuaLst { float: left; margin: 0px 0px 0px 6px; font-size:12px; width:210px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* dashboard project list   */
.dbp1 { cursor: pointer;  font-size: 13px; color: #333333; font-weight: bold;} 
.dbp2 { overflow:hidden; border-radius:8px; border:1px solid #ffffff; width: 128px; height: 9px; }
.dbp3 { display: flex; flex-wrap: nowrap; overflow: hidden; border: 1px solid #ffffff; border-radius:8px; height: 9px; width: 128px; }   /* make children sit in a row */
.dbp4 { overflow:hidden; border-radius:8px; border:1px solid #ffffff; min-width: 128px; height: 9px; }
.dbp5 { float:left; width: 322px; margin: 2px; padding-top: 10px; }
.dbp6 { float: left; max-width: 300px; font-size: 15px; color: #333333; font-weight: bold; cursor: pointer; text-align: center; padding: 0px 0px 0px 5px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; } 
.dbp7 { float: left; padding: 0px; cursor: pointer; }
.dbp7a { float: left; padding: 13px 1px 0px 4px; cursor: pointer; }
.dbp8 { float:left; width: 74px; margin: 2px; height: 37px;  }
.dbp9 { float: left; width: 29px; font-size: 16px; color: #333333; font-weight: bold;  text-align: center; padding: 3px 0px 0px 24px; verflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.dbp10 {clear: both; width: 63px;  font-size: 10px; color: #535353; font-weight: normal;  text-align: center; padding: 1px 0px 0px 5px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.dbp11 {display: flex; justify-content: center; gap:1px; cursor: pointer; width: 128px; height: 25px; padding:0px;  }
.dbp12 {float: left; padding: 1px 0px 0px 10px; font-size: 16px; color: #333333; font-weight: bold; }
.dbp13 {clear: both; width: 120px; font-size: 12px; color: #535353; font-weight: normal;  text-align: center; padding: 1px 4px 0px 4px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.dbp14 { float:left; width: 320px; margin: 0px 0px 0px 5px; }
.dbp15 {float: left;  padding: 2px 0px 0px 1px; width: 42px;  height: 24px; }
.dbp16 {float: left; cursor: default; font-size: 13px; color: #333333; font-weight: bold; padding: 15px 0px 0px 8px;  width: 216px;  overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }	
.dbp16a {float: left; cursor: default; font-size: 13px; color: #333333; font-weight: bold; padding: 13px 0px 0px 8px;  width: 206px;  overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }	
.dbp16a:hover { text-decoration: none; color: #0f4155; font-weight: bold; }

.dbp6:hover, .dbp12:hover  { text-decoration: none; color: #0f5165; }
.dbp16b { float: left;  cursor: default; font-size: 0.9em; color: #288791; font-weight: bold; padding: 8px 0px 0px 7px;  width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dbp16b:hover { text-decoration: none; color: #0f4155; font-weight: bold; }

.dbp16b2 { float: left;  cursor: default; font-size: 0.9em; color: #288791; font-weight: bold; padding: 8px 0px 0px 7px;  width: 142px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dbp16b2:hover { text-decoration: none; color: #0f4155; font-weight: bold; }

.dbp17 {position: absolute; display:none; z-index:200; min-width: 400px; top: -22px; left: 20px; font-size: 1em; color: #333333; }
.dbp18 {float:left; min-width: 128px; margin: 2px; font-size: 1.1em; color: #ffffff; font-weight: bold;  text-align: center; } 
.dbp18a {float:left; width:128px;  }
.dbp18c {margin: 0 auto; display: flex;  align-items: center; justify-content: center; width: 26px; height:26px; margin-top: 1px; border-radius:50%; color:#ffffff; font-size:14px; font-weight: normal;  }
.dbp18d {margin: 0 auto; display: flex;  align-items: center; justify-content: center; width: 26px; height:26px; margin-top: 6px; border-radius:50%; color:#ffffff; font-size:14px; font-weight: normal;  }

.dbp18an {float:left; width:128px;  }
.dbp18dn {margin: 0 auto; display: flex;  align-items: center; justify-content: center; padding:0px 2px 0px 2px; height:26px; margin: 6px 10px 0px 10px; border-radius:13px; color:#ffffff; font-size:14px; font-weight: normal;  }


.dbp19 {float:left; width: 74px; margin: 2px; height: 42px; font-size: 15px; color: #ffffff; font-weight: bold;  text-align: center; padding-top: 10px; }
.dbp20 {float:left;  width: 320px; margin: 0px 0px 0px 4px; height: 52px; padding: 0px; }
.dbp21 {float: left; padding: 4px 0px 0px 1px; width: 42px;  height: 42px; }
.dbp22 {float: left; cursor: default; font-size: 0.95em; color: #333333; font-weight: bold; padding: 11px 12px 0px 12px;  width: 100px;  overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.dbp23 {float:left; min-width: 128px; margin: 2px; font-size: 1.1em; color: #ffffff; font-weight: bold;  text-align: center; }
.dbp24 {float:left; width: 74px; margin: 2px; height: 25px; font-size: 1.1em; color: #ffffff; font-weight: bold;  text-align: center; padding-top: 10px; }


.statLine1 { float:left; width:38px; height:38px; margin: 0px 8px 0px 0px; }
.statLine2 { float:left; display:flex; align-items:center; overflow:visible; min-height:48px; line-height:16px; font-size:13px; padding:0px; margin: -10px 20px 0px 0px; }


.tooltip { pointer-events: none; }

.topHeader { flow: left; background-color: #0f4155; padding: 12px 20px 15px 15px; height: 48px; }
.topIcon { float: left; width: 31px; margin-left: 0px; padding: 5px 0px 5px 0px; cursor: pointer;  }
.topText { float: left; padding-top: 13px; overflow:hidden; cursor: pointer;  }
.topIconSelected { float: left; width: 31px; margin-left: 10px; padding: 5px; background-color: #288791; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; cursor: pointer;  }
.topEntText { font-size: 1.3em; color: #ffffff; font-weight: normal; text-transform: uppercase; float:left; margin-right:12px; }

.ontopdiv { z-index: 9999;  padding-top: 2px; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); }
.ontopdiv2 { z-index: 9999;  border-radius: 4px; box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); }

.modaleGrey { z-index: 9999;  display:none; position:absolute; background-color: rgba(0, 0, 0, 0.25); top: 0; left: 0; width: 100%; height: 100%; border: 0px; }
.modaleGrey2 { position:absolute; z-index: 9999; background-color: rgba(0, 0, 0, 0.25); top: 0; left: 0; width: 100%; height: 450px; border: 0px; }


.alertDiv { display:none; position:fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.10); left: 0; width: 100vw; height: 100vh; border: 0px; }
.alertInDiv { margin: 0 auto; width:270px; min-height:40px; overflow:auto; padding: 15px 15px 12px 15px; border: 1px solid #535353; border-radius: 5px; background-color:#fffef0;}
.alertInDivsm { margin: 0 auto; width:230px; min-height:40px; overflow:auto; padding: 15px 5px 12px 5px; border: 1px solid #535353; border-radius: 5px; background-color:#fffef0;}
.alertInDiv2 { margin: 0 auto; color: #333333; font-size: 1em; border: 0px; text-align: center; margin-bottom: 20px;}
.alertInDiv2sm { margin: 0 auto; color: #333333; font-size: 1em; border: 0px; text-align: center; margin-bottom: 15px;}
.alertButton { margin: 0 auto; padding: 5px 0px 5px 0px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.alertButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

/* genreral modal background div for pop up  */
.gInfo { display:none; position:fixed; top: 1px; z-index: 199999; background-color: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; padding-top: 20px;}

/* genreral modal div for blocking input during ajax updates   100% transparant */
.modDiv { display:none; position:fixed; top: 1px; z-index: 9999; background-color: rgba(255, 255, 255, 0 ); width: 100%; height: 100%;}
.modDiv2 { position:fixed; top: 1px; z-index: 999; background-color:rgba(255, 255, 255, 0 ); height: 100%;  }

/*  genreral div for displaying throbber for ajax  */
.throbInf { display:none; position:fixed; top: 130px; left: 12px; z-index: 9999; background-color: rgba(255, 255, 255, 0.3); padding: 5px; border-radius: 8px; }
.throbInf2 { display:none; position:fixed; top: 0px; left: 0px; padding-top:120px; width: 100%; height: 100%; z-index: 9999; text-align:center; background-color: rgba(192,192,192,0.4); border-radius: 8px; }	
	
.loginLabel { float: left; width: 115px; text-align: right; padding: 15px 10px 10px 0px; font-size: 1em; color: #515151; }
.loginInput { clear: right; text-align: left; padding: 10px 0px 10px 10px; }
.loginButton { padding: 10px 20px 10px 20px; font-size: 1.2em; color: #ffffff; text-decoration: none; font-weight: normal; cursor: pointer; background-color: #0f4155; text-align: center; border: 0px; border-radius: 4px; }
.loginButton:hover { color: #ffffff; background-color: #3f6770; text-decoration: none; }
.loginImage { max-width: 370px; margin: 0 auto; background-color: #0f4155; padding: 8px 0px 8px 0px; } 
.loginFrame { max-width: 370px; margin: 0 auto; padding: 0px 0px 10px 0px; background-color: #ffffff; }

.footer { clear: both; background-color: #0f4155; padding: 0px; height: 90px; }
.footerLeft { float: left; padding: 25px 0px 0px 15px; color: #e7e9ec; font-size: 0.9em; line-height: 150%; }
.footerRight { float: right; padding: 30px 25px 0px 0px; color: #e7e9ec; font-size: 0.9em; line-height: 150%; text-align: right; }

.marginStart {clear: both; margin: 0px 0px 0px 0px; }
.marginStart2 {clear: both; margin: 0px 15px 0px 15px; }
.marginStart3 {clear: both; margin: 0px 15px 0px -15px; }

.mainMenuLeftRight { background-color: #288791;}
.mainMenu { width: 1250px; margin: 0 auto; height:24px; padding: 14px 0px 10px 0px; overflow: visible; } 
.mainContainer { width: 1250px; margin: 0 auto; }
.leftContent { width: 935px; float: left; }
.rightContent { float: left; width: 270px; margin-left: 30px; padding: 5px; color: #333333; font-size: 1.05em; background-color: #ffffff; line-height: 120%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);}

.menuItem { float: left; font-size: 1em; color: #ffffff; text-decoration: none; text-align: center; padding: 0px 15px 2px 15px; font-weight: normal; }
.menuItemSel { float: left; font-size: 1em; color: #ffffff; text-decoration: none; text-align: center; padding: 0px 15px 2px 15px; font-weight: normal; }
.menuItem a { float: left; color: #ffffff; text-decoration: none; padding-bottom: 4px; border-bottom: 2px solid #288791; font-weight: normal}
.menuItem a:hover { float: left; color: #ffffff; text-decoration: none; padding-bottom: 4px; border-bottom: 2px solid #87CDB9; font-weight: normal;}
.menuItemSel a, .menuItemSel a:hover { float: left; color: #ffffff; text-decoration: none; padding-bottom: 4px; border-bottom: 2px solid #77c1b2; font-weight:normal;}

.menudiv1 { position: absolute; z-index: 299; left: -40px; top: 58px; width: 260px; background: #0f4155; border-top: 2px solid #87CDB9; -webkit-animation: dd1move 0.1s; animation: dd1move 0.1s; } 
@-webkit-keyframes dd1move { from {height: 0px; } to {height: 35px;} }
@keyframes dd1move { from {height: 0px;} to {height: 35px;} }
.menudiv2 { position: absolute; z-index: 299; left: -40px; top: 58px; width: 260px; background: #0f4155; border-top: 2px solid #87CDB9; -webkit-animation: dd2move 0.1s; animation: dd2move 0.1s; } 
@-webkit-keyframes dd2move { from {height: 0px; } to {height: 70px;} }
@keyframes dd2move { from {height: 0px;} to {height: 70px;} }
.menudiv3 { position: absolute; z-index: 299; left: -40px; top: 58px; width: 260px; background: #0f4155; border-top: 2px solid #87CDB9; -webkit-animation: dd3move 0.2s; animation: dd3move 0.2s; } 
@-webkit-keyframes dd3move { from {height: 0px; } to {height: 200px;} }
@keyframes dd3move { from {height: 0px;} to {height: 200px;} }
.menufont { border-bottom: 1px solid #ffffff; font-size: 1.1em; color: #ffffff; padding: 16px 0px 16px 10px;  cursor: pointer;}
.menufont a, .menufont a:hover { color: #ffffff; text-decoration: none; } 
.menufont2 { border-bottom: 1px solid #ffffff; font-size: 1.1em; color: #fdc14f; padding: 16px 0px 16px 10px;  cursor: pointer;}

.menucohort { position: absolute; z-index: 990; overflow:visible; left: -360px; top: 35px; width: 500px; background: #288791; border-top: 2px solid #87cdb9; -webkit-animation: ddcmove 0.1s; animation: ddcmove 0.1s; } 
@-webkit-keyframes ddcmove { from {height: 0px; } to {height: 70px;} }
@keyframes ddcmove { from {height: 0px;} to {height: 70px;} }

.cohortItem { position:relative; color:#ffffff; padding:10px; border-bottom:1px solid #ffffff; cursor:pointer; }
.cohortClear { float:left; margin:-5px 0px 0px 15px; cursor: pointer; border-radius: 3px; background-color: #fcb123; font-size:0.9em; color:#535353; font-weight:bold; padding:4px; }
.cohortItemSel { position:relative; background-color:#0f4155; color:#ffffff; padding:10px; border-bottom:1px solid #ffffff; cursor:pointer; }
.cohortItem:hover { background-color:#0f4155; color:#ffffff; } 

.taskEditTab { border-bottom: 1px solid #cccccc; overflow:auto; background-color: #ffffff; color:#535353; font-size: 13px; cursor: pointer }
.taskEditTabSel { border-bottom: 1px solid #cccccc; overflow:auto; background-color: #d4e7e9; font-size: 13px; font-weight: bold; color:#111111; cursor: pointer }
.taskEditTab:hover { background-color:#0f4155; color:#ffffff; overflow:auto; } 
 
.taskQuestion { background-color: #ffffff; cursor: pointer; padding: 5px 5px 5px 8px; clear: both; font-size: 11px; font-family: "Noto Sans", Arial; color:#333333;  }
.taskQuestion:hover { background-color:#0f4155; color:#ffffff; } 

.taskBarR { position: absolute; font-size: 0.85em; border-right: 1px solid #d1d1d1; padding-top: 4px; height: 16px; overflow: hidden; text-align: center; }
.taskBarR2 { position: absolute; font-size: 0.85em; padding-top: 4px; height: 16px; overflow: hidden; text-align: center; }
.taskBarL { position: absolute; font-size: 0.85em; border-left: 1px solid #d1d1d1; padding-top: 4px; height: 16px; overflow: hidden; text-align: center; }
.taskGrid { position: absolute; height: 100%; border-right: 1px solid #d1d1d1; }
.taskGrid2 { position: absolute; height: 100%; border-left: 1px solid #d1d1d1; }

.outerSavePop { position: sticky; -webkit-sticky; top: 20px; width: 100%; height: 0px; z-index: 9999; }
.savePop { position:absolute; top:0px; animation-name: savePopBox; animation-duration: 2.5s; width: 100%; height: 0px; z-index: 99999; overflow:hidden; text-align: center; text-transform: uppercase; background-color: #87cdb9; color:#ffffff; font-size: 1.5em; }
@keyframes savePopBox { 0% {height: 0px;} 20% {height: 0px;} 30% {height: 45px;} 70% {height: 45px;} 100% {height: 0px;} }


.chartVbig { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 1.35em; color: #333333; font-weight: bold }
.chartBig { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 1.1em; color: #333333; font-weight: bold }
.chartNormal { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 0.95em; color: #333333; font-weight: bold }
.chartSmall { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 0.85em; color: #333333; font-weight: bold }
.chartVsmall { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 0.75em; color: #333333; font-weight: bold }

.matriceFrame1 { clear: left; float: left; padding: 0px; border: 1px solid #535353; border-collapse: collapse; } 
.matriceFrame2 { float: left; padding: 0px; border: 1px solid #535353; border-collapse: collapse; } 

.barFrame1 { clear: left; float: left; padding: 0px; border: 0px; } 
.barFrame2 { float: left; padding: 0px; border: 0px; } 

.tableChart1 { 
 border-radius: 0px; box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0;
 position: relative; 
 table-layout:fixed;
 -ms-transform:rotate(270deg); /* IE 9 */
 -moz-transform:rotate(270deg); /* Firefox */
 -webkit-transform:rotate(270deg); /* Safari and Chrome */
 -o-transform:rotate(270deg); /* Opera */
}

.tableChart2 { 
 border-radius: 0px; box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0;
table-layout:fixed;
 }

 /* For drill down history */
.col1a { float: left; border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; overflow: auto; }
.col1b { width: 190px; padding-top: 4px; height: 34px; line-height: 34px; vertical-align: middle; border-bottom: 1px solid #a1a1a1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; color: #333333; cursor: default; }
.col1c { width: 190px; height: 24px; line-height: 24px; vertical-align: middle; border-bottom: 1px solid #a1a1a1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; color: #333333; cursor: default; }
.col1d { width: 190px; height: 24px; vertical-align: middle; border-bottom: 1px solid #a1a1a1; border-top: 1px solid #a1a1a1; }
.col1e { width: 175px; height: 24px; background-color: #f5f5f5; padding-left: 15px; line-height: 24px; vertical-align: middle; border-bottom: 1px solid #a1a1a1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.8em; color: #333333; cursor: default; }
.col1x { float: left; width: 166px; height: 24px; line-height: 24px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; color: #333333; cursor: default; }
.col1dx { float: left; width: 186px; height: 24px; line-height: 24px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; color: #333333; cursor: default; }
.col1y { display: none; float: right; width: 16px; padding-top: 4px; cursor: pointer;  }
.col1z { float: right; width: 16px; padding-top: 4px; cursor: pointer;  }
.col2a { float: left; border: 1px solid #a1a1a1; overflow: auto; width: 600px; }
.col2b { float: left; width: 50px; padding-top: 4px; height: 34px; line-height: 14px; border-right: 1px solid #a1a1a1; text-align: center; vertical-align: middle; border-bottom: 1px solid #a1a1a1; font-size: 0.85em; color: #333333; cursor: default; }
.col2c { float: left; width: 50px; height: 24px; line-height: 24px; border-right: 1px solid #a1a1a1; text-align: center; vertical-align: middle; border-bottom: 1px solid #a1a1a1; font-size: 0.85em; color: #333333; cursor: default; }
.col2d { clear: both; height: 24px; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; }
.col2e { clear: both; height: 24px; border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; }
.col3a { float: left; border-top: 1px solid #ffffff; }
.col3b { clear: both; width: 30px; padding: 4px 0px 0px 10px; height: 34px; border-bottom: 1px solid #ffffff; }
.col3c { clear: both; width: 30px; height: 24px; border-bottom: 1px solid #ffffff; }
.col3d { clear: both; width: 30px; height: 24px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; }

.replyScore { font-size:12px; color:#ffffff; width:20px; border: 0px; border-radius: 3px; padding:3px; }

.qscorhead { border: 1px solid #ffffff; padding-top: 4px; height:17px; float: left; font-size: 1em; font-family: "Noto Sans", Arial; font-weight: bold; }
.qscor1 { border: 1px solid #ffffff; padding-top: 2px; height:17px; width: 80px; float: left; font-family: 'Lucida Console', Monaco, 'Courier New', monospace; font-size: 1em; font-weight: normal }
.qscor2 { background-color: #f0f0f0; border: 1px solid #ffffff; padding-top: 2px; height:17px; width: 80px; float: left; font-family: 'Lucida Console', Monaco, 'Courier New', monospace; font-size: 1em; font-weight: normal; }
.qtext1 { width: 80%; border: 1px solid #ffffff; padding-top: 2px; min-height: 17px; float: left; font-family: "Noto Sans", Arial; font-size: 0.9em; font-weight: normal }
.qtext2 { background-color: #f0f0f0; width: 80%; border: 1px solid #ffffff; padding-top: 2px; min-height: 17px; float: left; font-family: "Noto Sans", Arial; font-size: 0.9em; font-weight: normal }

 
.qwhead { float: left; width: 120px; overflow-y: auto; overflow-x: hidden; margin-right:5px; }
.qrow1a { float: left; width: 85px; border: 0px; }
.qrow1b { clear: both; width: 85px; height: 45px; font-size: 0.9em; border: 1px solid #ffffff; }
.qrow1c{ clear: both;  width: 85px; height: 22px; font-size: 0.9em; text-align: right; border: 1px solid #ffffff; }
.qrow1cd{ clear: both; width: 85px; height: 22px; border: 1px solid #ffffff;  cursor: pointer; }
.qrow1ce{ width: 75px; padding: 4px; font-size: 0.85em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.qrow1d { float: left; width: 85px; height: 21px; border: 0px;}
.qrow1e { clear: both; font-size: 0.85em; color: #777777; width: 60px; height: 21px; border: 0px;}
.qrow1f { float: left; width: 120px; overflow-y: auto; }
.qrow1g { clear: both; font-size: 0.85em; width: 120px; height: 22px; border: 1px solid #000000; }
.qrow1h { clear: both; font-size: 0.85em; width: 120px; height: 12px; border: 0px; }
 
.qrow30 { float:left; font-size:0.9em; text-align:center; height:19px; padding-top:4px; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-color:#dddddd; }
.qrow31 { float:left; font-size:0.9em; text-align:center; height:19px; padding-top:4px; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-color:#288791; color:#f0f0f0; }
.qrow32 { float:left; font-size:0.9em; text-align:center; height:19px; padding-top:4px; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-color:#87cdb9;; color:#f0f0f0; }
.qrow33 { float:left; font-size:1em; font-weight: bold; text-align:center; height:17px; padding-top:6px; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-color:#f6f6f6;; color:#288791;  }

.qulist {font-family: "Noto Sans", Arial; background-color:#f6f6f6;  font-size:12px; resize:vertical; border:1px solid#d1d1d1; border-radius:3px; padding:8px; height:80px; width:100%; overflow:auto;}


.mbardata1 { clear: left; float: left; font-size: 1.0em; color: #333333; font-weight: normal; width: 270px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mbardata2 { float: left; overflow: auto; }
.mbardata3 { clear: left; float: left; text-align: right; font-size: 0.9em; color: #333333; font-weight: normal; height: 19px; width: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mbardata4 { float: left; text-align: right; font-size: 0.9em; color: #333333; font-weight: normal; width: 60px; }
.mbardata5 { float: left; text-align: right; padding-right: 70px; font-size: 0.9em; color: #333333; font-weight: normal; width: 60px; }
.mbardata6 { float: left; width: 70px;  cursor: pointer; }
.mbardata7 { padding: 20px 20px 30px 20px; }

.timeframe { border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; margin: 10px; width: 890px; overflow: auto; }
.timeframed { border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; margin: 10px; overflow: auto; }
.timename1 { clear: left; float: left; height: 36px; padding: 0px; border-bottom: 1px solid #d1d1d1; width: 217px; }
.timename2 { padding: 10px 0px 0px 10px; font-size: 0.9em; font-weight: bold; color: #333333; width: 202px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.timename2r { padding: 2px 0px 0px 8px; font-size: 0.85em; font-weight: bold; color: #333333; width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.timename2rs { padding: 10px 0px 0px 8px; font-size: 0.85em; font-weight: bold; color: #333333; width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.timeec1 { float: left; height: 36px; width: 24px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.timeec2 { padding-top: 10px; cursor: pointer;  }
.timequart1 { float: left; height: 36px; width: 80px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.timequart2 { padding-top: 5px; } 
.timebar { z-index: 5; padding-top: 2px; height:18px; font-size: 0.75em; font-weight: normal; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; }
.timebar2 { z-index: 5; padding-top: 2px; height:18px; font-size: 0.75em; font-weight: normal; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; }
.timered { color: #f87666 } 
.timecompl { color: #cfffe3 } 
.timecompl2 { color: #119953 } 
.timeinfo { display: none; position: absolute; z-index:110; left: 270px; font-size: 1em; line-height: 145%; font-weight: normal; color: #ffffff; background-color: #0f4155; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; width: 590px; overflow: auto; padding: 12px; }
.timeelement { background-color: #f8f8f8; height: 36px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; }
.timeitext { float: left; cursor :pointer; cursor :hand; font-size: 0.85em; font-weight: normal; color: #333333; height: 26px; padding-top: 10px; text-align: right; width: 241px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid #d1d1d1; } 
.timeitext2a { float: left; height: 36px; padding: 0px; width: 241px; border-right: 1px solid #d1d1d1; } 
.timeitext2b { float: left; cursor: pointer;  font-size: 0.85em; font-weight: normal; color: #333333; padding-top:10px; width: 208px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.timeitext2c { float:left; border-radius:50%; width:12px; height:12px; padding:0px; margin:12px 4px 0px 12px; }
.deltabar { z-index: 6; height: 8px; background-color: #0f4155; position: absolute; }
.timebar1 { padding-top: 2px; height:18px; font-size: 0.75em; font-weight: normal; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.deltabar1 { height: 8px; background-color: #0f4155; }

/* time line graphs                         */
.tmg1 	{ position: absolute; z-index: 4; top: 7px; height: 16px; border: 0px; border-radius: 3px; }  
.tmg2	{ position: absolute; z-index: 5;  top: 7px; height: 16px; border: 0px; border-radius: 0px 3px 3px 0px }
.tmg3	{ position: absolute; z-index: 8; top: 14px; height: 2px; border: 0px; border-radius: 0px; }
.tmg4	{ width: 16px; position: absolute; z-index: 9;  top: 6px; height: 16px; border: 0px; }
.tmg5	{ position: absolute; z-index: 9;  top: 11px; height: 8px; border: 0px; border-radius: 2px; }
.tmg6   { position: absolute; z-index: 9;  top: 6px; height: 16px; border: 0px; }
.tmg7   { color:#ffffff; font-size: 0.85em; position: absolute; z-index: 7;   top: 7px; padding-left:6px; border: 0px; }

.tmg20  { position: relative; border-bottom: 1px solid #d1d1d1; } 
.tmg21  { position: absolute; width:100%; border-top: 2px solid #a3a3a3;  border-bottom: 1px solid #d1d1d1; z-index: 1; }
.tmg22  { position: absolute; width:100%; z-index: 1; }
.tmg23  { position: relative; border-top: 2px solid #a3a3a3; border-bottom: 1px solid #d1d1d1; } 

.lineLabel { position:absolute; font-size:0.9em; color:#333333; left:236px; width:678px; z-index:99999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.cutelli { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* SCOR project drilldown */ 

.drillElement { float: left; padding-left: 8px; width: 70px; }
.drillSelement { float:left; width: 32px; margin-top: -1px; }
.drillName { float: left; max-width: 360px; padding: 18px 15px 0px 0px; font-size: 1.1em; color: #333333; text-transform: uppercase; } 
.drillceOn {float: left; padding-top: 18px;  cursor: pointer; }
.drillceOff {float: left; padding-top: 18px;  cursor: pointer; display: none; }
.drillce2On {float: left; padding-top: 5px;  cursor: pointer; }
.drillce2Off {float: left; padding-top: 5px;  cursor: pointer; display: none; }
.drillce2Ons {float: left; padding-top: 5px;  cursor: pointer; font-size: 1.1em; color: #288791; font-weight: bold; }
.drillce2Offs {float: left; padding-top: 5px;  cursor: pointer; display: none; font-size: 1.1em; color: #288791; font-weight: bold;}
.drillceQon {float: left; padding-top: 0px;  cursor: pointer; }
.drillceQoff {float: left; padding-top: 0px;  cursor: pointer; display: none; }
.drillOff { display: none; padding-top: 10px; }
.drillDate { float: left; padding: 0px 5px 0px 0px; width: 220px; font-size: 1.1em; color: #333333; font-weight: bold; text-transform: uppercase; } 
.drillSucImp { float: left; padding: 10px 5px 0px 0px; width: 220px; font-size: 1.1em; color: #333333; font-weight: bold; text-transform: uppercase; } 
.drillWarnText { float: left; padding: 5px 15px 0px 0px; font-size: 1.1em; color: #333333; font-weight: bold; text-transform: uppercase; } 
.drillScor { float: left; width: 220px; padding: 10px 5px 0px 0px; } 
.drillScor2 { float: left; padding: 0px 10px 0px 0px; font-size: 0.9em; color: #333333; font-weight: bold; } 
.drillQuestion { float: left; padding: 0px 15px 0px 15px; width: 195px; max-width: 220px; font-size: 0.85em; color: #333333; line-height: 115%; color: #333333; } 
.drillDateL { font-size: 0.9em; color: #333333; width: 100px; float: left; padding: 0px 0px 0px 8px; }
.drillDateR { font-size: 0.9em; color: #333333; text-align: right; width: 100px; float: right; padding: 0px 10px 0px 0px; }
.drillDivGraph1 { float: left; padding: 0px; }
.drillQgraph { float: left; padding: 0px; }
.drilltool1 { background: #0f4155; color: #ffffff; font-size: 0.85em; padding: 4px 12px 4px 12px; display: none; position: absolute; z-index: 99; top: -70px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.drilltoolx { background: #0f4155; color: #ffffff; font-size: 0.85em; padding: 4px 12px 4px 12px; display: none; position: absolute; z-index: 99; top: -58px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.drillCaptions { float:left; display: none; margin: -6px 0px 0px -3px; padding: 0px; font-size:10px; color: #333333; line-height: 14px; }

.drillce2Ons:hover { color: #333333; }
.drillce2Offs:hover { color: #333333; }

/* *************************************** */

.genHeadText { color: #333333; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0.05em; }


.alertHead { width: 100%; height: 42px; background-color: #f8f8f8; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; padding: 5px 0px 0px 0px; margin: 10px 0px 0px 0px;}
.alertImg { width: 48px; float: left; }
.alertHeadText { float: left; color: #000000; font-size: 1.1em; min-height: 36px; width: 450px; padding: 5px 0px 0px 0px; text-transform: uppercase; letter-spacing: 0.05em;}
.alertBack { padding: 0px; background-color: #f8f8f8; }
.alertBlock { overflow: auto; border-collapse: collapse; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; }
.alertClear { clear: both; margin-left: 15px; }
.alertClearNone { clear: both; margin-left: 15px; display: none; }
.alertInfoPad { padding: 10px 0px 10px 10px; }
.alertNotes { float: left;  cursor: pointer; width: 110px; padding: 10px 0px 0px 0px; color: #333333; font-size: 1em; font-weight: normal; text-transform: uppercase; }
 
.alertResolved { color: #333333; display: none; padding: 5px; font-weight: bold; font-size: 1em; text-transform: uppercase; }
.alertBox { clear: both; width: 420px; height: 36px; padding-top: 3px; }
.alertTypeHead { float:left; color: #111111; font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; padding: 5px 0px 0px 10px; }
.alertTypeHead2 { float:left; color: #111111; font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; }
.alertFirstLine { float: left; color: #111111; font-size: 16px; font-weight: bold; padding: 3px 0px 3px 0px; }
.alertSecondLine { float: left; color: #111111; font-size: 16px; font-weight: normal; padding: 3px 0px 3px 30px; }
.alertDelayed { clear: both; width: 550px; color: #333333; font-size: 1em; padding: 10px 0px 3px 0px; }
.alertDetails { clear: both; width: 550px; color: #333333; font-size: 1em; padding: 10px 0px 3px 0px; }
.alertQuestion { clear: both; width: 470px; color: #535353; font-size: 1em; padding: 8px 0px 3px 15px; }

.alertNoteText { color: #535353; font-size: 1em; width: 400px; font-weight: normal; margin: 10px 10px 10px 0px; padding: 10px; text-transform: none; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.alertNotesBox { clear: both; padding-top: 10px; color: #333333; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.alertLine { clear: both; height:5px; border-bottom: 1px solid #cccccc; }
.alertNoteButton { float: left; color: #333333; font-size: 1em; font-weight: bold; padding: 0px 0px 5px 0px; text-transform: uppercase; }
.alertNoteInput { margin: 0px 0px 0px 72px; width: 520px;}
.alertTextBox { width: 505px; height:50px; overflow: auto; } 
.alertSection { clear: both; overflow: auto; width: 585px; padding: 0px 0px 5px 0px; margin: 0px 0px 8px -15px; border-collapse: collapse; border-bottom: 1px solid #cccccc; }
.alertSection2 { clear: both; overflow: auto; width: 585px; padding: 0px 0px 5px 0px; margin: 0px 0px 8px -15px; border-bottom: 1px solid #cccccc; border-collapse: collapse; }


.headline1 { height: 50px; }
.headlineImg { float: left; margin-left: 0px; padding: 1px; background-color: none; border: 0px; border-radius: 4px; }
.headlineTxt1 { float: left; padding: 18px 12px 0px 12px; font-size: 16px; font-weight: bold;  color: #333333; }
.headlineTxt2 { float: left; font-style: italic; padding: 18px 0px 0px 12px; font-size: 16px; font-weight: bold; color: #333333;  }
.headlineTxt3 { float: left; padding: 18px 12px 0px 12px; font-size: 16px; font-weight: bold; color: #333333; }
.headlineRight { float: right; padding: 5px 0px 0px 0px; font-size: 1.1em; color: #333333; line-height: 150%; }
.headlineSpacer { float: left; height: 28px; width: 3px; margin-top: 10px; border-left: 1px solid #333333; }
.headlineTxt1c { float: left; display: flex; justify-content: center; align-items: center; height: 50px; line-height: 120%; padding: 0px 0px 0px 12px; font-size: 16px; color: #333333; max-width:370px; }
.headlineTxt2c { float: left; display: flex; justify-content: center; align-items: center; height: 50px; line-height: 120%; font-style: italic; padding: 0px 0px 0px 12px; font-size: 16px; color: #333333; max-width: 560px; }
.headlineSpacerc { float: left; display: flex; justify-content: center; align-items: center; height: 28px; width: 3px; margin: 10px 0px 0px 10px; border-left: 1px solid #333333; }


.headline2 { height: 50px; }
.headline1a { height: 52px; }
.headlineTxt1a { clear: both; padding: 8px 0px 5px 12px; font-size: 16px; color: #333333; max-width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.headlineTxt2a { clear: both; font-style: italic; padding: 4px 0px 0px 12px; font-size: 1.25em; color: #333333; }


.headline4a {overflow: auto; }
.headline4b { float: left; width: 90%; padding: 10px 0px 10px 10px; font-size: 16px; color: #535353; line-height: 120%; }

.headline5 { overflow: hidden; clear: both; margin: 0px; padding: 0px; }
.headlineTxt5 { float: left; padding: 20px; font-size: 16px; font-weight: bold; color: #535353; font-family: noto_sansregular;  }
.headlineRight5 { float: right; padding: 5px 20px 0px 0px; font-size: 14px; color: #535353; line-height: 120%; }

.headline6 { overflow: hidden; clear: both; margin: 0px; padding: 0px; border-bottom: 1px solid #eeeeee; }
.headlineTxt6 { float: left; padding: 10px; font-size: 16px; color: #333333; letter-spacing: 0.15em; line-height: 120%; max-width: 75%; text-transform: uppercase; }
.headlineRight6 { float: right; padding: 5px 0px 0px 0px; font-size: 1em; color: #333333; line-height: 120%; }

.firstLastArrow { float: left; width: 21px; margin: 6px 10px 0px 0px; }
.firstLastText { color: #333333; font-size: 0.9em; font-weight: normal; float: left; margin: 15px 20px 0px 0px; }

.clickImage { cursor: pointer; padding-top: 5px;  }

.spacerx {overflow: auto; clear: both; }
.spacerLine {overflow: auto; clear: both; height: 1px; border-top: 1px solid #cccccc; }
.spacerLine2 {overflow: auto; clear: both; height: 2px; border-top: 2px solid #0f4155; }

.chartToolTip { position: relative; z-index: 200; text-align: center; font-size: 1em; color: #535353; background-color:#ffffdd; padding:10px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.chartToolTip2 { font-size: 1em; color: #535353; background-color:#ffffdd; padding:10px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}

.muaSpacer { clear: both; border-top: 1px solid #aaaaaa; height: 2px; margin-top: 8px; } 
.contentHeadImg { float: left; }
.contentHeadText { float: left; text-align: center; width: 190px; color: #666666; font-size: 1.1em; padding: 2px 0px 0px 0px; text-transform: uppercase; letter-spacing: 0.04em;}
.contentHeadText2 { color: #666666; font-size: 1.1em; padding: 1px 0px 0px 0px; text-transform: uppercase; letter-spacing: 0.04em;}
.contentHeadImg2 { float: right;  cursor: pointer; }
.contentImg { float: left; padding: 4px 0px 4px 0px;  cursor: pointer; }
.contentImage { float: left; padding: 4px 0px 4px 0px; width: 30px;  cursor: pointer; }
.contentLine { color: 333333; width: 220px; float: left; font-size: 0.85em; height: 2.8em; overflow: hidden; padding: 4px 5px 0px 10px; }
.contentLine2 { color: 333333; font-size: 0.90em; overflow: hidden; padding: 6px 5px 0px 10px; margin-bottom: 5px; }
.orgInfoLeft { float: left; padding-left: 15px; font-size: 1.05em; color: #333333; line-height: 170%; }
.orgInfoLeft a { text-decoration: none; color: #288791; }
.orgInfoLeft a:hover { text-decoration: underline; color: #288791; }
.orgInfoRight{ float: right; font-size: 1.05em; color: #333333; padding-left: 40px; padding-right: 15px; line-height: 170%; }
.orgInfoRight a { text-decoration: none; color: #288791; }
.orgInfoRight a:hover { text-decoration: underline; color: #288791; }

.actlog1 { font-size: 1.05em; color: #333333; padding: 0px 10px 5px 10px; }
.actlog2{ font-size: 1.0em; color: #666666; padding: 0px 10px 10px 10px; line-height: 140%; }

.tier2dimm { color: #a1a1a1; font-style: italic; }


.tablePlain, .tableSmallPlain { 
 border-radius: 0px;  box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0;
}
.tablePlain td, .tablePlain a {padding-right: 12px; font-size: 12px !important; } 

.tablePlain2 { border-collapse:collapse; font-size: 12px !important; border: 0px; box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; }
.tablePlain2 th {border:none !important; } 
.tablePlain2 td {font-size:12px !important; border:none !important; padding: 1px 15px 1px 0px !important; } 

.tablePlain4 { 
 border-radius: 0px; box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0;
 border-spacing: 0px; padding:0px; border:0px; 
}


.tdr1 { padding-top:10px !important; background-color: #f0f0f0; border-collapse:collapse; border-spacing: 0px; border: 1px solid #d1d1d1; font-size: 12px; font-weight: bold; height: 28px; }
.tdrx { padding-top:10px !important; background-color: #ffffff; border-collapse:collapse; border-spacing: 0px; border: 1px solid #d1d1d1; font-size: 12px; font-weight: normal; }
.tdrw { padding-top:10px !important; background-color: #ffffff; border-collapse:collapse; border-spacing: 0px; border: 0px; font-size: 12px; font-weight: normal; }

.tdright {text-align: right; vertical-align: top; } 

.tableSmallPlain td {padding-right: 12px; font-size: 12px important!; color: #333333; line-height: 130%; font-weight: normal; text; text-transform: none; vertical-align: top; } 

.mapPopup { color: #535353; text-transform: uppercase; font-weight: bold; font-size: 12px !important; }
.mapPopup2 { color: #333333; text-transform: uppercase; font-size: 12px !important; font-weight: normal;}
 
.plist { margin-bottom:6px; }
 
 
.listChead {color: #333333; font-weight: bold; background-color: #f6f8f8; white-space: nowrap; line-height: 140%; padding: 7px 8px 7px 8px; font-size: 13px; border: 1px solid #d7d9dc; text-transform: none;} 
.listChead a {text-decoration: none; color: #333333; }
.listChead a:hover {text-decoration: none; color: #288791; }
.listChead tr:last-child td:first-child {border-radius: 0 0 0 4px;}
.listChead tr:last-child td:last-child {border-radius: 0 0 4px 0;}

.listThead {color: #333333; font-weight: bold; background-color: #f6f8f8; white-space: nowrap; line-height: 33px; padding: 7px 8px 7px 8px; font-size: 13px; border: 1px solid #d7d9dc; text-transform: none;} 
.listTheadFixed {position: sticky; top: 0; z-index: 999; color: #111111; font-weight: bold; background-color: #f6f8f8; white-space: nowrap; line-height: 33px; padding: 7px 8px 7px 8px; font-size: 13px; border-right: 1px solid #d7d9dc; border-left: 1px solid #d7d9dc; border-bottom: 1px solid #d7d9dc; text-transform: none;}  


.listCtext {color: #111111; font-weight: bold; font-size: 13px !important; cursor: pointer; vertical-align:top;} 
.listCtext3 {color: #111111; font-weight: bold; font-size: 13px !important; cursor: pointer; display:flex; text-align:left; justify-content:flex-start; }
.listCtext3R {color: #111111; font-weight: bold; font-size: 13px !important; cursor: pointer; display:flex; justify-content:flex-end;}
.listCtext4 {color: #111111; font-weight: bold; font-size: 13px !important; display:flex; margin-top:-1px; } 
.listCtext4R {color: #111111; font-weight: bold; font-size: 13px !important; text-align:right; margin-top:-1px;} 
.listCtext:hover, .listCtext3:hover, .listCtext3R:hover {text-decoration: none; color: #0f4155; }
.listCtext3RT {color: #111111; font-weight: bold; font-size: 13px !important; cursor: pointer; text-align:right;}
.listCtext4RT {color: #111111; font-weight: bold; font-size: 13px !important; text-align:right; margin-top:-1px;} 
.listChead2 {color: #333333; font-weight: bold; text-align: center; background-color: #f6f8f8; padding: 7px 8px 7px 8px; font-size: 13px;; border: 1px solid #d7d9dc; text-transform: none;} 
.listChead2 tr:last-child td:first-child {border-radius: 0 0 0 4px;}
.listChead2 tr:last-child td:last-child {border-radius: 0 0 4px 0;}
.listChead2 {color: #333333; font-weight: bold; text-align: center; background-color: #f6f8f8; padding: 7px 8px 7px 8px; font-size: 13px;; border: 1px solid #d7d9dc; text-transform: none;} 

.listChead3 {color: #333333; text-align: center; background-color: #f6f8f8; margin: 0px; padding: 2px !important; border: 1px solid #d7d9dc; } 

.listCtable td {padding: 7px 8px 7px 8px; font-size: 13px; border: 1px solid #d7d9dc; } /* e7e9ec */
.listCtable a {text-decoration: none; color: #288791; } 
.listCtable a:hover {text-decoration: underline; color: #288791; } 
.listCtable tr:last-child td:first-child {border-radius: 0 0 0 4px;}
.listCtable tr:last-child td:last-child {border-radius: 0 0 4px 0;}

.listGtable td { padding: 7px 8px 7px 8px; font-size: 13px;; border: 1px solid #d7d9dc; } /* e7e9ec */
.listGtable a { text-decoration: none; color: #288791; } 
.listGtable a:hover { text-decoration: underline; color: #288791; } 

.listEtable { padding: 5px 10px 5px 5px; font-size: 13px;; color: #333333; border: 0px; line-height: 130%; border-collapse: collapse; } 
.listEUtable { padding: 5px 10px 5px 5px; font-size: 13px;; vertical-align: top; white-space: nowrap; text-align: right; color: #333333; border: 0px; line-height: 130%; border-collapse: collapse; text-transform: uppercase } 
.listEHtable { padding: 10px 10px 10px 5px; font-size: 13px; color: #333333; border: 0px; line-height: 130%; border-collapse: collapse; text-transform: uppercase } 

.rowOdd {background-color: #ffffff; line-height: 135%; vertical-align: top; }
.rowEven {background-color: #f6f8f8; line-height: 135%; vertical-align: top;}
.rowTrans {background-color: transparent; line-height: 135%; vertical-align: top;}


.moveBarOuter { clear: both; height: 35px; padding: 10px 0; margin: 0px 0px 0px 0px; background-color: #fff; border: 0px solid #9fb3bb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); }
.moveBarLeft { float: left; margin: 8px 0px 0px 15px; text-decoration: none; font-style: normal; font-size: 1em; color: #333333; }
.moveBarLeft a { text-decoration: none; color: #333333; }
.moveBarRight { float: right; margin: 5px 15px 0px 0px; text-align: right; font-style: normal; font-size: 1em; color: #333333; }


.tabsel1 { float: left; margin-left: -1px; padding: 9px; color: 333333; font-size: 1em; background-color: #ffffff; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; border-top-right-radius: 7px; border-top-left-radius: 7px; } 
.tabsel { float: left; margin: 0px; padding: 9px; color: 333333; font-size: 1em; background-color: #ffffff; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; border-top-right-radius: 7px; border-top-left-radius: 7px; } 
.tabunsel{ cursor: pointer;  float: left; margin: 0px; padding: 9px; color: 333333; font-size: 1em; background-color: #f6f6f6; border: 1px solid #d1d1d1; border-top-right-radius: 7px; border-top-left-radius: 7px; }
.tabunsel:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.tabgreyed { float: left; margin: 0px; padding: 9px; color: #c0c0c0; font-size: 1em; background-color: #f6f6f6; border: 1px solid #d1d1d1; border-top-right-radius: 7px; border-top-left-radius: 7px; }
.tabbox { overflow: hidden; clear: both; margin: 0px 10px 0px 0px; padding: 10px; color: 333333; font-size: 13px; background-color: #ffffff; }
.tabbox1 { overflow: hidden; clear: both; margin: 0px 0px 0px 0px; padding: 10px; color: 333333; font-size: 13px; background-color: #ffffff; }


.tabsel1icon { float: left; margin-left: -1px; padding: 6px 9px 7px 9px; color: 333333; font-size: 1em; background-color: #ffffff; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; border-top-right-radius: 7px; border-top-left-radius: 7px; } 
.tabselicon { float: left; margin: 0px; padding: 6px 9px 7px 9px; color: 333333; font-size: 1em; background-color: #ffffff; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; border-top-right-radius: 7px; border-top-left-radius: 7px; } 
.tabunselicon{ cursor: pointer;  float: left; margin: 0px; padding: 6px 9px 7px 9px; color: 333333; font-size: 1em; background-color: #f6f6f6; border: 1px solid #d1d1d1; border-top-right-radius: 7px; border-top-left-radius: 7px; }
.tabunselicon:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.tabgreyedicon { float: left; margin: 0px; padding: 6px 9px 7px 9px; color: #c0c0c0; font-size: 1em; background-color: #f6f6f6; border: 1px solid #d1d1d1; border-top-right-radius: 7px; border-top-left-radius: 7px; }



.boxDiv { overflow: visible; clear: both; margin: 0px 0px 10px 0px; padding: 10px; color: 333333; font-size: 13px; background-color: #ffffff; border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12)}
.boxDivVis { overflow: visible; clear: both; margin: 0px 20px 10px 0px; padding: 10px; color: 333333; font-size: 13px; }

.boxDivC { clear: both; margin: 0px 0px 15px 0px; padding: 15px; color: 333333; font-size: 12px; background-color: #ffffff; border: 1px solid #777777; border-radius: 4px; }


.iframeBorder { padding: 50px; background-color: #ffffff; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12)}

.boxDiv2 { overflow: visible; clear: both; margin: 0px 0px 10px 0px; padding: 10px; color: 333333; font-size: 13px; border: 0px; }
.boxDiv3 { overflow: visible; clear: both; margin: 0px 0px 10px 0px; padding: 0px; background-color: #ffffff; border: 2px solid #e7e9ec; border-radius: 12px; }

.commandLine, .commandLineA { margin: 1px 15px 15px 0px; padding: 0px; }
.commandLineN { margin: 1px 0px 15px 0px; padding: 0px; }

.valCircle { float: left; font-size: 11px; color: #ffffff; padding-top:4px; height: 20px; width: 24px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; } 

.stdButtonGrey {float: left; margin: 8px 0px 8px 15px; padding: 10px 10px 10px 10px; min-width: 50px; font-size: 13px; color: #717171; text-decoration: none; font-weight: normal; background-color: #d1d1d1; text-align: center; border: 0px; border-radius: 4px; }

.stdButton {float: left; margin: 8px 0px 8px 15px; padding: 10px 10px 10px 10px; min-width: 50px; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: normal; cursor: pointer; background-color: #0f4155; text-align: center; border: 0px; border-radius: 4px; }
.stdButton:hover { color: #ffffff; background-color: #3f6777; text-decoration: none; }

.stdButtonInv {float: left; margin: 8px 0px 8px 15px; padding: 10px 10px 10px 10px; font-size: 13x; color: #ffffff; text-decoration: none; font-weight: normal; cursor: pointer; background-color: #6f8d99; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.stdButtonInv:hover { color: #ffffff; background-color: #3f6777; text-decoration: none; }

.fileButton {float: left; margin: 8px 0px 8px 15px; padding: 5px 10px 5px 10px; font-size: 12px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; background-color: #0f4155; text-align: center; border: 0px; border-radius: 4px; }
.fileButton:hover { color: #ffffff; background-color: #3f6777; text-decoration: none; }

.smallButton {float: left; margin: 1px 10px 1px 0px; padding: 3px 10px 3px 10px; font-size: 12px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; background-color: #0f4155; text-align: center; border: 0px; border-radius: 4px; }
.smallButton:hover { color: #ffffff; background-color: #3f6777; text-decoration: none; }

.smallButton1 { margin: 0px; padding: 1px 5px 1px 5px; font-size: 10px; color: #ffffff; text-decoration: none; font-weight: normal; cursor: pointer; background-color: #0f4155 text-align: center; border: 0px; border-radius: 4px; }
.smallButton1:hover { color: #ffffff; background-color: #3f6777; text-decoration: none; }



.fileUpButton { margin-top: -2px; padding: 2px 8px 2px 8px; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: normal; cursor: pointer; background-color: #0f4155; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.fileUpButton:hover { color: #333333; background-color: #3f6777; text-decoration: none; }
.fileUpButtong { margin-top: -2px; padding: 2px 8px 2px 8px; font-size: 1em; color: #999999; font-weight: normal; background-color: #cccccc; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}


.muaButton {float: left; margin: 1px 0px 10px 10px; padding: 5px 10px 5px 10px; font-size: 13px; font-weight: bold; color: #333333; text-decoration: none; cursor: pointer; background-color: #ffffff; text-align: center; border:2px solid #0f4155; border-radius: 4px; }
.muaButton:hover { color: #ffffff; background-color: #0f4155; text-decoration: none; }
.muaButtonGrey {float: left; margin: 1px 0px 10px 10px; padding: 5px 10px 5px 10px; font-size: 13px; color: #939393; font-weight: normal; text-decoration: none; background-color: #dddddd; text-align: center; border: 0px; border-radius: 4px; }

.muaButtonSelected {float: left; margin: 1px 0px 10px 10px; padding: 5px 10px 5px 10px; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; background-color: #0f4155; text-align: center; border:2px solid #0f4155; border-radius: 4px; }
.muaButtonSelected:hover { text-decoration: none; }

.muaButton2 {float: left; margin: 1px 0px 10px 10px; padding: 3px 10px 3px 10px; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: normal; cursor: pointer; background-color: #0f4155; text-align: center; border: 0px; border-radius: 4px; }
.muaButton2:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.muaButtonSelected2 {float: left; margin: 1px 0px 10px 10px;; padding:3px 10px 3px 10px; border:0px solid #00fffc; font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; background-color: #288791; text-align: center;  border-radius: 4px; }
.muaButtonSelected2:hover { color: #ffffff; background-color: #0f4155; text-decoration: none; }

.muaButtonGrey2 {float: left; margin: 1px 0px 10px 10px; padding: 3px 10px 3px 10px; font-size: 13px; color: #ffffff; font-weight: normal; cursor: pointer; text-decoration: none; background-color: #919191; text-align: center; border: 0px; border-radius: 4px;}
.muaButtonGrey2:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.taskMove {float: left; height: 20px; margin: 1px 0px 1px 4px; padding: 2px 6px 2px 6px; font-size: 12px; color: #333333; text-decoration: none; font-weight: normal; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 4px; }
.taskMove:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.taskSpan {float: left; height: 20px; min-width: 43px; margin: 1px 0px 1px 3px; padding: 4px 6px 0px 6px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #eeeeee; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.taskSpan:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.taskSpanGreyed {float: left; height: 21px; min-width: 43px; margin: 1px 0px 1px 3px; padding: 3px 6px 0px 6px; font-size: 0.85em; color: #acacac; text-decoration: none; font-weight: bold; background-color: #eeeeee; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}

.taskSpanSel {float: left; height: 20px; min-width: 43px; margin: 1px 0px 1px 3px; padding: 4px 6px 0px 6px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.taskSpanSel:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.optionHeadline { font-size: 17px; color: #000000; font-weight: normal; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 15px; padding: 0px 0px 8px 0px; width: 100%;  }
.optionHeadlineA { font-size: 15px; color: #000000; font-weight: normal; text-transform: uppercase; margin-bottom: 15px; padding: 0px 0px 8px 0px; width: 100%;  }

.optionButton {float: left; margin: 1px 0px 1px 15px; width: 82px; padding: 3px 10px 3px 10px; font-size: 0.85em; color: #333; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.optionButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.optionButtonSelected {float: left; margin: 1px 0px 1px 15px; width: 82px; padding: 3px 10px 3px 10px; font-size: 0.85em; color: #ffffff; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #288791; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.optionButtonSelected:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.optionButtonGrey {float: left; margin: 1px 0px 1px 20px; width: 70px; padding: 3px 10px 3px 10px; font-size: 0.85em; color: #939393; text-decoration: none; font-weight: bold; background-color: #dddddd; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}

.dashButton {float: left; margin: 1px 0px 10px 0px; padding: 7px 6px 7px 6px; font-size: 0.85em; color: #333; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-right: 1px solid #539fa7; border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px;}
.dashButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.dashButtonSelected {float: left; margin: 1px 0px 10px 0px; padding: 7px 7px 7px 7px; font-size: 0.85em; color: #ffffff; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #288791; text-align: center; border: 0px; border-right: 1px solid #ffffff; border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px;}
.dashButtonSelected:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.dashButtona {float: left; margin: 1px 10px 10px 0px; padding: 7px; font-size: 0.85em; color: #333; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; }
.dashButtona:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.dashButtonaSelected {float: left; margin: 1px 10px 10px 0px; padding: 7px 6px 7px 6px; font-size: 0.85em; color: #ffffff; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #288791; text-align: center; border: 0px; border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; }
.dashButtonaSelected:hover { color: #ffffff; background-color: #086771; text-decoration: none; }

.dashdiv { position: absolute; z-index: 39; display: none; overflow-y: auto; max-height: 400px; left: 10px; top: 31px; width: 200px; background: #0f4155; border-top: 1px solid #ffffff; } 
.dashfont { border-bottom: 1px solid #ffffff; font-size: 0.95em; color: #ffffff; padding: 8px 0px 8px 10px;  cursor: pointer;}
.dashfontSel { border-bottom: 1px solid #ffffff; font-size: 0.95em; background: #288791; color: #ffffff; padding: 8px 0px 8px 10px; }
.dashfont a, .dashfont a:hover { color: #ffffff; text-decoration: none; } 
.dashfontSel a, .dashfontSel a:hover { color: #ffffff; text-decoration: none; } 

.dashdivG { position: absolute; z-index: 39; display: none; overflow-y: auto; max-height: 400px; left: 10px; top: 31px; margin:5px 0px 0px -240px; width:350px; background: #0f4155; border-top: 1px solid #ffffff; } 
.dashfontG { border-bottom: 1px solid #ffffff; font-size: 0.90em; color: #ffffff; padding: 8px 10px 8px 10px; text-align:right;   cursor: pointer;}
.dashfontSelG { border-bottom: 1px solid #ffffff; font-size: 0.90em; background: #288791; color: #ffffff; padding: 8px 10px 8px 10px;  text-align:right;  }
.dashfontG a, .dashfont a:hover { color: #ffffff; text-decoration: none; } 
.dashfontSelG a, .dashfontSel a:hover { color: #ffffff; text-decoration: none; } 



.addTaskButton { float: left; height:17px; margin: 0px; padding: 2px 5px 0px 7px; font-size: 0.8em; color: #333; text-decoration: none; font-weight: normal;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-right: 1px solid #6f8d99; border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px;}
.addTaskButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.addTaskButtona {float: left; height:18px;  margin: 0px; padding: 1px 6px 0px 4px; text-decoration: none;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; }
.addTaskButtona:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.addTaskButtonb { float: left; height:17px; margin: 0px; padding: 2px 7px 0px 7px; font-size: 0.8em; color: #333; text-decoration: none; font-weight: normal;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.addTaskButtonb:hover { color: #ffffff; background-color: #288791; text-decoration: none; }


.addTaskdiv { position: absolute; left: 5px; top: 19px; width:125px;  background: #0f4155; border-top: 1px solid #ffffff; } 
.addTaskfont { border-bottom: 1px solid #ffffff; font-size: 0.8em; color: #ffffff; padding: 6px 0px 6px 10px;  cursor: pointer;}
.addTaskfont a, .addTaskfont a:hover { color: #ffffff; text-decoration: none; } 
.


.smallGreyButton {float: left; margin: 1px 0px 1px 0px; padding: 2px 10px 2px 10px; font-size: 0.85em; color: #333; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #d1d1d1; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}

.imgButton1 {  cursor: pointer; background-color: #ffffff;}
.imgButton1:hover { background-color: #b7e1d5; text-decoration: none; }

 
.imgButton2 { padding:2px;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.imgButton2:hover { background-color: #288791; text-decoration: none; }


.cmdButton {float: left; margin: 5px 0px 5px 15px; padding: 6px 10px 2px 4px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdButton:hover {color: #ffffff; background-color: #288791; text-decoration: none; }
.cmdImg { border: 0px; height: 24px; width: 24px; vertical-align: middle; padding: 0px 7px 4px 3px; }

.cmdButtonSelected {float: left; margin: 5px 0px 5px 15px; padding: 6px 10px 2px 4px; font-size: 0.85em; color: #ffffff; text-decoration: none; font-weight: bold;  cursor: pointer; background-color:#288791; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdButtonSelected:hover {color: #ffffff; background-color: #a9cfd3; text-decoration: none; }

.cmdButtonGreyed {float: left; margin: 5px 0px 5px 15px; padding: 6px 10px 2px 4px; font-size: 0.85em; color: #939393; text-decoration: none; font-weight: bold; background-color: #dddddd; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdButton2Greyed {float: left; margin: 5px 0px 5px 15px; padding: 6px 10px 4px 4px; font-size: 0.85em; color: #939393; text-decoration: none; font-weight: bold; background-color: #dddddd; text-align: center; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdButton3Greyed {float: left; margin: -2px 0px 0px 0px; padding: 2px 2px 0px 3px; background-color: #dddddd; text-align: center; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}


.cmdButtonSmall {float: left; margin: 1px 0px 2px 15px; padding: 5px 10px 4px 2px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdButtonSmall:hover {color: #ffffff; background-color: #288791; text-decoration: none; }
.cmdImgSmall { border: 0px; height: 18px; width: 18px; vertical-align: middle; padding: 0px 4px 0px 3px; }
.cmdImgSmall16 { border: 0px; height: 16px; width: 16px; vertical-align: middle; padding: 0px 6px 0px 5px; }

.cmdButtonGreySmall {float: left; margin: 2px 0px 2px 15px; padding: 4px 10px 3px 2px; font-size: 0.85em; color: #939393; text-decoration: none; font-weight: bold;  cursor: pointer; background-color: #dddddd; text-align: center; border: 0px solid #999999; border-radius: 4px; }

.cmdYellowButton { padding: 6px 10px 5px 10px; font-size: 13px; color: #000000; margin: 5px 0px 5px 0px; text-decoration: none; font-weight: normal; cursor: pointer; background-color: #fcb123; text-align: center; border: 0px; border-radius: 4px; }
.cmdYellowButton:hover {color: #000000; background-color: #fdbe27; text-decoration: none; }



.cmdIcon {
float: left; margin: 5px 5px 5px 15px; padding: 6px 16px 6px 6px; font-size: 0.9em; color: #333333; text-decoration: none; font-weight: bold;
 cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.cmdIcon a {text-decoration: none; color: #ffffff; }
.cmdIcon:hover { color: #fff8f0; background-color: #288791; text-decoration: none; }

.imageButton { padding: 4px 4px 8px 4px; border: 0px; background-color: #a9cfd3; text-decoration: none; border: 0px solid #999999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.imageButton a { text-decoration: none; }
.imageButton:hover { text-decoration: none; background-color: #288791; }

.imageButton2 { padding: 2px 4px 6px 4px; border: 0px; background-color: #a9cfd3; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.imageButton3 { padding: 1px 3px 4px 4px; border: 0px; background-color: #a9cfd3; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.imageButton2 a, .imageButton3 a { text-decoration: none; }
.imageButton2:hover, .imageButton3:hover { text-decoration: none; background-color: #288791; }


.imageButton3Y { padding: 1px 3px 4px 4px; border: 0px; background-color: #fdd07b; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.imageButton3Y a { text-decoration: none; }
.imageButton3Y:hover { text-decoration: none; background-color: #fcb123; }



.mapBox { border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); }

.clearFilter { float: right; overflow: auto; padding: 5px 15px 0px 0px; cursor: pointer;  font-size: 1em; text-decoration: none; color: #288791; font-weight: normal; }
.clearFilter:hover { color: #0f4155; }


.readOnlyWarn {
clear: both;
background-color: #ffffff; text-decoration: none; font-style: bold; font-size: 1.1em; color: #fcb123; text-transform: uppercase; letter-spacing: 0.05em;
padding: 10px 0px 10px 15px; margin: 10px 0px 0px 0px; border: 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}

.OKboxStyle {
float: left; overflow: auto;
text-decoration: none; font-style: bold; font-size: 14px; color: #ffffff; background-color:#539fa7; border-radius:4px; text-align: center; margin: 0px 10px 0px 15px; padding:7px 10px 7px 10px; 
}

.OKboxStyleSmall {
float: left; overflow: auto;
background-color: #ffffff; text-decoration: none; font-weight: bold; font-size: 1em; color: #47af79; text-align: center;
margin: 5px 10px 0px 0px; padding: 2px 10px 4px 10px; border: 0px; border-radius: 5px; 
}

.errBoxStyle {
clear: both; background-color: #fcb123; color: #f000000; margin:0px 15px 20px 15px; text-decoration: none; font-weight: bold; font-size: 15px; text-align: left; line-height: 140%;
padding: 8px; border: 0px; border-radius: 4px;  
}


.hideInput { width: 0.1px;	height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }


.warningInfo {
clear: both; overflow: auto;
background-color: #ddbc04; text-decoration: none; font-style: bold; font-size: 1em; color: #ffffff; text-align: left; line-height: 120%;
margin: 10px 0px 0px 0px; padding: 8px; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); 
}

.tierInfo {
clear: both; overflow: auto; text-transform: uppercase; letter-spacing: 0.05em;
background-color: #ffffff; text-decoration: none; font-style: bold; font-size: 1.25em; color: #333333; text-align: left; line-height: 120%;
margin: 10px 0px 1px 0px; padding: 15px; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); 
}

.tierInfoDetail {
clear: both; overflow: auto; 
background-color: #ffffff; text-decoration: none; font-style: bold; font-size: 0.95em; color: #333333; text-align: left; line-height: 130%;
margin: 1px 0px 0px 0px; padding: 2px 10px 2px 10px; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); 
}


.singleFieldBox { margin-right: 0px; }
.fieldColumnStart { margin-left:12px; float: left;}
.nextFieldColumn { float: left; width: 20px; } 
.fieldBox { clear: both; overflow: hidden; border: 0px solid #6f8d99; background-color: #ffffff; padding: 0px 0px 5px 0px; margin: 10px 0px 0px 0px; border-collapse: collapse; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); }
.fieldBox3 { clear: both; overflow: visible; border: 0px solid #6f8d99; background-color: #ffffff; padding: 0px 0px 5px 0px; margin: 10px 0px 0px 0px; border-collapse: collapse; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); }
.fieldBoxHeader {color: #666666; font-size: 1.4em; background-color: #f6f6f6; margin: 0px 0px 15px 0px; padding: 18px; border-bottom: 1px solid #e7e9ec; text-transform: uppercase; letter-spacing: 0.1em; overflow: hidden;}
.fieldBoxHeader2 {color: #333333; font-size: 1.4em; background-color: #f0f0f0; margin: 0px 0px 15px 0px; padding: 18px; border: 0px; text-transform: uppercase; letter-spacing: 0.1em; overflow: hidden;}

.fieldBoxA { clear: both; overflow: auto; background-color: #ffffff; margin: 0px; padding: 0px; border-radius: 4px 4px 0px 0px; }
.fieldBoxB { clear: both; width: 100%; border-bottom: 1px solid #e7e9ec; overflow: auto; background-color: #f6f6f6; border-radius: 4px; }
.fieldBoxC { float: left; color: #333333; padding: 20px 0px 20px 15px; font-size: 17px; text-transform: uppercase; letter-spacing: 0.1em; }
.fieldBoxD { float: right; color: #333333; padding: 20px 15px 0px 0px; font-size: 13px; }
.fieldBoxE { clear: both; padding: 0px 15px 15px 15px; }


.multiLabelSelect { font-size: 13px; color: #222222; padding: 0px 0px 10px 0px; font-weight: bold; } 
.multiLabelSelectGrey { font-size: 13px; color: #999999; padding: 0px 0px 10px 0px; font-weight: bold; } 
.multiLabelSmallSelect { font-size: 13px; color: #222222; padding: 0px 0px 10px 0px; font-weight: bold; } 
.multiLabelSmallSelectGrey { font-size: 13px; color: #c3c3c3; padding: 0px 0px 10px 0px; font-weight: bold; } 
.multiSelect, 
.multiSelect2,
.multiSelect3 { clear: right; float: left; height: 17px; font-size: 12px; color: #333333; max-width: 214px; padding: 5px 0px 0px 6px; line-height: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.multiSelectRO { font-size: 0.95em; color: #333333; max-width: 250px; padding: 0px 0px 3px 0px; } 
.multiChkDiv { float: left; clear: left; height: 17px; }
.multiWidth { width: 462px; height: 2px; }

 
.chkbox { margin:0px; height: 18px !important; width: 18px !important; accent-color: #0f4155 !important; }
.chkbox2 { margin:1px 0px 0px 1px; height: 16px !important; width: 16px !important; accent-color: #0f4155 !important; }
.chkbox3 {  margin:0px; height: 20px !important; width: 20px !important; accent-color: #0f4155 !important; }
.chkbox4 { margin:6px 0px 0px 0px; height: 24px !important; width: 24px !important; accent-color: #0f4155 !important;  }
.chkboxABS1 { position:absolute; cursor:standard; width:34px; height:33px; z-index:2; top:14px; left:8px; accent-color: #0f4155 !important;}
.chkboxABS2 { position:absolute; cursor:standard; z-index:3; top:21px; left:44px; font-size:12px; accent-color: #0f4155 !important; }
.chkboxABS3 { position:absolute; cursor:pointer; padding:0px; margin:0px; width:20px; height:20px; z-index:5; top:20px; left:15px; accent-color: #0f4155 !important; }



.calImg, .calImg a, .calImg a:hover { border: 0px; cursor: pointer;  vertical-align: middle; padding-left: 8px; }

/* 1: Label + data on same line 2: Label + data on 2 lines */

.fieldPair1 { width: 462px; margin: 0px 0px 10px 0px; }
.fieldPair3 { margin: 0px 0px 5px 0px; } /* for less wide 2 column */
.fieldPair2 { margin: 0px 0px 10px 0px; } 


.fieldLabel0 { margin: 0px; padding: 0px 4px 4px 0px; font-size: 0.95em; color: #333333; }
.fieldLabel1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 160px; height: 24px; line-height: 24px; text-align: right; padding: 0px 6px 0px 10px; font-size: 1em; color: #333333; }
.fieldLabel3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 160px; height: 24px; line-height: 24px; text-align: right; padding: 0px 6px 0px 0px; font-size: 1em; color: #333333; }
.fieldLabel2 { overflow: auto; text-overflow: ellipsis; margin: 0px; padding: 0px 0px 2px 0px; font-size: 1em; color: #333333; }
.fieldLabelR { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 170px; height: 24px; line-height: 24px; text-align: right; padding: 0px 6px 0px 0px; font-size: 1em; color: #333333; }
.fieldLabelL { float: left; width: 240px; height: auto; line-height: 125%; text-align: left; margin: 2px 0px 8px 0px; padding: 3px 6px 5px 10px; font-size: 1em; color: #333333; background-color: #e7e9ec; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.fieldLabel1wide, .fieldLabel3wide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 250px; height: 24px; line-height: 24px; text-align: right; padding: 1px 6px 0px 0px; font-size: 1em; color: #333333; }
.fieldLabel2wide { overflow: auto; text-overflow: ellipsis; margin: 0px; padding: 0px 0px 2px 5px; font-size: 1em; color: #333333; }


.inputNoLayCon { float:left; height:32px; }
 
.inputNoLay {
border: 1px solid #1f4056 !important;
border-radius: 4px !important; 
padding: 6px 8px 6px 8px !important;
font-size: 14px !important;
font-family: "Noto Sans", Arial !important;
font-weight: bold !important;
color: #1f4056 !important;
outline: none !important;
cursor: pointer !important;
}
.inputNoLay:hover { outline: none !important; border: 2px solid #20738e !important; padding: 5px 7px 5px 7px !important; }
.inputNoLay:focus { outline: none !important; border: 2px solid #20738e !important; padding: 5px 7px 5px 7px !important; }

.areaNoLay, .areaNoLayRO {
border: 1px solid #1f4056 !important;
border-radius: 4px !important; 
padding: 7px 10px 7px 10px !important;
font-family: 'noto_sansregular', Arial !important;
font-size: 14px !important;
font-weight: normal !important;
line-height:19px !important;
color: #111111 !important;
outline: none !important;
cursor: pointer;
resize: vertical !important;
}
.areaNoLay:hover { outline: none !important; border: 2px solid #20738e !important; padding: 6px 9px 6px 9px !important; }
.areaNoLay:focus { outline: none !important; border: 2px solid #20738e !important; padding: 6px 9px 6px 9px !important; }

.areaNoLayRO:hover { outline: none !important; border: 2px solid #1f4056 !important; padding: 6px 9px 6px 9px !important; cursor: not-allowed !important; }
.areaNoLayRO:focus { outline: none !important; border: 2px solid #1f4056 !important; padding: 6px 9px 6px 9px !important; cursor: not-allowed !important; }

.inputNoLayLab { float:left; padding:6px 6px 0px 3px; font-size:12px; font-family: 'noto_sansregular'; color: #1f4361;  }
.inputNoLayLabBr { clear:both; margin: 0px 0px 1px 3px;  font-size:12px; font-family: 'noto_sansregular'; color: #1f4361; }

.inputNoLayRO {
float:left;
border: 1px solid #1f4056 !important;
border-radius: 4px !important; 
padding: 4px 8px 4px 8px !important;
font-size: 13px !important;
font-weight: bold !important;
color: #535353 !important;
cursor: not-allowed;
}
.inputNoLayRO:hover { border: 2px solid #111111 !important; padding: 2.5px 7px 3px 7px !important; }


.intField {  margin: 0px; padding: 2px 5px 2px 6px; vertical-align: middle;
font-size: 1em; color: #333333; background-color: #ffffff; font-weight: normal;
border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.intFieldRo {  margin: 0px; padding: 2px 5px 2px 6px; vertical-align: middle; text-align:right;
font-size: 0.9em; color: #333333; background-color: #dedede; font-weight: normal;
border: 1px solid #939393; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }


.roData { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 240px; height: 24px; line-height: 24px; padding-left: 6px; font-size: 1em; color: #777777; background-color: #fafafa; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.roData2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; padding-left: 6px; font-size: 1em; color: #777777; background-color: #fafafa; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.roData3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; padding: 0px 22px 0px 6px; font-size: 1em; color: #777777; background-color: #fafafa; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.roData9 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; padding: 0px 6px 0px 6px; font-size: 0.95em; color: #111111; }



.search { height: 24px; margin: 0px; padding: 4px 4px 4px 6px; vertical-align: middle; width: 150px; 
font-size: 15px; color: #333333; background-color: #ffffff; font-weight: normal;
border: 1px solid #111111; border-radius: 4px; }

.dataField { height: 24px; margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1em; color: #333333; background-color: #ffffff; font-weight: normal;
border: 1px solid #e7e9ec; border-radius: 3px;  }

.dataFieldGrey { height: 24px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1em; color: #c0c0c0; background-color: #ffffff; font-weight: normal;
border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.dataField2 { height: 24px; margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1em; color: #333333; background-color: #f6f6f6; font-weight: normal;
border: 1px solid #e0e2e5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.dataHead1 { height: 30px; margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1.8em; color: #333333; font-weight: bold; background-color: #ffffff; 
border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.dataHead2 { height: 26px; margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1.1em; color: #333333; font-weight: bold; background-color: #ffffff; 
border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }


.dataFieldMulti { margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1em; color: #333333; background-color: #ffffff; font-weight: normal;
border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.dataFieldMemo { margin: 0px; font-size: 1em; color: #333333; font-family: "Noto Sans", Arial; line-height: 120%; background-color: #ffffff; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.fieldLabelMemo1 { overflow: hidden; text-overflow: ellipsis; float: left; width: 170px; height: 24px; line-height: 24px; text-align: right; padding: 1px 6px 0px 0px; font-size: 1em; color: #333333; }
.fieldLabelMemo2 { overflow: hidden; text-overflow: ellipsis; margin: 0px; padding: 0px 0px 2px 5px; font-size: 1em; color: #333333 }
.dataMemo1, .dataMemo3 { width: 232px; margin: 0px; font-size: 1em; color: #333333; font-family: "Noto Sans", Arial; line-height: 120%; background-color: #ffffff; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.dataMemo2 { width: 232px; margin: 0px; font-size: 1em; color: #333333; font-family: "Noto Sans", Arial; line-height: 120%; background-color: #ffffff; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.dataRoMemo1, .dataRoMemo3 { width: 232px; margin-left: 0px; font-size: 1em; font-family: "Noto Sans", Arial; color: #333333; line-height: 120%; background-color: #f6f6f6; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.dataRoMemo2 { width: 232px; font-size: 1em; color: #333333; font-family: "Noto Sans", Arial; line-height: 120%; background-color: #f6f6f6; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.wideFieldLabelMemo { overflow: auto; text-overflow: ellipsis; margin: 0px 0px 0px 15px; padding: 0px 0px 2px 10px; font-size: 0.95em; color: #333333; }
.wideDataMemo { width: 385px; margin: 0px 15px 0px 0px; font-size: 1em; color: #333333; font-family: "Noto Sans", Arial; line-height: 120%; background-color: #ffffff; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.wideDataRoMemo { width: 385px; margin: 0px 15px 10px 15px; font-size: 1em; font-family: "Noto Sans", Arial; color: #333333; line-height: 120%; background-color: #f6f6f6; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }


.movebar { font-size: 1em; color: #0a5b7a; font-weight: normal; font-family: "Noto Sans", Arial;}
.movebar a { font-size: 1em; text-decoration: none; color: #1a9baa; font-weight: normal; font-family: "Noto Sans", Arial; }
.movebar a:hover { font-size: 1em; text-decoration: none; color: #0a5b7a; font-weight: normal; font-family: "Noto Sans", Arial;}
td.movebar { vertical-align: middle; }
tr.movebar { height: 32px; }


.blueBullet { height:16px; width: 16px; background-color: #4396ba; margin: 0px 15px 0px 0px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.redBullet { height:16px; width: 16px; background-color: #d15554; margin: 0px 15px 0px 0px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.yellowBullet { height:16px; width: 16px; background-color: #e6b327; margin: 0px 15px 0px 0px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.greenBullet { height:16px; width: 16px; background-color: #92cc5c; margin: 0px 15px 0px 0px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.greyBullet { height:16px; width: 16px; background-color: #d1d1d1; margin: 0px 15px 0px 0px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }


.greyC { color: #bebebe; }
.blueC { color: #0f4155; }

.noUser {font-size: 13px; color: #f04132; font-weight: normal; font-style: italic;} 
.normal	 { font-size: 13px; color: #111111; font-weight: normal; line-height: 130%; }
.normal2	 { font-size: 13px; color: #111111; font-weight: normal;}
.bold 	 { font-size: 13px; color: #333333; font-weight: bold }
.bold2 	 { font-size: 13px; color: #535353; font-weight: bold }
.small	 { font-size: 12px !important; color: #111111; font-weight: normal }
.smallbold 	 { font-size: 12px !important; color: #111111; font-weight: bold }
.verySmall { font-size: 10px !important; color: #111111; font-weight: normal } 
.smallGrey { font-size: 12px !important; color: #8e8e8e; font-weight: normal }
.smallGrey2 { font-size: 12px !important; color: #8e8e8e; font-weight: normal }
.smallLightGrey { font-size: 12px !important; color: #a3a3a3; font-weight: normal }
.grey { font-size: 13px;; color: #999999; font-weight: normal }
.grey3 { font-size: 12px; color: #999999; font-weight: normal }
.veryBig { font-size: 16px;; color: #333333; font-weight: normal }
.big1	 { font-size: 14px; color: #333333; font-weight: normal }
.big2	 { font-size: 16px; color: #111111; font-weight: bold }
.whiteSmall { font-size: 0.6em; color: #666666; font-weight: normal; letter-spacing: 0;}
.white2	 { font-size: 1.1em; color: #666666; font-weight: normal; background-color: none; padding: 6px 10px 6px 10px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; text-transform: uppercase; letter-spacing: 0.05em; }
.bigWhite	 { font-size: 1.4em; color: #ffffff; font-weight: normal }
.boldWhite	 { font-size: 1.2em; color: #ffffff; font-weight: bold }
.specialName { font-size: 1em; color: #666666; font-weight: normal }
.redc { color:#ff5142 }
.redOld { font-size: 14px; color: #ffffff; padding: 1px 8px 2px 8px; background: #f04132; font-weight: bold; border-radius: 3px; }
.reda1 { font-size: 13px; color: #f04132; font-weight: normal} 
.red4 { font-size: 12px; color: #f04132; font-weight: normal}
.red2 { font-size: 14px; color: #ffffff; padding: 1px 8px 2px 8px; background: #f04132; font-weight: bold; border-radius: 3px; }
.red3 { font-size: 13px; color: #ffffff; padding: 0px 5px 0px 5px; background: #f04132; font-weight: normal}
.yellow2	{ font-size: 1.1em; color: #ffffff; padding: 0px 8px 1px 6px; background: #fcb123; font-weight: bold}
.yellow3	{ font-size: 0.9em; color: #ffffff; padding: 2px 5px 2px 5px; background: #fcb123; font-weight: normal}
.yellow4	{ font-size: 1em; color: #fcb123; padding: 0px; font-weight: normal}
.yellow5	{ font-size: 0.9em; color: #111111; padding: 5px; background: #fcb123; font-weight:normal }
.boldYellow	 { font-size: 1.1em; color: #fcb123; font-weight: bold }
.xgreen	{ font-size: 1em; color: #288791; font-weight: normal}
.green2	{ font-size: 16px; color: #ffffff; padding: 6px 10px 6px 10px; background: #f0f4155; border-radius: 4px; }
.green3	{ font-size: 1em; color: #ffffff; padding: 12px; background: #87cdb9; font-weight: normal; }
.grey2	{ font-size: 16px; color: #ffffff; padding: 6px 10px 6px 10px; background: #aaaaaa; border-radius: 4px; }
.redButton { font-size: 1.1em; color: #ff5353; font-weight: bold }
.footer 	 { font-size: 1em; color: #333333; font-weight: normal }
.supportrem { font-size: 12px; color: #111111; padding-left: 26px; font-weight: normal }
.menu 	 { font-size: 1em; color: #333333; font-weight: normal }
.chartHead1 { font-size: 1em; color: #ffffff; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.chartHead2 { font-size: 1.15em; color: #333333; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}


.greenSave { font-size: 16px; color: #ffffff; padding: 6px 10px 6px 10px; margin-left: 30px; background: #539fa7; border-radius: 4px; }

a { cursor: pointer; text-decoration: none; }

.link, .link a { font-size: 13px !important; text-decoration: none; color: #1177aa; transition: color 0.2s ease; font-weight: bold; cursor: pointer; } 
.link2, .link2 a { font-size: 13px !important; text-decoration: none; color: #1177aa; transition: color 0.2s ease; font-weight: bold; cursor: pointer; } 
.link2b, .link2b a { font-size: 13px !important;  text-decoration: none; color: #1177aa; transition: color 0.2s ease; font-weight: bold; cursor: pointer; } 
.linkBig, .linkBig a { font-size: 14px !important;  text-decoration: none; color: #1177aa; transition: color 0.2s ease; font-weight: bold; cursor: pointer;  } 
.linkVbig, .linkVbig a { font-size: 15px !important;  text-decoration: none; color: #1177aa; transition: color 0.2s ease; font-weight: bold; cursor: pointer;  } 
.link:hover, .link a:hover, .link2:hover, .link2 a:hover, .link2b:hover, .link2b a:hover, .linkBig:hover, .linkBig a:hover, .linkVbig:hover, .linkVbig a:hover  { color: #11aadd !important; font-weight: bold;}

.linkRed { font-size: 13px !important;  text-decoration: none; color: #f04132 !important; transition: color 0.2s ease; font-weight: bold; cursor: pointer; } 
.linkRed:hover, .linkRed a:hover { text-decoration: none; color: #ff8833 !important; font-weight: bold;}

.reportHeadline	 { font-size: 1.8em; color: #333333; font-weight: bold; margin: 25px 0px 25px 0px; }
.reportParHeadline	 { font-size: 1.1em; color: #333333; font-weight: bold ; margin: 20px 0px 10px 15px; }
.reportText { font-size: 1em; color: #333333; font-weight: normal ; margin: 0px 0px 10px 15px; line-height: 120%; }
.reportDescription	 { font-size: 0.85em; color: #919191; font-weight: normal; font-style: italic; line-height: 120%; margin: 0px 0px 10px 15px; }
.reportEditHtml 	 { padding: 0px; margin: 0px 0px 15px 15px; }
.reportSaved		 { text-decoration: none; font-style: bold; font-size: 1em; color: #47af79; text-align: left; float: left; margin: 6px 0px 0px 15px; }


.recent1 { float:left; padding:0px 8px 0px 0px; }
.recent2 { float:left; margin:0px 0px 14px 0px; }
.recent3 { font-size:12px; margin:0px; padding:0px; width:195px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.recent4 { font-size:11px; margin:0px; padding:0px; width:195px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.xwhite a, .bigWhite a { text-decoration: none; color: #ffffff; font-weight: normal; }
.xwhite a:hover, .bigWhite a:hover { text-decoration: underline; color: #ffffff; font-weight: normal; }


.appmdiv { clear: both; max-width: 1250px; margin: 0 auto; border-bottom: 2px solid #333333; overflow: auto; } 
.appmes { float: left; text-decoration: none; font-weight: normal; width: 80%; padding: 14px; line-height: 125%; } 
.appmes a { text-decoration: underline; color: #000000; font-weight: normal; }
.appmes a:hover { text-decoration: underline; color: #535353; font-weight: normal; }

.appmesw { float: left; text-decoration: none; font-weight: normal; width: 80%; padding: 14px; line-height: 125%; } 
.appmesw a { text-decoration: underline; color: #ffffff; font-weight: normal; }
.appmesw a:hover { text-decoration: underline; color: #d1d1d1; font-weight: normal; }



/* HTML calendar */

.yearButton {  padding:4px 0px 4px 0px;  width: 44px; background-color:#9fb3bb; color:#000000;  font-size:11px; font-weight:normal;  cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.yearButton:hover { color:#ffffff; background-color:#0f4155; }
.yearButtonSel {  padding:4px 0px 4px 0px;  width: 44px; background-color:#0f4155; color:#ffffff;  font-size:11px; font-weight:normal; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.monthButton {  padding:4px 0px 4px 0px;  width: 44px; background-color:#cfe7f3; color:#000000;  font-size:11px; font-weight:bold; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.monthButton:hover { color:#ffffff; background-color:#0f4155; }
.monthButtonSel {  padding:4px 0px 4px 0px;  width: 44px;  background-color:#0f4155; color:#ffffff;  font-size:11px; font-weight:bold;  cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.dayButton {  padding:2px 0px 2px 0px; width: 32px; background-color:#cfe7f3; color:#000000;  font-size:11px; font-weight:bold; cursor:pointer; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayButton:hover { color:#ffffff; background-color:#0f4155; }
.dayButtonSel {  padding:2px 0px 2px 0px; width: 31px; background-color:#0f4155; color:#ffffff;  font-size:11px; font-weight:bold; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayButtonBlk, .dayButtonBlkSel { padding:2px 0px 2px 0px; width: 31px; background-color:#e99999; color:#777777; font-size:11px; font-weight:bold; pointer-events:none; cursor:not-allowed; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.dayWeButton { padding:2px 0px 2px 0px; width: 32px; background-color:#fee0a7; color:#000000;  font-size:11px; font-weight:bold;  cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayWeButton:hover { color:#ffffff; background-color:#0f4155; }
.dayWeButtonSel { padding:2px 0px 2px 0px; width: 32px; background-color:#0f4155; color:#ffffff;  font-size:11px; font-weight:bold;  cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayWeButtonBlk, .dayWeButtonBlkSel { padding:2px 0px 2px 0px; width: 31px; background-color:#e99999; color:#777777; font-size:11px; font-weight:bold; pointer-events:none; cursor:not-allowed; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.dayPastButton {  padding:2px 0px 2px 0px; width: 32px; background-color:#eff8ff; color:#000000;  font-size:11px; font-weight:bold; cursor:pointer; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayPastButton:hover { color:#777777; background-color:#3f6777; color:#ffffff; }
.dayPastButtonSel {  padding:2px 0px 2px 0px; width: 32px; background-color:#3f6777; color:#ffffff;  font-size:11px; font-weight:bold; cursor:pointer; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.dayWePastButton {  padding:2px 0px 2px 0px; width: 32px; background-color:#feefd3; color:#000000;  font-size:11px; font-weight:bold; cursor:pointer; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayWePastButton:hover { color:#777777; background-color:#3f6777; color:#ffffff; }
.dayWePastButtonSel { padding:2px 0px 2px 0px; width: 32px; background-color:#3f6777; color:#ffffff;  font-size:11px; font-weight:bold; cursor:pointer; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.dayDisabled, .dayDisabledSel { padding:2px 0px 2px 0px; width: 32px; background-color:#cfd9dd; color:#9fb3bb; font-size:11px; font-weight:bold; pointer-events:none; cursor:not-allowed; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.weeknr { margin-right: 7px; color:#999999;  width:19px;  font-size:11px; font-weight:bold; text-align:left; } 
.dayName { padding: 0px; color:#999999;  font-size:11px; font-weight:bold; text-align:center; } 

.calShortCut  {  padding:4px 8px 4px 8px; background-color:#a9cfd3; color:#000000;  font-size:11px; font-weight:bold;  cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.calShortCut:hover { color:#ffffff; background-color:#0f4155; }


.tableCard { border:1px solid #535353; border-radius:4px; margin:0px 10px 20px 0px; padding:10px; background-color:#ffffff; box-shadow: 1px 1px 8px -4px rgba(0,0,0,0.55); }
.tableCard2 { border:1px solid #535353; overflow-y: auto; border-radius:4px; margin:0px 0px 20px 0px; padding:10px; background-color:#ffffff; box-shadow: 1px 1px 8px -4px rgba(0,0,0,0.55); }

.flotDiv { overflow-y: visible; float:left; margin:0px; width:350px; min-height:15px; padding:4px 25px 15px 16px; }

/* Instant Tooltip Style  */
/* Add this attribute to the element that needs a tooltip:   data-tooltip="Hello"  */


[data-tooltip] {
  position: relative;
  cursor: pointer;
  font-family: 'noto_sansregular';
}
[data-tooltip]:before,
[data-tooltip]:after {
  line-height: 1;
  font-size: .9em;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
  -webkit-transform: translate(-8%, -4px);
  transform: translate(-8%, -4px);
}
[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  bottom: 85%;
  border-bottom-width: 0;
  border-top-color: #333333;
  left: 50%; 
  z-index: 1099999;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  // width: 200px;
  min-width: 70px;
  max-width: 500px;
  white-space: pre;
  // white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 11px;
  border-radius: 3px;
  background: #333333;
  color: #FFFFFF;
  bottom: calc(85% + 5px);
  left: 30%;
  z-index: 1099999;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}

[data-tooltip=""]::after, [data-tooltip=""]::before {
  display: none !important;
}




[showtip] {
  position: relative;
  font-family: 'noto_sansregular';
}
[showtip]:before,
[showtip]:after {
  line-height: 1;
  font-size: 12px;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
  -webkit-transform: translate(-8%, -4px);
  transform: translate(-8%, -4px);
}
[showtip]:before {
  content: "";
  border: 5px solid transparent;
  bottom: 85%;
  left: 50%; 
  z-index: 1099999;
}
[showtip]:after {
  content: attr(showtip);
  text-align: center;
  min-width: 70px;
  max-width: 500px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0px;
  border-radius:4px;
  padding: 4px 10px;
  background-color: #315F77; 
  color: #ffffff;
  bottom: calc(85% + 4px);
  right: -20px;
  z-index: 1099999;
}
[showtip]:hover:before,
[showtip]:hover:after {
  display: block;
  opacity: 1;
}

[showtip=""]::after, [showtip=""]::before {
  display: none !important;
}


.confirm-box {
    font-size: 14px;
	font-weight: bold;
	color: #111111;
	position: absolute;
    background: #fefefc;
    border: 1px solid #cccccc;
	box-shadow: 0px 0px 13px 5px rgba(133,106,106,0.75) !important;
    padding: 15px 30px 15px 30px;
    z-index: 10999999;
    border-radius: 8px;
}


.divNaviSel {
	float:left;
	font-size: 14px;
	font-weight: normal;
	padding: 7px 14px 7px 14px;
	margin:10px 16px 0px 0px;
	color: #ffffff;
    background: #288791;
    border: 1px solid #288791;
	border-radius:36px;
	box-shadow: 0px 0px 7px -4px rgba(0,0,0,0.8);
}

.divNavi {
	cursor:pointer;
	float:left;
	font-size: 14px;
	font-weight: normal;
	padding: 7px 14px 7px 14px;
	margin:10px 16px 0px 0px;
	color: #111111;
    background: #d4e7e9;
    border: 1px solid #288791;
	border-radius:36px;
}

.divNavi:hover {
	color: #ffffff;
    background: #288791;
    border: 1px solid #288791;
	box-shadow: 0px 0px 7px -4px rgba(0,0,0,0.8);
}

.divNaviGrey {
	float:left;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 14px 7px 14px;
	margin:10px 16px 0px 0px;
	color: #ffffff;
    background: #288791;
    border: 1px solid #288791;
	border-radius:36px;
}

:root {
  --minied-bg: #f7f7f8;
  --minied-border: #777777;
  --minied-text: #111;
  --minied-muted: #666;
  --minied-ok-bg: #eefbea;
  --minied-ok-border: #b7e5b1;
  --minied-active-bg: #eef3ff;
  --minied-active-border: #c5d1ff;
}

.minied_wrap { margin: 20px 0; background: transparent; }

.minied_toolbar {
  display: flex; flex-wrap: wrap; gap: 15px; padding: 8px; align-items: center;
  background: #f9f9fa; border: 1px solid var(--minied-border); border-bottom: none;
  border-radius: 4px 4px 0 0;
}

.minied_btn, .minied_toggle {
  border: 1px solid var(--minied-border); background: #fff; padding: 6px 8px;
  border-radius: 6px; cursor: pointer; user-select: none; font-weight: 600;
}

.minied_btn2 { font-size:20px !important; }
.minied_btn3 { font-size:28px !important; padding-top:8px !important; }
.minied_btn4 { font-size:22px !important; padding-top:2px !important; }
.minied_btn5 { font-size:11px !important; font-weight: 400 !important; }

.minied_btn[aria-pressed="true"] {
  background: var(--minied-active-bg); border-color: var(--minied-active-border);
}
.minied_toggle[aria-pressed="true"] {
  background: var(--minied-ok-bg); border-color: var(--minied-ok-border);
}
.minied_btn:active, .minied_toggle:active { transform: translateY(1px); }

.minied_group { display: flex; gap: 4px; }
.minied_spacer { flex: 1; }

.minied_editor, .minied_source {
  background: #fff; border: 1px solid var(--minied-border);
  border-radius: 0 0 4px 4px; min-height: 140px; max-height:550px; overflow-y:auto; padding: 14px;
  outline: none; width: 100%; box-sizing: border-box; font-size:14px;
}

.minied_editor span, ol, ul {
  font-size: unset;   /* inherit  or: font-size: unset; */
}

.minied_source { resize: vertical; font-size: 14px !important; font-family: 'noto_sansregular'; color: #999999; display: none; }

.minied_hint { margin-top: 10px; color: var(--minied-muted); font-size: 12px; }

.minied_mount { /* mount container marker */ }


.myDiv {
    font-size: 12px;   /* your explicit size */
}

.myHtmlDiv,
.myHtmlDiv span,  
.myHtmlDiv * {
	font-size:12px;
	font-size: inherit;
}
	
.widthNotis { padding:0px; background-color:#fcb123; height:50px; animation: calmShift 1s ease-in-out infinite alternate;}	
.widthNotisL { float:left; text-align:left; font-size:32px; color:#ffffff; font-weight:bold; margin-left: 10px; width:120px; }
.widthNotisR { float:right; text-align:right; font-size:32px; color:#ffffff; font-weight:bold; margin-right: 10px; width:120px; }	
.widthNotisM { float:left; text-align:center; font-weight:bold; color:#ffffff; margin-top:10px; font-size:18px; width:calc(100VW - 290px); }	

@keyframes calmShift {
  0% {
    background-color: #eca113;
  }
  100% {
    background-color: #aa5811; /* darker */
  }
}

@media (min-width: 1644px) {
  .widthNotis {
    display: none !important;
	
  }
}



table.cardtable {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    overflow: hidden !important;
    font-family: 'noto_sansregular' !important;
}

/* Rows */
table.cardtable > tbody > tr {
    background: transparent !important;
    border: none !important;
}

/* Cells */
table.cardtable > tbody > tr > td {
    padding: 6px 8px 6px 8px !important;
    border: none !important;
    vertical-align: middle !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

/* Elegant row separation */
table.cardtable > tbody > tr:not(:last-child) > td {
    border-bottom: 1px solid #e8edf2 !important;
}

/* Column 1: Description */
table.cardtable > tbody > tr > td:first-child {
    width: 10%;
    font-weight: 600 !important;
    color: #4a5568 !important;
    background: #f7f9fb !important;
    white-space: nowrap !important;   /* remove if labels can be long */
}

/* Column 2: Value / Data */
table.cardtable > tbody > tr > td:last-child {
    font-weight: 400 !important;
    color: #1a202c !important;
    background: transparent !important;
}

/* Subtle hover */
table.cardtable > tbody > tr:hover > td {
    background: #f4f8fc !important;
    transition: background 0.2s ease !important;
}

/* Keep label column slightly tinted even on hover */
table.cardtable > tbody > tr:hover > td:first-child {
    background: #eef5fb !important;
}