.noUi-handle {
  
}
.noUi-handle {
  background-color: #888888;
}
.noUi-handle {
  background: linear-gradient(#bbbbbb, #7b7b7b);
}
.noUi-handle:before,
.noUi-handle:after {
  background-color: #EEEEEE;
}
.banner {
  
}
.banner {
  background-color: #ffcc4e;
}
.banner {
  color: #000000;
}
.banner .appname {
  
}
.banner #BannerImage {
  
}
#MainNavDiv {
  background-color: #ffcc4e;
}
#MainNavDiv {
  color: #000000;
}
#MainNavDiv .nav > .dropdown.open > .dropdown-toggle,
#MainNavDiv .nav > .dropdown.open > .dropdown-toggle:hover,
#MainNavDiv .nav > .dropdown.open > .dropdown-toggle:focus {
  background-color: #EFEFEF;
}
#MainNavDiv .nav > .dropdown > .dropdown-toggle {
  background-color: #ffcc4e;
}
#MainNavDiv .nav > .dropdown > .dropdown-toggle {
  color: #000000;
}
#MainNavDiv .nav > .dropdown > .dropdown-toggle {
  border-color: #231F20;
}
#MainNavDiv .nav > .dropdown > .dropdown-toggle:hover,
#MainNavDiv .nav > .dropdown > .dropdown-toggle:focus {
  background-color: #FFFFFF;
}
#MainNavDiv .nav > .dropdown > .dropdown-toggle:hover,
#MainNavDiv .nav > .dropdown > .dropdown-toggle:focus {
  color: #231F20;
}
@media (max-width: 767px) {
  #MainNavDiv .navbar-default .nav > .dropdown > .dropdown-toggle {
    border-width: 0;
    border-radius: 0;
    margin-top: 0;
  }
}
#MainNavDiv .navbar-toggle .icon-bar {
  background-color: #231F20;
}
#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: #231F20;
}
#TopMenu li,
#TopMenu li:focus {
  background-color: #B1B3B6;
}
#TopMenu li,
#TopMenu li:focus {
  color: #231F20;
}
#TopMenu li,
#TopMenu li:focus {
  border-color: #B1B3B6;
}
#TopMenu li:hover {
  background-color: #97999d;
}
#TopMenu li:hover {
  border-color: #97999d;
}
#TopMenu li:active {
  background-color: #898c91;
}
#TopMenu li:active {
  border-color: #898c91;
}
#TopMenu li.active,
#TopMenu li.active:focus {
  background-color: #FFDD79;
}
#TopMenu li.active,
#TopMenu li.active:focus {
  color: #231F20;
}
#TopMenu li.active,
#TopMenu li.active:focus {
  border-color: #FFDD79;
}
#TopMenu li.active:hover {
  background-color: #ffd046;
}
#TopMenu li.active:hover {
  border-color: #ffd046;
}
#TopMenu li.active:active {
  background-color: #ffca2d;
}
#TopMenu li.active:active {
  border-color: #ffca2d;
}
.SummaryBoxNow,
#NowTab.active:hover {
  background-color: #ffcc4e;
}
.SummaryBoxRetirement,
#RetirementTab.active:hover {
  background-color: #bbbdc0;
}
.SummaryBoxBeyond,
#BeyondTab.active:hover {
  background-color: #00929e;
}
.SummaryBoxCompare,
#CompareTab.active:hover {
  background-color: #003d7d;
}
.SummaryBoxBeyond .CounterLabel {
  color: #00929e;
}
#NowTab:hover {
  background-color: #ffbd1b;
}
#RetirementTab:hover {
  background-color: #a1a3a7;
}
#BeyondTab:hover {
  background-color: #00636b;
}
#CompareTab:hover {
  background-color: #00244a;
}
.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: #231F20;
}
body {
  color: #231F20;
}
/* Style for the main application banner */

.banner img {
  position: static;
  height: 100%;
}
.banner #BannerImageDiv {
  background-color: #FFFFFF;
  display: inline-block;
  height: 118px;
  margin: 2px 0 0 2px;
  vertical-align: top;
}
.banner #BannerAppName {
  display: inline-block;
  margin-left: 30px;
  font-size: 24pt;
  height: 118px;
  line-height: 118px;
}
.banner #BannerLogo {
  padding: 10px;
}
.banner .appname {
  display: none;
}
#BannerAppName,
.WelcomeAppName {
  font-weight: 100;
  text-transform: uppercase;
  color: #000000;
}
#BannerAppName strong,
.WelcomeAppName strong {
  font-weight: 900;
  color: #000000;
}
.WelcomeAppName {
  font-size: 32pt;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 200;
  font-family: 'open_sans', sans-serif;
  font-size: 42px;
}
#BannerAppNameSpan {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
}
@media (max-width: 1199px) {
  .banner #BannerAppName {
    font-size: 18pt;
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .banner {
    height: 85px;
  }
  .banner #BannerImageDiv {
    height: 83px;
  }
  .banner #BannerAppName {
    height: 83px;
    line-height: 83px;
  }
}
/* Remove rounding from button corners */

