/*

  splash-background-color:              #8BBB00
  white-label-primary-color:            #014135       (1, 65, 53)
  white-label-secondary-color:          rgba(255, 255, 255, 0.12)
  white-label-secondary-color-focus:    rgba(255, 255, 255, 0.12)

*/
:root {
  /*** General variables ***/
  --white-label-primary-color: #4D4F53;
}

cotalker-root {
  background-color: #E5E5E5;                      /* white-label-splash-loading-color */
}

/*
  LOGIN.COMPONENT.SCSS
*/

.login-container {
  background-color: #8BBB00;                      /* splash-background-color */
}

/*
  GROUP-MENU-CONTAINER.COMPONENT.SCSS
*/

.group-menu-overlay {
  background-color: rgba(77, 79, 83, 0.24);       /* (1, 65, 53)  <--  white-label-primary-color */
}

/*
  GROUP-MENU.COMPONENT.SCSS
*/

.whitelabel-powered-by-cotalker {
  background-color: rgba(255, 255, 255, 0.12);    /* white-label-secondary-color-focus */
}

.account-widget a {
  background-color: rgba(77, 79, 83, 0.97);           /* mix(white, $white-label-primary-color, 3%) */
}

.account-widget.selected a, .account-widget a:active, .account-widget a:focus {
  background-color: rgba(255, 255, 255, 0.12);    /* white-label-secondary-color-focus */
}

.side-menu li a.selected, .side-menu li a.group-item:active, .side-menu li a.group-item:focus {
  background-color: rgba(255, 255, 255, 0.12);    /* white-label-secondary-color-focus */
}

.expanded .account-widget a:hover {
  background-color: rgba(255, 255, 255, 0.12);    /* white-label-secondary-color   <--  rgba(mix(white, $white-label-secondary-color, 12%), 0.12)*/
}

.expanded .account-widget.selected a, .expanded .account-widget a:active, .expanded .account-widget a:focus {
  background-color: rgba(255, 255, 255, 0.12);    /* white-label-secondary-color-focus */
}

.expanded .side-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);    /* white-label-secondary-color */
}

.expanded .side-menu li a.selected, .expanded .side-menu li a.group-item:active, .expanded .side-menu li a.group-item:focus {
  background-color: rgba(255, 255, 255, 0.12);    /* white-label-secondary-color-focus */
}