BODY
{
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-COLOR: white;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    COLOR: black;
    font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
}
TD
{
    font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 9pt
}
TH
{
	COLOR: white;
    font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 9pt;
    TEXT-ALIGN: left;
    TEXT-TRANSFORM: capitalize
}

.THModern
{
 
    background-color:#333333;
}

.THClassic
{
 
    background-color:darkgreen;
}

A:active
{
    COLOR: black;
    font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #176117 !important;
    font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: underline;
}
A:link
{
    COLOR: forestgreen;
    font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: saddlebrown;
    font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: underline
}
INPUT,SELECT
{
    COLOR: black;
    font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}

    
.HEADER
{
	color:#1C6862;
	font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 14pt;
   /* FONT-WEIGHT: bolder;*/
    vertical-align:middle;
    background-image: url("/res/images/paw.png");
    background-repeat:no-repeat;
    padding-left:30px;
    
}

.descRT 
{
	font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 8pt;
}


#exportCanvas
{
	position:absolute;
	top:0px;
	right:0px;
	border:1px solid red;
	padding-right:5px;
	padding-top:5px;
	margin-top:5px;
	margin-right:5px;
	
}
a:focus {
outline: none;
}

a.trigger{
	position: absolute;
	/*background:#88bbd4 url('/res/images/plus.png') 6% 55% no-repeat;*/
	background:#000 url('/res/images/plus.png') 6% 55% no-repeat;
	text-decoration: none;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding:4px 12px 6px 24px;
	font-weight: bold;
	z-index:2;
}

a.triggerData{
	position: absolute;
	/*background:#88bbd4 url('/res/images/plus.png') 6% 55% no-repeat;*/
	background:rgba(32,130,32,0.5) url('/res/images/plus.png') 6% 55% no-repeat;
	text-decoration: none;
	/*font-size: 16px;*/
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#343434 !important;
	padding:4px 12px 6px 24px;
	font-weight: bold;
	z-index:2;
}

a.triggerDataGraph{
	
	background: url('/res/images/pie.png') 6% 55% no-repeat;
	text-decoration: none;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding:4px 12px 6px 24px;
	font-weight: bold;
	z-index:0;
}

a.trigger.left {
	left: 0;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	
}

.leftRadius {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	
	
}

.rightRadius {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	
}

a.trigger.right,a.triggerData.right,a.triggerDataGraph.right {
	right: 0;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	
}
a.trigger:hover {
	background-color:rgba(32,130,32,0.5);
}
a.active.trigger {
	background:rgba(32,130,32,0.5)  url('/res/images/minus.png') 6% 55% no-repeat;
	/*88bbd4*/
}
a.active.triggerData {
	background:rgba(32,130,32,0.5)  url('/res/images/minus.png') 6% 55% no-repeat;
	color:#d5d3d3 !important;
	/*88bbd4*/
}
.panel {
	color:#fff;
	position: absolute;
	display: none;
	background: #000000;
	width: 600px;
	height: 240px;
	z-index:1;
	top:100px;
	overflow:hidden;
	
}


.panelGraph {
	color:#fff !important;
	display: none;
	position:relative;
	background: #000000;
	width: 600px;
	height: 380px;
	z-index:1;
}

.panel .left {
	left: 0;
	padding: 20px 30px 20px 100px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.panel .right {
	right: 0px;
	
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-top-right-radius: 15px;
}

.panelNotesRightRadius
{
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-left-radius: 15px;
}

.panelGraph.right {
	padding: 20px 60px 20px 30px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-left-radius: 15px;
}

.panel p {
	font-size:11px;
}

#panel_annotation
{
	position: absolute; 
	opacity: 0.9; 
	display: none;
	right:0px;
}

#text_annotation
{
	position: absolute; 
	top: 70px;
	
}

a.AddAnnot{
	position: absolute;
	background:rgb(234, 234, 234);
	font-size: 11px;
	text-decoration:none;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#000;
	padding:4px 12px 6px 12px;
	z-index:2;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	
}
.aquaScroll {
  scrollbar-base-color: #B5B537;
  scrollbar-arrow-color: #000;
  border-color: #B5B537;
}

.container{
	
	background:#white;
	font-size: 11px;
	text-decoration:none;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	padding:4px 12px 6px 12px;
	z-index:2;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	
}

.alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;
    font-size:11px;
    padding:10px 10px 10px 36px;
    margin:10px;
    top:-10px;
    text-align:center;
    position:absolute;
    text-align:center;
    left:35%;
    z-index:999;
}

.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}

