/**
 * My Application to Pay
 */

.matp-wrapper {
	width: 100%;
	margin: 20px auto;
}

.matp-search-results {
	width: 100%;
	overflow-x: auto;
}

.matp-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 1px;
	background: #ffffff;
	font-size: 14px;
}

.matp-table th,
.matp-table td {
	border: 1px solid #000000;
	padding: 8px 10px;
	text-align: left;
	vertical-align: middle;
}

.matp-table th {
	background: #f2f2f2;
	font-weight: 600;
}

.matp-table tbody tr:nth-child(even) {
	background: #fafafa;
}

.matp-table tbody tr:hover {
	background: #f5f5f5;
}

.matp-button {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 3px;
	font-size: 11px;
	line-height: 1.4;
	text-decoration: none !important;
	color: #ffffff !important;
	white-space: nowrap;
}

.matp-button:hover {
	color: #ffffff !important;
	opacity: 0.85;
}

.matp-pay-button {
	background: #0000cc;
}

.matp-renew-button {
	background: #008000;
}

.matp-no-results {
	text-align: center !important;
	padding: 15px !important;
	color: #555555;
}

/*
 * Mobile layout.
 */
@media screen and (max-width: 768px) {

	.matp-wrapper {
		margin: 10px auto;
	}

	.matp-table {
		font-size: 12px;
	}

	.matp-table th,
	.matp-table td {
		padding: 6px;
	}

	.matp-button {
		font-size: 10px;
		padding: 5px 7px;
	}
}