body {
margin: 0;
padding: 0;
background: #F2F2F2;
}
.wrapper {
width: 1400px;
margin: 12px auto 0 auto;
padding: 0;
}
.hidden{display:none !important;}
/*Common*/

h1 {display:none;}
h2 {
font-size:26px;
font-weight:normal;
margin: 0 20px 20px 20px;
}
h3 {
font-size:26px;
font-weight:normal;
margin: 0 20px 10px 0px;
}
h4 {
font-size:22px;
font-weight:normal;
margin: 0 20px 10px 0px;
}
p {
font-size: 12px;
margin: 0 20px 10px 0px;
line-height: 20px;
padding-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, p {color:#3E3E3E;}

/*Header Start*/
.logo {
float: left;
margin: 10px 0 0 15px;
width: 210px;
}
.top-banner, .top-banner-admin {
display: block;
position: absolute;
float: left;
margin: 0 0 0 10px;
width: 650px;
height: 120px;
}
.header-nav {
display: block;
float: right;
min-height: 67px;
margin: 0;
padding: 0;
position: relative;
z-index: 1000;
}
.header-nav ul{

list-style:none;

}
.header-nav ul li{

float: left;
display: inline;
padding: 7px 20px 0 0;
}
.header-nav a:link, .header-nav a:visited, .header-nav span {
display: inline-block;
text-decoration: none;
color: #3E3E3E;
margin: 0px 0px 0 5px;
padding: 0px 0px 0 14px;
font-weight:500;
font-size: 14px;
line-height: 20px;
}
.header-nav a:hover, .header-nav span:hover {
text-decoration:underline;
}
.settings-icon {background:url(../../Images/icon-set.jpg) 0px 9px no-repeat no-repeat;}
.admin-icon {background:url(../../Images/icon-log.jpg) 0px 9px no-repeat no-repeat;}
.alert-icon {background:url(../../Images/icon-alert.jpg) 0px 1px no-repeat no-repeat;}
.custom-icon {background:url(../../Images/icon-custom.jpg) 0px 3px no-repeat no-repeat;}
.super-admin-icon {
background: url(../../Images/icon-admin.jpg) 0px 7px no-repeat no-repeat;
}

.settings-icon-drop {
background:url(../../Images/icon-set.jpg) 0px 9px no-repeat no-repeat;
width: 12px;
height: 20px;
}

/*Navigation Start*/
#navigation {

font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
     
      line-height: 24px;

      text-align: center;
      padding: 0px;
      width:1100px;

    }
#nav {

left: 0;
	list-style: none;
	overflow: hidden;
	/*position: fixed;*/
	right: 0;
	text-align: center;
	top: 0;


}

#nav li {
float: left;
display: inline-block;
margin: 9px 25px 0 29px;
height: 34px;
}
#nav a {
color: #1F1F1F;
font-size: 18px;
padding: 5px 10px;
text-decoration: none;
}
#nav a:hover {
	background: #F3F3F3;
	color: #000000;
	padding-top: 9px;
padding-bottom: 16px;;
}
#nav .current a {
background: #F7F7F7;
color: #000000;
padding-top: 10px;
padding-bottom: 12px;
}
#nav > li:nth-child(1) {
margin: 10px 0px 0 27px;
}
#nav > li:nth-child(1) > a:hover {
background: #FFFFFF;
}
#container {
	margin: 0 auto;
	width: 1100px;
}


.section p:last-child {
	margin-bottom: 0;
}

.back-to-top {
    /*position: fixed;*/
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    /*background-color: rgba(235, 235, 235, 0.80);*/
    font-size: 12px;
    padding: 1em;
    /*display: none;*/
}
.back-to-top:hover {    
   background: #F3F3F3;
	color: #000000;
	padding-top: 9px;
padding-bottom: 16px;
}
.section-spacer {
display:block;
height: 12px;
clear: both;
}
.section-spacer-15 {
display:block;
height: 15px;
clear: both;
}
.section-spacer-20 {
display:block;
height: 20px;
clear: both;
}
.section-spacer-30 {
display: block;
height: 30px;
clear: both;
}
.section-spacer.spacer-end-mbs-authority {
height: 25px;
}
.section-spacer.spacer-end-sigma {
    height: 25px;
}
.section-spacer.spacer-end {
height: 300px;
}
.line-980-wide {
width:1060px;
margin: 0 auto 0 auto;
padding: 0;
display:block;
clear: both;
height:20px;
border-top: 1px solid #DADADA;
}