.error {
    background:#ffecec url('../images/div_error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 url('../images/div_success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4 url('../images/div_warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc url('../images/div_notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}

.defaultPage
{
	font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
}

.subTitleText
{
	color:#1F6830;
	font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 13pt;
    vertical-align:middle;
    
}

.TitleHeaderClassicColor
{
	background-color:#608D76;
	
}
.TitleHeaderModernColor
{
	background-color:#999999;
}

.TitleHeaderLogo
{
	text-align:left;
	padding-left:10px;
	padding-top:5px;
}
.TitleHeaderText
{
	text-align:right;
	padding-right:20px;
	padding-top:5px;
	font-size:20px;
	color:black;
	
}


/* -- bottom slide up menu css --- */

.cd-container 
{
  width: 99%;
  max-width: 1170px;
  margin: 0 auto;
}

.cd-container::after 
{
  content: '';
  display: table;
  clear: both;
}

#cd-nav ul 
{
  /* mobile first */
  position: fixed;
  width: 100%;
  max-width: 400px;
  right: 20px;
  bottom: 20px;
  border-radius: 0.25em;
  box-shadow: 0 0 10px rgba(15, 104, 78, 0.4);
  background: white;
  visibility: hidden;
  /* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */
  overflow: hidden;
  z-index: 1;
  
}

#cd-nav ul.is-visible {
  visibility: visible;
  
}
#cd-nav ul.is-visible li:nth-child(1) {
  /* list items animation */
  -webkit-animation: cd-slide-in 0.2s;
  -moz-animation: cd-slide-in 0.2s;
  animation: cd-slide-in 0.2s;
}
#cd-nav ul.is-visible li:nth-child(2) {
  -webkit-animation: cd-slide-in 0.3s;
  -moz-animation: cd-slide-in 0.3s;
  animation: cd-slide-in 0.3s;
}
#cd-nav ul.is-visible li:nth-child(3) {
  -webkit-animation: cd-slide-in 0.4s;
  -moz-animation: cd-slide-in 0.4s;
  animation: cd-slide-in 0.4s;
}
#cd-nav ul.is-visible li:nth-child(4) {
  -webkit-animation: cd-slide-in 0.5s;
  -moz-animation: cd-slide-in 0.5s;
  animation: cd-slide-in 0.5s;
}
#cd-nav ul.is-visible li:nth-child(5) {
  -webkit-animation: cd-slide-in 0.6s;
  -moz-animation: cd-slide-in 0.6s;
  animation: cd-slide-in 0.6s;
}
#cd-nav li a {
  display: block;
}
#cd-nav li:last-child a {
  border-bottom: none;
}

@media only screen and (min-width: 1170px) 
{
  #cd-nav ul {
    /* the navigation moves to the top */
    position: absolute;
    width: auto;
    max-width: none;
    bottom: auto;
    top: 36px;
    background: transparent;
    visibility: visible;
    box-shadow: none;
   
  }
  #cd-nav li {
    display: inline-block;
    margin-left: -40px;
  }
  #cd-nav li a {
    opacity: 1;
    border-bottom: 1px solid white;
  }
  #cd-nav li a:visited {
    color: forestgreen; 
    text-decoration:none;
  }
  #cd-nav li a:hover {
    color: orange; 
  }
  #cd-nav.is-fixed ul {
    /* when the user scrolls down, the navigation moves to the bottom right in Fixed position - as on touch devices */
    position: fixed;
    width: 100%;
    max-width: 400px;
    bottom: 8px;
    top: auto;
    background: white;
    visibility: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
   
  }
  #cd-nav.is-fixed ul li {
    display: block;
  }
  #cd-nav.is-fixed ul li a {
    text-decoration:none;

  }
  #cd-nav ul.has-transitions {
    /* this class is used to bring back transitions when the navigation moves at the bottom right */
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s;
  }
  #cd-nav ul.is-visible {
    /* this class is used to bring back the navigation animation - as on touch devices */
    visibility: visible;
    max-height: 500px;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
    transition: transform 0.3s, visibility 0s 0s;
  }
  #cd-nav ul.is-hidden {
    /* this class is used to animate the scale down the navigation when the user scrolls down with the navigation still open */
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
}

.cd-nav-trigger {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 0.25em;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 2;
}
.cd-nav-trigger span {
  /* the span element is used to create the menu icon */
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #0F684E;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  content: '';
  position: absolute;
  left: 0;
  background: inherit;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s, background 0s;
  -moz-transition: -moz-transform 0.3s, background 0s;
  transition: transform 0.3s, background 0s;
}
.cd-nav-trigger span::before {
  top: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.cd-nav-trigger span::after {
  bottom: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.cd-nav-trigger.menu-is-open {
  box-shadow: none; 
  
}
.cd-nav-trigger.menu-is-open span {
  background: rgba(232, 74, 100, 0);
}
.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {
  background: #e84a64;
}
.cd-nav-trigger.menu-is-open span::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-nav-trigger.menu-is-open span::after {
  bottom: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}


div.growlUI 
{ 
	width:100%;
}
div.growlUI h1, div.growlUI h2 {
    color: white; padding: 5px 5px 5px 75px; text-align: left
}
   
#jquery-msg-bg {
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
  background: black;
  overflow:hidden !important;
  
}

.jquery-msg-content {
  -webkit-background-clip: padding-box;
  padding: 15px 25px 15px 25px;
  line-height:20px;
  font-size:14px;
  
}

.black-on-white .jquery-msg-content {
  background: white;
  color: #000;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=1);
  -webkit-box-shadow: 5px 5px 30px 0 black;
  -moz-box-shadow: 5px 5px 30px 0 black;
  box-shadow: 5px 5px 30px 0 black;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -khtml-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  /* ie fix */
  -pie-lazy-init: true;
  behavior: url(PIE.htc);
}

.white-on-black .jquery-msg-content {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: black;
  color: white;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -khtml-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  /* ie fix */
  -pie-lazy-init: true;
  behavior: url(PIE.htc);
}

.btn-wrap_Confirm_ID_Yes_No 
{   
	width:100%;
	text-align:center;
}
.btn-wrap_Confirm_ID_Yes_No span
{   
    font-weight: bolder;
    padding: 0 8px 0 0;
    cursor: pointer;
    text-decoration: underline; 
    text-align:center; 
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}
.progress-bar-striped, s.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}
.progress-bar.active,.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
    background-color: #5cb85c
}
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}


