@headerBg: #494d70;
@lightColor: #fff;
@lightGray: #999; // 浅灰
@gray: #666; // 登录tab页签基础字体颜色
@darkGray: #333; // 登录tab页签 激活字体颜色
@footBg: #555b77;
@bodyBg: #fff;
@guidBg: #F6F6F6;
@guidLineColor: #dfdfdf;
@guidActiveColor: #f8584d;
@guidCellColor: #dfdfdf;
@guidCellActiveColor: #dfdfdf;
@primaryBtnBorder: #4e49a1;
@primaryBtnFocusBorder: #292476;
@defaultBtnBorder: #4e49a1;

@guidStepBg: "images/step_bg.png";

.retrieve-pwd-top {
  background: @headerBg;
  color: @lightColor;
  a {
    color: @lightColor;
  }
}

.retrieve-pwd-body {
  background: @bodyBg;
}

.retrieve-pwd-body .guide {
  background: @guidBg;
}

.retrieve-pwd-body .guide li .line {
  border-color: @guidLineColor;
}

.retrieve-pwd-body .guide li.past .line,
.retrieve-pwd-body .guide li.selected .line {
  border-color: @guidActiveColor;
}

.retrieve-pwd-body .guide li {
  color: @guidCellColor;
}

.retrieve-pwd-body .guide li.past,
.retrieve-pwd-body .guide li.selected {
  color: @guidCellActiveColor;
}

.retrieve-pwd-body .guide li .indicator {
  color: @lightColor;
  background: url(@guidStepBg) 0 0 no-repeat;
}

.retrieve-pwd-body .guide li .step-name {
  color: @lightGray;
}

.retrieve-pwd-body .guide li.past .step-name {
  color: @gray;
}

.retrieve-pwd-body .guide li.past .step-name span {
  color: @darkGray;
}

.retrieve-pwd-body .guide li.selected .step-name,
.retrieve-pwd-body .guide li.selected .step-name span {
  color: @guidActiveColor;
}

.retrieve-pwd-foot {
  background: @footBg;
  color: @lightColor;
}

.btn-default {
  color: @defaultBtnBorder;
  background: #fff;
  border: 1px solid @defaultBtnBorder;
}

.btn-primary {
  color: @lightColor;
  background: @primaryBtnBorder;
  border: 1px solid @primaryBtnBorder;
}

.btn-primary:focus,
.btn-primary:hover {
  background: @primaryBtnFocusBorder;
}

.dialog-content button.primary {
  color: @lightColor;
  background:@primaryBtnBorder;
  border: 1px solid @primaryBtnBorder;
}

.dialog-content button.primary:hover,
.dialog-content button.primary:active {
  background-color: @primaryBtnFocusBorder;
  border: 1px solid #494D70
}