/******* BEGIN THEME GENERATOR SECTION *******/
/* DO NOT REMOVE! Manual modifications in this section might lead to malfunctioning CSS.*/
:root [cds-theme~=custom] {
  --clr-header-bg-color: #000000;
  --clr-global-app-background: #ffffff;
  --clr-login-error-background-color: #fff2f0;
  --clr-vertical-nav-bg-color: #e3eaed;
  --clr-vertical-nav-item-color: #2d3438;
  --clr-vertical-nav-item-active-color: #ffffff;
  --clr-vertical-nav-selected-bg-color: #e20077;
  --clr-vertical-nav-hover-bg-color: #e20077;
  --clr-vertical-nav-trigger-divider-border-color: #b7b7b7;
  --clr-login-welcome-color: #21333b;
}
/******* END THEME GENERATOR SECTION *******/

/* TMCZ customization */
.title {
  text-align: center;
}

#samlSsoLoginButton, #gotoTenantButton, #loginButton {
  background-color: #e20074;
  border: none;
  box-shadow: 0 2px 4px 0 #0000001a, 0 4px 8px 0 #00000026;
}

#gotoTenantButton:disabled, #loginButton:disabled {
  background-color: var(--clr-btn-primary-disabled-bg-color); 
}

#samlSsoLoginButton clr-icon svg {
  width: 18px;
  height: 18px;
  fill: hsla(0, 0%, 100%, 0.65); /* #f6f6f6;*/
  vertical-align: middle;
}

.login-footer {
  flex-direction: column !important;
}

.custom-links {
  flex-direction: column;
}