body {
    font-family: 'Public Sans', sans-serif;
    emph-font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    font-style: normal;
    color: #000;
}
p {
    line-height: 22px;
}
a {
    color: #005da8;
    text-decoration: underline;
    font-family: 'Public Sans', sans-serif;
}

h1,
h2,
h3,
h4,
.main-title {
    color: #000;
    font-weight: 500;
    font-family: 'Red Hat Display', sans-serif;
    line-height: 1.4;
    color: #005da8;
}

h2 {
    font-size: 24px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 16px;
    font-weight: 500;
}
ul {
    padding-left: 0;
    margin-bottom: 0;
}
ul li {
    list-style: none;
    padding-bottom: 15px;
    
}

ol {
    list-style: none;
    counter-reset: li;
    padding-left: 0;
    
}
ol li {
    counter-increment: li;
    
}


.page-wrap {
    max-width: 980px; 
    margin: 0 auto;
}
.title {
    color:white;	
    padding: 0px;
    height: 154px;
    max-width: 980px;
    overflow: hidden;
    background: #e8e9eb url('images/background.png')  left top;
    background-size: cover;

}

.title-main {
    padding-left: 70px;
    padding-top: 10px;
    font-size: 20pt;
    line-height: 1.1111;
    margin: 0;
    fxont-style: normal;
    font-weight: bold;
    color: #222;
    font-family: Lucida Grande, Verdana, Arial, sans-serif;
}


.title-slogan {
    font-size: 11pt;
    line-height: 1.1111;
    margin: 0;
    fxont-style: normal;
    font-weight: bold;
    color: #222;
    padding-left: 70px;
    font-family: Lucida Grande, Verdana, Arial, sans-serif;
}


.title-subtitle {
    font-size: 12pt;
    line-height: 1.1111;
    margin: 0;
    fxont-style: normal;
    font-weight: bold;
    color: white;
    padding-left: 70px;
    padding-top: 50px;
    font-family: Lucida Grande, Verdana, Arial, sans-serif;
}

.junk {
    font-family: Lucida Grande, Verdana, Arial, sans-serif;
    xbackground-image:  url('images/ bg-mainmenu.png');
    xheight:100%;

}

.icon {
		max-width:150px;
		margin: 0 auto;
		display: block;
}

.menu section {
	text-align:center;
}

.iframe {
	border:none;
	width:100%;
	height:100%;
}

.recordinglist {
	 list-style-type: none;
	 xlist-style-image: url('images/video_48.png');
	 list-style-position: outside;

	 
}

.renditionlist {
list-style-type: none;
}

ul#renditionlist li {
    display:inline;
    padding-right:10px;
}


.inputform {
	  padding-right:10px;
	  width:200px;
	  min-width:200px;
	  text-align:right;
      
	
}

a.indexitemlink:hover {
		text-decoration:none;
}
.indexitemlink {
	text-decoration:none;

}

.indexitem_subject {
   list-style-image: url('images/subject_24.png');
}


.indexitem_speaker {
   list-style-image: url('images/attendence_list_24.png');
   padding-left:40px;
}

.indexitem_voting {
   list-style-image: url('images/yn.png');
   padding-left:40px;
}

.indexitem {
	list-style-type: none;
	 
	 list-style-position: inside;

}

.indexlistdiv {
	 width:100%;
	 max-height:200px;
	 overflow-y:scroll;
	 overflow-x:auto;
}


.titlelink {
    color:white;	
	text-decoration:none;

}

a.titlelink:hover {  
    color:white;	

}

h2.recordingtitle 
{
 font-size:12pt;
 font-weight:bold;
 padding:0px;
 margin:0px;
 margin-top:10px;
 min-height: 0;
}

.recoridingtitleplain{
font-size:11pt;
 font-weight:bold;
 padding:0px;
 margin:0px;
 margin-top:0px;

}

p.categorylist {
 margin:0px;
}

.renditionlist {
margin:0px;
}

.debug {
  display:none;
}

