.noUi-handle {
  
}
.noUi-handle {
  background-color: #46304C;
}
.noUi-handle {
  background: linear-gradient(#80578b, #291c2d);
}
.noUi-handle:before,
.noUi-handle:after {
  background-color: #EEEEEE;
}
.btn.btn-flat.btn-primary {
  background-color: #46304C;
}
.btn.btn-flat.btn-primary {
  color: #FFFFFF;
}
.btn.btn-flat.btn-primary {
  border-color: #291c2d;
}
.btn.btn-flat.btn-primary:hover {
  
}
.btn.btn-flat.btn-primary:hover {
  background-color: #291c2d;
}
.btn.btn-flat.btn-primary:hover {
  border-color: #46304C;
}
.btn.btn-flat.btn-primary:hover {
  color: #FFFFFF;
}
.btn.btn-flat.btn-primary:active {
  
}
.btn.btn-flat.btn-primary:active {
  
}
.btn.btn-flat.btn-primary:active {
  background-color: #0c090d;
}
.btn.btn-flat.btn-primary:active {
  
}
.btn.btn-flat.btn-primary:active {
  border-color: #291c2d;
}
.btn.btn-flat.btn-primary:active {
  
}
.btn.btn-flat.btn-primary:active {
  color: #FFFFFF;
}
.btn.btn-flat.btn-primary:focus {
  
}
.MoreInformation h1,
#PrintPreviewScreenDiv h1,
#BudgetPlannerScreenDiv h1,
.ScreenDescription h1,
.MoreInformation h2,
#PrintPreviewScreenDiv h2,
#BudgetPlannerScreenDiv h2,
.ScreenDescription h2,
.MoreInformation h3,
#PrintPreviewScreenDiv h3,
#BudgetPlannerScreenDiv h3,
.ScreenDescription h3,
.MoreInformation h4,
#PrintPreviewScreenDiv h4,
#BudgetPlannerScreenDiv h4,
.ScreenDescription h4 {
  
}
.MoreInformation h1,
#PrintPreviewScreenDiv h1,
#BudgetPlannerScreenDiv h1,
.ScreenDescription h1,
.MoreInformation h2,
#PrintPreviewScreenDiv h2,
#BudgetPlannerScreenDiv h2,
.ScreenDescription h2,
.MoreInformation h3,
#PrintPreviewScreenDiv h3,
#BudgetPlannerScreenDiv h3,
.ScreenDescription h3,
.MoreInformation h4,
#PrintPreviewScreenDiv h4,
#BudgetPlannerScreenDiv h4,
.ScreenDescription h4 {
  color: #527D97;
}
#TopMenu li.active,
#TopMenu li.active:focus {
  background-color: #46304C;
}
#TopMenu li.active,
#TopMenu li.active:focus {
  color: #FFFFFF;
}
#TopMenu li.active,
#TopMenu li.active:focus {
  border-color: #0c090d;
}
#TopMenu li.active:hover {
  
}
#TopMenu li.active:hover {
  background-color: #291c2d;
}
#TopMenu li.active:active {
  
}
#TopMenu li.active:active {
  background-color: #1b121d;
}
.banner {
  
}
.banner {
  background-color: #527D97;
}
.banner {
  color: #FFFFFF;
}
.banner {
  height: 90px;
}
.banner .appname {
  
}
.banner .appname {
  margin: 33px 32px;
}
.banner #BannerImage {
  
}
#WelcomeScreenDiv {
  
}
#WelcomeScreenDiv {
  background-color: #568E9B;
}
#WelcomeScreenDiv {
  color: #FFFFFF;
}
#WelcomeScreenDiv {
  background-image: url('img/brand/mercer/welcomebackground.jpg');
}
#WelcomeScreenDiv {
  background-attachment: fixed;
}
#WelcomeScreenDiv {
  background-size: cover;
}
#WelcomeScreenDiv {
  padding-left: 10%;
}
#WelcomeContentDiv {
  
}
@media (max-width: 767px) {
  #WelcomeScreenDiv {
    padding-left: 0;
  }
  #WelcomeScreenDiv {
    
  }
  #WelcomeScreenDiv {
    background-size: 175% 100%;
  }
}
@media (max-width: 767px) {
  #MainNavDiv .navbar-header {
    
  }
  #MainNavDiv .navbar-header {
    background-color: #527D97;
  }
  #MainNavDiv .navbar-header {
    color: #FFFFFF;
  }
}
#MainNavDiv .navbar-toggle .icon-bar {
  background-color: #FFFFFF;
}
#MainNavDiv .navbar-toggle:hover,
#MainNavDiv .navbar-toggle:active,
#MainNavDiv .navbar-toggle:focus {
  background-color: #FFFFFF;
}
#MainNavDiv .navbar-toggle:hover .icon-bar,
#MainNavDiv .navbar-toggle:active .icon-bar,
#MainNavDiv .navbar-toggle:focus .icon-bar {
  background-color: #527D97;
}
.SummaryBoxNow,
#NowTab.active:hover {
  background-color: #DF9C51;
}
.SummaryBoxRetirement,
#RetirementTab.active:hover {
  background-color: #F8CF44;
}
.SummaryBoxBeyond,
#BeyondTab.active:hover {
  background-color: #3276B4;
}
.SummaryBoxCompare,
#CompareTab.active:hover {
  background-color: #8EC3D7;
}
.SummaryBoxBeyond .CounterLabel {
  color: #3276B4;
}
#NowTab:hover {
  background-color: #d68327;
}
#RetirementTab:hover {
  background-color: #f6c213;
}
#BeyondTab:hover {
  background-color: #275c8c;
}
#CompareTab:hover {
  background-color: #68afca;
}
/* App name displayed in the desktop banner */

