/* ============================================
   PayYourTix Default Page - Modernized
   Overlay: replaces Default.chirp.css
   ============================================ */

td {
	vertical-align: top;
}

html {
	margin-top: 0;
	padding-top: var(--spacing-lg);
}

.CountyInfo {
	font-size: var(--font-size-base);
	font-family: var(--font-family);
	background-color: var(--color-bg-alt);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	padding: var(--spacing-md);
	width: 300px;
	box-shadow: var(--shadow-sm);
}

.MainDiv {
	width: 100%;
	position: relative;
	top: 0;
	padding: var(--spacing-md) 0;
}

.LogoImage {
	position: relative;
	top: 0;
	max-height: 80px;
}

.OcpLogoImage {
	position: relative;
	top: 0;
}

.LogoText {
	margin-top: var(--spacing-sm);
	margin-left: 0;
	margin-bottom: var(--spacing-lg);
	font-style: italic;
	font-size: var(--font-size-base);
	font-weight: 500;
	color: var(--color-text-light);
}

.FloatInfo {
	width: 320px;
	float: right;
	position: relative;
	z-index: 100;
	top: 0;
}

.Footer {
	margin-top: var(--spacing-xl);
	padding: var(--spacing-md) 0;
	border-top: 1px solid var(--color-border);
	color: var(--color-text-light);
	font-size: var(--font-size-sm);
}

	.Footer #FooterTableCol1 {
		position: relative;
		top: 0;
		display: none;
	}

	.Footer #FooterTableCol2 {
		display: none;
	}

	.Footer > div:nth-child(2n+1) {
		display: none;
	}

#ShoppingCart input {
	width: 100px;
}

.PartialPayth th {
	text-align: left;
}

.LogoImageCaption {
	margin-left: 0;
	margin-top: var(--spacing-xs);
	font-style: italic;
	font-size: var(--font-size-sm);
	color: var(--color-text-light);
}

	.LogoImageCaption span {
		margin-left: var(--spacing-xl);
	}

.securitymetrics img {
	width: 100px;
	height: 50px;
}

#SearchTable {
	font-family: var(--font-family);
	font-size: var(--font-size-base);
	margin-left: 0;
}

	#SearchTable td {
		padding: var(--spacing-xs) var(--spacing-sm);
	}

.continuance {
	margin-top: var(--spacing-md);
	margin-left: var(--spacing-md);
}

	.continuance .table {
		display: table;
	}

		.continuance .table div {
			display: table-row;
		}

		.continuance .table label,
		.continuance .table input {
			display: table-cell;
			padding-right: var(--spacing-md);
			padding-bottom: var(--spacing-sm);
		}

	.continuance .submitcontinuance {
		width: 100%;
		text-align: center;
		margin-top: var(--spacing-sm);
	}

/* --- Page wrapper card effect --- */
.BodyDiv {
	background-color: var(--color-bg-card);
	border-radius: var(--radius-xl);
	box-shadow: var(--shadow-md);
	padding: var(--spacing-lg);
	margin-top: var(--spacing-md);
}

input[type='button'][value='Checkout'] {
	background-color: #f39c12 !important;
	color: #fff !important;
	border: none !important;
	padding: 6px 14px !important;
	border-radius: 4px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	font-size: 1em !important;
	width: auto !important;
}

	input[type='button'][value='Checkout']:hover,
	input[type='button'][value='Checkout']:focus {
		background-color: #d4920a !important;
	}