* {
  margin: 0;
  padding: 0;
}
.eta-layout-menu {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
  --rem: 16;
  --currentEtaDropDownMinSize: 221px;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-size: 14px;
  color: #666;
  box-sizing: inherit;
  font-family: tahoma !important;
  font-weight: 400;
  background: #eff4f9;
  height: 100%;
  min-width: 50px;
  transition: width 0.267s cubic-bezier(0.1, 0.9, 0.2, 1);
  box-shadow: 1px 0 10px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  z-index: 99;
  overflow-y: auto;
  width: 230px;
  height: 100vh;
}
.eta-layout-menu.main-menu {
  overflow-y: auto;
}
.main-menu {
  z-index: 99;
}
.eta-layout-menu .layout-menu-nav-button {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
  --rem: 16;
  --currentEtaDropDownMinSize: 221px;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-size: 14px;
  box-sizing: inherit;
  font-family: tahoma !important;
  font-weight: 400;
  height: 18px;
  display: flex;
  margin: 0;
  padding: 12px;
  color: #3f5161;
  text-decoration: none;
  user-select: none;
  pointer-events: unset;
}
html[dir="rtl"] .eta-layout-menu .layout-menu-nav-item-icon {
  margin-left: 10px !important;
  margin-right: 4px !important;
}
.eta-layout-menu .layout-menu-nav-item {
  height: 18px;
  display: flex;
  margin: 0;
  padding: 12px;
  color: #3f5161;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
.eta-layout-menu #home {
  border-bottom: 1px solid #bacee0;
}
* > :not(i) {
  font-family: tahoma !important;
  font-weight: 400;
  list-style: none;
}
html[dir="rtl"] .eta-layout-menu .layout-menu-nav-item-icon {
  margin-left: 10px !important;
  margin-right: 4px !important;
}
.eta-layout-menu .layout-menu-nav-item .layout-menu-nav-item-icon {
  vertical-align: text-bottom;
  margin-right: 10px;
  margin-left: 4px;
}
.root-64 {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-family: FabricMDL2Icons-1;
}
.eta-layout-menu .layout-menu-nav-item .layout-menu-nav-item-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: small;
}
.eta-layout-menu :nth-child(2) .eta-NavLinkGroup,
:nth-child(3) .eta-NavLinkGroup {
  border-bottom: 1px solid #bacee0;
}
.eta-NavLinkGroup {
  display: flex;
  flex-direction: column;
}
.eta-layout-menu #invoices {
  position: relative;
}
.eta-layout-menu .layout-menu-nav-item {
  height: 18px;
  display: flex;
  margin: 0;
  padding: 12px;
  color: #3f5161;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
html[dir="rtl"] .eta-layout-menu #invoices:before {
  content: "I";
  bottom: 10px;
  left: unset;
  right: 25px;
}
.eta-layout-menu #invoices:before {
  content: "I";
  color: #3f5161;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  position: absolute;
  transform: rotate(0);
  bottom: 10px;
  left: 25px;
}
*,
:after,
:before {
  box-sizing: inherit;
}
html[dir="rtl"] .eta-layout-menu .layout-menu-nav-item-icon {
  margin-left: 10px !important;
  margin-right: 4px !important;
}
.eta-layout-menu .layout-menu-nav-item .layout-menu-nav-item-icon {
  vertical-align: text-bottom;
  margin-right: 10px;
  margin-left: 4px;
}
.eta-NavLinkGroup .closedRtl {
  transform: rotate(90deg);
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -webkit-transform: rotate(90deg);
  transition-timing-function: ease-in-out;
}
.root-62 {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-family: FabricMDL2Icons;
}
.eta-layout-menu .layout-menu-nav-item .layout-menu-nav-item-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: small;
}
.eta-layout-menu :nth-child(2) .eta-NavLinkGroup,
:nth-child(3) .eta-NavLinkGroup,
.eta-layout-menu #invoices,
.eta-layout-menu #receipts {
  border-bottom: 1px solid #bacee0;
}
.eta-NavLinkGroup {
  display: flex;
  flex-direction: column;
}
.eta-layout-menu #receipts {
  position: relative;
}
.eta-layout-menu .layout-menu-nav-item {
  height: 18px;
  display: flex;
  margin: 0;
  padding: 12px;
  color: #3f5161;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
html[dir="rtl"] .eta-layout-menu #receipts:before {
  content: "R";
  bottom: 10px;
  left: unset;
  right: 25px;
}
.eta-layout-menu #receipts:before {
  content: "R";
  color: #3f5161;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  position: absolute;
  transform: rotate(0);
  bottom: 10px;
  left: 25px;
}
*,
:after,
:before {
  box-sizing: inherit;
}
html[dir="rtl"] .eta-layout-menu .layout-menu-nav-item-icon {
  margin-left: 10px !important;
  margin-right: 4px !important;
}
.eta-layout-menu .layout-menu-nav-item .layout-menu-nav-item-icon {
  vertical-align: text-bottom;
  margin-right: 10px;
  margin-left: 4px;
}
.eta-NavLinkGroup .closedRtl {
  transform: rotate(90deg);
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -webkit-transform: rotate(90deg);
  transition-timing-function: ease-in-out;
}
.eta-layout-menu .layout-menu-nav-item .layout-menu-nav-item-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: small;
}
.eta-layout-menu .layout-menu-nav-item {
  height: 18px;
  display: flex;
  margin: 0;
  padding: 12px;
  color: #3f5161;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
html[dir="rtl"] .eta-layout-menu .layout-menu-nav-item-icon {
  margin-left: 10px !important;
  margin-right: 4px !important;
}
.eta-layout-menu .layout-menu-nav-item .layout-menu-nav-item-icon {
  vertical-align: text-bottom;
  margin-right: 10px;
  margin-left: 4px;
}
.root-66 {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-family: FabricMDL2Icons-7;
}
.eta-layout-menu .layout-menu-nav-item .layout-menu-nav-item-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: small;
}
html[dir="rtl"] .eta-layout-menu .layout-menu-nav-item-icon {
  margin-left: 10px !important;
  margin-right: 4px !important;
}
* > :not(i) {
  font-family: tahoma !important;
  font-weight: 400;
}
#root,
body,
html {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #666;
}
html[dir="rtl"] .eta-NavLinkGroup .childPlacholder .layout-menu-nav-item {
  padding-right: 28px !important;
}
.eta-NavLinkGroup .childPlacholder .layout-menu-nav-item {
  padding-left: 28px !important;
}
.eta-layout-menu .layout-menu-nav-item.layout-menu-nav-item--active {
  background-color: #427cac;
  color: #fff;
}
.eta-layout-menu .layout-menu-nav-item {
  height: 18px;
  display: flex;
  margin: 0;
  padding: 12px;
  color: #3f5161;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
* > :not(i) {
  font-family: tahoma !important;
  font-weight: 400;
}
.eta-layout-menu-content {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
  flex: 1 1;
}
.layout .layout-container {
  display: flex;
  background: linear-gradient(
    327.79deg,
    #eff4f9 -17.7%,
    rgba(239, 244, 249, 0) 73.82%
  );
  height: 100%;
}

/* part 2 */
.eta-layout-menu-content {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
  flex: 1 1;
}
.layout .layout-container .layout-container-rightPart {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.layout-container-rightPart {
  overflow-y: auto;
}

.layout .layout-container .layout-container-rightPart .layout-header {
  background-color: initial;
  height: 50px;
  display: flex;
  color: #2c4e6c;
  align-items: center;
  border-bottom: 1px solid #eff4f9;
}
.layout .layout-container .layout-container-rightPart .layout-header {
  padding-left: 40px;
  padding-right: 40px;
}
.layout
  .layout-container
  .layout-container-rightPart
  .layout-header
  .layout-header-logo {
  background-color: initial;
  width: 28px;
  height: 28px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: left;
}
.layout
  .layout-container
  .layout-container-rightPart
  .layout-header
  .layout-header-logo
  img {
  height: 100%;
  width: 100%;
}
.layout .layout-container .layout-container-rightPart .layout-header h1 {
  font-size: large;
  margin: auto 10px;
  font-weight: 400;
}
.layout
  .layout-container
  .layout-container-rightPart
  .layout-header
  .layout-header-content {
  flex: 1 1;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.layout
  .layout-container
  .layout-container-rightPart
  .layout-header
  .layout-header-content
  > * {
  margin-right: 12px;
}
.header-user-menu {
  display: flex;
  flex-direction: row;
  margin-right: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.root-71 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  color: rgb(65, 83, 98);
  position: relative;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
}
.coin-78 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
}
.imageArea-80 {
  position: relative;
  text-align: center;
  flex: 0 0 auto;
  height: 40px;
  width: 40px;
}
.initials-131 {
  border-radius: 50%;
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  height: 40px;
  background-color: rgb(152, 111, 11);
}
.initials-131 i {
  font-weight: 600;
}
.details-72 {
  padding: 0px 12px;
  min-width: 0px;
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.header-user-menu .header-user-menu-avatar .ms-Persona-primaryText {
  color: #2c4e6c;
}
.primaryText-73 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgb(65, 83, 98);
  font-weight: 400;
  font-size: 14px;
}
.root-110 {
  display: inline;
}
#tooltip39 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
}
.secondaryText-74 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgb(127, 145, 160);
  font-weight: 400;
  font-size: 12px;
}
#tooltip38 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
}
.tertiaryText-75 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgb(127, 145, 160);
  font-weight: 400;
  font-size: 14px;
  display: none;
}
.optionalText-76 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgb(127, 145, 160);
  font-weight: 400;
  font-size: 14px;
  display: none;
}
.header-user-menu .header-user-caret-button {
  color: #2c4e6c;
  margin-top: 2px;
  font-size: 12px;
}
.root-62 {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-family: FabricMDL2Icons;
}
.layout
  .layout-container
  .layout-container-rightPart
  .layout-header
  .layout-header-content
  > * {
  margin-right: 12px;
}
.NotificationViewer .NotificationsBell {
  position: relative;
}
.NotificationViewer .NotificationsBell .notifBell {
  font-size: 20px;
  z-index: 99;
}
.root-88 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 4px;
  border-radius: 2px;
  width: 32px;
  height: 32px;
  background-color: transparent;
  color: rgb(66, 113, 153);
  user-select: none;
}
.flexContainer-89 {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.css-95 {
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-family: FabricMDL2Icons-4;
}
.icon-91 {
  font-size: 16px;
  margin: 0px 4px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  flex-shrink: 0;
}
.layout
  .layout-container
  .layout-container-rightPart
  .layout-header
  .layout-header-content
  > * {
  margin-right: 12px;
}
.eta-languageSelector {
  display: flex;
  flex-direction: row;
}
.eta-languageSelector button {
  color: #2c4e6c;
}
.layout .layout-container .layout-container-rightPart .layout-header h1 {
  font-size: large;
  margin: auto 10px;
  font-weight: 400;
}
.eta-languageSelector button.is-checked {
  font-weight: 700;
}
.eta-languageSelector button {
  color: #2c4e6c;
}
.root-128 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: 1px solid transparent;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 4px;
  border-radius: 2px;
  height: 40px;
  color: rgb(0, 0, 0);
  background-color: transparent;
  user-select: none;
}
.flexContainer-97 {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.textContainer-98 {
  flex-grow: 0;
  display: block;
}
.ms-Button-textContainer .ms-Button-label,
.packages
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellName,
.packages
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.label-92 {
  margin: 0px 4px;
  line-height: 100%;
  display: block;
}
.eta-layout-content-header {
  display: flex;
  flex-direction: row;
  padding-left: 40px;
  padding-right: 40px;
  height: 41px;
  min-height: 41px;
}
html[dir="rtl"] .layout-content-header-title {
  padding-left: 40px;
  padding-right: 0;
}
.eta-layout-content-header .layout-content-header-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-right: 40px;
}
.eta-layout-content-header .layout-content-header-title i {
  color: #2c4e6c;
}
.root-150 {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-family: FabricMDL2Icons-5;
}
.eta-layout-content-header .layout-content-header-action {
  flex: 1 1;
  display: flex;
  flex-direction: row-reverse;
}
.root-111 {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}
.layout .layout-container .layout-container-rightPart .eta-layout-content-root {
  width: unset;
}
.eta-layout-content-root {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.layout-container-rightPart .eta-layout-content-root .eta-layout-content {
  display: block;
}
.eta-layout-content-root .eta-layout-content {
  display: flex;
  flex-direction: row;
}
.layout
  .layout-container
  .layout-container-rightPart
  .eta-layout-content-root
  .eta-layout-content
  .layout-content {
  padding: 0 40px 20px;
}
.eta-layout-content-root .eta-layout-content .layout-content {
  flex: 1 1;
  padding: 0 40px 40px;
  overflow: visible;
}
.card {
  padding: 32px;
  box-shadow: 4px 4px 30px rgba(145, 200, 246, 0.5);
  background-color: #fff;
}
.recentDocuments .filterHeader {
  display: flex;
  justify-content: space-between;
  color: #3f5161;
}
.eta-horizontalFlexDiv {
  display: flex;
  flex-direction: row;
}
.customLabelAlignCenter {
  align-items: center;
}
.footer,
.ms-Label {
  font-weight: 400;
}
.eta-section {
  margin-top: 0;
  margin-bottom: 24px;
}
.eta-section {
  display: flex;
  flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
html[dir="rtl"] .eta-section .header {
  margin-left: 32px;
  margin-right: 0;
}
.eta-section .header {
  display: flex;
  flex-direction: row;
  margin-left: 0;
  margin-right: 32px;
  margin-bottom: 8px;
}
.eta-section .header {
  display: flex;
  flex-direction: row;
  margin-left: 0;
  margin-right: 32px;
  margin-bottom: 8px;
}
.eta-section h2,
.eta-section h3 {
  margin: unset;
  font-weight: 300;
}
h2 {
  font-size: 18px;
}
.eta-section .space {
  flex-grow: 1;
}

.space {
  width: 10px;
}
.eta-section .lineSeparator {
  background: #3f5161;
  height: 1.5px;
  width: 100%;
}
.eta-space {
  flex-grow: 1;
}
.filterHeader .clear button,
.filterHeader .clear i {
  color: #bfbfbf;
  font-size: 14px;
}

.root-162 {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-family: FabricMDL2Icons;
}

.root-163 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: 1px solid transparent;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: default;
  padding: 0px 4px;
  border-radius: 2px;
  height: 40px;
  color: rgb(186, 198, 208);
  background-color: transparent;
  user-select: none;
}
.recentDocuments .ms-Pivot {
  height: 44px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}
.root-114 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  position: relative;
  color: rgb(66, 113, 153);
  white-space: nowrap;
}
.recentDocuments .ms-Button.ms-Pivot-link:not(.is-selected) {
  background: #f5f8fb;
  color: #333;
}

