.ui-autocomplete.ui-front {
	z-index: 1500 !important;
}

div.modal-wide {
	width: 1600px;
	margin-left:-800px;
}

div.modal-tall {
  
}

div.modal-tall .modal-body {
  max-height:800px;
}

/* Stop buttons wrapping around. They are important content and shouldn't wrap around */
.button-column {
  white-space: nowrap;
}

.amount {
  text-align: right;
}

.amount.positive {
  color: #006600;
}

.amount.negative {
  color: #9B0000;
}

.moneyNegative {
  color: #9B0000;
}

.moneyPositive {
  color: #006600;
}

.moneyEqual {
  color: rgb(23, 162, 184);
}

.moneyNaN {
  color: #6c757d;
  font-style: italic;
}

.table-outlined-thick {
  border: 2px solid #666 !important;
}

.spinner {
  display: inline-block;
  opacity: 0;
  width: 0;

  -webkit-transition: opacity 0.25s, width 0.25s;
  -moz-transition: opacity 0.25s, width 0.25s;
  -o-transition: opacity 0.25s, width 0.25s;
  transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
  cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  width: auto; /* This doesn't work, just fix for unkown width elements */
}

.has-spinner.btn-mini.active .spinner {
    width: 10px;
}

.has-spinner.btn-small.active .spinner {
    width: 13px;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-large.active .spinner {
    width: 19px;
}



/* disable selection for extrarows */     
.grid-view td.extrarow {
  background: none repeat scroll 0 0 #DDD; 
  border: 1px solid gray !important;
}

/* disable selected for merged cells */     
.grid-view td.merge {
  border: 1px solid gray !important;
  background: none repeat scroll 0 0 #F8F8F8; 
}