:root {
	--green-color: #668018;
}

body{
	background:pink;
	content: "Custom css included";
}

main#content {
	min-height: 60vh;
}

.g-col {
	max-width: 100vw;
}

.print-only {
	display: none;
}
.isPDF .print-only {
	display: block;
}
@media print {
	.print-only {
		display: block;
	}
}

/* Start Footer Corrections */
footer#page-footer-mobile .flex-nowrap {
	flex-wrap: wrap !important;
}
footer#page-footer-mobile .justify-content-center .flex-nowrap {
	justify-content: center; !important;
}

/* End Footer Corrections */

/* Order Detail Page */
button[data-bs-toggle='collapse'] {
	border-radius: 0.4rem;
	border-width: thin;
}
button[data-bs-toggle='collapse'][aria-expanded='true'] img {
	content: url('/files/icons/chevron-up.svg');
	position: relative;
	top: -0.2rem;
}
button[data-bs-toggle='collapse'][aria-expanded='false'] img {
	content: url('/files/icons/chevron-down.svg');
	position: relative;
	top: -0.2rem;
}

#portal-order-detail-container .overflow-x-scroll {
	overflow-x: auto !important;
}

#portal-order-detail-container .tab-pane {
	margin-top: 1rem;
}
#portal-order-detail-container header.portal-order-detail .portal-order-detail-navigation {
	margin-bottom: 1rem;
}

#portal-order-detail-container header.portal-order-detail .portal-order-detail-navigation .portal-order-detail-icon {
	padding-right: 3px;
	position: relative;
	top: -1px;
}
#portal-order-detail-container header.portal-order-detail .portal-order-detail-navigation .portal-order-detail-button {
	text-decoration: none; /* Not applicable to <button>. Here for <a> if needed. */
	color: var(--green-color);
}

.portal-order-detail-summary-tbl {
	width: 96%;
	justify-content: right;
	display: flex;
}

.portal-order-detail-tabs .nav-tabs .nav-link, 
.portal-order-detail-tabs .nav-tabs .nav-link.active {
	background-color: transparent;
	border-top-color: #d9d9d9;
	border-left-color: #d9d9d9;
	border-right-color: #d9d9d9;
	border-bottom-color: transparent;
	color: #000000;
	font-weight: 500;
}

.portal-order-detail-tabs .nav-link.active {
	border-bottom-color: green !important;
	border-bottom-width: 2px;
}

.portal-order-detail-tabs li.nav-item {
	padding-right: 1rem;
}

.portal-order-line-items-tbl thead {
	background-color: var(--bs-gray-300);
	border-bottom-width: 2px;
}

.portal-order-line-items-tbl tbody tr {
	border-color: var(--swift-background-color);
	border-bottom-width: 6px;
	border-top-width: 6px;
	background-color: var(--bs-white);
}
.portal-order-line-items-tbl thead tr th {
	padding-top: .3rem;
	padding-bottom: .3rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}
.portal-order-line-items-tbl tbody tr td {
	padding-top: .3rem;
	padding-bottom: .3rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

.portal-order-detail-summary-row {
	background-color: transparent !important;
}

.portal-order-detail-total-tbl {
	width: unset;
	float: right;
}

.portal-order-detail-total-tbl .order-subtotal {
	font-size: 1rem;
	font-weight: 700;
}

.portal-order-detail-total-tbl .order-total {
	font-size: 1.4rem;
	font-weight: 700;
}

.portal-order-detail-tabs #shipping-items table td,
.portal-order-detail-tabs #shipping-items table th,
.portal-order-detail-tabs #invoice-items table td,
.portal-order-detail-tabs #invoice-items table th,
.portal-order-detail-tabs #attachments-items table td,
.portal-order-detail-tabs #attachments-items table th {
	background-color: var(--bs-white) !important;
	padding: 3px 3px 3px 3px;
	border: 2px solid var(--swift-background-color) !important;
}

.portal-order-detail-tabs #shipping-items table td.center-table-cell,
.portal-order-detail-tabs #shipping-items table th.center-table-cell,
.portal-order-detail-tabs #invoice-items table td.center-table-cell,
.portal-order-detail-tabs #invoice-items table th.center-table-cell,
.portal-order-detail-tabs #attachments-items table td.center-table-cell,
.portal-order-detail-tabs #attachments-items table th.center-table-cell {
	text-align: center;
}

#page-header-mobile {
	background-color: var(--bs-gray-100);
	padding-bottom: .3rem;
}

#LineItemTableContainer {
	padding-left: 0;
	padding-right: 0;
	overflow-x: scroll;
	width: auto;
}

.portal-order-detail-table-mobile th, .portal-order-detail-table-mobile td {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
}
.portal-order-detail-ordernum h3, .portal-order-detail-ordernum .h3 {
	font-size: 1.2rem !important;
}
/* Fixes for odd inconsistencies across paragraph types */
.item_swift_customercenterapp header h1,
.item_swift_customercenterapp header h2 {
	font-size: 1.75rem !important;
}
.accordion h2 {
	font-size: 1.75rem !important;
}