.recentDocuments .ms-Button.ms-Pivot-link {
  margin-right: 0;
  margin-left: 0;
  padding-left: 30px;
  padding-right: 30px;
  height: 40px;
  padding-top: 3px;
}

.link-122 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: 0px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 8px;
  border-radius: 0px;
  height: 44px;
  color: rgb(65, 83, 98);
  background-color: transparent;
  line-height: 44px;
  margin-right: 8px;
  user-select: none;
}
.link-122::before {
  background-color: transparent;
  bottom: 0px;
  content: "";
  height: 2px;
  left: 8px;
  position: absolute;
  right: 8px;
  transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s,
    right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
}
.flexContainer-97 {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.linkContent-118 {
  flex: 0 1 100%;
}
.linkContent-118 > :first-child {
  margin-left: 0px;
}

.text-119 {
  display: inline-block;
  vertical-align: top;
}
.linkContent-118 > * {
  margin-left: 4px;
}
.link-122::after {
  color: transparent;
  content: attr(data-content);
  display: block;
  font-weight: 700;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}
.recentDocuments .ms-Button.ms-Pivot-link:not(.is-selected) {
  background: #f5f8fb;
  color: #333;
}
.recentDocuments .ms-Button.ms-Pivot-link {
  margin-right: 0;
  margin-left: 0;
  padding-left: 30px;
  padding-right: 30px;
  height: 40px;
  padding-top: 3px;
}
.FilterDocuments .SearchContainer {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 10px 10px 0;
  background-color: #427199;
  max-height: 125px;
  overflow-y: visible;
}
.FilterDocuments .SearchContainer .vertialFlexDiv {
  width: inherit;
  flex-grow: 1;
}
.root-243 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  position: relative;
}
html[dir="rtl"]
  .FilterDocuments
  .SearchContainer
  .vertialFlexDiv
  .searchText
  .ms-TextField-fieldGroup {
  border-left: unset;
  border-right: 1px solid #7f91a0;
}
.FilterDocuments
  .SearchContainer
  .vertialFlexDiv
  .searchText
  .ms-TextField-fieldGroup {
  border-right: unset;
}
.fieldGroup-244 {
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  border: 1px solid rgb(127, 145, 160);
  border-radius: 2px;
  background: rgb(255, 255, 255);
  cursor: text;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: relative;
}
.field-245 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  margin: 0px;
  padding: 0px 8px;
  box-sizing: border-box;
  border-radius: 0px;
  border: none;
  background: none transparent;
  color: rgb(65, 83, 98);
  width: 100%;
  min-width: 0px;
  text-overflow: ellipsis;
  outline: 0px;
}
.FilterDocuments .SearchContainer .clearIcon {
  height: 32px;
  border-top: 1px solid #7f91a0;
  border-bottom: 1px solid #7f91a0;
}
.FilterDocuments .SearchContainer .showFilter {
  border: 1px solid #7f91a0;
  border-left: unset;
  height: 32px;
}
.root-254 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 4px;
  border-radius: 0px;
  min-width: 40px;
  background-color: rgb(255, 255, 255);
  color: rgb(65, 83, 98);
  user-select: none;
}
.flexContainer-206 {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
html[dir="rtl"] .FilterDocuments .SearchContainer .showFilter {
  border: 1px solid #7f91a0;
  border-right: unset;
}
.FilterDocuments .Filters {
  background: #f5f8fb;
  padding: 10px;
  width: 100%;
  box-shadow: 0 1.2px 3.6px rgba(0, 0, 0, 0.1),
    0 6.4px 14.4px rgba(0, 0, 0, 0.13);
  position: static;
  top: 0;
  left: 0;
  z-index: 10;
}
.FilterDocuments .Filters .filters-grid {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 20px;
}
.FilterDocuments .Filters .filters-grid .customLabelAlignCenter {
  background-color: initial;
}
.FilterDocuments .SearchContainer .customLabelAlignCenter {
  background: #f3f2f1;
  padding: 5px 10px;
}
.eta-horizontalFlexDiv {
  display: flex;
  flex-direction: row;
}
.customLabelAlignCenter {
  align-items: center;
}
.FilterDocuments .SearchContainer .vertialFlexDiv {
  width: inherit;
  flex-grow: 1;
}
.FilterDocuments .Filters .filters-grid {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 20px;
}
.FilterDocuments .Filters .btns-filteration {
  display: flex;
  justify-content: flex-end;
}
.FilterDocuments .NoSearchItem {
  margin-top: 40px;
  text-align: center;
}
#root,
body,
html {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #666;
}
.FilterDocuments .Filters {
  background: #f5f8fb;
  padding: 10px;
  width: 100%;
  box-shadow: 0 1.2px 3.6px rgba(0, 0, 0, 0.1),
    0 6.4px 14.4px rgba(0, 0, 0, 0.13);
  position: static;
  top: 0;
  left: 0;
  z-index: 100;
  height: 575px;
}
.layout
  .layout-container
  .layout-container-rightPart
  .eta-layout-content-root
  .eta-layout-content
  .layout-content {
  padding: 0 40px 20px;
  height: 535px;
}
html[dir="rtl"] .layout-content-header-title {
  padding-left: 40px;
  padding-right: 0;
}
.eta-layout-content-header .layout-content-header-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-right: 40px;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-115 {
  display: none;
}
.recentDocuments .ms-Pivot {
  height: 44px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}
.root-132 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  position: relative;
  color: rgb(66, 113, 153);
  white-space: nowrap;
}
html {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
}
.recentDocuments .ms-Button.ms-Pivot-link:not(.is-selected) {
  background: #f5f8fb;
  color: #333;
}
.recentDocuments .ms-Button.ms-Pivot-link {
  margin-right: 0;
  margin-left: 0;
  padding-left: 30px;
  padding-right: 30px;
  height: 40px;
  padding-top: 3px;
}
.link-140 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: 0px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 8px;
  border-radius: 0px;
  height: 44px;
  color: rgb(65, 83, 98);
  background-color: transparent;
  line-height: 44px;
  margin-left: 8px;
  user-select: none;
}
.link-140::before {
  background-color: transparent;
  bottom: 0px;
  content: "";
  height: 2px;
  right: 8px;
  position: absolute;
  left: 8px;
  transition: right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s,
    right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
}
*,
:after,
:before {
  box-sizing: inherit;
}
.recentDocuments .ms-Button.ms-Pivot-link:not(.is-selected) {
  background: #f5f8fb;
  color: #333;
}
.link-140 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: 0px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 8px;
  border-radius: 0px;
  height: 44px;
  color: rgb(65, 83, 98);
  background-color: transparent;
  line-height: 44px;
  margin-left: 8px;
  user-select: none;
}
.flexContainer-104 {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.linkContent-136 {
  flex: 0 1 100%;
}
.linkContent-136 > :first-child {
  margin-right: 0px;
}
.link-140::after {
  color: transparent;
  content: attr(data-content);
  display: block;
  font-weight: 700;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}
*,
:after,
:before {
  box-sizing: inherit;
}
.recentDocuments .ms-Button.ms-Pivot-link:not(.is-selected) {
  background: #f5f8fb;
  color: #333;
}
.recentDocuments .ms-Button.ms-Pivot-link:not(.is-selected) {
  background: #f5f8fb;
  color: #333;
}
.recentDocuments .ms-Button.ms-Pivot-link {
  margin-right: 0;
  margin-left: 0;
  padding-left: 30px;
  padding-right: 30px;
  height: 40px;
  padding-top: 3px;
}
.link-140 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: 0px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 8px;
  border-radius: 0px;
  height: 44px;
  color: rgb(65, 83, 98);
  background-color: transparent;
  line-height: 44px;
  margin-left: 8px;
  user-select: none;
}
.FilterDocuments .SearchContainer {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 10px 10px 0;
  background-color: #427199;
  max-height: 125px;
  overflow-y: visible;
}
.FilterDocuments .SearchContainer .vertialFlexDiv {
  width: inherit;
  flex-grow: 1;
}
.root-211 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  position: relative;
}
html[dir="rtl"]
  .FilterDocuments
  .SearchContainer
  .vertialFlexDiv
  .searchText
  .ms-TextField-fieldGroup {
  border-left: unset;
  border-right: 1px solid #7f91a0;
}
.FilterDocuments
  .SearchContainer
  .vertialFlexDiv
  .searchText
  .ms-TextField-fieldGroup {
  border-right: unset;
}
.fieldGroup-212 {
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  border: 1px solid rgb(127, 145, 160);
  border-radius: 2px;
  background: rgb(255, 255, 255);
  cursor: text;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: relative;
}
.field-213 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  margin: 0px;
  padding: 0px 8px;
  box-sizing: border-box;
  border-radius: 0px;
  border: none;
  background: none transparent;
  color: rgb(65, 83, 98);
  width: 100%;
  min-width: 0px;
  text-overflow: ellipsis;
  outline: 0px;
}
.FilterDocuments .SearchContainer .clearIcon {
  height: 32px;
  border-top: 1px solid #7f91a0;
  border-bottom: 1px solid #7f91a0;
}
.root-222 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 4px;
  border-radius: 0px;
  min-width: 40px;
  background-color: rgb(255, 255, 255);
  color: rgb(65, 83, 98);
  user-select: none;
}
.flexContainer-96 {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.icon-223 {
  font-size: 16px;
  margin: 0px 4px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  flex-shrink: 0;
  color: rgb(66, 113, 153);
}
.css-61 {
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-family: FabricMDL2Icons;
}
html[dir="rtl"] .FilterDocuments .SearchContainer .showFilter {
  border: 1px solid #7f91a0;
  border-right: unset;
}
.FilterDocuments .SearchContainer .showFilter {
  border: 1px solid #7f91a0;
  border-left: unset;
  height: 32px;
}
.root-222 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 4px;
  border-radius: 0px;
  min-width: 40px;
  background-color: rgb(255, 255, 255);
  color: rgb(65, 83, 98);
  user-select: none;
}

