/***
Invoice page
***/

.invoice {
	max-width: 11.5in;
	margin: 0 auto;
}
.invoice .panel-body {
	padding: .5in;
}
.invoice .info table th,
.invoice .info table td,
.invoice .total-info table th,
.invoice .total-info table td {
	font-size: 14px;
	text-align: left;
	padding: 4px;
}
.invoice .total-info table th
.invoice .info table th {
	text-transform: uppercase;
	font-weight: 700;
}
table.align-right td {
	text-align: right;
}
.invoice table th h3 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 30px;
	text-align: right;
	margin: 0px;
}
.invoice .info h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	margin: 0px;
	padding-bottom: 10px;
}
.invoice .total-info table thead th,
.invoice .info table thead th {
	font-weight: 700;
	font-size: 18px;
	text-align: left;
	padding-top: 10px;
}
.invoice .total-info tbody th:nth-child(1),
.invoice .total-info tbody td:nth-child(1),
.invoice .info tbody th:nth-child(1),
.invoice .info tbody td:nth-child(1) {
	text-align: left;
	min-width: 70px;
}
.invoice .total-info table tbody th:nth-child(2),
.invoice .total-info table tbody td:nth-child(2),
.invoice .info table tbody th:nth-child(2),
.invoice .info table tbody td:nth-child(2) {
	text-align: right;
}

.invoice .info .option{
	display:inline-block;
	width:250px;
}
.invoice .info .option span{
	display:inline-block;
	min-width:65px;
	font-weight:700;
}


.invoice .table thead tr{
	background:#D8D8D8;
}
.invoice .table tbody td{
	border-right-style:dotted;
	border-left-style:dotted;
}
.invoice .table tbody td:first-child
.invoice .table tbody td:last-child{
	border-right-style:solid;
	border-left-style:solid;
}


.invoice .invoice-logo {
	margin-bottom: 20px;
}
.invoice .invoice-logo p {
	padding: 5px 0;
	font-size: 26px;
	line-height: 28px;
	text-align: right;
}
.invoice .invoice-logo p span {
	display: block;
	font-size: 14px;
}
.invoice .invoice-logo-space {
	margin-bottom: 15px;
}
.invoice .invoice-payment strong {
	margin-right: 5px;
}
.invoice .invoice-block {
	text-align: right;
}
.invoice .invoice-block .amounts {
	margin-top: 20px;
	font-size: 14px;
}


.invoice-footer{
	border-top:1px solid #ccc;
	padding-top:5px;
}

.form-grid .gheader{
	background:#ccc;
}

.form-grid .gheader .gh,
.form-grid .gr .gd{
	border-color:#ccc;
}
.form-grid .gbody .gr .gd{
	padding: 0px;
	border-right-style:dotted;
	border-left-style:dotted;
}

.form-grid .gbody .gr .gd:first-child{
	border-left-style:solid;
}
.form-grid .gbody .gr .gd:last-child{
	border-right-style:solid;
}

.form-grid .gr .gd .form-control .selectize-input,
.form-grid .gr .gd .form-control{
	border:none !important;
	border-bottom:0px solid #CCC;
	resize:none;
	    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
	outline:none;
}
.form-grid .gr .gd .form-control .selectize-input{
	padding:0;
	padding-right:15px;
}
.form-grid .gr .gd .selectize-input > * {
  display: inline-block;
  line-height:30px !important;
}
.form-grid .gr .gh.itemName{
	min-width:150px;
}
.form-grid .gr .gh.itemUnit{
	min-width:120px;
}
.form-grid .bootstrap-select .bs-searchbox{
	padding:0;
	margin:0;
}
.form-grid .bootstrap-select .dropdown-menu .form-control{
	border-bottom: 1px solid #e5e5e5 !important;
    box-shadow: none;
}
.form-grid .bootstrap-select.btn-group .dropdown-menu {
    margin-top: -2px;
	-webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -ms-border-radius: 0px 0px 4px 4px;
    -o-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.tax-row .form-group{
	margin:0;
	padding:0;
}

@media print{
	.panel{
		border:none !important;
	}
	.invoice-wrapper {
		max-width: auto;
		margin: 0 auto;
	}
	.invoice .panel-body {
		padding: 0;
	}
	.invoice .invoice-header{
		display:none !important;
	}
	.info .col-sm-4,
	.info .col-md-4{
		width:33%;
		float:left;
	}
	.info .col-sm-6,
	.info .col-md-6,
	.info .col-lg-6{
		width:50%;
		float:left;
	}
	.invoice-body{
		width:100%;
	}
	.invoice-footer{
		display:block;
		width:100%;
		/*position:absolute;
		bottom:0;*/
	}
}