#header {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
-webkit-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
-moz-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
box-shadow: 0 1px 3px rgba(0,0,0,.35);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;
height: 120px;
z-index: 10;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.section {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
/*-webkit-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
-moz-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
box-shadow: 0 1px 3px rgba(0,0,0,.35);*/
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;
min-height: 87px;
z-index: 10;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#navigation {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 44px;
background-color: #fff;
-webkit-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
-moz-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
box-shadow: 0 1px 3px rgba(0,0,0,.35);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;
z-index: 45;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#dash-b, #dash-c {display:block; height:40px;}
#dash-a {display:block; height:15px;}
.article {padding:16px 0 0 0;}
.article.article-1 {padding-top: 22px;}

.clearfix {clear:both;}
.important-red {color:#CC0000}

/*BRUNO EDITS -- ADD THIS 11-01-13 1420PM*/
#section-5{min-height: 56px;}
h4.get-support-text {
font-size: 17px;
text-align: center;
}

.article-support{padding-top:14px;}

/*Mobile Navigation Menu Hide*/
#menu-icon {
	display: none; /* hide menu icon initially */
}

label {
margin: 0 15px 0 0;
}

.great-to-see 
{
clear:both;
display: block;
position: relative;
float: right;
margin: 0 21px 0 0;
width: 37%;
/*top: 38px;*/
font-size: 18px;
color: #3E3E3E;
text-align: right;
line-height: 22px;
}

.custom-icon {
    cursor: pointer;
}

/*Required Fields Edit*/
#ctl00_ContentPlaceHolder1_rfvLoanOfficer, #ctl00_ContentPlaceHolder1_rfvContactEmail, #ctl00_ContentPlaceHolder1_rfvBranch, #ctl00_ContentPlaceHolder1_rfvContactLastName, #ctl00_ContentPlaceHolder1_rfvContactFirstName, #ctl00_ContentPlaceHolder1_rfvUsername, #ctl00_ContentPlaceHolder1_RequiredFieldValidator1, #ctl00_ContentPlaceHolder1_RequiredFieldValidator2, #ctl00_ContentPlaceHolder1_RequiredFieldValidator3, #ctl00_ContentPlaceHolder1_RequiredFieldValidator4, #ctl00_ContentPlaceHolder1_rfvUsernameEmail, #ctl00_ContentPlaceHolder1_rfvCompanyAddress {
color: red;
font-size: 18px;
font-weight: bold;
}
h4.get-support-text a {
color: #3E3E3E;
text-decoration: none;
}
h4.get-support-text a:hover {
text-decoration:underline;
}

