:root {
  --primary-background-color: #faf9f8;
  --default-font-color: #000;
  --navbar-primary-background-color: #f3f2f1;
  --navbar-icon-color: #000;
  --navbar-icon-hover-color: #000;
  --navbar-icon-hover-background-color: #edebe9;
  --navbar-icon-selected-bg-color: #e1dfdd;
  --navbar-persona-hover-background-color: #d2d0ce;
  --navbar-account-card-background-color: #fff;
  --navbar-account-card-hover-color: #d2d0ce;
  --navbar-account-card-font-color: #3b3a39;
  --navbar-tab-active-border: #d35230;
  --navbar-tab-dismiss-button-color: #000;
  --navbar-tab-active-background-color: #e1dfdd;
  --navbar-tab-hover-background-color: #edebe9;
  --navbar-tab-font-color: #000;
  --navbar-tab-dismiss-button-hover: #106ebe;
  --navbar-separator-color: #000;
  --navbar-remoteapps-dropdown-background: #fff;
  --navbar-remoteapps-multiapps-separator: #d2d0ce;
  --navbar-remoteapps-multiapps-sm-bottom-border: #ec623d;
  --navbar-remoteapps-multiapps-lg-bottom-border: #e76f50;
  --navbar-session-tab-focus-outline-color: #605e5c;
  --collapsed-navbar-border-color: #0078d4;
  --collapsed-navbar-background-color: #202020c2;
  --collapsed-navbar-pill-color: #9a9a9a;
  --tenant-header-background-color: #f3f2f1;
  --tenant-header-color-expand: #edebe9;
  --tenant-header-font-color: #323130;
  --allresources-primary-color: #fff;
  --allresources-hover-color: #edebe9;
  --allresources-resource-font-color: #000;
  --allresources-list-divider-color: #e1dfdd;
  --allresources-disabled-color: #edebe9;
  --allresources-controls-divider-color: #c8c6c4;
  --allresources-controls-icon-color: #000;
  --allresources-controls-icon-color-selected: #0078d4;
  --allresources-controls-icon-color-hovered: #979593;
  --tooltip-background-color: #fff;
  --tooltip-font-color: #323130;
  --sidepanel-close-button-font-color-hover: #323130;
  --sidepanel-close-button-background-color-hover: #f3f2f1;
  --sidepanel-disabled-font-color: #8a8886;
  --settings-pane-button-color: #fff;
  --settings-pane-button-text: #1b1a19;
  --settings-pane-choice-text: #1b1a19;
  --settings-pane-label-text: #1b1a19;
  --settings-pane-button-color-hover: #edebe9;
  --settings-pane-dropdown-text-hover: #0078d4;
  --links-color: #0072c9;
  --links-color-hover: #004578;
  --toast-font-color: #11100f;
  --message-banner-link-color: #005a9e;
  --unified-client-banner-border-color: #c8c6c4 1px solid;
  --unified-client-banner-background-color: #f3f2f1;
  --unified-client-banner-link-btn-background-color: #fff;
  --unified-client-banner-text-font-color: #484644;
  --unified-client-banner-icon-color: #484644;
  --unified-client-banner-link-btn-border-color-hover: #8a8886;
  --unified-client-banner-link-dismiss-btn-hover: #11100f;
  --dialog-color: #e1dfdd;
  --dialog-font-color: #323130;
  --dialog-font-color-hover: #323130;
  --dialog-font-color-disabled: #767775;
  --dialog-checkbox-border-color-disabled: #8a8886;
  --dialog-cancel-button-color: #fff;
  --dialog-cancel-button-color-hover: #edebe9;
  --dialog-cancel-button-font-color: #323130;
  --dialog-textfield-background-color: #fff;
  --dialog-textfield-font-color: #323130;
  --dialog-button-disabled-color: #edebe9;
  --dialog-button-disabled-font-color: #d2d0ce;
  --session-background-color: #797775;
}
.dark {
  --primary-background-color: #1b1a19;
  --default-font-color: #edebe9;
  --navbar-primary-background-color: #11100f;
  --navbar-icon-color: #faf9f8;
  --navbar-icon-hover-color: #323130;
  --navbar-icon-hover-background-color: #323130;
  --navbar-icon-selected-bg-color: #484644;
  --navbar-persona-hover-background-color: #323130;
  --navbar-account-card-background-color: #1b1a19;
  --navbar-account-card-hover-color: #3b3a39;
  --navbar-account-card-font-color: #e1dfdd;
  --navbar-tab-active-border: #d35230;
  --navbar-tab-dismiss-button-color: #fff;
  --navbar-tab-active-background-color: #323130;
  --navbar-tab-hover-background-color: #3b3a39;
  --navbar-tab-font-color: #faf9f8;
  --navbar-tab-dismiss-button-hover: #0078d4;
  --navbar-separator-color: #e1dfdd;
  --navbar-remoteapps-dropdown-background: #161514;
  --navbar-remoteapps-multiapps-separator: #605e5c;
  --navbar-remoteapps-multiapps-sm-bottom-border: #ec623d;
  --navbar-remoteapps-multiapps-lg-bottom-border: #e76f50;
  --collapsed-navbar-border-color: #0078d4;
  --collapsed-navbar-background-color: #202020c2;
  --collapsed-navbar-pill-color: #9a9a9a;
  --tenant-header-background-color: #11100f;
  --tenant-header-color-expand: #292827;
  --tenant-header-font-color: #edebe9;
  --allresources-primary-color: #fff;
  --allresources-hover-color: #292827;
  --allresources-resource-font-color: #edebe9;
  --allresources-list-divider-color: #323130;
  --allresources-disabled-color: #292827;
  --allresources-controls-divider-color: #a19f9d;
  --allresources-controls-icon-color: #fff;
  --allresources-controls-icon-color-selected: #0078d4;
  --allresources-controls-icon-color-hovered: #979593;
  --tooltip-background-color: #292827;
  --tooltip-font-color: #faf9f8;
  --sidepanel-font-color: #edebe9;
  --sidepanel-disabled-font-color: #8a8886;
  --sidepanel-close-button-font-color-hover: #323130;
  --sidepanel-close-button-background-color-hover: #f3f2f1;
  --settings-pane-button-color: #1b1a19;
  --settings-pane-button-text: #fff;
  --settings-pane-choice-text: #fff;
  --settings-pane-label-text: #fff;
  --settings-pane-button-color-hover: #323232;
  --links-color: #2899f5;
  --links-color-hover: #82c7ff;
  --toast-font-color: #fff;
  --message-banner-link-color: #6cb8f6;
  --unified-client-banner-border-color: #323130 1px solid;
  --unified-client-banner-background-color: #000;
  --unified-client-banner-link-btn-background-color: #323130;
  --unified-client-banner-link-btn-border-color-hover: #979593;
  --unified-client-banner-text-font-color: #faf9f8;
  --unified-client-banner-icon-color: #d2d0ce;
  --unified-client-banner-link-dismiss-btn-hover: #fff;
  --dialog-color: #11100f;
  --dialog-font-color: #edebe9;
  --dialog-font-color-hover: #e1dfdd;
  --dialog-font-color-disabled: #8a8886;
  --dialog-checkbox-border-color-disabled: #8a8886;
  --dialog-show-details-font-color: #e1dfdd;
  --dialog-show-details-font-color-hover: #797775;
  --dialog-cancel-button-color-hover: #323232;
  --dialog-cancel-button-color: #11100f;
  --dialog-cancel-button-font-color: #edebe9;
  --dialog-textfield-background-color: #11100f;
  --dialog-textfield-font-color: #edebe9;
  --dialog-button-disabled-color: #323232;
  --dialog-button-disabled-font-color: #1b1a19;
  --dropdown-font-color: #f3f2f1;
  --dropdown-background-color: #252423;
  --dropdown-item-background-hover-color: #323130;
  --dropdown-item-background-selected-color: #3b3a39;
}
body {
  background: #faf9f8;
  background: var(--primary-background-color);
  font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}
body:-webkit-full-screen::backdrop {
  background: #faf9f8;
  background: var(--primary-background-color);
}
body:-moz-full-screen::backdrop {
  background: #faf9f8;
  background: var(--primary-background-color);
}
body:fullscreen::-webkit-backdrop {
  background: #faf9f8;
  background: var(--primary-background-color);
}
body:fullscreen::backdrop {
  background: #faf9f8;
  background: var(--primary-background-color);
}
.ms-Tooltip,
.ms-Tooltip div {
  background: #fff;
  background: var(--tooltip-background-color);
}
.ms-Tooltip div {
  color: #323130;
  color: var(--tooltip-font-color);
}
.hide {
  display: none;
}
.noscript-warning {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 0;
  right: 0;
}
.visually-hidden {
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
