:root {
  --ctx_menu_x: 0px;
  --ctx_menu_y: 0px;
}

.excel-enable-btn {
  background-color: #007bff;
  color: #fff;
  padding: 5px 10px;
  margin: 10px 10px 10px 0px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.excel-enable-btn:hover {
  background-color: #0056b3;
}


.uproduct-container {
  margin: 0;
  padding: 0;

  height: 100%;
}

.univer-menu-item,
.univer-icon-container,
.more-numfmt-type,
.univer-slide-tab-item {
  color: black;
}

.univer-slide-tab-active {
  color: rgb(var(--primary-color));
}

button.univer-button-text,
button.univer-toolbar-btn,
button.univer-dialog-close,
button.univer-sheet-bar-btn {
  background-color: transparent;
  box-shadow: none;
}

.univer-input {
  box-shadow: none !important;
  color: rgb(var(--text-color)) !important;
}


button.univer-toolbar-btn-active {
  background-color: rgb(var(--grey-100));
}

.univer-modal-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.univer-mdal-btn {
  margin: 0 10px;
}

.uproduct-container input[type="search"],
input[type="text"] {
  height: auto;
  box-shadow: none;
}

.uproduct-container input[type="text"]:focus,
input[type="text"]:active,
[type="text"]:focus-visible {
  box-shadow: none;
}

button.univer-button-primary {
  font-weight: 500;
  color: rgb(var(--color-white));
  background-color: rgb(var(--primary-color));
  border-color: rgb(var(--primary-color));
}
