#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px;
}

 html,
      body {
        height: 100%;
		padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* 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 -40px;
      }
      /* Set the fixed height of the footer here */
      #push {
        height: 40px;
      }
	  
	  #footer {
	  height: 40px;
	  width: 100%;
	  border-top: 1px solid #dddddd;
	  border-bottom: 1px solid #dddddd;
	  padding: 8px;
	  text-align: center;
	  background-color:#f5f5f5;
	}
		  


.clear { 
	clear: both;
}

.panel-body {
	padding: 15px 15px 0 15px;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.margin-bottom {
	margin-bottom: 1em;
}

.btn-margin-bottom {
	margin-bottom: 1em;
}

.minus-margin-top {
	margin-top: -1em;
}

.minus-margin-bottom {
	margin-bottom: -1.2em;
}

.minus-margin-topf {
	margin-top: -1.6em;
}

.margin-top {
	margin-top: 1em;
}

.padding-right {
	padding-right: 15px;
}

.no-padding-right {
	padding-right: 0;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.user {
	margin-top: 8px;
	margin-right: 10px;
}

/* Forms */
input.shipping {
	text-align: right;
}
.custom_email_textarea {
	width: 100%;
	padding: 10px;
}
#invoice_status,
#invoice_type {
	margin-top: 23px;
}

.invoice_product_qty {
	width: 100%;
}
.invoice_type {
	text-transform: uppercase;
}

.select-customer {
	margin-top: 10px;
}

.delete-row {
	float: left;
	margin-top: 6px;
}

.item-select {
	float: left;
	margin: 4px;
}

.item-input {
	float:  left;
	width: 65%;
	margin-left: 10px;
}

.textarea {
	width: 100%;
}

.textarea textarea {
	width: 100%;
	padding: 10px;
	resize: none;
}

.padding-top {
	padding-top:3px;
}


@media only screen and (max-width: 100%) {
	.invoice-box table tr.top table td{
		width:100%;
		display:block;
		text-align:center;
	}
	
	.invoice-box table tr.information table td{
		width:100%;
		display:block;
		text-align:center;
	}
}

  .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 200px;
  }

.dashboard {
  height: 230px;
}
  
.freewidth {
  width: 100%;
}