﻿label {
	margin-top: 20px;
	margin-bottom: 0;
}

	label + label, .card-body > label:first-child {
		margin-top: 0;
		align-self: flex-end;
	}

td > .btn, .card-header .btn {
	margin-top: 0 !important;
}

th {
	border-top: 0 !important;
}

/*Eliminate extra margin on the bottom of cards where the last element is a P. */
.card-body > p:last-child {
	margin-bottom: 0;
}

/*Eliminates bottom margin when a table is the last element in a div.*/
div > table:last-child {
	margin-bottom: 0;
}

/*Eliminates top margin for the labels in the first row inside a card.*/
.card-body > .row:first-child label {
	margin-top: 0;
}

/*For some reason the theme changes the cursor to pointer on all labels...*/
label {
	cursor: unset !important;
}

.main-container .btn {
	margin-top: 25px;
}

/*This only works really well because we're wrapping all tables in div.table-responsive.*/
.table-responsive td {
	white-space: nowrap
}

/*In this case the table needs a border on the top to separate it from whatever content is in the card body.*/
.card-body + .table-responsive {
	border-top: 1px solid rgba(0, 0, 0, 0.075);
}

/*Changes to increase usable width on mobile.*/
@media (max-width:767px) {

	/*Remove effects that won't make sense without padding.*/
	.ccard, .card {
		border: 0px solid !important;
		box-shadow: none;
	}

	/*Remove actual padding so we actually reclaim the horizontal space.*/
	.card {
		margin-left: -15.75px;
		margin-right: -15.75px;
		border-radius: 0;
	}

	.accordion .card-body {
		padding: 22.5px;
	}

	.table-responsive {
		border-bottom: 1px solid rgba(0, 0, 0, 0.075);
	}

	/*On mobile devices you should */
	.main-container .btn {
		display: block;
		width: 100%;
	}
}

/*Stuff added to make the Claim Status Card better.*/
h6 {
	margin-bottom: 2rem;
	font-weight: 600;
	font-size: 1.1em
}

b {
	font-weight: 600;
}

.answer {
	font-size: 0.9em;
	display: block
}