.pi {
     position:fixed;
     bottom:0;
     right:0;
}

.marker_disabled {
    text-decoration: line-through;
}

.bodid 
{
 color:black;
}

.navbar 
{
    background-image: url(img/2bcs-bar.png);
    background-repeat: repeat-y;
    background-size: contain;

    height: 2em;
    margin-bottom:1em;
}

.navbar-stripe
{
    margin-bottom:1.5em !important;
}

.nav-item:hover 
{
    color:red;
}

.nav-link
{
    border: none !important;
    margin-left: 1em !important;
}

.nav-link:hover 
{
    color:#a09e9e !important;
    background-color: transparent !important;
}

.navbar-light 
{
	margin-top: 4em !important;
}

@media (max-width: 768px) 
{
    .navbar-light 
    {
        margin-top: 0em !important;
    }
}

.navbar-brand.left 
{
    top: -3em !important;
 
}

.navbar-brand.right 
{
    top: -2.5em !important; 
}

@media (max-width: 400px) 
{
    .navbar-brand.right 
    {
        display:none !important;
    }
}



@media (max-width: 768px) 
{

    .top-container
    {
        margin-top: 8em !important;
    }

    .navbar-collapse 
    {
        background-color: #af0040 !important;
    }

    .navbar-stripe:hover
    {
        background: #dfaf00 !important;
    }

    .navbar-stripe .navbar-toggler 
    {
        background: #008000 !important;
    }

    .navbar-stripe .navbar-toggler:focus, .navbar-stripe .navbar-toggler:hover 
    {
        background: #dfaf00 !important;
    }
}


.recording-li
{
    min-height:50px;
    border-bottom:1px solid #bababa;
    border-left:2px solid white;
}

.recording-li:hover
{
    background-color:#f0f0f0;
    border-left:2px solid #bababa;
}

.recording-li-inner
{
   margin-left:56px;
}

.recording-li-icon
{
   float:left; 
}


.recording-li-inner a:hover
{
    color:#222222;
}

.search-wrapper 
{

}

.search-wrapper label 
{
    position: absolute;
    font-size: 12px;
    color: rgba(0,0,0,.50);
    top: 8px;
    left: 16px;
    z-index: -1;
    transition: .15s all ease-in-out;
    
}

.search-wrapper input:hover
{
    background-color:#f0f0f0;
}

.search-wrapper input 
{
    padding: 4px 12px;
    color: rgba(0,0,0,.70);
    border: 1px solid rgba(0,0,0,.12);
    transition: .15s all ease-in-out;
    background: white;
    width:100%;
    font-size: 120%;;
}


.navbar-header 
{
    padding-left:0%;
    padding-right:0%;
    width:100%;
    padding-bottom: 0em;
    height:3.5em;
    display: grid;
    justify-content: center;
    align-content: center;
  
    gap: 4px;
    grid-template-columns: 1fr 1000fr 150px;
}

.navbar-brand 
{
    margin: 10px 10px 5px 15px;
    text-decoration: none;
}

.navbar-brand.left {
    
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}

.navbar-brand.right {
    width: 130px;
}

.navbar-brand.center {
    text-align: center;
}

.admintool
{
    border-left: 1px solid #BABABA;
    padding-left:5px;
    margin-left:5px;

}

.admintool:hover
{
    background: #e0e0e0;

}

.formtable
{
    xborder:1px solid #BABABA;
    xbackground-color:#f4f4f4;

    border-collapse: collapse;
}



.formtable td
{
    padding-left:1em;
    padding-right:1em;
    padding-top:0.2em;
    padding-bottom:0.2em;
    vertical-align:top;
}

.formtable input
{
    border:1px solid #bababa;
}

.formtable input:hover
{
    border:1px solid #aaaaaa;
    background-color: #f6f6f6;
}

.formtable select
{
    border:1px solid #bababa;
    background-color:white;
    width: 100%;
}

.formtable select:hover
{
    border:1px solid #aaaaaa;
    background-color: #f6f6f6;
}