/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
body.printInvoices {
	background-color: #fff  !important;
	color: #4F5155 !important;
	margin-top: 5px !important;
	font-family: Consolas, Courier New, Monospaced;
}
body {
	background-color: #b9feff  !important;
	background-image: url('/resources/images/bg.jpg');
	background-repeat: repeat;
	color: #000 !important;
	margin-top: 5px !important;
	font-size: 11pt !important;
	font-family: arial;
}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1280px) {
	 .container {
		  margin-top: 5px !important;
		  width: 100% !important;
	 }
	 .container-fluid {
		  padding-left: 10px !important;
		  padding-right: 10px !important;
	 }
}
@media screen and (min-width: 1280px) {
	 .container {
		  margin-top: 5px !important;
		  width: 100% !important;
	 }
	 .container-fluid {
		  padding-left: 10px !important;
		  padding-right: 10px !important;
	 }
}

* html .ui-autocomplete { height: 250px; }

/* tr > td > a:hover { color: yellow !important; } */

tr.datarow:hover {
	background-color: cyan !important;
}
tr#datarow:hover {
	background-color: cyan !important;

}

tbody#invoiceTable.row.row-group tr#datarow:hover {
	background-color: #b3ffd9 !important;
}


tr.invoices {
	cursor: pointer !important;
}
tr.invoices:hover {
	background-color: #628f00 !important;
	color: #fff166 !important;
	cursor: pointer !important;
}
.table-striped > tbody > tr.invoices:hover:nth-of-type(odd) {
	background-color: #628f00 !important;
	cursor: pointer !important;
}

a.menu-info:active,
a.menu-info:visited,
a.menu-info:hover,
a.menu-info:link {
   font-weight: normal !important;
}

code {
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	font-size: 12px;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}

div.checkbox {
	font-size: small;
	margin-bottom: 3px !important;
	margin-top: 3px !important;
}
div.PrintedCustomerInvoices, div#zodTab {
    border: 2px solid gray;
	margin-bottom: 7px;
}
h1 {
	background-color: transparent;
	border-bottom: 1px solid #D0D0D0;
	color: #444;
	margin: 0 0 14px 0;
	padding: 14px 15px 10px 15px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	padding-bottom: 18px !important;
	padding-top: 18px !important;
}

/*h1,h2,h3,h4,h5,h6 { font-weight: bold !important; }*/

table.table { background-color: #fff; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{
    padding-top: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 2px !important;
}

.boxInvoiceTotals {
    font-size: 0.5em;

	font-weight: bold;
    width: 800px;
    height: 190px;
    padding-top: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 2px !important;
    /*    float: right;*/
}
.boxClients {
    width: 230px !important;
    margin-top: 6px !important;
    padding-left:4px !important;
    padding-bottom: 4px !important;
    border: 2px ridge silver;
}
.boxClientForm {
	width: 20% !important;
	margin-top: 6px !important;
	padding-left:4px !important;
	padding-bottom: 4px !important;
	border: 0px ridge silver !important;
	font-size: x-small !important;
}

.frm_error {
	font-weight: bold !important;
	color: red !important;
}
pre {
	color: #0d3349 !important;
}

.debug-container {
	color: darkred !important;
	background-color: lightblue !important;
	width: 100% !important;
	/* box-shadow: 10px 10px 10px rgba(120, 20, 20, 0.45);*/
	display: inline-flex;
	margin-inside: 10px;
	padding-bottom: 10px;
	position: relative;
	float: left;
}

.dropdown-menu>li>a:hover { color: rgba(64,0,0,1) !important; }

/** overrides for bootstrap. hopefully. **/

.fazu { background-color: yellow !important; }

.footer {
	text-align: center !important;
	font-size: 10px;
	border-top: 1px solid #909090;
	line-height: 32px;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
	background:#8ba8af;
	color:#fff;
}
.inv_footer {
	text-align: center !important;
	font-family: Arial !important;
	font-size: 11pt;
	/*border-top: 1px solid #000;*/
	line-height: 14pt;
	padding: 10px;
	margin: 20px 0 0 0;
	background:transparent;
	color:#000000;
}
.altfont
{
	font-family:Times New Roman;
	font-size:.8em;
}

.form-control { width: auto !important; }

/*            .jumbotron {
                            background-color: #fcf8e3 !important;
                        }*/
.jumbotron {
	box-shadow: 22px 17px 38px -6px rgba(50, 50, 150, 0.50);
	padding-bottom: 4px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
}
.list-group-item {
	padding-right: 4px !important;
	padding-left: 4px !important;
	font-size: 9px !important;
}

.label { color: #fff !important; }

.panel-heading, .btn-default { color: rgb(80, 80, 80) !important; }

/*.table-striped > tbody > tr:nth-of-type(odd) { background-color: #EBF3EC !important; }*/
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #b7eff0 !important; }

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.hidden
{
	visibility:hidden;
}

.invisible
{
	display:none;
}

.left
{
	text-align:left;
}

.right
{
	text-align:right;
}


.title-app-box {
	float: left;
	left: 5px;
	position: relative;
	text-align: center;
	top: 30px;
}

.title-client-box {
	float: left;
	left: 5px;
	padding-bottom: 4px;
	position: relative;
	top: 5px;
}

.title-loggedin-box {
	float: right;
	position: relative;
	right: 5px;
	top: 30px;
}

.title-timedate-box {
	float: right;
	padding-bottom: 4px;
	position: relative;
	right: 5px;
	top: 5px;
}

.ui-autocomplete {
	max-height: 60%; /* prevent horizontal scrollbar */
	overflow-x: hidden;
	overflow-y: auto;
}

.ui-autocomplete {
	max-height: 250px; /* prevent horizontal scrollbar */
	overflow-x: hidden;
	overflow-y: auto;
}

#container{
	box-shadow: 22px 17px 38px -6px rgba(50, 50, 150, 0.50); /** margin-left: 8px; border: 2px solid #D0D0D0; -webkit-box-shadow: 0 0 8px #BABABA; **/
	margin-top: 15px;
}
/*Hidden class for adding and removing*/
.lds-dual-ring.hidden {
	display: none;
}

/*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
.overlay {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: gray;
	z-index: 999;
	opacity: 1;
	transition: all 0.5s;
}

/*Spinner Styles*/
.lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 5% auto;
	border-radius: 50%;
	border: 6px solid #a00;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}