/*******************************************************************************
* Simplified PHP Invoice System                                                *
*                                                                              *
* Version: 1.1.1	                                                               *
* Author:  James Brandon                                    				   *
*******************************************************************************/

body {
	padding: 0; 
}

.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;
}

.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: 0px;
}

.invoice_product_qty {
	width: 50px;
	text-align: center;
}
.invoice_type {
	text-transform: uppercase;
}

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

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

.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;
}

/* Other styles */
strong.shipping {
	margin-top: 4px;
	display: block;
}

/* Progress bar */
.progress .bar {
	display: block;
	height: 20px;
}
.error-list {
	display: none;
}
.progress.progress-danger .bar {
	background-color: #c13333;
}
.progress.progress-warning .bar {
	background-color: #c1bf33;
}
.progress.progress-success .bar {
	background-color: #33c133;
}

 @media screen and (max-width:33.9em) {
.user{text-align: center;
 }
.mobile-center{text-align: center;
	}
.float-right {
    float: unset;
}
}
.input-group-sm{
	width: 120px;
}
#invoice_table .item_title {
    width: 220px;
}
#invoice_table .invoice_product {
    width: 185px;
}