html {
	font-size: 14px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	color: #444444 !important;
}

.featured {
}

.content {
}

.copyright {
}

.clear-fix::after {
	content: "";
	clear: both;
	display: table;
}

.logo {
	width: 70px;
	margin: 10px;
}

h1, .h1 {
	font-size: 3em;
}

h2, .h2 {
	font-size: 2.5em;
}

h3, .h3 {
	font-size: 2.0em;
}

h4, .h4 {
	font-size: 1.5em;
}

h5, .h5 {
	font-size: 1.3em;
}

h6, .h6 {
	font-size: 1.2em;
}

/*
	The following classes apply to the section headers in the accessible outline view in the view meeting page.
	The first class directly below is applied to all headers in the outline while the ones following it are applied only to that level of header.
	You may have as many as header classes as you need but 10 are provided pre-written for you to edit right away.
*/

/* Class applied to all headers regardless of level */
.accessible-header-text {
	display: inline;
	white-space: pre-wrap;
}

.accessible-header {
	font-size: 150%;
	padding: 8px 0px 8px 16px;
	margin: 0px;
}

/* First top level header */
.accessible-header-level-1 {
}

/* Second sub level header */
.accessible-header-level-2 {
}

/* Third sub level header */
.accessible-header-level-3 {
}

/* Fourth sub level header */
.accessible-header-level-4 {
}

/* Fifth sub level header */
.accessible-header-level-5 {
}

/* Sixth sub level header */
.accessible-header-level-6 {
}

/* Seventh sub level header */
.accessible-header-level-7 {
}

/* Eighth sub level header */
.accessible-header-level-8 {
}

/* Ninth sub level header */
.accessible-header-level-9 {
}

/* Tenth sub level header */
.accessible-header-level-10 {
}

.accessible-item-text {
	display: inline;
	white-space: pre-wrap;
}

.accessible-item {
	font-size: 120%;
	padding: 8px 0px 8px 32px;
	margin: 0px;
}

.accessible-item-level-1 {
}

.accessible-item-level-2 {
}

.accessible-item-level-3 {
}

.accessible-item-level-4 {
}

.accessible-item-level-5 {
}

.accessible-item-level-6 {
}

.accessible-item-level-7 {
}

.accessible-item-level-8 {
}

.accessible-item-level-9 {
}

.accessible-item-level-10 {
}

.accessible-section {
	padding-left: 16px;
}

.accessible-section-level-0 {
	padding: 0px !important;
	margin: 0px !important;
}

.accessible-section-level-1 {
	padding: 0px !important;
	margin: 0px !important;
}

.accessible-section-level-2 {
}

.accessible-section-level-3 {
}

.accessible-section-level-4 {
}

.accessible-section-level-5 {
}

.accessible-section-level-6 {
}

.accessible-section-level-7 {
}

.accessible-section-level-8 {
}

.accessible-section-level-9 {
}

.accessible-section-level-10 {
}

.item-view-title {
	font-size: 100% !important;
}

.item-view-title-text {
	display: inline;
	white-space: pre-wrap;
}

.item-view-header {
	font-size: 100% !important;
}

.item-view-minute-text,
.item-view-action-text {
	display: inline;
	white-space: pre-wrap;
}

/* Styles for the item view column on the view meeting page */
div#itemView {
	font-size: 120%;
}

div#agendaView {
	padding-right: 15px;
}

div#agendaView, div#itemView {
	word-wrap: hyphenate;
}

thead {
	color: #002d38;
	border-bottom: 2px solid #dee2e6;
}

.content-wrapper > h4 {
	color: #002d38;
	border-bottom: 1px solid #002d38;
}

a {
	color: #356ab8;
	text-decoration: none;
}

a:hover {
	color: #356ab8;
	text-decoration: underline;
}

.header {
	color: #ffffff;
	background-color: #4764a8;
	border-radius: 4px;
	padding: 7px 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: bold;
}

.header2 {
	color: #4764a8;
	background-color: #FFFFFF;
	border-radius: 4px;
	padding: 7px 7px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-weight: bold;
}

.footer {
	float: left;
}

