html
{
	font-size: 14px;
}

body 
{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 100%;
    background-color: #ffffff;
    padding-left: 20px; 
	padding-right: 20px;
	color: #000000;
}

.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
{
}

/* Eigth 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, div#itemView
{
	word-wrap: hyphenate;
}

th
{
    color: #002d38;
}

.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: #eeeeee;
    background-color: #00586e;
    border-radius: 4px;
    padding: 7px 7px;
    margin-top: 2px;
    margin-bottom: 2px;
	font-weight: bold;
}

.footer 
{
	float: left;
}

.navbar
{
	background-color: #00586e;	 
}

.navbar-inverse
{
	border-color: #00586e !Important;
}

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

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

.nav li a
{
	color: #eeeeee !Important;
}

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

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

.panel-primary
{
	border-color: #00586e;
}

.panel-body
{
    background-color: #00586e;
}

.control-label
{
    color: #eeeeee;
}

.btn-primary
{
    background-color: #528e42;
	border-color: #528e42;
}

.btn-primary:hover, .btn-primary:focus
{
	background-color: #67af54;
}

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

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

.search-header
{
	color: #eeeeee;
	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: Black;
    height: 25px;
    box-shadow: 3px 3px 3px 0px black;
    display: none; 
    position: fixed;
}

@media (max-width: 991px)
{
    
    .player-container
    {
	    position: fixed;
        top: 0;  
        left: 0; 
        z-index: 98;  
    }

    .player
    {
        height: 280px;
    }

}

@media (max-width: 480px)
{
    
    .navbar-header
    {
        height: 24px !important;
    }

}


.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.chevron-asc
{
	background-image: url('Images/Chevron_up_16.png') !important;
}

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

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

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;
}