/*!
 * Jetpack CRM Extension: WooSync My Account Styles
 * https://jetpackcrm.com
 */
// Daterangepicker styles
@use "daterangepicker/daterangepicker";

.zbs-invoice-list {

	.paid {
		background: #008000;
	}

	.draft {
		background: #999;
	}

	.overdue {
		background: #f00;
	}

	.unpaid {
		background: #d0d012;
	}

	.status {
		padding: 5px;
		color: #fff;
		font-weight: 700;
	}

	.tools .fa {
		color: #a3210b;
	}
}


.zbs-invoice-box {
	padding: 50px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	background: #fff;
	position: relative;

	.zbs-portal-label {
		border-bottom: 3px solid #383838;
		display: inline;
	}

	.zbs-portal-value {
		font-size: 40px;
		color: #000;
		font-weight: 900;
	}

	.zbs-invoice-paid {
		position: absolute;
		right: 0;
		top: 0;
		padding: 30px;
		margin-right: 10px;
		color: #038d24;
		background: #92e9a7;
		text-transform: uppercase;
		font-weight: 900;
		margin-top: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.zbs-portal-inv-deets {
		text-align: right;
	}

	.pay-to-name {
		font-size: 22px;
		font-weight: 800;
		color: #000;
	}

	#zbs-business-info-wrapper,
	.zbs-invoice-pull-left {
		width: 50%;
		float: left;
	}

	#zbs-customer-info-wrapper,
	.zbs-invoice-pull-right {
		width: 50%;
		float: right;
		text-align: right;
	}

}

.zbs-logo-portal {
	padding-top: 15px;
	min-height: 130px;
}