:root
{
    --adsp-dark-blue: #1e252d;
    --adsp-light-blue: #4B7AA0;
    --adsp-teal: #028188;
    --adsp-green: #0B645D;
    --adsp-gray: #606060;
    --adsp-golden-20: #fcb439;
    --adsp-purple: #6F3B7B;
}


/*Bootstrap Override*/
body
{
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a.no-underline:hover
{
    text-decoration: none;
}

/*Utility Styles*/
.tealText
{
    color: var(--adsp-teal);
}

.goldenText
{
    color: var(--adsp-golden-20);
}

.darkBlueText
{
    color: var(--adsp-dark-blue);
}

.darkBlueBG
{
    background-color: var(--adsp-dark-blue);
}

.lightBlueText
{
    color: var(--adsp-light-blue);
}


.redText
{
    color: red;
}

.clear
{
	clear:both;
}

.nowrap
{
    white-space: nowrap;
}

.titleCase
{
    text-transform: capitalize;
}

.uppercase
{
    text-transform: uppercase;
}

.missing-content
{
    background-color: gold;
}

.bold-italic
{
    font-weight: bold;
    font-style: italic;
}

table#numberTable td
{
	font-size: 1em;
	line-height: 1.35em;
	vertical-align:top;
	padding-bottom: 1em;
}


/*END Utility Styles*/

/*Logo Bar*/
#logoBar
{
    padding-top: .5em;
    padding-bottom: .5em;
}

#logoBar img {
    height: 38px;
    max-height: 38px;
    max-width: 100%
}

@media (min-width: 660px) {
    #logoBar img {
        height:50px;
        max-height: 50px
    }
}

#docText
{
    text-align: right;
    font-weight: bold;
    color: var(--adsp-gray);
}

@media (max-width: 780px) {
    #docText
    {
        font-size: calc(0.6rem + 0.5vw);
    }
}

@media (max-width: 390px) {
    #docText
    {
        font-size: 10.5px;
    }
}



/*END Logo Bar*/


div#meetingBannerWrapper
{
    background-color: var(--adsp-dark-blue);
}

div#meetingBanner
{
    color: white;
    text-align: center;
    
    padding: 1em;
}

div#meetingBanner h1
{
    font-weight: bold;
}

#meetingDate
{
    margin-top: 1em;
    color: var(--adsp-golden-20);
}

div#navContainer, div#navContainer nav
{
    /*background-color: var(--adsp-green) !important;*/
    background-color: var(--adsp-light-blue) !important;
}



@media (min-width: 992px)
{
    .navbar
    {
        padding-top: 0;
        padding-bottom: 0;
    }

    div#navContainer a.nav-link
    {
        text-align: center;
    }

}


#navContainer a
{
    font-weight: bold;
    padding: 1em;
    color: white;
}

#navContainer a:hover, #navContainer a.active
{
    background-color: var(--adsp-golden-20);
    color: black;
}

/*Site Footer Styles*/
#footerWrapper
{
    background-color: var(--adsp-dark-blue);
}

#footerContent
{
    color: white;
}

#footerContent p
{
    font-size: 1.1em;
}

#footerContent a
{
    color: white;
    text-decoration: none;
}

#footerContent a:hover
{
    color: var(--adsp-golden-20);
    text-decoration: underline;
}

#footerContent img
{
    background-color: white;
}

/*PAGE SPECIFIC STYLES*/

/*Homepage*/
.homepageContent h2
{
    font-weight: 600;
    color: var(--adsp-light-blue);
    
}

#importantDates
{
    border: 2px solid var(--adsp-golden-20);
    border-radius: 5%;
    padding:1em;
}


#importantDates h3
{
    color: var(--adsp-light-blue);
    font-weight: bold;
}

#importantDates li
{
    font-size: 1.1em;
    margin-bottom: .7em;
}

#importantDates span.date
{
    font-weight: 700;
    color: var(--adsp-light-blue);
}

.importantDateCard
{
    background-color: #EEE;
    margin: .5em 1em;
    border: 1px solid #AAA;
}

