.gc-tree-item > a > div[new="new"]::before {
  content: "New";
  padding: 2px 4px;
  border-radius: 4px;
  margin-left: 10px;
  background: rgb(247, 167, 17);
  font-size: 10px;
  color: white;
  white-space: nowrap;
  font-weight: 400;
  letter-spacing: -0.1em;
  text-transform: uppercase;
}

.btn_with-product-style {
  background: #e87722;
}

.btn_with-product-style:hover {
  background: #e87722;
}

.description-title h1 {
  border-left: 4px solid #e87722;
}

.app-content-description h1 {
  border-left: 4px solid #e87722;
}

.gc-tree-item[data-selected="true"] {
  border-right-color: #e87722;
  color: #e87722;
}

.app-menu-text_item[data-isselected="true"] > a {
  border-bottom-color: #e87722;
}

.tab_item_selected_style2[data-selected="true"] {
  border-bottom-color: #e87722;
}

.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
  background-color: #e87722;
}

.loading-ring div {
  border-color: #e87722 transparent transparent transparent;
}

.app-breadcrumb {
  color: #e87722;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

th {
  padding: 0.25rem 0.5rem;
  text-align: left;
  background: #f0f0f0;
  border: 1px solid #d2d2d2;
  font-weight: normal;
}

td {
  padding: 0.25rem 0.5rem;
  border: 1px solid #d2d2d2;
}

.app-sample-btn {
  display: none;
}

.btn-code_icon {
  background-color: #ed7422;
}

[current-demo-path^="Reports"] .gc-playground_code {
  display: none;
}

.btn-code_edit-in-code-mine{
  border: 2px solid #ed7422;
  padding: 7px;
  border-radius: 5px;
  background-color: rgb(243, 242, 242);
  color: #ed7422;
  border-color: #ed7422;
}

.react-root-element{
  --product-color: #EA8939;
}