.invoice-content {
    background-color: $__white;
	border: 1px solid $border-color;
	padding: 24px;
    margin-bottom: 24px;
	@include rounded(10px);	
}
.invoice-item {
	.invoice-logo {
	    margin-bottom: 30px;
	    img {
		    width: $__auto;
		    max-height: 52px;
		}
	}
	.invoice-text {
		padding-top: 42px;
		padding-bottom: 36px;
		h2 {
			color: $__dark__blue;
			font-size: $__font__size__36;
			font-weight: $font-weight-semibold;
		}
	}
	.invoice-details {
		text-align: $__right;
		@include respond-below(custom767) {
			text-align: $__left;
		}
	}
	.invoice-details-two {
		text-align: $__left;
	}
	.customer-text {
		font-size: $font-size-18;
		font-weight: $font-weight-semibold;
		color: $gray-900;
		margin-bottom: 8px;
		display: $__block;
		@include respond-below(custom767) {
			font-size: $font-size-16;
		}
	}
}
.invoice-info {
	margin-bottom: 30px;
	p {
		margin-bottom: 0;
	}
	&.invoice-info2 {
	    text-align: $__right;
	    @include respond-below(custom767) {
			text-align: $__left;
		}
	}
	h5 {
	    font-size: $font-size-16;
	    font-weight: $font-weight-medium;
	}
}
.invoice-table {
    border: 1px solid $border-color;
    border-radius: 10px;
    margin-bottom: 20px;
}
.invoice-table, .invoice-table-two {
	tr {
		th {
			color: $gray-900;
			font-weight: $font-weight-medium;
			line-height: inherit;
			padding: 8px 12px;
			&:first-child {
				border-top-left-radius: 10px;
			}
			&:last-child {
				border-top-right-radius: 10px;
			}
		}
		td {
			color: $gray-600;
			font-weight: $font-weight-medium;
			padding: 12px 12px;
		}
	}
	tbody {
		tr {
			
			&:last-child {
				border-color: transparent;
				td {
					&:first-child {
						border-bottom-left-radius: 10px;
					}
					&:last-child {
						border-bottom-right-radius: 10px;
					}
				}
			}
		}
	}
}
.invoice-table-two {
	margin-bottom:0;
	tr {
		th, td {
			border-top: 0;
		}
		td {
			text-align: $__right;
		}
	}
}
.other-info {
    margin-top: 10px;
}