.cardDate .dateWrapper
{
    margin: 1em;
    border: 1px solid var(--adsp-golden-20);
    background-color: white;
    text-align: center;
    font-weight: bold;
    max-width: 70px;
    /*width: 95px;*/
}

.cardDate span {
    display: block;
    color: var(--adsp-light-blue);
    
}

.cardDate span.month 
{font-size: 1.2em;}

.cardDate span.day 
{font-size: 1.8em; 
 margin-top:-.5em;}


 .importantDateCard .cardTitle
 {
    font-size: 1.3em;
 }

 @media (max-width: 600px)
{
    #importantDates
    {
        border-radius: 2%;
        padding: .5 .25em;
    }

    .importantDateCard
    {
        background-color: #EEE;
        margin: .5em 0;
        border: 1px solid #AAA;
    }

}

@media (max-width: 460px)
{
    .importantDateCard .cardTitle
    {
       font-size: 1em ;
    }

    .cardDate .dateWrapper 
    {
        margin: .25em;
    }

}

/*END Homepage Styles*/

/*Interior Page Styles*/

#OMBHeader
{
 position: absolute; 
 right: 3px;
 top: 5px;
 font-size: 12px;  
 line-height: 1.1em;
 color: black;
 text-align: right;
}

div#siteContent h1.pageTitle
{
    font-weight: bold;
    color: var(--adsp-light-blue);
}

div#siteContent h2
{
    font-weight: bold;
    color: var(--adsp-light-blue);
}

div#siteContent h3
{
    font-weight: 500;
    color: var(--adsp-light-blue);
}

table.meetingInfo{
	width:99.5%;
    max-width: 720px;
	font-size: 0.9em;
	line-height: 1.35em;
	border-collapse:collapse;
	/*margin:0 auto;*/
	border:1px solid #AAA;
}

table.meetingInfo th {
	text-align:center;
	background-color: var(--adsp-light-blue);
	padding:5px;
	border:1px solid #AAA;
	color:white;
}

table.meetingInfo td {
	color: black;
	padding:3px 5px;
	/*text-align:left;*/
	vertical-align: top;
	border:1px solid #AAA;
}
table.meetingInfo td.table-spacer {
	border-top:1px solid #AAA;
	vertical-align:middle;
	line-height:1px;
	height:1px;
}

#breakout1Section label, #breakout2Section label
{
    font-weight: bold;
}

div.breakoutDescWrapper
{
	background-color:#FFF;
	padding: 1em;
	margin-bottom: 15px;
}

div.breakoutDesc p
{
	font-size: .85em !important;
	background-color:#DFF;
	padding: .75em;
	margin-bottom: 0 !important;
}

a.brkToggle
{
	font-size: .75em;
	font-style: italic;	
}

a.brkToggle:hover
{
	cursor:pointer;
}

div.brkDescRow
{
	display: none;
}

/*FORMS*/

.card-header
{
    color: var(--adsp-light-blue);
    font-weight: 600;
}

div.errorbox {
	border:2px solid #F00;
	padding:5px;
	margin:5px;
	background-color:#FFFFCC;
}
div.error {
	color:#F00;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

.errorMsg{
	display:none;
	font-size:12px;
	color:#F00;
	border: 1px solid transparent;	
	/*margin-left:30%;*/
	/*background-image:url('../images/styles/error.png');*/
	background-position:0 0;
	background-repeat:no-repeat;
	line-height: 13px;
	/*background-position:left;*/
	/*height:20px;
	width:auto;*/
	padding-left:20px;
	padding-top: .5em;
	margin-bottom:5px;
}

div#PageErrors h2
{
    color: red;
    font-size: 1.75em;
}

.denotesMsg {
	font-size:12px;
	color:#666;
	border:0px solid #0F0;
	text-align:right;
	margin-right:10px;
}

.reqflag {/*displaying a red asterix if field is required*/
	color:#F00;
	font-weight:bold;
	padding:2px 3px;
}



div.abstractUploadMessage {
    background-color: #eaeaea;
    border: 2px solid #0D95A1;
    border-radius: 10px;
    padding: 0.5em;
    margin: 1em auto;
}