/* Color Tokens */
.color-tokens {
	color: #3299BB; /* $primary */
	background-color: #F7981D; /* $secondary */
	border-top-color: #D88110; /* $tertiary */
	border-right-color: #707070; /* $text */
	border-bottom-color: #FFFFFF; /* $light */
	border-left-color: #434343; /* $dark */
}
/* End Color Tokens */

/* Basic Content */
.content-panel img.third {
	width: auto;
	height: auto !important;
	max-width: 33%;
}

.content-panel img.two-thirds {
	width: auto;
	height: auto !important;
	max-width: 66%;
}

.content-panel img.fourth {
	width: auto;
	height: auto !important;
	max-width: 25%;
}

.content-panel img.left {
	margin: 2% 2% 2% 0;
}

.content-panel img.right, .content-panel iframe.right {
	margin: 2% 0 2% 2%;
}

.content-panel img.no-vert {
	margin-top: 0;
	margin-bottom: 0;
}

.content-panel .marg-auto, .content-panel .fancy.spotlight.marg-auto {
	margin-right: auto;
	margin-left: auto;
}

.content-panel table {
	width: 100%;
}

.content-panel .btn, .content-panel h1 a, .content-panel h2 a, .content-panel h3 a, .content-panel h4 a {
	text-decoration: none;
}

.content-panel hr {
	clear: both;
}

.content-panel li {
	padding: 0.25em 0;
}

.content-panel iframe {
	max-width: 100%;
	border: none;
}

.content-panel .hidden {
	visibility: hidden;
}

.content-panel .hidden-content {
	display: none;
}

.content-panel .half .buildflash, .content-panel .half [data-player], .content-panel .half [data-player] div {
	height: auto !important;
	max-width: 100%;
}

.content-panel .right.half .buildflash, .content-panel .right.half [data-player], .content-panel .right.half [data-player] div {
	float: right;
	margin-left: 1em;
}

.m-bottom, .fancy.spotlight.right.m-bottom, .fancy.spotlight.left.m-bottom {
	margin-bottom: 2%;
}

.content-panel img.half {
	width: auto;
	height: auto !important;
	max-width: 50%;
}

.content-panel iframe.half {
	width: 50%;
}

.content-panel ul.grey-bg {
	background-color: #F3F2F2;
	padding: 2em;
}

.content-panel ul.grey-bg img {
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
}
/* End Basic Content */

/* Fancy Lists */
ul.fancy {
	padding-left: 0;
}

.no-generatedcontent ul.fancy {
	padding-left: 1.5em;
}

ul.fancy li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 1em;
	list-style: none;
}

ul.fancy li:before {
	position: absolute;
	top: .05em;
	left: 0;
	font-family: 'icomoon-ult';
	color: #F7981D; /* $secondary */
	content: '\e0ea';
}

ul.fancy.v2 li {
	position: relative;
	padding-left: 3.5em;
	margin-bottom: 2.5em;
	font-size: 1.125em;
	color: #3299BB; /* $primary */
}

ul.fancy.v2 li:last-child {
	margin-bottom: 1.5em;
}

ul.fancy.v2 li span {
}

ul.fancy.v2 li:before {
	color: #FFFFFF; /* $light */
	content: '\e7c2';
	background-color: #F7981D; /* $secondary */
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 2em;
	width: 2em;
	border-radius: 50%;
}

ul.fancy.v3 li {
	padding-left: 12%;
	margin-bottom: 1.5em;
}

ul.fancy.v3 li:last-child {
	margin-bottom: 0;
}

