/* ================================= INFO ================================= */
/* ------------------------------------------------------------------------ */

/*
   These are styles specific to the application Provisional Ballot Status, on
   top of styles from the Cerulean19 theme. See the Cerulean19 styles and
   documentation for more.
 */


/* ================================ COLORS ================================ */
/* ------------------------------------------------------------------------ */

/* Ballot details */
.VR.PBS .Page-BallotDetails .BallotFields {
	color: #444444;
}

.VR.PBS .Page-BallotDetails .BallotFields .AcceptedStatusText {
	color: #555555;
}

@media screen and (max-width: 759px) {

	.VR.PBS .Page-BallotDetails .BallotFields .InfoField > .Label {
		border-bottom-color: #D0D0D0;
	}
}


/* ================================ GENERAL =============================== */
/* ------------------------------------------------------------------------ */

.VR.PBS #google_translate_element {
	margin-bottom: 1.25rem;
}

.VR.PBS h1 {
	margin: 0 0 1.0rem 0;
}

@media screen {

	.VR.PBS .PageContent {
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
}

@media screen and (min-width: 980px) {

	.VR.PBS .PageContent {
		margin-left: auto;
		margin-right: auto;

		width: 650px;
	}
}

@media screen and (min-width: 760px) and (max-width: 979px) {

	.VR.PBS .PageContent {
		margin-left: 10%;

		width: 75%;
		max-width: 650px;
	}
}

@media screen and (min-width: 401px) and (max-width: 759px) {

	.VR.PBS .PageContent {
		margin-left: 7.5%;

		width: 85%;
		max-width: 550px;
	}
}

/* =========================== BALLOT SEARCH FORM ========================= */
/* ------------------------------------------------------------------------ */

.VR.PBS .Page-BallotSearch {
	padding-top: 1.5rem;
}

.VR.PBS .Page-BallotSearch .Preamble {
	margin-bottom: 2.0rem;
}

.VR.PBS .Page-BallotSearch .Preamble p {
	margin-left: 0.5rem;
	margin-right: 0.5rem;

	font-size: 0.9rem;
}

.VR.PBS .Page-BallotSearch form .FieldGroup > .Field.KVP .Label {
	flex-basis: 33.0ex;
}

@media screen and (min-width: 760px) and (max-width: 979px) {

	.VR.PBS .Page-BallotSearch form .FieldGroup > .Field.KVP {
		flex-wrap: none;
	}
}

@media screen and (min-width: 760px) {

	.VR.PBS .Page-BallotSearch #SubmissionButtons {
		margin-left: 29.5ex;
	}
}


/* ============================ BALLOT DETAILS ============================ */
/* ------------------------------------------------------------------------ */

.VR.PBS .Page-BallotDetails {
	padding-top: 1.5rem;
}

.VR.PBS .Page-BallotDetails .BallotFields {
	margin-left: 0.75rem;
	margin-right: 0.75rem;
}

.VR.PBS .Page-BallotDetails .BallotFields .InfoField {
	margin-left: 0 !important;

	text-indent: 0 !important;
}

.VR.PBS .Page-BallotDetails .BallotFields .StatusIndicator {
	position: relative;
	top: 0.25em;
}

.VR.PBS .Page-BallotDetails .BallotFields .AcceptedStatusText {
	font-weight: bold;
}

@media screen and (max-width: 759px) {

	.VR.PBS .Page-BallotDetails .BallotFields {
	}

	.VR.PBS .Page-BallotDetails .BallotFields .InfoField {
		margin-bottom: 1.0em;
	}

	.VR.PBS .Page-BallotDetails .BallotFields .InfoField > .Label {
		display: block;

		padding-bottom: 0.25em;

		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.VR.PBS .Page-BallotDetails .BallotFields .InfoField > .Label:after {
		content: '';
	}

	.VR.PBS .Page-BallotDetails .BallotFields .InfoField > .Value {
		display: block;

		margin-top: 0.5em;
	}
}

@media screen and (min-width: 760px) {

	.VR.PBS .Page-BallotDetails .BallotFields .InfoField > .Label {
		display: inline-block;

		width: 10.5ex;
	}

	.VR.PBS .Page-BallotDetails .BallotFields .AcceptedStatusReason {
		margin-top: 0.25em;
		padding-left: 11.75ex;
	}
}