.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: none;
}

input[type="file"] {
	line-height: 1em;
}

.nav-menu-username {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card-group .card + .card {
	margin-top: 0;
}

/* FIX: Order of Bootstrap 3's file prevents this from overriding progress bar background and border */
.card-progress.bg-info { background-color: #e5e5e5; border-color: #008cba; }
.card-progress.bg-info .card-progress-bar { background-color: #5bc0de; }

.card-progress {
	position: relative;
	margin-bottom: 0;
	height: auto;
	padding: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.10), inset -2px 2px 0 rgba(0, 0, 0, 0.07);
}
.card-progress-bar {
	line-height: 32px;
	min-height: 32px;
	padding: 5px 15px;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.10), inset 0 3px 0 rgba(255, 255, 255, 0.10);
}

.card-progress-step-list ~ .card-progress-bar {
	position: absolute;
	top: 0;
	z-index: 0;
}

.card-progress-step-list { position: relative; display: table; margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; z-index: 1; }
.card-progress-step.active { color: white; }
.card-progress-step { display: table-cell; margin: 0; padding: 5px 15px; color: #aaa; min-height: 100%; vertical-align: middle; }
.card-progress-step + .card-progress-step { border-left: 1px solid #aaa; }

@media(max-width: 767px) {
	.card-progress-step { display: none; }
	.card-progress-step-list, .card-progress-step.active { display: block; width: 100%!important; }
	.card-progress-step-list ~ .card-progress-bar { display: none; }
	.card-progress-step.active { color: black; }
}

.card {
	background: #F5F5F5;
}

.card-buttons { margin-left: 2em; }

.card-block-striped > .row {
	padding: 1em 0em;
}
.card-block-striped > .row:first-child {
	padding-top: 0em;
}
.card-block-striped > .row:last-child {
	padding-bottom: 0em;
}

.card-block-striped > .row:nth-child(even) {
	background: white;
}

.card-accordion { margin-bottom: 0px; }
.card-accordion-item { border-radius: 0px !important; }

.card-accordion .card-accordion-item { margin: 0px!important; border-top: 0px; border-left: 0px; border-right: 0px; }
.card-accordion .card-accordion-item > .panel-heading { display: block; }
.card-accordion .card-accordion-item.panel-default > .panel-heading { background: white; }
.card-accordion-item .panel-collapse > .panel-body { padding-left: 30px; }

.card-block-group > .card-message-detail:first-child {
	padding-top: 0px;
}

.card-pagination { margin-left: 15px; margin-right: 15px; }

.nav-menu-form-control {
	border-color: #0079a1;
}
.nav-menu-input-group-btn > .btn {
	padding: 4px 8px;
}

/* Addition: Fix for navbar-fixed-top */
body {
	background: #DDD;
	min-height: 100vh;
	padding-top: 80px;
	padding-bottom: 20px;
}

label[for],
select,
input[type="checkbox"] {
	cursor: pointer;
}

.app-btn {
	white-space: normal;
}



.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 3;
}

.form-center,
.form-bordered-center {
	margin-left: auto;
	margin-right: auto;
}

.card-tabs {
	border-bottom: none;
}

.card-tabs + .card,
.card-tabs + .card > .card-heading {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.card-tabs-primary .active > a {
	border-color: #008cba!important;
	background: #008cba!important;
	color: white!important;
}

.card-heading-primary {
	top: 45px;
}

.modal .card-heading-primary {
	top: 0px;
}

.card-table tr > th:first-child,
.card-table tr > td:first-child {
	padding-left: 15px;
}
.card-table tr > th:last-child,
.card-table tr > td:last-child {
	padding-right: 15px;
}
.card-table tr:first-child th,
.card-table tr:first-child td {
	border-top: none;
}


.card-table-heading-primary {
	top: 134px;
}

.card-message {
	border-left: none;
	border-right: none;
	border-radius: 0px;
	margin: 0px;
}

.card-message + .card-message {
	border-top: 0px;
}

.card-message-detail {
	padding-top: 15px;
	padding-bottom: 0px;
}

.card-message-detail +
.card-message-detail {
	padding-top: 0px;
}

.card-list {
	margin-bottom: 0;
}

.card-list-item {
	line-height: 1.5em;
	border-radius: 0px!important;
	padding-top: 2em;
	padding-bottom: 2em;
}

.card-list-item > input {
	max-height: 36px;
}

.card-list-item-actions { padding-top: 8px; }

.card-list-item-totals,
.card-message-detail-total {
	min-width: 100px;
	padding-left: 16px;
}

.card-block-heading + .card-list {
	border-top: 1px solid #008cba;
	border-bottom: 1px solid #008cba;
}

.card-block-group {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #008cba;
	border-bottom: 1px solid #008cba;
}

.card-block-group .card-block-heading {
	padding-bottom: 30px;
}

.card-block-group:first-child {
	border-top: 0px;
}

.card-block-group:last-child {
	border-bottom: 0px;
}

*:nth-child(even).card-block-group {
	background: #E5E5E5;
}

*:nth-child(even).card-block-group .card-list-item {
	background: #F5F5F5;
}

.card-block-heading {
	margin: 0px;
	border: none;
	border-radius: 0px;
	background: none;
}

.card-block-heading-inline {
	margin: 0px;
	line-height: 38px;
}

.card-title {
	line-height: 59px;
	font-weight: bold;
}

.card-title-primary {
	font-size: 20px;
}

.card-table-row-label {
	width: 100%;
}

select.form-control {

	/* reset */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background-image:
			linear-gradient(45deg, transparent 50%, gray 50%),
			linear-gradient(135deg, gray 50%, transparent 50%),
			linear-gradient(to right, lightgray, lightgray);
	background-position:
			calc(100% - 20px) calc(1em + 3px),
			calc(100% - 15px) calc(1em + 3px),
			100% 0;
	background-size:
			5px 5px,
			5px 5px,
			2.6em 3.25em;
	background-repeat: no-repeat;

	padding-right: 50px;
}

select.form-control:focus {
	background-image:
			linear-gradient(45deg, white 50%, transparent 50%),
			linear-gradient(135deg, transparent 50%, white 50%),
			linear-gradient(to right, gray, gray);
	background-position:
			calc(100% - 15px) 1em,
			calc(100% - 20px) 1em,
			100% 0;
	background-size:
			5px 5px,
			5px 5px,
			2.6em 3.25em;
	background-repeat: no-repeat;
}


.dataTables_wrapper table,
.dataTables_wrapper th:first-child,
.dataTables_wrapper td:first-child {
	border-left: none!important;
	padding-left: 15px;
}

.dataTables_wrapper table,
.dataTables_wrapper th:last-child,
.dataTables_wrapper td:last-child {
	border-right: none!important;
	padding-right: 15px;
}

.dataTables_wrapper > div {
	padding: 15px;
}

.dataTables_wrapper th.sorting,
.dataTables_wrapper th.sorting_asc,
.dataTables_wrapper th.sorting_desc {
	cursor: pointer;
	white-space: nowrap;
}

.dataTables_wrapper th.sorting::after,
.dataTables_wrapper th.sorting_asc::after,
.dataTables_wrapper th.sorting_desc::after {
	display: inline-block;
	margin-left: 5px;
	content: '\e094'; /* Down Arrow */
	font-family: 'Glyphicons Halflings';
	visibility: hidden;
}

.dataTables_wrapper th.sorting_asc::after,
.dataTables_wrapper th.sorting:hover::after {
	visibility: visible;
}

.dataTables_wrapper th.sorting_desc::after {
	content: '\e093'; /* Up Arrow */
	visibility: visible;
}

.dataTables_length,
.dataTables_filter {
	line-height: 31px;
	vertical-align: middle;
	text-align: right;
}


.dataTables_filter > label > input {
	margin-left: 0.75em;
	line-height: 20px;
}

.dataTables_info { padding-top: 0px!important; }

.dataTables_info,
.dataTables_paginate {
	text-align: center;
}

.dataTables_paginate {
	padding-left: 0px!important;
}

.dataTables_paginate > * {
	display: inline-block;
	margin-left: 15px;
	cursor: pointer;
}

@media(max-width: 767px) {
	.col-xs-spaced + .col-xs-spaced {
		margin-top: 1em;
	}

	#component_admin_component > *:not(#component_admin_component_slug) {
		min-height: 100vh;
	}

	.nav-menu-secondary-group {
		border-top: 1px solid #007196;
	}
}

@media (min-width: 768px) {
	.card-list-item {
		line-height: 36px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.card-list-item input[type="checkbox"] {
		margin-top: 11px;
	}
	.card-list-item-actions { padding-top: 0px; }

	.card-title-primary {
		font-size: 32px;
	}

	.card-block-set-height {
		height: 300px;
		overflow: auto;
	}

	.dataTables_length { float: left; }
	.dataTables_filter { float: right; }

	.card-block > .row + .row {
		margin-top: 0.4em;
	}

	.pull-left-sm {
		display: inline-block;
	}
	.pull-right-sm {
		float: right !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	body { padding-top: 130px; }
	.card-heading-primary {
		top: 90px;
	}
}

@media (min-width: 1200px) {
	.nav-menu-username {
		max-width: 187px;
	}
}



.app-btn-block {
	padding: 2em;
}
.app-btn-block > .h1 {
	margin-top: 0px
}

@media(max-width: 767px) {
	.app-btn-block { margin-top: 5px; }
}

.badge {
	font-size: 11px;
}

.spaced {
	padding: 16px;
}

@media(min-width: 1200px) {
	.spaced {
		padding: 0 16px;
	}
}

iframe[src*="www.youtube.com/embed/"] {
	max-width: 100%;
}

/* --------------------------------- Charts --------------------------------- */
.chart {
	box-sizing: border-box;
	padding: 15px;
	border: 1em solid white;
	min-width: 275px;
	background: #EEE;
	text-align: center;
}

.chart + * {
	margin-top: 1em;
}

.chart-legend > h1:first-child,
.chart-legend > h2:first-child,
.chart-legend > h3:first-child,
.chart-legend > h4:first-child,
.chart-legend > h5:first-child,
.chart-legend > h6:first-child {
	margin-top: 0px;
}

.chart-svg { width: 100%; max-width: 400px; padding: 15px; }

.chart-var-list {
	display: inline-block;
	list-style: none;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
}

.chart-var a:hover {
	text-decoration: none;
}

.chart-var a::before {
	content: '';
	display: inline-block;
	height: 1em;
	width: 1em;
}

.chart-svg.pie > .chart-var { stroke: white; stroke-linecap: round; }

.chart-var { opacity: 0.6; cursor: pointer; }
.chart-var.chart-var-highlight { opacity: 1; }

/* Color 1 */
.chart-var.chart-var:first-child a::before { background: #008cba; }
.chart-svg .chart-var.chart-var:first-child { fill: #008cba; }

/* Color 2 */
.chart-var:nth-child(even) a::before { background: #DDD; }
.chart-svg .chart-var:nth-child(even) { fill: #DDD; }

/* Color 3 */
.chart-var:nth-child(odd) a::before { background: #0079a1; }
.chart-svg .chart-var:nth-child(odd) { fill: #0079a1; }

/* Color Danger */
.chart-var.chart-var.chart-var-danger a::before { background: #f04124; }
.chart-svg .chart-var.chart-var.chart-var-danger { fill: #f04124; }

/* Color Success */
.chart-var.chart-var.chart-var-success a::before { background: #43ac6a; }
.chart-svg .chart-var.chart-var.chart-var-success { fill: #43ac6a; }


/*  */
.chart-layout {
	display: block;
}
.chart-layout-col {
	display: block;
}
.chart-layout-col-row {
	display: block;
	overflow: hidden;
	font-size: 5em;
	padding-bottom: 0.5em;
}
a.chart-layout-col-row:hover {
	text-decoration: none;
	background: white;
}
.chart-layout-col-row .small {
	font-size: 20%;
}

@media(min-width: 768px) {
	.chart-layout {
		display: table;
		width: 100%;
	}
	.chart-layout-col {
		display: table-cell;
		vertical-align: middle;
	}
	.chart-layout-col-row + .chart-layout-col-row {
		margin-top: .25em;
	}
}