.banner .appname {
  font-size: 17pt;
  font-weight: 400;
}

#gradient0 stop[offset="0"] { stop-color: #918A7F; }
#gradient0 stop[offset="1"] { stop-color: #706B63; }
#gradient1 stop[offset="0"] { stop-color: #8EC3D7; }
#gradient1 stop[offset="1"] { stop-color: #6C93A2; }
#gradient2 stop[offset="0"] { stop-color: #BC4856; }
#gradient2 stop[offset="1"] { stop-color: #8D3640; }
#gradient3 stop[offset="0"] { stop-color: #DF9C51; }
#gradient3 stop[offset="1"] { stop-color: #A8763D; }
#gradient4 stop[offset="0"] { stop-color: #64AFFF; }
#gradient4 stop[offset="1"] { stop-color: #64AFFF; }
#gradient5 stop[offset="0"] { stop-color: #3276B4; }
#gradient5 stop[offset="1"] { stop-color: #255987; }
#gradient6 stop[offset="0"] { stop-color: #452F4B; }
#gradient6 stop[offset="1"] { stop-color: #342338; }
#gradient7 stop[offset="0"] { stop-color: #F8CF44; }
#gradient7 stop[offset="1"] { stop-color: #BA9C33; }
#gradient8 stop[offset="0"] { stop-color: #452F4B; }
#gradient8 stop[offset="1"] { stop-color: #342338; }
#gradient9 stop[offset="0"] { stop-color: #ff0000; }
#gradient9 stop[offset="1"] { stop-color: #ff0000; }
#gradient10 stop[offset="0"] { stop-color: #3378B7; }
#gradient10 stop[offset="1"] { stop-color: #3378B7; }
#gradient11 stop[offset="0"] { stop-color: #AC0909; }
#gradient11 stop[offset="1"] { stop-color: #AC0909; }
#gradient12 stop[offset="0"] { stop-color: #B27D41; }
#gradient12 stop[offset="1"] { stop-color: #B27D41; }
#gradient13 stop[offset="0"] { stop-color: #CFCFCF; }
#gradient13 stop[offset="1"] { stop-color: #5F5F5F; }