body
{
font-family: arial, helvetica, verdana, symbola;
margin: 0px;
font-size: 16px;	
color: #363333;
width:100%;
}
a
{
color: black;
text-decoration: none;
}
a:hover
{
color: black;
font-weight: bold;
text-decoration: none;
}

.main
{
margin: 0 auto;
width: 100%;
margin-top: 0px;
#z-index: -1;
display: block;
position: relative;
#border: 2px solid red;
padding-bottom: 50px;
border-bottom: 1px solid #4F4E4E;
margin-bottom: 10px;
}
.header
{
width: 100%;
height: 4.5rem;
line-height: 4.5rem;
display: inline-block;

}
.headerleft
{
width: 210px;
height: 40px;
  display: inline-block;
    top: 0; left: 0; /* top-left corner of logo */
    
	background: url("images/logo.svg") no-repeat scroll 0 0 transparent;
background-size: 200px auto;
margin-top: 15px;
margin-left: 15px;
#border: 1px solid red;
 display: inline-block;
}
.headerright
{

margin-right: 1em;
height: 4em;

text-align: right;
display: inline-block;
vertical-align: top;
 #border: 1px solid green;
 float: right;

}


.leftcontentmain
{
#border: 1px solid red; 
padding-bottom: 5rem; 
padding-top: 4rem;
margin: 0 auto;
display: table;

}
.title{
	display: inline-block;
height: 40px;
padding: 10px;
border-bottom: 1px solid #e7e7e7;
width: 100%;

}
.leftcontent_title
{
font-size: 1.7rem;
color: #696868;
float: left;
margin-bottom: 2rem;
line-height: 1.7rem;
padding-left: 2rem;
}
.leftcontent_currency
{
float: right;
padding-left: 1em;
}

