/* Kyte Learning Branding */
/* CSS Variables */
:root {
  --color-font: #182c4e;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-border: #b9c6e0;
  --color-status-info: #36a3f7;
  --header-color-text: #4a4a4a;
  --color-status-error: #f4516c;
  --color-brand-primary: rgba(52,191,163,1);
  --font-family-primary: 'OpenSans';
  --color-brand-tertiary: #868aa8;
  --color-status-success: #34bfa3;
  --color-status-warning: #ffb822;
  --color-brand-secondary: rgba(134,138,168,1);
  --color-page-background: #f5f5f5;
  --font-family-secondary: 'OpenSans';
  --header-background-color: rgba(255,255,255,1);
}
/* ************* */

/* Custom CSS */
/* Custom CSS */
header.masquerade {
  /*background-color: #0A1F44 !important;*/
  background-color: #ffffff !important;
  color: white !important
}

.empty button {
  background-color: var(--color-brand-tertiary) !important;
}

[_nghost-ng-c1166344766] .sections[_ngcontent-ng-c1166344766] {
  gap: 0 !important;
}

/* :is(textarea.modern),
:is(input.modern:not([type=radio], [type=checkbox])),
:is(select.modern) {
  background-color: white !important;
} */

/* Add this CSS to your stylesheet */
@media (max-width: 768px) {

  /* Adjust max-width as needed for your mobile breakpoint */
  ul#user-info-details {
    padding-left: 20px !important;
  }
}