ul.fancy.v3 li:before {
	width: 8%;
	height: 100%;
	background-image: url(/images/landing-images/check-mark.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
}

ul.fancy.v3 li h5, ul.fancy.v3 li p {
	margin: 0;
	font-size: 1em;
}

.no-generatedcontent ul.fancy li {
	padding-left: .25em;
	list-style: disc;
}

ul.timeline {
	position: relative;
	padding-left: 3em;
	overflow: hidden;
	list-style: none;
}

.no-generatedcontent ul.timeline {
	list-style: disc;
}

ul.timeline:before {
	position: absolute;
	top: 0;
	left: 1em;
	display: block;
	width: .5em;
	height: 100%;
	background-color: #3299BB; /* $primary */
	border-radius: .25em;
	content: '';
}

ul.timeline li {
	position: relative;
	padding: .5em .75em;
	margin-bottom: .5em;
	background-color: #D8EEF5; /* lighten($primary,82%) */
	opacity: 0;
	-webkit-transform: translateX(10%);
	-ms-transform: translateX(10%);
	transform: translateX(10%);
	transition: .75s ease;
}

ul.timeline li.active, .cms-edit-content ul.timeline li {
	opacity: 1;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}

ul.timeline li:before {
	position: absolute;
	right: 100%;
	z-index: 2;
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 1em;
	background-color: #F7981D; /* $secondary */
	border: .25em solid #3299BB; /* $primary */
	border-radius: 6em;
	content: '';
	transition: .25s ease;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

ul.timeline li:hover:before {
	-webkit-transform: scale(1.25);
	-ms-transform: scale(1.25);
	transform: scale(1.25);
}

ul.timeline li:after {
	position: absolute;
	top: .75em;
	right: 100%;
	display: block;
	border-top: .5em solid transparent;
	border-right: 1em solid #E9F5F9; /* lighten($primary,90%) */
	border-bottom: .5em solid transparent;
	content: '';
}
/* End Fancy Lists */

/* Content List */
.content-list h2 {
	margin: .5em 0;
	line-height: 1;
}

.content-list {
	margin-bottom: 1em;
}

.content-list h3 {
	position: relative;
	padding: 0.6em 2.75em 0.5em 3%;
	margin: 0;
	font-family: 'GothamSVG', 'Gotham', sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #434343; /* $dark */
	background-color: #F3F2F2; /* adjust($light,-5%,5%,0%) */
	border-bottom: 2px solid rgba(198,198,198,0.502); /* adjust($text,60%,0%,50%) */
	transition: .25s ease;
}

.content-list h3.active {
	color: #FFFFFF;
	background-color: #3299BB; /* $primary */
	border-color: #F7981D; /* $secondary */
}

.content-list h3:before {
	position: absolute;
	top: 50%;
	right: .9em;
	display: block;
	width: 3px;
	height: 1em;
	margin-top: -.475em;
	content: '';
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: currentcolor;
}

.content-list h3:after {
	position: absolute;
	top: 50%;
	right: .5em;
	display: block;
	width: 1em;
	height: 3px;
	margin-top: -1px;
	content: '';
	background-color: currentcolor;
}

.content-list h3.active:before {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

.no-csstransforms .content-list h3.active:before {
	display: none;
}

.content-list h3:hover {
	color: #fff;
	cursor: pointer;
	background-color: #3299BB; /* $primary */
}

.content-list [data-type=section] {
	padding: .5em 3% 1.5em;
	margin: 0;
	background-color: #DFF0F6; /* lighten($primary,85%) */
}

.content-list [data-type=section] ul {
	list-style: disc;
	padding-left: 30px;
}

.content-list [data-type=section] h4 {
	color: #3299BB; /* $primary */
}

.content-list [data-type=item] {
	padding: 0;
}
/* End Content List */

/* Columns */
.content-panel .column {
	padding: 0;
	margin: 0;
	overflow: hidden;
	clear: both;
	list-style: none;
}

.content-panel .column.center {
	text-align: center;
}

.content-panel .column img.left, .content-panel .column img.right {
	margin-top: 0;
	margin-bottom: 0;
}

.content-panel .column ul {
	margin: 0 0 1em;
	list-style: disc;
}

.content-panel .column .results-list ul {
	list-style: none;
}

.content-panel .column ul li {
	list-style: inherit;
}

.content-panel .column ul.fancy li {
	list-style: none;
}

.content-panel .column li.text-r {
	text-align: right;
}

.content-panel .column > * {
	float: left;
	margin: 0 0 2% 0;
	list-style: none;
}

.content-panel .column.one > * {
	width: 100%;
}

.content-panel .column.two > * {
	width: 47%;
	margin-right: 1%;
}

.content-panel .column.two > *.third {
	width: 33%;
}

.content-panel .column.two > *.two-thirds {
	width: 66%;
}

.content-panel .column.two > *:nth-child(2n+1) {
	clear: both;
}

.content-panel .column.three > * {
	width: 33%;
}

.content-panel .column.three > *:nth-child(3n+1) {
	clear: both;
}

.content-panel .column.four > * {
	width: 25%;
}

.content-panel .column.four > *:nth-child(4n+1) {
	clear: both;
}

.no-hashchange .content-panel .column > * {
	margin-bottom: 5%;
}
/* End Columns */

/* Tables */
.content-panel .table {
	display: table;
	width: 100%;
	padding: 0;
	margin: 1em 0;
	list-style: none;
	table-layout: fixed;
}

.content-panel .table.header-top > *:first-child > div > h3, .content-panel .table.header-top > *:first-child > div > h2 {
	margin: 0 0 .4em;
	color: #FFFFFF;
}

.content-panel .table li input {
	width: 100%;
}

.content-panel .table.third {
	width: 33%;
}

.content-panel .table.center {
	text-align: center;
}

.content-panel .table div.center {
	text-align: center;
}

.content-panel .table > * {
	display: table-row;
}

.no-display-table .content-panel .table > * {
	display: block;
}

.content-panel .table > * > * {
	display: table-cell;
	padding: 1%;
	margin: 0;
	vertical-align: middle;
}

.no-display-table .content-panel .table > * > * {
	float: left;
	width: 48%;
}

.content-panel .table.zebra > *:nth-child(even) {
	background-color: #DFF0F6; /* lighten($primary,85%) */
}

.content-panel .table.vert-top > * > * {
	vertical-align: top;
}

.content-panel .table.border > * > * {
	border: 1px solid #3299BB; /* $primary */
}

.content-panel .table.border {
	border: 1px solid #3299BB; /* $primary */
}

.content-panel .table.border.header-top > *:first-child > * {
	border: 1px solid #3299BB; /* $primary */
}

.content-panel .table.header-top > *:first-child {
	color: #FFFFFF;
	background-color: #3299BB; /* $primary */
}

.content-panel .table.header-side > * > *:first-child {
	color: #fff;
	background-color: #3299BB; /* $primary */
}

.content-panel .table.border.header-top > *:first-child > h4 {
	color: #F7981D; /* $secondary */
}

.content-panel .table.border.header-side > * > *:first-child {
	border-color: #3299BB; /* $primary */
}

.content-panel .table.header-side > * > h4:first-child {
	color: #F7981D; /* $secondary */
}

.content-panel .table .spacer {
	color: #FFFFFF;
}

.content-panel .table span.spacer {
	display: none;
}

.content-panel .table .table-head, .content-panel .table.zebra .table-head {
	color: #FFFFFF;
	background-color: #3299BB; /* $primary */
}

.content-panel .table .third {
	float: none;
	width: 33%;
}

.content-panel .table .two-thirds {
	float: none;
	width: 66.6%;
}

.content-panel .table li div.text-r {
	text-align: right;
}

.chargemaster td {
	border: 1px solid black;
	padding: 0.5em;
}

.chargemaster tr:first-child td {
	font-weight: bold;
}

.chargemaster tr:nth-child(even) {
	background-color: #f3f2f2;
}

.tab-container {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.page-twelve {
	text-align: left;
}

.page-twelve .p-padding {
	padding: 0 0 1em 0;
}

.page-twelve p {
	margin: 0;
}

.paging-tab {
	padding: 0.5em 1em;
	background-color: #b4b4b4;
	margin-bottom: 1em;
	min-width: 4.3em;
}

.paging-tab.selected {
	background-color: #3299bb;
	color: #FFFFFF;
}

.paging-tab:not(:last-child) {
	margin-right: 0.5em;
}
/* End Tables */

/* Responsive @ 768px */
@media (max-width:768px) {
	.content-panel .column.three > * {
		float: none;
		width: 100%;
	}

	.content-panel .column.four > * {
		width: 47%;
	}
}
/* End Responsive @ 768px */

/* Responsive 550px */
@media (max-width: 550px) {
	.fancy.spotlight.half, .fancy.spotlight .half {
		width: 100%;
	}
}
/* End Responsive 550px */

/* Responsive @ 480px */
@media (max-width:480px) {
	.content-panel .column.two > * {
		float: none;
		width: 100%;
	}

	.content-panel .column.four > * {
		float: none;
		width: 100%;
	}

	.content-panel .table.no-break > * > * {
		display: table-cell;
	}

	.content-panel .table > *.table-head {
		display: none;
	}

	.content-panel .table > * > *:first-child {
		border-bottom: none;
	}

	.content-panel .table > * > *:last-child {
		border-top: none;
	}

	.content-panel .table .spacer {
		color: inherit;
	}

	.content-panel .table.label .table-head {
		display: none;
	}

	.content-panel .table > * > *, .content-panel .table .third, .content-panel .table .two-thirds {
		display: block;
	}

	.content-panel .table.label > * > *:before {
		display: block;
		content: ' 'attr(data-label)':';
	}
}
/* End Responsive @ 480px */