.search{
float: left;
padding-right:10px;
margin-top: 10px;
}
.searchform {
  height: 34px;
  border: 1px solid #e7e7e7;
   	margin: 0;
	width: 300px;


}
label, legend {
    display: block;
}
.searchform .assistive-text {
    display: none;

}
.searchform input[type="text"] {
    border: 0 none;
    float: left;
    margin: 0;
    padding: 6px 0 6px 11px;
    vertical-align: bottom;
    width: 84%;
	font-size: 18px;
	line-height:20px;
}
.searchform input[type="submit"] {
    background: url("images/zoom.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0;
    height: 33px;
    line-height: 0;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    text-transform: capitalize;
    vertical-align: middle;
    width: 33px;
}

.EditButtonDelete {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa6666), color-stop(1, red) );
	background:-moz-linear-gradient( center top, #fa6666 5%, red 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa6666', endColorstr='red');
	background-color:#fa6666;
	text-indent:0;
	display:inline-block;
	color:#fff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:220px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 50px #810e05;
	 cursor: pointer;
}
.EditButtonDelete:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, red), color-stop(1, #fa6666) );
	background:-moz-linear-gradient( center top, red 5%, #fa6666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='#fa6666');
	background-color:red;
	color: white;
}.EditButtonDelete:active {
	position:relative;
	top:1px;
}


.deleteconfirm
{
width: 100%;
float: none;
margin-top: 70px;
text-align: center;
}
.headerdivide
{
	width:100%;
	line-height: 3rem; /*this is very important. do not remove */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #4F4E4E;
	#display: block;
	#border: 1px solid blue;
	#z-index: 1;
}
.menubox {
		#overflow: visible;
		line-height: 0; /**required for IE**/
		#border: 1px solid red;	
		display: table;
		margin: 0 auto;
		background-color: #4F4E4E;
		#z-index: 5000;
}
.menu2link {
	display:table;
	color:#FFFFFF;
	font-family:Arial;
	font-size:1rem;
	font-weight:normal;
	font-style:normal;
	line-height:4em;
	width:8rem;
	text-decoration:none;
	text-align:center;
	#text-shadow:1px 1px 0px #ffffff;
	#border: 1px solid white;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	#z-index: 1000;	
	#margin-top: 1rem;
	
}
.menu2link:hover {
	color:white;
	font-weight: bold;
	#border-top: 1px solid  #b2b2b2;

}
.menu2link:focus{
	font-weight: bold;
	color:red;
	background-color: white;
	border-left: 1px solid #b2b2b2;
}

.ExpenseTable{
	width: 60%;
}

.ExpenseTable tr:hover td{
background-color: yellow;
}
.ExpenseTable tr:nth-child(odd){ 
	background-color:white; 
}
.ExpenseTable tr:nth-child(even)    { 
background-color:#f7f7f7; 

}
.ExpenseTable th {
	background-color:#00BFFF;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:1.0em;
	font-family:Arial;
	font-weight:bold;
	color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.ExpenseTable td{
	vertical-align:middle;
	border-width:0px 1px 1px 0px;
	text-align: left;
	padding-top:15px;
	padding-bottom:15px;
	padding-left: 15px;
	padding-right: 15px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color: #363333;
	word-wrap: break-word;
	overflow:hidden;

	border-bottom: 1px solid #cccccc;
}
.ExpenseTable tr:last-child td{
	border-width:0px 1px 0px 0px;
	border-style: double;
	border: 1px solid #cccccc;
	text-align:right;
	font-weight: bold;
	font-size: 1.0em; 
	color:#7B5757;
}

.subexpensetable table{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	font-size: 0.75em;
	
	
}
.subexpensetable td{
	padding: 3 3 3 3;
}
.subexpensetable tr:nth-child(odd){ 
	background-color:#f7f7f7; 
}
.subexpensetable tr:nth-child(even)    { 
background-color: #ECF6D7; 
}
.subexpensetable tr:hover td{
background-color: #CBF9F5;
}
.subexpensetable tr:last-child td{
	border-width:0px 1px 0px 0px;
	text-align:left;
	font-weight: normal;
	color:#7B5757;
	font-size: 1.3em;
}



/* menu dropdown These styles assume you are using ul and li */
.dropit {
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-trigger { position: relative; }
.dropit .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 5000;
    display: none;
    min-width: 150px;
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-open .dropit-submenu { display: block; }

.dropdownmenu ul { display: none; } /* Hide before plugin loads */
.dropdownmenu ul.dropit-submenu {
    background-color: #fff;
    border-left: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
    padding-left: 4px;
	padding-bottom: 2px;
    margin: 0;
	
    /**
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
	**/
	text-align: left;
	
}   
.dropit-submenu li {
	#border: 1px solid green;
	#line-height: 10rem;
	display: block;
	
}	
.dropdownmenu ul.dropit-submenu a {
    display: inline-block;
    font-size: .9rem;
    line-height: 3rem;
    color: #7a868e;
	width: 350px;
	padding-right: 20px;
	padding-left: 10px;
	#border: 1px solid red;
}
.dropdownmenu ul.dropit-submenu a:hover {
    #background: #248fc1;
    color: red;
	text-shadow: none;
	font-weight: bold;

}
.dropdownmenu {
	#float: left;
	display: inline-block;

}

.logoutbox {
	#border: 1px solid green;
	margin-top: 0;
	height: 70px;
	display: inline-block;
	
}
.logout {
	display:inline-block;
	color:#FFFFFF;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:80px;
	#line-height:80px;
	width:80px;
	text-decoration:none;
	text-align:center;
	background: red;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
       -moz-border-bottome-left-radius: 10px;
	   -moz-border-bottome-right-radius: 10px;
            border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
}
.logout:hover {
	font-weight: bold;
	color: white;
}

.aftertable{
float: right;
margin-top: 10px
}
.advancedsearchbox {
line-height: 20px;
padding: 5 5 5 5;
font-size: 15px;
width: 250px;
}
.advancedsearchdiv {
margin-top: 10px;
}
.AdvancedSearchDate {
line-height: 20px;
padding: 5 5 5 5;
font-size: 15px;
width: 100px;
}

.AdvancedSearchButton {
 -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #3d910d;
  font-size: 1.1em;
  background: #ffffff;
  padding: 10 20 10 20;
  border: solid #03d912 1px;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
 }

.AdvancedSearchButton:hover {
 background: #3d910d;
  text-decoration: none;
  font-weight: bold;
  color: white;
}

.AdvancedSearchButtonReset {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 1.1em;
  background: #a6a7a8;
  
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #a6a7a8;;
}

.AdvancedSearchButtonReset:hover {
  background: #908f94;
  text-decoration: none;
}
.selectdropdown {
font-size: 16px;
height: 40px;
}
.DetailBox {
line-height: 25px;
padding: 5 5 5 5;
font-size: 15px;
width: 450px;
}
.dateformat {
line-height: 25px;
padding: 5 5 5 5;
font-size: 15px;
width: 100px;
}

.DetailFieldName{
padding-right:10px;
padding-top: 20px;
padding-bottom: 20px;
text-align:right;
font-weight: bold;
}

.DetailBoxPrice{
line-height: 25px;
padding: 5 5 5 5;
font-size: 15px;
width: 100px;
text-align:right;
}
.DetailDelete {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: red;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: 1px solid red;
  font-size: 1.1em;
  font-weight: bold;
  cursor: pointer;
}

.DetailDelete:hover {
  background: red;
  text-decoration: none;
    color: #ffffff;
}
h3 {
color: blue;
}
h4 {
font-size: 1.1em;
color: #424242;
}
.note{
color: red;
font-weight: bold;
}
.fxtable{
	margin-left: 20px;
	width: 100%;
}
.fxbutton {
   background-color: rgba(112,140,2,1);
   border: solid 1px rgba(255,255,255,1);
   -webkit-border-radius: 9px;
      -moz-border-radius: 9px;
           border-radius: 9px;
   padding: 13px;
   display: inline-block;
   font-size: 18px;
   text-align: center;
   color: rgba(250,245,250,1);
   width: 150px;
   cursor: pointer;
}
.fxbutton:hover {
   background-color: rgba(255,255,255,1);
   border: solid 1px rgba(95,196,0,1);
   color: rgba(0,0,0,1);
}
.FXQueryTable{
	text-align: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.FXQueryTable td{
	padding-left: 10px;
}

.fxtabledetail {
	border: 1px solid gray;
	padding: 10px 10px 10px 10px;
	
}
.fxtabledetail  tr:first-child {
	border-top-right-radius:0px;
	font-weight: bold;
}
.fxtabledetail  td {
	padding: 10px;
}
.fxtabledetail  tr:nth-child(even) {
	background: #CCC;
}
.fxtabledetail  tr:nth-child(odd) {
	background: #FFF;
}
.markup{
	background-color: yellow;
	padding: 10px;
}
.InvoiceQueryTable {
	margin-top: 10px;
	border: 1px solid gray;
	padding: 10px 10px 10px 10px;

}
.InvoiceQueryTable  tr:first-child {
	border-top-right-radius:0px;
	font-weight: bold;
	border: 1px solid red;
}
.InvoiceQueryTable  td {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.InvoiceQueryTable  tr:nth-child(even) {
	background: #CCC;

}
.InvoiceQueryTable  tr:nth-child(odd) {
	background: #FFF;
}

.InvoiceQueryTable {
	margin-top: 10px;
	border: 1px solid gray;
	padding: 10px 10px 10px 10px;

}
.InvoiceQueryTable  tr:first-child {
	border-top-right-radius:0px;
	font-weight: bold;
	border: 1px solid red;
}
.InvoiceQueryTable  td {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.InvoiceQueryTable  tr:nth-child(even) {
	background: #CCC;

}
.SelectTableButton {
   background-color: rgba(112,140,2,1);
   border: solid 1px rgba(255,255,255,1);
   -webkit-border-radius: 9px;
      -moz-border-radius: 9px;
           border-radius: 9px;
   padding: 13px;
   display: inline-block;
   font-size: 18px;
   text-align: center;
   color: rgba(250,245,250,1);
   width: 250px;
    cursor: pointer;
}
.SelectTableButton:hover {
   background-color: rgba(255,255,255,1);
   border: solid 1px rgba(95,196,0,1);
   color: rgba(0,0,0,1);
}
.subtotalamount{
	text-align: right !important;
	padding-right: 10px !important;
}
.selectmultiplecustomers{
	height: auto;
}
.GoogleheaderRow {
}
.GoogleTableHeaderCell{
	#background-color:#5B1111 !important;
	background-color:#00BFFF !important;
	text-align:center;
	border-width:0px 0px 1px 1px !important;
	font-size:1.0em !important;
	font-weight:bold;
	color: white !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	padding-left: 10px !important;
}
.GoogleTableCell{
	padding: .7em 1.5em .7em 1.5em !important;
	font-size: .9em !important;
	color: #363333 !important;
	word-wrap: break-word !important;
	
}
.google-visualization-table-table {
    margin: 0 auto !important;
	font-size: 1rem !important;
}

.GoogleFilter {
	font-size: 1em !important;
	padding: 0 !important;
	margin: 0 !important;	
}

.goog-menu-button {
    background: none !important;
	padding: 0 !important;
}
/**inside the dropdown box**/
.goog-menu-button-caption {
    padding: .5em 1em .5em 1em !important;
    vertical-align: top;
}
.goog-link-button {
  color: red !important;
  padding-right: .3em;
  #padding-left: .5em;
  #display: block !important;;
}
.goog-container {
	#border: 1px solid red !important;
	#line-height: 2em !important;
	 background-color: #FFA500;
	 padding: .5em 1em .5em 1em !important;
	 margin-right: .5em !important;
}
.MatchExpenseColumn{
	display:none;
	width: 500px !important;
	color: red !important;
	
}
#TableTotal{
	font-weight: bold;
}
.AddExpense {
    background-color: #F66161;
    border: none;
    color: white;
    padding: .4em .4em;
	margin: 0 auto !important;
    font-size: 1em;
    cursor: pointer;
	display: table !important;
	text-align: center !important;
	
}

/* Darker background on mouse-over */
.AddExpense:hover {
    background-color: black;
    color: red;

}
.ignore{
	margin: 0 auto !important;
	display: table !important;
	text-align: center !important;

}
.ignoreID{
	color: red;
	font-weight: bold;
}
.CompanyCheckBox{
	margin: 0 auto !important;
	display: table !important;
	text-align: center !important;

}

.BoxSelectAll{
	border: 1px solid #D4D4D4;
	margin-left: 1em;
	margin-right: 1em;
	padding: 10 10 10 10 ;
	
}
.ErrorMessage{
	color: red;
	font-weight: bold;
}
.courier{
	font-weight: normal;
	font-family: courier;
	font-size: .7em;
	color: gray;
}
.subreceiptable table{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	font-size: 0.8em;
	
	
}
.subreceiptable td{
	padding: 3 3 3 3;
}
.subreceiptable tr:nth-child(odd){ 
	background-color:#f7f7f7; 
}
.subreceiptable tr:nth-child(even)    { 
background-color: #ECF6D7; 
}
.subreceiptable tr:hover td{
background-color: #CBF9F5;
}
#bar_blank {
  border: solid 1px #000;
  height: 20px;
  width: 300px;
}

#bar_color {
  background-color: #006666;
  height: 20px;
  width: 0px;
}

#bar_blank, #hidden_iframe {
  display: none;
}
.QueryTime{
font-size: .68em;
color: #9F5D5D;
padding-left: 10px;
padding-bottom: 50px;

}

/***use for spinning icon during ajax submit.  if it's not present, don't show loader **/
.spinning-icon {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/spinning_cube.gif) center no-repeat #fff;
	 opacity: 0.8;
}
/****end****/
.AccentBillableCompany {
	font-weight: bold;
	color: #10CBD7;
}
.AccentCompany {
	font-weight: bold;
	color: #3D3D3D;
}
.AccentDate {
	font-weight: bold;
	color:red;
}
 .showquery{
	font-family: courier;
	font-size: .7em;
	color: red;
 }
 .runtime{
	text-align: right;
	font-size: .6em;
 color: #d3d3d3}
 }
 .submit {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:3px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:7px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.submit:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.submit:active {
	position:relative;
	top:1px;
}

 input[type="radio"] { 
     -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.2);
 }
 .radiobutton { 
 height:17px;
 width: 17px;
 vertical-align: bottom;
 }
 .radiolabel { 
  display: inline;
  padding-right: 10px;
 }
.MagFile{
	font-family: courier;
	font-size:.8em;
	color: blue;
}
.MagFileError{
	font-family: courier;
	font-size:12px;
	color: red;
}
.submitline{
	float:left;
	width: inherit;
	font-size: .9em;
	white-space: nowrap;
	height:60px;
	margin-right: 10px;
	text-align: center;
	
}
.update {
	border: none;
	padding: 5 10 5 10;
	border-radius: 5px;
	margin-top: 5px;
	width: 100px;
	height: 30px;
}
.delete{
	border: none;
	padding: 5 10 5 10;
	border-radius: 5px;
	margin-top: 5px;
	background-color: red;
	color: white;
	width: 100px;
	height: 30px;
	
}
.ebook {
	border: none;
	padding: 5 10 5 10;
	border-radius: 5px;
	margin-top: 15px;
	bottom:   0;
	display: in-line;
	width: 110px;
	height: 30px;
}
.rename{
	border: none;
	padding: 5 10 5 10;
	border-radius: 5px;
	margin-top: 15px;
	bottom:   0;
	display: in-line;
	width: 100px;
	height: 30px;
}
textarea {
	box-sizing: border-box;
	border: 1px solid #ccc;
	font-family: arial;
	font-size: .9em;
}

.edit-icon {
	display: flex; height: 100%; align-items: center; justify-content: center;
	padding-left: 3px;
}
.EmailUpdate{
	width: 100%;
	height: 100px;
}

/* Ensure iframe takes the full width of its container */
.responsive-iframe {
  width: 100%;
  border: none;
  overflow: hidden;
}
table.ErrorBankRecord {
    border-collapse: collapse; /* Ensures borders do not double up */
    /*width: 100%; /* Optional: Adjusts the table width */
    border: 1px solid gray; /* Outer border */
}

table.ErrorBankRecord th, table.ErrorBankRecord td {
    border: 1px solid gray; /* Inner borders */
    padding: 2px; /* Optional: Adds spacing inside cells */
    text-align: left; /* Optional: Aligns text to the left */
}

table.ErrorBankRecord th {
    background-color: #f2f2f2; /* Optional: Adds background color to headers */
}