div[data-tenant-branding-background-color="true"] {
  background-color: #f6f7f8;
}

.weHubRow.row {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.weHubCol {
  flex: 1;
}

.weHubCol .heading {
  display: none;
}

.weHubCol .divider {
  display: none;
}

.weHubLoginCover {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 47px;
  line-height: 68px;
  text-align: center;
  color: #fff;
  background: #5a5a5a;

  background: url(https://stgaadb2c.blob.core.windows.net/inicio/bg.png);
  background-size: cover;
  /* height: 100%; */
}

@media screen and (max-width: 1239px) {
  .weHubLoginCover {
    display: none;
  }
}

.unified_container .row .panel.panel-default {
  padding: 0 20px;
  margin-top: auto;
  margin-bottom: auto;
  height: 100%;
  min-height: 100vh;
  background-color: #ffffff;
  color: white;
  border: none;
  display: flex;
  align-items: center;
  box-shadow: none;
}

.unified_container .row .panel-default .panel-body {
  max-width: 380px;
  width: 100%;
  margin: auto;
  padding: 0;
}

.unified_container .row .panel-default .panel-body .companyName {
  font-size: 1.5em;
  margin-bottom: 45px;
}

.unified_container .row .panel-default .panel-body .companyLogo {
  display: block;
  height: 48px;
}

.unified_container .row .panel-default .panel-body img {
  max-width: 100%;
  width: auto;
  height: 70px;
  margin: 0 auto;
  display: block;
}

.unified_container .row .panel-default .panel-body h3 {
  font-size: 1.5em;
  display: none;
}

.unified_container .row .panel-default #api {
  display: table;
  margin: 0;
  width: 100%;
}

.unified_container .row .panel-default #api .intro {
  display: block;
  text-align: left;
}

.unified_container .row .panel-default #api .intro h2 {
  display: none;
}

/* .unified_container .row .panel-default #api .divider {
  display: none;
} */
/* 
.unified_container .row .panel-default #api #localAccountForm .divider {
  display: flex;
} */

/* .unified_container .row .panel-default #api .divider h2 {
  color: #7e8895;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
} */

/* .unified_container .row .panel-default #api .divider h2::before,
.unified_container .row .panel-default #api .divider h2::after {
  position: absolute;
  top: 50%;
  content: "";
  transform: translateY(-50%);
  width: calc((100% - 48px) / 2);
  background-color: #e4e8ec;
  height: 2px;
} */

/* .unified_container .row .panel-default #api .divider h2::after {
  left: 0;
}

.unified_container .row .panel-default #api .divider h2::before {
  right: 0;
} */

.unified_container .row .panel-default #api .localAccount {
  top: 10px;
  width: 100%;
}

.unified_container .row .panel-default #api .localAccount .intro h2 {
  font-size: 20px;
}

.unified_container .row .panel-default #api .localAccount .error {
  color: #b00;
  text-align: left;
}

.unified_container .row .panel-default #api .localAccount .entry .buttons {
  margin: 0 0 23px 0;
  text-align: left;
}

.forgotPasswordList,
ul {
  padding-inline-start: 0;
}

.helpLink {
  display: none;
}

.forgotPassInput {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border-color:#d0d6dc ;
  color: #555;
}

.forgotPassInput:focus{
  outline: none;
}

.unified_container
  .row
  .panel-default
  #api
  .localAccount
  .entry
  .buttons
  button, button {
  background-image: none;
  background-color: #099;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin: 40px 0 0;
  padding: 8px 16px;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -moz-user-select: none;
  -ms-touch-action: manipulation;
  -ms-user-select: none;
  -webkit-user-select: none;
  color: #fff;
  width: 100%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button[aria-disabled = true] {
  opacity: 0.4;
  cursor: not-allowed;
}

.unified_container
  .row
  .panel-default
  #api
  .localAccount
  .entry
  .buttons
  button:focus,
.unified_container
  .row
  .panel-default
  #api
  .localAccount
  .entry
  .buttons
  button:hover {
  background-color: #00816c;
  color: #fff;
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item {
  position: relative;
  width: 100%;
  padding: 0;
  display: block;
  margin-bottom: 24px;
}

.unified_container
  .row
  .panel-default
  #api
  .localAccount
  .entry
  .entry-item
  label {
  color: #3e4552;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

.unified_container
  .row
  .panel-default
  #api
  .localAccount
  .entry
  .entry-item
  input:focus {
  outline: none;
}

.unified_container
  .row
  .panel-default
  #api
  .localAccount
  .entry
  .entry-item
  input,
  .textInput {
  outline: none;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #d0d6dc;
  border-radius: 8px;
  color: #555;
  display: inline-block;
  font-size: 1em;
  height: 50px;
  line-height: 1.42857143;
  padding: 10px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
  width: 100% !important;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s !important;
}

.forgot-password {
  text-align: left;
}

.forgot-password.center-height {
  position: absolute;
  bottom: 0;
  clear: right;
  cursor: pointer;
  text-align: right;
}

@keyframes slideInFromRight {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.unified_container .row .panel-default #api .localAccount .entry {
  margin-top: 48px;
}

.unified_container
  .row
  .panel-default
  #api
  .localAccount
  .entry
  .entry-item
  .password-label
  #forgotPassword {
  position: absolute;
  bottom: -30px;
  right: 0;
  color: #099;
  font-size: 14px;
  font-weight: 600;
}

.unified_container .row .panel-default #api .localAccount .rememberMe {
  margin-top: -2rem;
  text-align: right;
  margin-left: 59%;
  position: relative;
  width: 15rem;
}

.unified_container
  .row
  .panel-default
  #api
  .localAccount
  .rememberMe.align-to-left {
  margin-top: 0.5rem;
  text-align: left;
  margin-left: 0;
  width: 100%;
}

.working {
  display: none;
}

.unified_container .row .panel-default #api .claims-provider-list-text-links p,
.unified_container .row .panel-default #api .localAccount .create {
  display: none;
}

.unified_container .row .panel-default #api .social {
  display: table-footer-group;
  position: relative;
  top: 1px;
  width: auto;
}

.unified_container .row .panel-default #api .accountButton {
  /* display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  margin-left: auto;
  overflow: hidden;
  padding: 12px 50px;
  border: 1px solid #e4e8ec;
  box-shadow: 0px 1px 1px rgba(43, 64, 87, 0.08);
  background-color: #fff;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  margin-top: 10px;
  color: #232833;
  outline: none; */
  display: none;
}

.unified_container .row .panel-default #api .accountButton:hover {
  color: #232833;
  background-color: #fff;
}

.claims-provider-list-text-links-bottom-under-form {
  text-align: left;
}

@media screen and (max-width: 320px) {
  .unified_container .row .panel-default #api .localAccount .rememberMe {
    margin-top: 1.75rem;
    text-align: left;
    margin-left: 0;
    width: 100%;
  }

  .forgot-password.center-height {
    top: 0;
    right: 12rem;
    position: relative;
  }
}