/*Edits on html5box round corners*/
div#html5-elem-wrap {
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
div#html5-elem-data-box {
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
div#html5-lightbox-overlay {
opacity: 0.7 !important;
}
/*404 Page Edits*/
div.wrapper-error-page h3 {
margin: 20px 20px 0 20px;
font-size: 22px;
line-height: 34px;
text-align: center;
}
h4.get-support-text a {
color: #3E3E3E;
text-decoration: none;
}
div.wrapper-error-page h3 a{
color: #008FFF;
text-decoration: none;
}
div.wrapper-error-page h3 a:hover{
text-decoration: underline;
}
/*Share FOr A Free Month*/
.share-for-free-month {
position: absolute;
top: -34px;
right: 0px;
background-color: #FB7B00;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 1001;
}
.share-for-free-month a {
color: #ffffff;
display: block;
padding: 4px 12px;
text-decoration: none;
}
.share-for-free-month a:hover, .share-for-free-month a:visited {
color: #ffffff;}


/*2021 Addition Day Vision
body {
    background: #0e0e0e;

}
#navigation {
    width: 1400px;
        background-color: #393939;
}

.sticky-wrapper #navigation {
    width: 1400px;
        background-color: #393939;
    border-radius: 4px !important;
}
ul#nav {
    display: flex !important;
    width:100%;
        border-radius: 4px;
}
.is-sticky #navigation {
    width: 1400px;
        background-color: #393939;
    border-radius: 0 0 4px 4px!important;
}
ul#nav>li {
      flex-basis: 100%;
  text-align: center;
}

#nav a {
    color: #ffffff;
    font-weight: bold;
    padding: 0;
    width: 100%;
    display: block;
}
#nav a:hover {
    background: transparent;
    color: #fff;
    padding: 0;
}
#nav img {
filter: brightness(0) invert(1);
margin-top:12px;
}

#nav li {
    float: left;
    display: inline-block;
    margin: 0;
    height: 44px;
    line-height: 42px;
    background: #3e3e3e;
    transition: all 0.4s ease;
}
#nav li:hover {
    color: #ffffff;
    background: #545454;
    transition: all 0.4s ease;
}
#nav .current a {
    background: #545454;
    color: #ffffff;
    padding: 0;
    height: 44px;
    transition: all 0.4s ease;
}
#nav > li:nth-child(1) {
    margin: 0 !important;
        height: 44px;
}
#nav > li:nth-child(1) > a:hover {
    background: transparent;
        height: 44px;
}
.great-to-see {
    float: right;
    margin: 3px 20px 0 0;
    font-size: 16px;
    color: #3E3E3E;
    line-height: 20px;
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6, p {
}

.wrapper {
    width: 1400px !important;
}
.sticky-wrapper > #navigation {
    width: 1400px !important;
}
#container {
    width: 1400px !important;
}
.dash-dials-content.dials-content-2 {
    width: 783px !important;
}
.dials-placeholder-7 {
    width: 783px !important;
}
.dials-placeholder-master-5-6 {
    width: 783px !important;
}
.section > .article > h2 {
    font-weight: bold !important;
    font-size: 42px !important;
}
.lock-spot-left-placeholder > h3 {
        margin: 9px 0 0px 60px !important;
    font-weight: bold !important;
    font-size: 36px !important;
}
.dash-lock-spot.economic-calendar-holder > h3 {
    font-weight: bold !important;
    font-size: 36px !important;
}
.dash-lock-spot.economic-calendar-holder > h3 {
    line-height: 22px;
}
.lock-spot-left-placeholder > h4 {
    font-weight: bold !important;
    font-size: 30px !important;
}
.dash-mbs-tracker-content > div > table > tbody > tr > td {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #3e3e3e !important;
}
.static-lo-info {
    font-size: 16px !important;
    font-weight: 600 !important;
}
h4.get-support-text, h4.get-support-text a {
    font-size: 16px !important;
    line-height: 12px !important;
    font-weight: bold !important;
    color: #ededed !important;
}
#container>#section-5 {
    min-height: 56px;
    background: #2c2c2c;
    color: #fff;
}
div#agenda {
    height: 850px;
}
*/









/*2021 Addition Night Vision*/
div#navigation-sticky-wrapper, #header, .section-spacer:nth-child(1){
    /*display: none !important;*/
}

/*Night Coloring Start
body {
    background: #0e0e0e;
}
.section {
    background-color: #242526;
}
#chartdiv {
    background: #0e0e0e !important;
}
.dash-mbs-tracker-content {
    padding: 0;
    margin: 0 20px 0 20px !important;
    border: 1px solid #4c4c4c !important;
    border-radius: 4px;
}
.fnma-placeholder,
.scroller-news,
.moving-average-overlays-placeholder,
.lock-spot-left-placeholder{
    border: 1px solid #4c4c4c !important;
    background: #0e0e0e !important;
}
.dash-dials{
    border: 1px solid #4c4c4c !important;
}
.dash-corner-green {
    background-color: #0e0e0e !important;
    background-image: url(../../Images/dash-corner-green.png);
}
.dash-corner-red {
    background-color: #0e0e0e !important;
    background-image: url(../../Images/dash-corner-green.png);
}
.dash-corner-black {
    background-color: #0e0e0e !important;
    background-image: url(../../Images/dash-corner-black.png);
}
div#weeklyview {
    border: 1px solid #4c4c4c !important;
}
.dash-mbs-tracker-content, table.MAtable td{
    background: #0e0e0e !important;
    color:#ffffff !important;
}
.ribbon-line-1px-dials {
    border-top: 1px solid #4c4c4c !important;
    background: #0e0e0e;
}
h1, h2, h3, h4, h5, h6, p {
    color: #e7e7e7;
}
.static-lo-number.color-red, .static-lo-number.color-green {
    color: #e7e3de !important;
}
text {
    fill: #e7e3de;
}
path[Attributes Style] {
    fill: rgb(255, 255, 255);
    stroke: #e7e3de !important;
}
.ribbon {
    background: #242526 !important;
    border-top: 1px solid #3a3a3a !important;
}
.lock-spot-left-placeholder .ribbon {
    background: #0e0e0e !important;
    border-top: 1px solid #3a3a3a !important;
}
.ribbon-line-1px-dials {
    border-top: 1px solid #3e3e3e;
}
.today-support-placeholder, 
.today-fnma-placeholder, 
.prior-day-fnma-placeholder,
.scroller-news{
    color: #fff;
}

.icon-help-mbstracker img,
.icon-help-dash img,
.icon-help-breakingnews img,
.icon-help-locktalk img,
.icon-help-calendar img {
    margin: 0 0 0 3px;
    border-radius: 10px;
}
.dash-news-content p:nth-child(even) {
    background: #494949 !important;
}
.dash-news-content p:nth-child(odd) {
    background: #2e2e2e !important;
}
.dash-news-content {
    height: 500px !important;
}
.dash-lock-spot.icon-placeholder {
    padding: 12px 10px 10px !important;
}
.lock-spot-left-placeholder h3 {
    padding-top: 11px !important;
}
.lock-spot-left-placeholder ul, .lock-spot-left-placeholder ul li {
    color: #fff !important;
}
.block-title {
    background: #0e0e0e !important;
    border: none !important;
box-shadow: none !important;
}
.today-support-placeholder, .today-fnma-placeholder, .prior-day-fnma-placeholder, .scroller-news, .agenda-events span {
    color: #fff;
    background: #0e0e0e;
    font-size: 14px;
    line-height: 14px;
}
.agenda .agenda-visible-column > span {
    padding: 2px !important;
    margin-top: -19px !important;
}
Night Coloring End*/





