body {
  background-image: initial;
  background-image: inherit; /* for IE */
  background-color: #00a8a9;
}
.unified_container .row .panel-default #api .social .intro h2, 
.unified_container .row .panel-default #api .localAccount .intro h2 {
  font-size: 16px;
}
.unified_container .row .panel-default #api .localAccount .entry .entry-item #logonIdentifier,
.unified_container .row .panel-default #api .localAccount .entry .entry-item #password,
.unified_container .row .panel-default #api .localAccount .entry .entry-item #signInName, 
.phonefactor_container .row .panel-default #api #verificationCode,
/* for phonefactor */ #api #phoneEntry .input .code #countryCode,
/* for phonefactor */ #api #phoneEntry.phoneEntry .input .number #number,
/* for selfAsserted */ #attributeList ul li input  {
  outline: solid 1px #afafaf;
  border-radius: 0px !important;
  box-shadow: initial;
  box-shadow: inherit; /* for IE */
  color: #555;
}
input[type=password]:focus, input[type=text]:focus, input[type=email]:focus, select:focus, 
/* for phonefactor */ #api input#verificationCode:focus,
/* for phonefactor */ #api #phoneEntry.phoneEntry .input .number #number:focus
{
  border: 1px solid #00a8a9;
}
button,
.accountButton,
.unified_container .row .panel-default #api .localAccount .entry .buttons button,
.unified_container .row .panel-default #api .social .options .accountButton, 
button#sendCode,
button#verifyCode, 
button#verifyPhone,
button#continue /* for selfAsserted */,
button#readOnlyEmail_ver_but_send, /* for localaccountpasswordreset */
button#readOnlyEmail_ver_but_verify, /* for localaccountpasswordreset */
button#readOnlyEmail_ver_but_resend /* for localaccountpasswordreset */ {
  background-color: #00a8a9 !important;
  color: #fff;
  font-size: 16px;
  height: 50px;
  line-height: 1.5rem;
}
button:hover,
.unified_container .row .panel-default #api .localAccount .entry .buttons button:hover, 
.unified_container .row .panel-default #api .social .options .accountButton:hover, 
button#verifyCode:hover, 
button#verifyPhone:hover,
button#continue:hover, /* for selfAsserted */
button#readOnlyEmail_ver_but_send:hover, /* for localaccountpasswordreset */
button#readOnlyEmail_ver_but_verify:hover, /* for localaccountpasswordreset */
button#readOnlyEmail_ver_but_resend:hover /* for localaccountpasswordreset */ {
    -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #008486 !important;
  color: #fff;
}
button:active,
.unified_container .row .panel-default #api .localAccount .entry .buttons button:active, 
.unified_container .row .panel-default #api .social .options .accountButton:active, 
button#verifyCode:active, 
button#verifyPhone:active,
button#continue:active /* for selfAsserted */
button#readOnlyEmail_ver_but_send:active, /* for localaccountpasswordreset */
button#readOnlyEmail_ver_but_verify:active, /* for localaccountpasswordreset */
button#readOnlyEmail_ver_but_resend:active /* for localaccountpasswordreset */ {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #d4ecee !important;
  color: #006261 !important; /* common.css にある button:hover{ color: white !important: } を上書きするために important が必要 */
}
button#readOnlyEmail_ver_but_verify, /* for localaccountpasswordreset */
button#readOnlyEmail_ver_but_resend /* for localaccountpasswordreset */ {
  width: inherit;
  padding: 0px 20px;
  font-size: 1em;
  margin-right: 5px;
}
.unified_container .row .panel-default #api .localAccount .entry .buttons button {
  width: 100%;
  height: 50px;
}
.unified_container .row .panel-default #api .localAccount .create {
  display: none;
}
.unified_container .row .panel-default #api .social .accountButton {
  width: 60%;
  margin-left: 0px;
}
#api button#cancel {
  display: none;
  width: inherit;
}
.unified_container .row .panel-default .panel-body img, 
.phonefactor_container .row .panel-default .panel-body img,
.self_asserted_container .row .panel-default .panel-body img.companyLogo /* for selfAsserted */ {
  margin-top: 4rem
}
/* for unified-and-passreset flow */
.unified_container .row .panel-default #api .localAccount .entry .buttons {
  margin: 0 0 0 0;
  text-align: left;
}
.resetButton {
  margin-top: 0;
  margin-bottom: 30px;
  background: none !important;
  color: #337ab7 !important;
  width: 100%;
  height: 20px !important;
  box-shadow: none !important;
  text-align: left;
  padding-left: 0;
}
.resetButton:hover {
  background: none !important;
  color: #337ab7 !important;
  text-decoration: underline !important;
}
.phoneResetButton {
  background: none !important;
  color: #337ab7 !important;
  width: 100%;
  box-shadow: none !important;
  text-align: left;
  padding-left: 0;
}
.phoneResetButton:hover {
  background: none !important;
  color: #337ab7 !important;
  text-decoration: underline !important;
}
/* for passreset flow */
/* Force display label to supplement cut-offed placeholder text */
.password_reset_container #attributeList ul li label[for="signInName"] {
  display: block !important;
  margin-bottom: 2rem;
  width: 100%;
}
/* for fixed-footer layout */
.row {
  position: relative;
  padding-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  text-align: right;
  padding-right: 38px;
  padding-left: 38px;
  padding-bottom: 13px;
  color: #fff;
  z-index: -1;
}
.footer .logo_Co img {
  width: 200px;
  height: auto;
}
/* for api.phonefactor */
#api .working {
  display: none;
  background:url(data:image/gif;base64,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) no-repeat;
  height:30px;
  width:auto;
  background-position:center bottom
}