/*
  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
/** Imports all theming-related SASS files. */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
/** Imports all theming-related SASS files. */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
.panel :global .ms-Panel-main {
  top: 50px;
  border: none;
}
.panel :global .ms-Panel-main .ms-Panel-contentInner {
  padding: 0;
  top: 0;
  overflow: hidden;
}
.panel :global .ms-Panel-main .ms-Panel-commands {
  display: none;
}
.panel :global .ms-Panel-main .ms-Panel-scrollableContent {
  width: 100%;
  height: 100%;
}

.panel :global(.ms-Panel-content) {
  height: 100%;
  padding-bottom: 0;
  position: absolute;
  overflow: hidden;
  width: 100%;
}
[dir=ltr] .panel :global(.ms-Panel-content) {
  padding-left: 0;
}
[dir=rtl] .panel :global(.ms-Panel-content) {
  padding-right: 0;
}
.panel :global(.ms-Panel-content) .panelHeader {
  height: 72px;
}
.panel :global(.ms-Panel-content) .gridList {
  margin: 0;
  height: calc(100% - 152px);
}
.panel :global(.ms-Panel-content) .actionButtonsContainer {
  height: 60px;
}

.panelHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
  margin-left: 40px;
}
.panelHeader.fluent {
  align-items: center;
}

.panelTitle.fluent {
  font-size: "[theme:xLargeFontSize, default: 20px]";
  font-weight: "[theme:xLargeFontWeight, default: 600]";
}
.panelTitle:not(.fluent) {
  margin-top: 4px;
  font-size: 42px;
  font-weight: 100;
}

.searchBox {
  margin: 20px 0;
  width: 400px;
}

.gridList {
  overflow-y: auto;
  overflow-x: hidden;
}
[dir=ltr] .gridList {
  padding-left: 25px;
}
[dir=rtl] .gridList {
  padding-right: 25px;
}

.actionButtonsContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: "[theme:bodyBackground, default: #ffffff]";
  flex-shrink: 0;
}
.actionButtonsContainer .actionButtons {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-bottom: 10px;
}
.actionButtonsContainer .actionButton {
  height: 30px;
  padding-bottom: 3px;
}
[dir=ltr] .actionButtonsContainer .actionButton {
  margin-right: 10px;
}
[dir=rtl] .actionButtonsContainer .actionButton {
  margin-left: 10px;
}