@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Nunito:400,600&subset=latin-ext';


#invoice {
	background: #fff;
	width: auto;
	max-width: 900px;
	padding: 60px;
	margin: 0 auto 60px;
	border-radius: 4px
}

.print-button-container {
	width: 100%;
	text-align: center
}

.print-button,
.print-button:hover {
	line-height: 24px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	background-color: #333;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
	border-radius: 4px;
	padding: 10px 20px;
	display: inline-block;
	text-align: center;
	margin: 40px auto;
	transition: .3s;
	text-decoration: none!important;
	outline: none!important;
	width: auto
}

.print-button:hover {
	background-color: #444
}

@media print {
	.print-button-container,
	.print-button {
		display: none;
		opacity: 0;
		visibility: hidden;
		height: 0
	}
	body {
		background: #fff;
		height: 100%;
		color: #666
	}
	strong,
	th,
	h1,
	h2,
	h3 {
		color: #111
	}
	table,
	th,
	#footer,
	#footer li {
		border-color: #bbb
	}
	@page {
		size: A4;
		margin: 0 17mm
	}
	#invoice {
		max-width: 100%;
		padding: 17mm 0;
		margin: 0;
		position: relative
	}
	#details {
		position: relative;
		top: -30px
	}
	#footer {
		position: fixed;
		bottom: 17mm
	}
	.content-block,
	p {
		page-break-inside: avoid
	}
	html,
	body {
		width: 210mm;
		height: 297mm
	}
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-11 {
		width: 91.66666667%
	}
	.col-md-10 {
		width: 83.33333333%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-8 {
		width: 66.66666667%
	}
	.col-md-7 {
		width: 58.33333333%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-5 {
		width: 41.66666667%
	}
	.col-md-4 {
		width: 33.33333333%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-2 {
		width: 16.66666667%
	}
	.col-md-1 {
		width: 8.33333333%
	}
	.col-md-pull-12 {
		right: 100%
	}
	.col-md-pull-11 {
		right: 91.66666667%
	}
	.col-md-pull-10 {
		right: 83.33333333%
	}
	.col-md-pull-9 {
		right: 75%
	}
	.col-md-pull-8 {
		right: 66.66666667%
	}
	.col-md-pull-7 {
		right: 58.33333333%
	}
	.col-md-pull-6 {
		right: 50%
	}
	.col-md-pull-5 {
		right: 41.66666667%
	}
	.col-md-pull-4 {
		right: 33.33333333%
	}
	.col-md-pull-3 {
		right: 25%
	}
	.col-md-pull-2 {
		right: 16.66666667%
	}
	.col-md-pull-1 {
		right: 8.33333333%
	}
	.col-md-pull-0 {
		right: auto
	}
	.col-md-push-12 {
		left: 100%
	}
	.col-md-push-11 {
		left: 91.66666667%
	}
	.col-md-push-10 {
		left: 83.33333333%
	}
	.col-md-push-9 {
		left: 75%
	}
	.col-md-push-8 {
		left: 66.66666667%
	}
	.col-md-push-7 {
		left: 58.33333333%
	}
	.col-md-push-6 {
		left: 50%
	}
	.col-md-push-5 {
		left: 41.66666667%
	}
	.col-md-push-4 {
		left: 33.33333333%
	}
	.col-md-push-3 {
		left: 25%
	}
	.col-md-push-2 {
		left: 16.66666667%
	}
	.col-md-push-1 {
		left: 8.33333333%
	}
	.col-md-push-0 {
		left: auto
	}
	.col-md-offset-12 {
		margin-left: 100%
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
}