.MyPortal .signout {
  background-color: #eeeeee; }

.MyPortal .myportaltitle {
  color: white !important; }

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

.ecl-site-header__login-toggle .gs-icon-chevron-down {
  transition: transform .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; } }