#ActionsMenuButton,
#ViewMenuItem,
#TopMenu li,
#TutorialGraphTopMenu li {
  border-radius: 0;
}
/* Custom NZDF buttons */

.btn.btn-flat,
#AcceptButton {
  padding: 12px;
  border: 2px solid #3F3F3F;
  background-color: #CFCFCF;
  color: #231F20;
  font-family: 'open_sans', sans-serif;
  font-size: 12px;
}
.btn.btn-flat.btn-primary {
  border: 2px solid #939597;
  background-color: #bbbdc0;
  color: #231F20;
}
.btn.btn-flat:hover,
#AcceptButton:hover {
  border: 2px solid #B1B3B6;
  background-color: #FFFFFF;
  color: #231F20;
}
.btn.btn-flat.btn-primary:hover {
  border: 2px solid #deb140;
  background-color: #deb140;
  color: #231F20;
}
.btn.btn-flat:active {
  border: 2px solid #B1B3B6;
  background-color: #EFEFEF;
}
.btn.btn-flat.btn-primary:active {
  border: 2px solid #FFFFFF;
  background-color: #FFFFFF;
}
/* Styles for the welcome screen */

#WelcomeScreenDiv {
  background-color: #FFD457;
  position: relative;
}
#WelcomeScreenDiv .LegalTextBox a {
  color: #000000;
  font-family: 'open_sans', sans-serif;
  font-size: 14px;
  background-color: #bbbdc0;
}
.LegalTextBox {
  background-color: #bbbdc0;
  color: #000000;
  border-radius: 10px;
  border-spacing: 15px;
  margin: 10px 0;
  vertical-align: top;
}
.LegalTextBox h2 {
  display: block;
  font-weight: bold;
  margin: 0 0 6px 0;
  font-family: 'open_sans', sans-serif;
  font-size: 16px;
  color: #000000;
}
.LegalTextBox p {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  margin: 0;
  font-size: 9pt;
  font-family: 'open_sans', sans-serif;
  font-size: 12px;
  color: #000000;
}
#Background {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  font-family: 'open_sans', sans-serif;
  font-size: 12px;
  color: #000000;
}
#WelcomeContentDiv {
  background-color: #ffcc4e;
  color: #000000;
  padding: 0 4%;
  position: relative;
  font-family: 'open_sans', sans-serif;
  font-size: 14px;
}
@media (max-width: 767px) {
  #WelcomeScreenDiv {
    background-image: none;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  #WelcomeContentDiv {
    width: 50%;
  }
}
.SummaryBoxNow {
  color: #231F20;
}
.SummaryBoxNow .TextImage {
  color: #FFFFFF;
}
/* Override the arrow glyphicons used on buttons with left/right pointing triangles */

.btn .glyphicon-arrow-right:before {
  content: "\e250";
  font-size: 12pt;
}
.btn .glyphicon-arrow-left:before {
  content: "\e251";
  font-size: 12pt;
}
.btn .glyphicon-arrow-left,
.btn .glyphicon-arrow-right {
  vertical-align: bottom;
  padding-bottom: 1px;
}

#gradient0 stop[offset="0"] { stop-color:  #c62026; }
#gradient0 stop[offset="1"] { stop-color:  #c62026; }
#gradient1 stop[offset="0"] { stop-color: #12b5ea; }
#gradient1 stop[offset="1"] { stop-color: #12b5ea; }
#gradient2 stop[offset="0"] { stop-color:  #003d7d; }
#gradient2 stop[offset="1"] { stop-color:  #003d7d; }
#gradient3 stop[offset="0"] { stop-color:  #ffcc4e; }
#gradient3 stop[offset="1"] { stop-color:  #ffcc4e; }
#gradient4 stop[offset="0"] { stop-color: #e6e7e8; }
#gradient4 stop[offset="1"] { stop-color: #e6e7e8; }
#gradient5 stop[offset="0"] { stop-color: #00929e; }
#gradient5 stop[offset="1"] { stop-color: #00929e; }
#gradient6 stop[offset="0"] { stop-color: #7B00B5; }
#gradient6 stop[offset="1"] { stop-color: #B200FF; }
#gradient7 stop[offset="0"] { stop-color:  #bbbdc0; }
#gradient7 stop[offset="1"] { stop-color:  #bbbdc0; }
#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; }