.container {
    max-width: 750px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
	clear:both;
	font-family: Oswald, Verdana, Tahoma;
}

h1 {
  margin-bottom: 20px;
	font-family: Tahoma, Verdana;
    font-size: 2.25em; font-weight: 300;
    font-stretch: condensed;
}
h2 {
	font-family: Oswald, Verdana, Tahoma;
}

label {
    display: block;
    margin-bottom: 5px;
}
.sublabel {
	font-size: 0.9em;
	font-style: italic;
	margin-top: -3px;
    margin-bottom: 5px;
}

#userInput {
	margin-bottom: 8px;
	font-size: 1.2em;
}

button {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: gray;
    color: black;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
button:hover {
    background-color: #0056b3;
}
button.active {
    background-color: #0056b3;
    color: white;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
	font-family: Oswald, Verdana, Tahoma;
	font-size: .8em;
}
th, td {
    padding: 6px;
    border: 1px solid #ccc;
}
.switalic th:nth-child(3), .switalic th:nth-child(6) {
    font-style:italic;
}
.switalic td:nth-child(3), .switalic td:nth-child(6) {
    font-style:italic;
}
tfoot td {
    font-weight: bold;
    border-top: 3px solid #333; /* Bold border for the Total Amount row */
}

.btn {
    padding: 10px 20px;
	border-radius: 5px;
    margin: 0 5px 8px 5px;
    background-color: lightgray;
    color: black;
    border: none;
    cursor: pointer;
}

.btn.active {
    background-color: #0276b1;
    color: white;
}
.btn:hover {
	background-color: #0276b1;
	color: white;
}

.error {
    color: red;
}

.blueLine {
    width: 100%;
    height: 5px; 
    background-color: #0276b1;
    clear: both;
}

.choiceStrSew {
	width: 50%; /* 33%; */
	float: left;
}
@media (max-width: 625px) {
    .choiceStrSew { width: 100%; float: none; }
}

.kgallons { font-size:.95em; font-weight:normal; font-style:italic; }

sup { font-weight: bold; }

#explain1 {
    text-align: left; 
    margin-top: 3px;
    font-size: 0.8em;
    font-style: italic;
}