/* ============================
 * 
 *     Customize Color
 *
 * ============================ */
/* key color: #005AB2 */
/* sub color: #00A595 */
.left-bordered-rect-title {
  background: #005AB2;
}

.round-color-box {
  border-color: #005AB2;
}
.round-color-box .box-title {
  background: #005AB2;
}

#masthead {
  background: #005AB2;
  border-bottom-color: #00A595;
}

.footer-message-header {
  background: #005AB2;
}

.footer-message-toggle {
  background: #005AB2;
}

/* ===== Light colors ===== */
.alt-site-color-l .left-bordered-rect-title {
  background: #387DCC;
}
.alt-site-color-l .round-color-box {
  border-color: #387DCC;
}
.alt-site-color-l .round-color-box .box-title {
  background: #387DCC;
}
.alt-site-color-l #masthead {
  background: #387DCC;
}
.alt-site-color-l .footer-message-header {
  background: #387DCC;
}
.alt-site-color-l .footer-message-toggle {
  background: #387DCC;
}

/* ===== Dark colors ===== */
.alt-site-color-d .left-bordered-rect-title {
  background: #003976;
}
.alt-site-color-d .round-color-box {
  border-color: #003976;
}
.alt-site-color-d .round-color-box .box-title {
  background: #003976;
}
.alt-site-color-d #masthead {
  background: #003976;
}
.alt-site-color-d .footer-message-header {
  background: #003976;
}
.alt-site-color-d .footer-message-toggle {
  background: #003976;
}

/* ===== Tablet Lyout ===== */
@media screen and (max-width: 1023px) {
  .steps .current:after {
    background: #005AB2;
  }

  .header-float-menu {
    background: #005AB2;
  }

  .alt-mypage-menu a {
    background: #005AB2;
  }
  .alt-mypage-menu a:hover {
    background: #518eca;
  }

  /* ===== Light colors ===== */
  .alt-site-color-l .steps .current:after {
    background: #387DCC;
  }
  .alt-site-color-l .header-float-menu {
    background: #387DCC;
  }
  .alt-site-color-l .alt-mypage-menu a {
    background: #387DCC;
  }
  .alt-site-color-l .alt-mypage-menu a:hover {
    background: #77a6dc;
  }

  /* ===== Dark colors ===== */
  .alt-site-color-d .steps .current:after {
    background: #003976;
  }
  .alt-site-color-d .header-float-menu {
    background: #003976;
  }
  .alt-site-color-d .alt-mypage-menu a {
    background: #003976;
  }
  .alt-site-color-d .alt-mypage-menu a:hover {
    background: #5178a1;
  }
}