.noUi-handle {
  background-color: #3388CC;
  background: linear-gradient(#0572E6, #3388CC);
}
.noUi-handle:before,
.noUi-handle:after {
  background-color: #EEEEEE;
}
.btn.btn-flat.btn-primary,
.btn.btn-flat.btn-primary:focus {
  background-color: #0572E6;
  border-color: #001019;
  text-transform: capitalize;
  /*added for Next button*/

}
.btn.btn-flat.btn-primary-apt {
  background-color: #FFFFFF;
  color: #0572E6;
  text-transform: capitalize;
  border-color: #001019;
}
.btn.btn-flat.btn-primary:hover {
  background-color: #0572E6;
  /*001019 changed to 0572E6*/
  border-color: #014165;
  text-decoration: underline;
  /*to underline when hover*/

}
.btn.btn-flat.btn-primary:active {
  background-color: #000000;
  border-color: #002132;
}
.btn.btn-flat/*added for previous button*/ {
  background-color: #E4E4E4;
  text-transform: capitalize;
}
.btn.btn-flat:hover/*added for previous button*/ {
  text-decoration: underline;
  /*to underline when hover*/

}
.PillButton.active,
.PillButton.active:hover {
  background: #0572E6;
  color: #fff;
}
.PillButton:hover {
  background: #E4E4E4;
}
.banner {
  background-color: #FFFFFF;
  height: 90px;
  background-image: bannerurl;
  background-repeat: no-repeat;
  background-size: 600px 90px;
}
.banner .appname {
  display: none;
}
.banner img {
  position: absolute;
  left: 0;
}
.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: #0572E6;
  text-transform: lowercase;
}
/*Block added to migrate in sentence case*/

.MoreInformation h1::first-letter,
#PrintPreviewScreenDiv h1::first-letter,
#BudgetPlannerScreenDiv h1::first-letter,
.ScreenDescription h1::first-letter,
.MoreInformation h2::first-letter,
#PrintPreviewScreenDiv h2::first-letter,
#BudgetPlannerScreenDiv h2::first-letter,
.ScreenDescription h2::first-letter,
.MoreInformation h3::first-letter,
#PrintPreviewScreenDiv h3::first-letter,
#BudgetPlannerScreenDiv h3::first-letter,
.ScreenDescription h3::first-letter,
.MoreInformation h4::first-letter,
#PrintPreviewScreenDiv h4::first-letter,
#BudgetPlannerScreenDiv h4::first-letter,
.ScreenDescription h4::first-letter {
  text-transform: uppercase;
}
#WelcomeScreenDiv {
  background-color: #0572E6;
  color: #FFFFFF;
  /*background-image: @backgroundurl;*/
  background-attachment: fixed;
  background-size: cover;
  background-position: 100%, 0;
  padding-left: 10%;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
}
#WelcomeScreenDiv h3 {
  font-size: 14pt;
}
#WelcomeContentDiv {
  width: 50%;
}
.LegalTextBox {
  background-color: #FFFFFF;
  color: #424242;
  padding: 1%;
}
.LegalTextBox p {
  font-size: 11pt;
}
@media (max-width: 767px) {
  #WelcomeScreenDiv {
    padding-left: 0;
  }
  #WelcomeScreenDiv {
    background-image: url('img/brand/anz/welcomebackground6v.jpg');
    background-size: 170% 160%;
    background-position: left top;
  }
  #WelcomeContentDiv {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #MainNavDiv .navbar-header {
    background-color: #017DBB;
    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: #017DBB;
}
/*To change navigation bar color to Grey2*/

#MainNavDiv.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  background-color: #e4e4e4;
}
/* ANZ logo on the welcome page */

.WelcomeBrandLogo {
  margin: 30px 0;
}
/* Extra text boxes on the bottom of the graphs page */

.infobox {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-right: 60px;
  padding-left: 0;
}
.infobox h4 {
  min-height: 45px;
}
.infoboximage {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .infobox {
    padding-right: 0;
  }
}
/*change color scheme of Summary tab*/

.SummaryBoxNow,
#NowTab.active:hover {
  background: #FFF6E0;
}
.SummaryBoxRetirement,
#RetirementTab.active:hover,
#RetirementTab:hover {
  background: #E2F6FD;
}
.SummaryBoxBeyond,
#BeyondTab.active:hover {
  background: #C8E9E1;
}
.SummaryBoxCompare,
#CompareTab.active:hover {
  background: #DAD1DF;
}
.SummaryBox {
  color: #424242;
}
.SummaryTab {
  color: #424242;
}
.TextImageContainer {
  color: #FFF;
}

#gradient0 stop[offset="0"] { stop-color: #8ADAF9; }
#gradient0 stop[offset="1"] { stop-color: #8ADAF9; }
#gradient1 stop[offset="0"] { stop-color: #FF9271; }
#gradient1 stop[offset="1"] { stop-color: #FF9271; }
#gradient2 stop[offset="0"] { stop-color: #FF746A; }
#gradient2 stop[offset="1"] { stop-color: #FF746A; }
#gradient3 stop[offset="0"] { stop-color: #0572E6; }
#gradient3 stop[offset="1"] { stop-color: #0572E6; }
#gradient4 stop[offset="0"] { stop-color: #64AFFF; }
#gradient4 stop[offset="1"] { stop-color: #64AFFF; }
#gradient5 stop[offset="0"] { stop-color: #FAD971; }
#gradient5 stop[offset="1"] { stop-color: #FAD971; }
#gradient6 stop[offset="0"] { stop-color: #F9BEAD; }
#gradient6 stop[offset="1"] { stop-color: #F9BEAD; }
#gradient7 stop[offset="0"] { stop-color: #3CBBB6; }
#gradient7 stop[offset="1"] { stop-color: #3CBBB6; }
#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: #1D164C; }
#gradient13 stop[offset="1"] { stop-color: #1D164C; }