.navbar {
	background-color: #4764a8;
	min-height: 55px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.navbar-dark {
	border-color: #4764a8 !important;
}

.navbar-header {
	margin-left: auto;
}

.navbar-toggler {
	margin-right: 15px;
}

.navbar-toggler:hover,
.navbar-toggler:hover > span {
	box-shadow: none;
	background-color: #2c96bc;
}

.navbar-toggler:focus,
.navbar-toggler:focus > span {
	box-shadow: none;
	background-color: #5aaecd;
}

#meetings-list .nav-tabs li a {
	color: #002d38 !important;
}

	#meetings-list .nav-tabs li a:hover {
		color: #002d38 !important;
		text-decoration: underline;
	}

.nav > li {
	position: relative;
	display: block;
}

.nav li a {
	color: #ffffff !important;
	display: block;
	padding-left: 15px;
}

.nav li a:hover {
	color: #ffffff !important;
	text-decoration: underline;
}

.header span {
	padding-top: 4px;
	padding-right: 4px;
}

.card-primary {
	border-color: #4764a8;
}

.card-body {
	background-color: #4764a8;
}

.control-label {
	color: #ffffff;
}

.btn-primary {
	background-color: #5aaecd;
	border-color: #5aaecd;
}

.btn-primary:hover, .btn-primary:focus {
	background-color: #2c96bc;
}

.multi-select-menu-header {
	background-color: #AAA !important;
	color: #fff;
}

.results-footer {
	font-style: italic;
}

.search-header {
	color: #ffffff;
	padding-bottom: 10px;
	font-weight: bold;
}

.item-view {
	position: fixed;
	float: right;
}

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

.no-padding-right {
	padding-right: 0px !important;
}

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

.no-padding-bottom {
	padding-bottom: 0px !important;
}

.no-padding {
	padding: 0px !important;
}

img.onbase-logo {
	clear: left;
	margin-right: 16px;
	margin-bottom: 16px;
	max-width: 96px;
}

.input-normal {
	color: black;
}

#searchOptions .form-control,
#searchOptions .dropdown-menu,
#searchOptions .multi-select-menu-header {
	font-size: inherit !important;
	height: auto !important;
	line-height: normal !important;
}

.player {
	height: 280px;
}

.player-container {
	width: 100%;
}

.media-collapse {
	border: solid 1px gray;
	border-top: none;
	margin: auto;
	width: 110px;
	text-align: center;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	cursor: pointer;
	color: #ffffff;
	height: 25px;
	box-shadow: 3px 3px 3px 0px black;
	display: none;
	position: fixed;
}

.noflash {
	display: flex;
	margin-top: auto;
	margin-bottom: auto;
}

.noflash img {
	height: 48px;
	width: 48px;
	vertical-align: middle;
	flex: none;
}

.noflash span {
	margin-left: 5px;
}

table.table tr > th span.chevron {
	display: inline-block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	margin: 0 0 0 8px;
	vertical-align: middle;
}

table.table tr > th span.chevron-asc {
	background-image: url('Images/Chevron_up_16.png') !important;
}

table.table tr > th span.chevron-dec {
	background-image: url('Images/Chevron_down_16.png') !important;
}

table.table tr > th[data-sortable-type] > div:not(.dropdown) {
	cursor: pointer;
}

.table {
	color: #444444 !important;
}

div#meetings-list div#footer-results-message {
	font-style: italic;
	margin: -12px auto auto auto;
	padding: 8px;
}

div.post-meeting-grid-spacer {
	overflow: hidden;
	display: block;
	width: 100%;
	min-width: 100%;
	min-height: 128px;
	height: 128px;
}

.dropdown-item {
	/* Used for filtering meetings*/
	display: table-cell;
	width: auto;
}

.meeting-row {
	/* Used for sorting meetings*/
}

.meeting-document-row {
	/* Used for sorting meetings*/
}

/* Styles pulled from older Bootstrap for compatibility vvvvv */
.text-right {
	text-align: right;
}

.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

@media (max-width: 576px) {
	.navbar-collapse {
		border-top: 1px solid black;
		overflow-x: visible;
		-webkit-overflow-scrolling: touch;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	}
}

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.form-group {
	margin-bottom: 15px;
	margin-left: 15px;
}

.card-group {
	margin-bottom: 20px;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

@media (min-width: 992px) {
	.col-lg-1, .col-lg-4, .col-lg-8, .col-lg-11, .col-lg-12 {
		float: left;
	}
}

@media (max-width: 575px) {
	.d-xs-none {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.col-md-10 {
		float: left;
		width: 83.33333333%;
	}

	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}

	.control-label {
		text-align: right;
	}
}
/* Styles pulled from older Bootstrap for compatibility ^^^^^^ */