.glass
{
	color:#939393 !important;
}


input[type=button] ,input[type=submit] 
{
	
    background-color: rgba(140,140,140,0.3); 
    border: none;
    color: black;
    padding: 2px 10px 3px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius:2px;
    cursor:hand;
    
}

input[type=button]:hover,input[type=submit]:hover 
{
	background-color:rgba(32,130,32,0.5)  !important;
    
}

.overlayButton
{
	    background-color:rgba(255,255,255,0.8) !important;
	
}




 .overlayButton:hover
 {
    background-color:rgba(32,130,32,0.5)  !important;
    color:White !important;
    
 }  
 
 .AssetReportTitle
 {
	color:#1C6862;
	font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 14pt;
    vertical-align:middle;
	font-weight:bold; 
 }
 .AssetReportHeader
 {
	color:#1C6862;
	font-family:"Segoe UI","Segoe WPC",'Century Gothic', CenturyGothic, AppleGothic,Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    FONT-SIZE: 12pt;
    vertical-align:middle;
	
 }
 
 .scrollContent
 {
    overflow:auto;
 }
 
.table-round-corner
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    /*overflow:hidden;*/
    border-radius: 10px;
    -pie-background: linear-gradient(#fff, #F7F7F7);   
    box-shadow: #666 0px 2px 3px;
    
    behavior: url(res/images/PIE.htc);
    
}

.fade
{ 
  border  : 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

#export_table td, #export_table th 
{ 
	border-style: inset; 
	border-width: 0px;
}

/* ------------------------------------------------------------------------
 override checkbox background color 
---------------------------------------------------------------------------*/


input[type="checkbox"]:before {
  position: relative;
  display: block;
  width: 11px;
  height: 11px;
  border: 1px solid #808080;
  content: "";
  background: #FFF;
}

input[type="checkbox"]:after {
  position: relative;
  display: block;
  left: 2px;
  top: -11px;
  width: 7px;
  height: 7px;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #fff #fff #fff;
  content: "";
  background-image: linear-gradient(135deg, #fff 0%, #FFF 100%);
  background-repeat: no-repeat;
  background-position: center;
}

input[type="checkbox"]:checked:after {
  /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #fff 0%, #FFF 100%);*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABwSURBVBhXZc87DkBAFIVhj0wjNjCVSqKSiK1ILEFhEbMDpRUpaGxDLyrN9d+hwUm+yZzbnUBEouAfvTlrbXnXfzqcqHz7JMcO5xtpMCKBwYT5+fvU2LBgwIECr2RYIej1oGFArI9BSE/Rwq/SdSJiLmjwHvaUnqT9AAAAAElFTkSuQmCC');

}

input[type="checkbox"]:disabled:after {
  -webkit-filter: opacity(0.4);
}

input[type="checkbox"]:not(:disabled):checked:hover:after 
{
  /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #fff 0%, #FFF 100%);*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABwSURBVBhXZc87DkBAFIVhj0wjNjCVSqKSiK1ILEFhEbMDpRUpaGxDLyrN9d+hwUm+yZzbnUBEouAfvTlrbXnXfzqcqHz7JMcO5xtpMCKBwYT5+fvU2LBgwIECr2RYIej1oGFArI9BSE/Rwq/SdSJiLmjwHvaUnqT9AAAAAElFTkSuQmCC');
}

input[type="checkbox"]:not(:disabled):hover:after {
  background-image: linear-gradient(135deg, #fff 0%, #FFF 100%);
  border-color: #fff #fff #fff #fff;
}

input[type="checkbox"]:not(:disabled):hover:before {
  border-color: #ccc;
}


/* ------------------------------------------------------------------------
 override Radio button background color 
---------------------------------------------------------------------------*/

input[type='radio'] {
  /*  -webkit-appearance:none;*/
    width:12.8px;
    height:12.8px;
    border:1px solid darkgray;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 5px 0px silver inset;
}
input[type='radio']:hover {
    box-shadow:0 0 5px 0px silver inset;
}
input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;    
}
input[type='radio']:checked:before {
  /*  background:black; */
}

.notesCount{
  position: fixed;
  color: black;
  border: 1px dotted darkgreen;
  padding: 4px;
  border-radius: 15px;
  margin-left: -75px;
  margin-top: -20px;
  background-color: white;
  text-align: center;
}