:root {
  --panel: "none";
  --titleHeader: "block";
  --commandBar: "none";
  --SettingsLogsBG: "#fff";
  --lightdarkColor: "#323130";
  --lightdarkChange: "#323130";
  --SettingsLogsBGGray: "#e9e9e9";
  --SettingsLogsTextColor: #333;
  --lightdarkHoverBG: "F4f4f4";
  --onRenderPaginationBackground: "#f8f8f8";
}
.SettingAuditLogsPanel {
  .ms-Panel-content {
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 0px;
    height: 100%;
    overflow: auto;
    background-color: var(--SettingLogsPanelBGContainer) !important;
    padding-right: 10px;
  }

  .ms-Panel-navigation {
    background-color: var(--SettingLogsPanelHeader) !important;
    padding: 6px 0px;
    height: 38px !important;
  }
  .ms-Panel-headerText {
    color: var(--SettingLogsPanelHeaderText) !important;
    line-height: 32px;
    font-size: 17px;
    position: unset !important;
  }
  .ms-Panel-commands {
    margin-top: 0px !important;
  }
  .ms-Panel-closeButton > span > i {
    color: var(--SettingLogsPanelHeaderText) !important;
  }
}

.auditPanelContent {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #333;

  .sectionHeader {
    font-size: 14px;
    font-weight: 600;
    color: var(--SettingsLogsTextColor) !important;
    padding-bottom: 5px;
    border-bottom: 2px solid #ddd;
  }

  .sectionBody {
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
  }

  .label {
    font-weight: 500;
    color: var(--SettingsLogsBG) !important;
    margin-right: 5px;
  }
}

.settingslogs_pagination_dev_static_global {
  display: block;
}

.settingslogs_pagination_previous_and_next {
  align-content: flex-end;
  flex-direction: row;
  display: flex;
  align-items: center;
}

.settingslogs_pagination_child_blank {
  padding: 8px;
  display: flex;
  align-items: center;
  align-content: flex-end;
  margin-left: auto;
  flex-flow: row;
}

.settingslogs_pagination_show_no_of_pages {
  align-content: flex-start;
  color: var(--SettingsLogsTextColor) !important;
}

.settingslogs_pagination_show_no_of_pages span {
  font-weight: 400;
  font-size: 14px;
}

.settingslogs_pagination_top_blank {
  display: flex;
  align-items: center;
  flex-flow: row;
  padding: 8px;
  align-content: flex-end;
  margin-left: auto;
  gap: 10px;
}

.settingslogs_pagination_top_blank {
  display: flex;
  align-items: center;
  flex-flow: row;
  padding: 8px;
  align-content: flex-end;
  margin-left: auto;
}

.settingslogs_pagination_previous_and_next {
  align-content: flex-end;
  flex-direction: row;
  display: flex;
  align-items: center;
}

.settingslogs_pagination_previous_next_button {
  font-size: 14px;
  font-weight: 600;
  padding: 0 7px 0 7px;
  cursor: pointer;
}

.settingslogs_pagination_span {
  border: 0px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 400;
  background-color: #ddd;
}

.panelRTL {
    direction: rtl;
 
    .ms-Panel-main {
      direction: rtl !important;
      right: auto !important;
      left: 0 !important;
      animation: slideLeftPanel 0.2s ease-out !important;
    }
  }