:root{
  --theme-background:#244E75;
  --theme-foreground:#FFFFFF;
}

body {
	
	font: 9pt "Arial";
	//background-color: #FBFAFA;
}

.mainhead {
	height:110px;
	margin-left:5%;
	margin-right:5%;
	width:90%;
	background:var(--theme-background,#244E75);
	color:var(--theme-foreground,#FFFFFF);
}

#divMainHead {
	background-color:var(--theme-background,#244E75);
	color:var(--theme-foreground,#FFFFFF);
}

#divMainHead #spanHeaderFirmName,
#divMainHead #spanPoweredBy {
	color:var(--theme-foreground,#FFFFFF);
}
.currentInvoiceStats
{
 border:1px solid silver;background-color:#F0F3F5;
 }
 .disableStats
{
 border:1px solid silver;background-color:#EBEBEB;color:silver;
 }
.page
{
 margin-left:3%;
 margin-right:3%;
 margin-top:1%;
 margin-bottom:1%;
 background-color:#FFFFFF;
 color: #4b4b4b;

}
.printPage{
color:black;
margin-left:5px;
margin-right:5px;
}

table.printStatementTable tr{
border-bottom:1px solid silver;
width:100%;

}
.scrollingDiv
{
overflow:auto;
max-height:350px; 
}
table
{
border-collapse:collapse;
}

a{color:#4b4b4b;}

button,
input[type=button],
input[type=submit]{
    background:var(--theme-background,#244E75);
    color:var(--theme-foreground,#FFFFFF);
    border:1px solid color-mix(in srgb, var(--theme-foreground,#FFFFFF) 35%, transparent);
    border-radius:6px;
    cursor:pointer;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover{
    background:var(--theme-background,#244E75);
    color:var(--theme-foreground,#FFFFFF);
    filter:brightness(1.12);
}

textarea{
color:#4b4b4b;
font: 10pt "Arial";
}

input[type=text]
{ 
border: 1px solid silver;
color:#4b4b4b;
}
input[type=text]:focus  {
border: solid 1px #b5cfd2;
padding: 1px;
box-shadow: 1px 1px 2px 2px rgba(156, 156, 156, 0.25);
  }
input[type=password]
{ 
border: 1px solid silver;
color:#4b4b4b;
}
input[type=password]:focus  {
border: solid 1px #b5cfd2;
padding: 1px;
box-shadow: 1px 1px 2px 2px rgba(156, 156, 156, 0.25);
  }

table.activity {
width:100%;
font-size:9pt;
}
table.activity tr {
border-bottom:1px solid silver;
}
table.appconfig tr {
border-bottom:1px solid silver;
}
table.appconfig  {
width: 98%;
}
table.archived {
width:98%;
margin-left:2% ;
font-size:9pt;
}
table.archived tr {
border-bottom:1px solid silver;
}

table.editAdmin tr {
border-bottom:1px solid silver;
}
table.recentInvoicesHeader  {
width:100%;
background:var(--theme-background,#244E75);
color:var(--theme-foreground,#FFFFFF);
border:1px solid color-mix(in srgb, var(--theme-foreground,#FFFFFF) 35%, transparent);
}
	
table.recentInvoicesHeader  td{
border-bottom:1px solid silver;
}
table.recentinvoices  {
width:100%;
background-color:white;
}
table.recentinvoices  td{
border-bottom:1px solid silver;
}

.currentinvoice { 
background-color:#F9FBFF; 
}
table.currentinvoice tr {
text-align:left;
border-bottom:1px solid silver;
padding: 30px;

}

#divTagLine 
{
color:var(--theme-foreground,#FFFFFF);font-family:Arial;font-size:32px;font-weight:bold;
}

#lightbox {
	color:var(--theme-background,#244E75);
	position: absolute;
	top: 0;
	left: 50%;
	width: 30%;
	height: 25%;
	margin-left: -250px;
	background: #ffffff;
	z-index: 1001;
	display: none;
	
	
}
#lightbox-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index: 1000;
	display: none;
}
.calcivalciColor
{
color:#005575;
}

.calcivalciAlert
{
color:#BB0000;
}
.success
{
color: #02650F;
font-weight:bold;
}

.loginBoxes{
   width: 238px;
   height: 23px;
   border: solid 1px #C7C9C9;
   padding: 2px;
   border-radius: 5px;
   font-size: 10pt;
   background-color: #FFFFFF;
   outline: none;
   }
.loginBoxes:hover  {
   border: 1px solid #9ECEE3;
   font-size: 10pt;
   box-shadow: 1px 1px 2px 2px rgba(156, 156, 156, 0.25);
  }
.loginBoxes:focus  {
	height: 25px;
   border: solid 1px #b5cfd2;
   box-shadow: 1px 1px 2px 2px rgba(156, 156, 156, 0.25);
  }
.loginBoxes:active  {
   border: solid 1px #A5C9D9;
  }

 .keyBox{
   color:#4b4b4b;
   width: 500px;
   height: 30px;
   border: solid 1px #C7C9C9;
   padding: 2px;
   border-radius: 5px;
   font-size: 15pt;
   background-color: #FFFFFF;
   outline: none;
   }