.MyPortal .signout {
  background-color: #eeeeee;
}
.MyPortal .myportaltitle {
  color: white !important;
}

.ecl-site-header__login-toggle {
  transition: transform 0.3s ease-in-out;
}

.ecl-site-header__login-toggle .gs-icon-chevron-down {
  transition: transform 0.3s ease-in-out;
}

.ecl-site-header__login-toggle[aria-expanded=true] .gs-icon-chevron-down {
  transform: rotate(180deg);
}

.ecl-site-header__login-toggle span {
  padding: 0 6px;
}

.ecl-site-header__login-toggle i.gs-icon-log-in,
.ecl-site-header__login-toggle i.gs-icon-logged-in {
  font-size: 24px;
}

a.ecl-button.ecl-button--ghost.ecl-site-header__login-toggle {
  text-decoration: unset;
}

div#login-box-id.ecl-site-header__login-box.ecl-site-header__login-box--active {
  min-width: 235px;
  text-align: left;
}

/*mobile and tablet*/
@media (max-width: 991.5px) {
  .ecl-site-header__login-container .gs-icon-chevron-down {
    display: none;
  }
  div#login-box-id.ecl-site-header__login-box.ecl-site-header__login-box--active {
    min-width: 235px;
    text-align: left;
    margin-left: -100px;
  }
}
.ecl-site-header__login-container .logged-in-span-first-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}

@media (max-width: 767.5px) {
  .ecl-site-header__login-container .logged-in-span-first-name {
    max-width: 100px;
  }
}