
/* Override bootstrap label styling*/
label {
	display: block;
	margin-bottom: 0rem;
}

.label-inline {
	display: inline-block !important;
}

/* Override bootstrap and sty_combined_styles_secure_pathing fieldset style to include border */
fieldset {
	border: 1px !important;
	border-style: solid !important;
	border-color: #000000 !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
	padding-left: 1em;
	padding-right: 1em;
}

legend {
	width: auto !important;
	padding: 0 10px !important;
	border-bottom: none !important;
}

/* Have to override pesky sty_combined_styles_secure_pathing.css styles */
.btn-primary-action-link {
	color: #fff !important;
	text-decoration: none !important;
}

.btn-outline-primary-action-link {
	color: #007bff !important;
	text-decoration: none !important;
	background-color: transparent !important;
	background-image: none !important;
	border-color: #007bff !important;
}

	.btn-outline-primary-action-link:hover {
		color: #fff !important;
		text-decoration: none !important;
		background-color: #007bff !important;
		border-color: #007bff !important;
	}

.btn-danger-action-link {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
}

	.btn-danger-action-link:hover {
		color: #fff !important;
		text-decoration: none !important;
		background-color: #c82333 !important;
		border-color: #bd2130 !important;
	}

.btn-info-action-link {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #17a2b8 !important;
	background-image: none !important;
	border-color: #17a2b8 !important;
}

	.btn-info-action-link:hover {
		color: #fff !important;
		text-decoration: none !important;
		background-color: #138496 !important;
		border-color: #117a8b !important;
	}

.btn-success-action-link {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #28a745 !important;
	background-image: none !important;
	border-color: #28a745 !important;
}

	.btn-success-action-link:hover {
		color: #fff !important;
		text-decoration: none !important;
		background-color: #218838 !important;
		border-color: #1e7e34 !important;
	}

.btn-outline-success-action-link {
	color: #28a745 !important;
	text-decoration: none !important;
	background-color: transparent !important;
	background-image: none !important;
	border-color: #28a745 !important;
}

	.btn-outline-success-action-link:hover {
		color: #fff !important;
		text-decoration: none !important;
		background-color: #28a745 !important;
		border-color: #28a745 !important;
	}

.review-field {
	border: 0px solid;
	background-color: #f8f9fa;
	width: 100%;
}

	.review-field:focus {
		outline: none;
	}

/* Make card-header background darker per request */
.card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #000000;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* styles for validation helpers */
.field-validation-error {
	display: block;
	font-size: 14px; /* Match label font size */
	color: #b94a48;
}

.field-validation-valid {
	display: none;
}

input.input-validation-error {
	border: 1px solid #b94a48;
	background-color: #fceff1;
}


select.input-validation-error {
	border: 1px solid #b94a48;
	background-color: #fceff1;
}

input[type="checkbox"].input-validation-error {
	border: 0 none;
	outline: 1px solid #b94a48;
	background-color: #fceff1;
}

.validation-summary-errors {
	color: #b94a48;
}

.validation-summary-valid {
	display: none;
}

.validation-summary-banner {
	text-align: center;
	vertical-align: middle;
	color: #721c24;
	background-color: #f8d7da;
	border-radius: 25px;
	padding-top: 15px;
	padding-bottom: 1px;
	margin: 15px;
	box-shadow: 0px 0px 0px 1px #721c24 inset;
}

.table-row-valign-middle > tbody > tr > td {
	vertical-align: middle;
}

/* styles for form field max widths */
/* Doesn't use media queries but just caps the form at a max-width for fields that shouldn't be 100% width*/

.form-short-col-1 {
	max-width: 60px;
}

.form-short-col-2 {
	max-width: 120px;
}

.form-short-col-3 {
	max-width: 180px;
}

.form-short-col-4 {
	max-width: 240px;
}

.form-short-col-5 {
	max-width: 300px;
}

.form-short-col-6 {
	max-width: 360px;
}

.form-short-col-7 {
	max-width: 420px;
}

.form-short-col-8 {
	max-width: 480px;
}

.form-short-col-9 {
	max-width: 540px;
}

.form-short-col-10 {
	max-width: 600px;
}

.form-short-col-11 {
	max-width: 760px;
}

.form-short-col-12 {
	max-width: 820px;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.card-header {
	font-weight: bold !important;
}

.alert {
	font-size: large !important;
}

.required-label:after {
	content: "*" !important;
	font-weight: bold !important;
	color: red !important;
}

.row {
	margin: 0px !important;
	padding: 0px !important;
}