#navigation {
    width: 1400px;
        background-color: #393939;
}
.block-title > h3 {
    color: #3e3e3e;
}
.sticky-wrapper #navigation {
    width: 1400px;
        background-color: #393939;
    border-radius: 4px !important;
}
ul#nav {
    display: flex !important;
    width:100%;
        border-radius: 4px;
}
.is-sticky #navigation {
    width: 1400px;
        background-color: #393939;
    border-radius: 0 0 4px 4px!important;
}
ul#nav>li {
      flex-basis: 100%;
  text-align: center;
}

#nav a {
    color: #ffffff;
    font-weight: bold;
    padding: 0;
    width: 100%;
    display: block;
}
#nav a:hover {
    background: transparent;
    color: #fff;
    padding: 0;
}
#nav img {
filter: brightness(0) invert(1);
margin-top:12px;
}

#nav li {
    float: left;
    display: inline-block;
    margin: 0;
    height: 44px;
    line-height: 42px;
    background: #3e3e3e;
    transition: all 0.4s ease;
}
#nav li:hover {
    color: #ffffff;
    background: #545454;
    transition: all 0.4s ease;
}
#nav .current a {
    background: #545454;
    color: #ffffff;
    padding: 0;
    height: 44px;
    transition: all 0.4s ease;
}
#nav > li:nth-child(1) {
    margin: 0 !important;
        height: 60px;
}
#nav > li:nth-child(1) > a:hover {
    background: transparent;
        height: 44px;
}
.great-to-see {
    float: right;
    margin: 3px 20px 0 0;
    font-size: 16px;
    color: #3E3E3E;
    line-height: 20px;
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6, p {
}

.wrapper {
    width: 1400px;
}
.sticky-wrapper > #navigation {
    width: 1400px;
}
#container {
    width: 1400px;
}
.dash-dials-content.dials-content-2 {
    width: 783px;
}
.dials-placeholder-7 {
    width: 783px;
}
.dials-placeholder-master-5-6 {
    width: 783px;
}
.section > .article > h2 {
    font-weight: bold !important;
    font-size: 42px !important;
}
.lock-spot-left-placeholder > h3 {
        margin: 9px 0 0px 60px !important;
    font-weight: bold !important;
    font-size: 36px !important;
}
.dash-lock-spot.economic-calendar-holder > h3 {
    font-weight: bold !important;
    font-size: 36px !important;
}
.dash-lock-spot.economic-calendar-holder > h3 {
    line-height: 22px;
}
.lock-spot-left-placeholder > h4 {
    font-weight: bold !important;
    font-size: 30px !important;
}
.dash-mbs-tracker-content > div > table > tbody > tr > td {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #3e3e3e !important;
}
.static-lo-info {
    font-size: 16px !important;
    font-weight: 600 !important;
}
h4.get-support-text, h4.get-support-text a {
    font-size: 16px !important;
    line-height: 12px !important;
    font-weight: bold !important;
    color: #ededed !important;
}
#container>#section-5 {
    min-height: 56px;
    background: #2c2c2c;
    color: #fff;
}
div#agenda {
    height: 1400px;
}