html,
body {
	height: 100%;
/*	cursor: pointer; */
}

.form-control{
	/*height: unset !important;*/
/*	box-shadow: unset !important;
	-webkit-transition: none !important;
	transition: none !important;*/

	}
div#pagination {
	margin:0px;
}	

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -90px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
	height: 90px;
}
#footer {
	border-top:1px solid gray;
	background-color: #f5f5f5;
}

.container .credit {
	margin: 35px 0;
}
#accuralModal {
right: 620px;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
	#footer {
	  margin-left: -20px;
	  margin-right: -20px;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	div.dataTables_filter label {
    float: left !important;
	}
	.upload-invoice {
		display: none;
	}
}


body.dragging, body.dragging * {
  cursor: move !important; }

.dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000; }

ol.vertical {
  margin: 0 0 9px 0;
  padding:0px;
  min-height: 10px;
}

ol.vertical li {
    display: block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #CCC;
    color: #000;
    background: #cecece;
}
ol.vertical li.placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}
ol.vertical li.placeholder:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	margin-top: -5px;
	left: -5px;
	top: -4px;
	border: 5px solid transparent;
	border-left-color: red;
	border-right: none;
}



#invoice-leftcol{
	/*min-height: 640px !important;*/
}

.tab-content {
	margin-top:10px;
}

@media (min-width: 979px) and (max-width: 1205px)  {
	#invoice-rightcol .tab-content .list div{
		max-height: 614px !important;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#invoice-rightcol .tab-content .list div{
		max-height: 500px !important;
	}
}

@media (max-width: 768px){
	#invoice-leftcol{
		min-height: 1px !important;
	}
}

@media (min-width: 979px) and (max-width: 1205px){
	#invoice-leftcol{
		/*min-height: 640px !important;*/
	}
}
@media (min-width: 768px) and (max-width: 979px)  {
	#invoice-leftcol{
		/*min-height: 572px !important;*/
	}
}
@media (min-width: 1205px)  {
	#invoice-leftcol{
		/*min-height: 300px !important;*/
	}
}
@media (max-width: 420px)  {
	.startImage{
		width: 100% !important;
	}
}



/* hide all elements & show preloader */
		.js, .js body {overflow:hidden}
		.js body > * {visibility:hidden}
		.js #loading_layer {visibility:visible;display:block !important;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10000}
		.js #loading_layer img {position:fixed;top:50%;left:50%;width:64px;height:10px;margin:-5px 0 0 -32px}
		.js .tab-pane {display:block !important}
		.js .hide {display: inherit}
		

.breadcrumb{
	margin-bottom: 10px !important;
}
.breadcrumb h5 {
	margin: 5px 0px;
	line-height: 10px;
}

.tableInput {
	width:100% !important;
	/*line-height: 0px !important;*/
	margin: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding: 0px 1px 0px 1px !important;
	outline: none !important;
	border: 0px !important;
	-webkit-appearance: none !important;
	-webkit-box-shadow: none !important ;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	background: none !important;
	
	
}
.table-white{
	background-color: white;
}

.navbar .brand {
	padding: 10px 20px 5px;
}

.zoomWrapperImage img {
 	 max-width: none;
}

.right {
	width:10%!important;
}


.account {
	width:50px!important;
}
.description {
	
}
/*.debit {
	min-width:80px!important;
}
.credit {
	min-width:80px!important;
}*/
.number {
	text-align: right !important;
	/*width:70px!important;*/
}

.inboxNumber  {
	max-width:120px !important;
	min-width:70px !important;
	text-align: right !important;
	padding-right: 30px !important;
}
.inboxSupplier  {
	max-width:350px !important;
	min-width:200px !important;
}
.inboxExportStatus {
	text-align:center !important;
	min-width:140px !important;
}
.inboxStatus {
	text-align:center !important;
	min-width:80px !important;
}
.inboxCompany  {
	min-width:100px !important;
}
.inboxDate  {
	min-width:75px !important;
	text-align: right !important;
	padding-right: 30px !important;
}
.inboxVoucherNo  {
	max-width:30px !important;
	text-align: right !important;
	padding-right: 25px !important;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #dff0d8;
}

.amount {

}

.invoiceImageOverlay {  
	display:none;
    position:absolute;
    left:0;
    top:0;
   	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.8);
    width:100%;
    
    z-index:1000;
    text-align: center;
    
  }
.invoiceImageOverlay .close {
 color:white;
  float:none;
  vertical-align: top;
  top: 2px;
  right: -4px;
  line-height: 50px;
  font-size: 50px;
}

.form input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.table-comments td {
	border-top: none !important;
	padding: 0px !important;
} 

.new-comment {
	width:100%;
	height:20px;
}

.status-declined {
	background-color:red;
}
.status-exportError {
	background-color:red;
}
.status-duplicateControl {
	background-color:gray;
}

.status-attested,.status-approved {
	background-color:green;
}

.status-new {
	background-color:blue;
}

/*Datatables*/

div.dataTables_length label {
    float: left;
    text-align: left;
}
 
div.dataTables_length select {
}

div.dataTables_wrapper .form-inline {
	margin-left: 0px;
}
 
div.dataTables_filter label {
    float: right;
}
 
div.dataTables_info {
    padding-top: 8px;
}
 


.dataTables_processing i{
margin-left: 10px !important;
margin-top: 5px !important;
}
 
table {
    margin-bottom: 6px !important;
    clear: both;
}



label.valid {
  width: 24px;
  height: 24px;
  background: url(assets/img/valid.png) center center no-repeat;
  display: inline-block;
  text-indent: -9999px;
}
label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

div.xAxis div.tickLabel 
{    
	top:270px !important;
	width:72px !important;
    transform: rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */
    /*rotation-point:50% 50%;*/ /* CSS3 */
    /*rotation:270deg;*/ /* CSS3 */
}

.demo {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
.demo > .navbar-inner {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

}

#timeTracking {
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-radius:4px;
	padding:15px;
}

.input-time-hours {
	  padding: 8px !important;
	  width: 74px;
	  font-size: 20px !important;

}
.input-time-comment {
	font-size:15px;
}
.input-time-hours,.input-time-comment {
	color:#666;
	padding:4px;
	height:28px;
}

.input-time-comment {
	height:92px;
}
.input-quantity {
	height:92px;
}
#timeTrackingDatePicker {
/* 	width:20%; */
}
.modal-body {
	overflow-y:visible!important;
}
.accuralActive {
	border-color: rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.247059);
	background-image: linear-gradient(rgb(98, 196, 98), rgb(81, 163, 81));
	background-color: rgb(91, 183, 91);
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
#yearFilter{
  width: 80px;
  display: inline-block;
}

span.form-control{
	white-space: nowrap;
    overflow: hidden
}
.btn-toolbar{
	margin-top: 10px;
	margin-bottom: 10px;
}


@media print { 
.navbar{
	display: none !important;
}
.container{
	display: none !important;
}
.noPrint{ 
	display: none !important; 
}
}