html[dir="rtl"] .FilterDocuments .SearchContainer .showFilter {
  border: 1px solid #7f91a0;
  border-right: unset;
}
.FilterDocuments .SearchContainer .showFilter {
  border: 1px solid #7f91a0;
  border-left: unset;
  height: 32px;
}
.root-222 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 4px;
  border-radius: 0px;
  min-width: 40px;
  background-color: rgb(255, 255, 255);
  color: rgb(65, 83, 98);
  user-select: none;
}
.flexContainer-96 {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
html[dir="rtl"] .FilterDocuments .SearchContainer .searchDocument {
  margin-right: 0 !important;
}
.FilterDocuments .SearchContainer .searchDocument {
  margin-left: 0 !important;
}
.root-230 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: 1px solid rgb(66, 113, 153);
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 16px;
  border-radius: 2px;
  min-width: 80px;
  height: 32px;
  background-color: rgb(66, 113, 153);
  color: rgb(255, 255, 255);
  user-select: none;
}
.flexContainer-96 {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.icon-98 {
  font-size: 16px;
  margin: 0px 4px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  flex-shrink: 0;
}
.css-61 {
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-family: FabricMDL2Icons;
}
.eta-detailListWrapper {
  position: relative;
}
.ms-Viewport {
  min-width: 1px;
  min-height: 1px;
}
.root-144 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  color: rgb(65, 83, 98);
  overflow: auto visible;
}
.recentDocuments .ms-DetailsList-headerWrapper .ms-DetailsHeader {
  background-color: #427199;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader {
  background-color: #427199;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader {
  padding-top: 1px;
}
.root-146 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  background: rgb(255, 255, 255);
  position: relative;
  min-width: 100%;
  vertical-align: top;
  height: 42px;
  line-height: 42px;
  white-space: nowrap;
  box-sizing: content-box;
  padding-bottom: 1px;
  padding-top: 16px;
  border-bottom: 1px solid rgb(237, 235, 233);
  cursor: default;
  user-select: none;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.ms-Viewport
  > div
  > div
  > div.ms-DetailsList-headerWrapper
  > div
  > div:nth-child(1) {
  width: 285px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell.is-actionable {
  padding-right: 8px;
  padding-left: 8px;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.table-custom-header-cell,
.table-custom-header-cell > span {
  display: flex;
  align-items: center;
}
.table-custom-header-cell {
  height: 42px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellTitle
  .ms-DetailsHeader-cellName,
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.table-custom-header-cell .table-custom-header-cell-title {
  font-weight: 400 !important;
}
.table-custom-header-cell .table-custom-header-cell-title {
  font-weight: 600;
  font-size: 14px;
  padding-right: 5px;
  padding-left: 5px;
  line-height: normal;
}
.table-custom-header-cell,
.table-custom-header-cell > span {
  display: flex;
  align-items: center;
}
.cellSizerStart-154 {
  margin: 0px -8px;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
.cellSizer-153::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background: rgb(200, 198, 196);
  opacity: 0;
  right: 50%;
}
*,
:after,
:before {
  box-sizing: inherit;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.ms-Viewport
  > div
  > div
  > div.ms-DetailsList-headerWrapper
  > div
  > div:nth-child(3) {
  width: 150px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell.is-actionable {
  padding-right: 8px;
  padding-left: 8px;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.cellTooltip-173 {
  display: block;
  position: absolute;
  inset: 0px;
}
.cellTitle-171 {
  outline: transparent;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0px 12px 0px 8px;
}
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellTitle
  .ms-DetailsHeader-cellName,
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.ms-DetailsHeader-cellName {
  font-weight: 400 !important;
}
.cellName-172 {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
}
.cellSizerStart-154 {
  margin: 0px -8px;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
.cellSizer-153::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background: rgb(200, 198, 196);
  opacity: 0;
  right: 50%;
}
*,
:after,
:before {
  box-sizing: inherit;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.ms-Viewport
  > div
  > div
  > div.ms-DetailsList-headerWrapper
  > div
  > div:nth-child(5) {
  width: 150px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell.is-actionable {
  padding-right: 8px;
  padding-left: 8px;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.cellTooltip-173 {
  display: block;
  position: absolute;
  inset: 0px;
}
.cellTitle-171 {
  outline: transparent;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0px 12px 0px 8px;
}
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellTitle
  .ms-DetailsHeader-cellName,
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.ms-DetailsHeader-cellName {
  font-weight: 400 !important;
}
.cellName-172 {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
}
.cellSizerStart-154 {
  margin: 0px -8px;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
.cellSizer-153::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background: rgb(200, 198, 196);
  opacity: 0;
  right: 50%;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.ms-Viewport
  > div
  > div
  > div.ms-DetailsList-headerWrapper
  > div
  > div:nth-child(7) {
  width: 150px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell.is-actionable {
  padding-right: 8px;
  padding-left: 8px;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.table-custom-header-cell,
.table-custom-header-cell > span {
  display: flex;
  align-items: center;
}
.table-custom-header-cell {
  height: 42px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellTitle
  .ms-DetailsHeader-cellName,
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.table-custom-header-cell .table-custom-header-cell-title {
  font-weight: 400 !important;
}
.table-custom-header-cell .table-custom-header-cell-title {
  font-weight: 600;
  font-size: 14px;
  padding-right: 5px;
  padding-left: 5px;
  line-height: normal;
}
.table-custom-header-cell,
.table-custom-header-cell > span {
  display: flex;
  align-items: center;
}
.cellSizerStart-154 {
  margin: 0px -8px;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
.cellSizer-153::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background: rgb(200, 198, 196);
  opacity: 0;
  right: 50%;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.ms-Viewport
  > div
  > div
  > div.ms-DetailsList-headerWrapper
  > div
  > div:nth-child(9) {
  width: 150px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell.is-actionable {
  padding-right: 8px;
  padding-left: 8px;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.cellTooltip-173 {
  display: block;
  position: absolute;
  inset: 0px;
}
.cellTitle-171 {
  outline: transparent;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0px 12px 0px 8px;
}
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellTitle
  .ms-DetailsHeader-cellName,
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.ms-DetailsHeader-cellName {
  font-weight: 400 !important;
}
.cellName-172 {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
}
.cellSizerStart-154 {
  margin: 0px -8px;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
.cellSizer-153::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background: rgb(200, 198, 196);
  opacity: 0;
  right: 50%;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.ms-Viewport
  > div
  > div
  > div.ms-DetailsList-headerWrapper
  > div
  > div:nth-child(11) {
  width: 150px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell.is-actionable {
  padding-right: 8px;
  padding-left: 8px;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.cellTooltip-173 {
  display: block;
  position: absolute;
  inset: 0px;
}
.cellTitle-171 {
  outline: transparent;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0px 12px 0px 8px;
}
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellTitle
  .ms-DetailsHeader-cellName,
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.ms-DetailsHeader-cellName {
  font-weight: 400 !important;
}
.cellName-172 {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
}
.cellSizerStart-154 {
  margin: 0px -8px;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
.cellSizer-153::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background: rgb(200, 198, 196);
  opacity: 0;
  right: 50%;
}
*,
:after,
:before {
  box-sizing: inherit;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.ms-Viewport
  > div
  > div
  > div.ms-DetailsList-headerWrapper
  > div
  > div:nth-child(13) {
  width: 110px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell.is-actionable {
  padding-right: 8px;
  padding-left: 8px;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.cellTooltip-173 {
  display: block;
  position: absolute;
  inset: 0px;
}
.cellTitle-171 {
  outline: transparent;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0px 12px 0px 8px;
}
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellTitle
  .ms-DetailsHeader-cellName,
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.ms-DetailsHeader-cellName {
  font-weight: 400 !important;
}
.cellName-172 {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
}
.cellSizerStart-154 {
  margin: 0px -8px;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
.cellSizer-153::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background: rgb(200, 198, 196);
  opacity: 0;
  right: 50%;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.ms-Viewport
  > div
  > div
  > div.ms-DetailsList-headerWrapper
  > div
  > div:nth-child(15) {
  width: 120px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell.is-actionable {
  padding-right: 8px;
  padding-left: 8px;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.cellTooltip-173 {
  display: block;
  position: absolute;
  inset: 0px;
}
.cellTitle-171 {
  outline: transparent;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0px 12px 0px 8px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.root-146 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  background: rgb(255, 255, 255);
  position: relative;
  min-width: 100%;
  vertical-align: top;
  height: 42px;
  line-height: 42px;
  white-space: nowrap;
  box-sizing: content-box;
  padding-bottom: 1px;
  padding-top: 16px;
  border-bottom: 1px solid rgb(237, 235, 233);
  cursor: default;
  user-select: none;
}
.root-144 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  color: rgb(65, 83, 98);
  overflow: auto visible;
}
#root,
body,
html {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #666;
}
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellTitle
  .ms-DetailsHeader-cellName,
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.ms-DetailsHeader-cellName {
  font-weight: 400 !important;
}
.cellName-172 {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
}
.cellSizerStart-154 {
  margin: 0px -8px;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
.cellSizer-153::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background: rgb(200, 198, 196);
  opacity: 0;
  right: 50%;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.ms-Viewport
  > div
  > div
  > div.ms-DetailsList-headerWrapper
  > div
  > div:nth-child(17) {
  width: 170px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell.is-actionable {
  padding-right: 8px;
  padding-left: 8px;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.cellTooltip-173 {
  display: block;
  position: absolute;
  inset: 0px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.root-165 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.root-146 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  background: rgb(255, 255, 255);
  position: relative;
  min-width: 100%;
  vertical-align: top;
  height: 42px;
  line-height: 42px;
  white-space: nowrap;
  box-sizing: content-box;
  padding-bottom: 1px;
  padding-top: 16px;
  border-bottom: 1px solid rgb(237, 235, 233);
  cursor: default;
  user-select: none;
}
.root-144 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  color: rgb(65, 83, 98);
  overflow: auto visible;
}
#root,
body,
html {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #666;
}
.cellTitle-171 {
  outline: transparent;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0px 12px 0px 8px;
}
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellTitle
  .ms-DetailsHeader-cellName,
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.ms-DetailsHeader-cellName {
  font-weight: 400 !important;
}
.cellName-172 {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
}
.cellSizerStart-154 {
  margin: 0px -8px;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
.cellSizer-153::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background: rgb(200, 198, 196);
  opacity: 0;
  right: 50%;
}
.cellSizer-153 {
  outline: transparent;
  display: inline-block;
  position: relative;
  cursor: ew-resize;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  height: inherit;
  background: transparent;
  z-index: 1;
  width: 16px;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.ms-Viewport
  > div
  > div
  > div.ms-DetailsList-headerWrapper
  > div
  > div.ms-DetailsHeader-cell.is-actionable.is-empty.root-178 {
  width: 50px;
}
.recentDocuments
  .ms-DetailsList-headerWrapper
  .ms-DetailsHeader
  .ms-DetailsHeader-cell {
  color: #fff;
}
.ms-DetailsList-headerWrapper .ms-DetailsHeader .ms-DetailsHeader-cell {
  color: #fff;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell.is-actionable {
  padding-right: 8px;
  padding-left: 8px;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.root-178 {
  outline: transparent;
  position: relative;
  color: rgb(65, 83, 98);
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 12px 0px 8px;
  line-height: inherit;
  margin: 0px;
  height: 42px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: clip;
  text-align: right;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
}
.cellTooltip-173 {
  display: block;
  position: absolute;
  inset: 0px;
}
.cellTitle-171 {
  outline: transparent;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0px 12px 0px 8px;
}
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .ms-DetailsHeader-cellTitle
  .ms-DetailsHeader-cellName,
.recentDocuments
  .ms-DetailsHeader
  .ms-DetailsHeader-cell
  .table-custom-header-cell
  .table-custom-header-cell-title {
  font-weight: 400;
}
.ms-DetailsHeader-cellName {
  font-weight: 400 !important;
}
.cellName-172 {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
}
.root-144 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  color: rgb(65, 83, 98);
  overflow: auto visible;
}
.focusZone-145 {
  display: inline-block;
  min-width: 100%;
  min-height: 1px;
}

.root-144 .ms-List-cell {
  min-height: 38px;
  word-break: break-word;
}
#row718-0 {
  min-width: 1225px;
}
.root-180 {
  animation-name: css-0;
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  outline: transparent;
  position: relative;
  border-bottom: 1px solid rgb(243, 242, 241);
  background: rgb(255, 255, 255);
  color: rgb(127, 145, 160);
  display: inline-flex;
  min-width: 100%;
  min-height: 42px;
  white-space: nowrap;
  padding: 0px;
  box-sizing: border-box;
  vertical-align: top;
  text-align: right;
}
.fields-187 {
  display: flex;
  align-items: stretch;
}
#row718-0-header {
  width: 285px;
}
.grid.allDocuments-filter .is-row-header {
  padding-left: 10px;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  align-self: center;
}
.isRowHeader-188 {
  color: rgb(65, 83, 98);
  font-size: 14px;
}
.cell-183 {
  outline: transparent;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-height: 42px;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 12px;
}
.cellUnpadded-181 {
  padding-left: 8px;
}
.internalId-filterDoc {
  display: flex;
  align-items: center;
}
html[dir="rtl"] .ms-DetailsHeader-cell,
html[dir="rtl"] .ms-DetailsRow-cell {
  text-align: right;
}
.ms-DetailsHeader-cell,
.ms-DetailsRow-cell {
  text-align: left;
}
.isRowHeader-188 {
  color: rgb(65, 83, 98);
  font-size: 14px;
}
.cell-183 {
  outline: transparent;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-height: 42px;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 12px;
}
.root-180 {
  animation-name: css-0;
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  outline: transparent;
  position: relative;
  border-bottom: 1px solid rgb(243, 242, 241);
  background: rgb(255, 255, 255);
  color: rgb(127, 145, 160);
  display: inline-flex;
  min-width: 100%;
  min-height: 42px;
  white-space: nowrap;
  padding: 0px;
  box-sizing: border-box;
  vertical-align: top;
  text-align: right;
}
.root-144 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  color: rgb(65, 83, 98);
  overflow: auto visible;
}
#root,
body,
html {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #666;
}
.recentDocuments .ms-DetailsRow .ms-DetailsRow-cell .idIcon {
  margin-left: 0;
  margin-right: 0;
}
.idIcon {
  grid-gap: 10px;
  gap: 10px;
  padding-right: 5px;
  font-size: 16px;
}
.root-68 {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-family: FabricMDL2Icons-5;
}
.internalId-filterDoc .uuid-internalId_filter {
  margin: 0 7px;
}
.recentDocuments .ms-DetailsRow .ms-DetailsRow-cell .griCellTitle {
  margin-left: 10px;
  margin-right: 10px;
}
.internalId-filterDoc .uuid-internalId_filter .internalId-link a,
.submission-filter a {
  color: #427199 !important;
  margin: 0 !important;
}
div .griCellTitle {
  color: #333;
  font-size: 14px;
}
.internalId-link a,
.submissionId-link {
  color: #427199 !important;
}
.griCellTitle {
  color: #427199;
  font-size: 14px;
}
.griCellSubTitle {
  color: #605e5c;
  font-size: 12px;
}
.is-row-header isRowHeader-188 ms-DetailsRow-cell cell-183 cellUnpadded-181 {
  width: 150px;
}
#row718-0-header {
  width: 120px;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.eta-detailList
  > div
  > div.eta-pagination-pageselector,
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.itemContainer-133
  > div
  > div
  > div.eta-detailListWrapper
  > div.eta-detailList
  > div
  > div.eta-pagination-itemperpage,
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.ms-FocusZone.css-116.ms-Pivot.root-132 {
  display: none;
}
.eta-layout-menu-content {
  height: 925px;
  width: 100%;
  display: flex;
  overflow: hidden;
      flex: 1 1;
}

.FilterDocuments .Filters .filters-grid .dropDownGrid {
  display: grid;
  grid-template-columns: 2fr 4fr;
  grid-gap: 20px;
  gap: 20px;
}
.select-saleh {
  color: #107c10;
}
.FilterDocuments .Filters .filters-grid .dropDownGrid {
  display: grid;
  grid-template-columns: 2fr 4fr;
  grid-gap: 20px;
  gap: 20px;
}
.eta-vertialFlexDiv {
  display: flex;
  flex-direction: column;
}
.dropdown-230 {
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  color: rgb(65, 83, 98);
  border-color: rgb(127, 145, 160);
  position: relative;
  outline: 0px;
  user-select: none;
}
.title-268 {
  box-shadow: none;
  margin: 0px;
  padding: 0px 8px 0px 28px;
  box-sizing: border-box;
  background-color: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(127, 145, 160);
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 32px;
  line-height: 30px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgb(127, 145, 160);
}
.caretDownWrapper-232 {
  position: absolute;
  top: 1px;
  left: 8px;
  height: 32px;
  line-height: 30px;
  cursor: pointer;
}
.select-notsaleh {
  color: #d83b01;
}
.select-cancel {
  color: #797775;
}
.select-reject {
  color: #b00;
}
.select-send {
  color: #925ace;
}
.FilterDocuments .Filters .filters-grid .IssuanceDate,
.FilterDocuments .Filters .filters-grid .SubmissionDate {
  display: grid;
  grid-template-columns: 2fr 4fr;
  grid-gap: 20px;
  gap: 20px;
}
.FilterDocuments .Filters .filters-grid .IssuanceDate .containerData,
.FilterDocuments .Filters .filters-grid .SubmissionDate .containerData {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px;
  gap: 5px;
}
.FilterDocuments .SearchContainer .vertialFlexDiv {
  width: inherit;
  flex-grow: 1;
}
.root-269 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.textField-275 {
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  position: relative;
}
.FilterDocuments .Filters .btns-filteration {
  display: flex;
  justify-content: flex-end;
}
.FilterDocuments .Filters .btns-filteration .CancelSearch {
  margin: 0 5px;
}
.flexContainer-212 {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.FilterDocuments .Filters .btns-filteration .ApplyFilter {
  margin: 0;
}
.root-267 {
  outline: transparent;
  position: relative;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border: 1px solid rgb(66, 113, 153);
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 0px 16px;
  border-radius: 2px;
  min-width: 80px;
  height: 32px;
  background-color: rgb(66, 113, 153);
  color: rgb(255, 255, 255);
  user-select: none;
}
.flexContainer-212 {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#root
  > div
  > div
  > div.eta-layout-menu-content
  > div
  > div.eta-layout-content-root
  > div.eta-layout-content
  > div
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.itemContainer-1323
  > div
  > div {
  display: inline-block;
}