html {
  background-color: var(--ds-surface, white) !important;
}

#nav-breadcrumd a,
a#settings-page {
  color: var(--ds-text-accent-gray, #44546F) !important;
}
span#name-project, span#view-name {
  font-weight: 600;
}

#breadcrum svg g {
  fill: var(--ds-text-accent-gray, #44546F);
}

#nav-breadcrumd a:hover,
#nav-breadcrumd a:focus {
  text-decoration: none;
  fill: var(--ds-text-accent-gray-bolder);
}

#nav-breadcrumd a:hover svg g,
#nav-breadcrumd a:focus svg g {
  fill: var(--ds-text-accent-gray-bolder);
}

#dropdown-filter,
.aui-dropdown2 {
  background-color: var(--bg-dropdown, white) !important;
}
#dropdown-filter li a,
.aui-dropdown2 li a {
  color: var(--ds-text-accent-gray, #44546F) !important;
}

.list-button-dropdown .aui-icon {
  color: var(--ds-icon-subtle, #606161);
  color: var(--ds-text-accent-gray, #44546F) !important;
}

.list-button-dropdown .aui-button-subtle.aui-button:not([disabled]):hover,
.list-button-dropdown .aui-button:not([disabled]):not(#save):hover,
#tools .aui-button-subtle.aui-button:not([disabled]):hover,
#tools .aui-button:not([disabled]):not(#save):not(.page-size-active):hover {
  background-color: var(--background-icon-tools-hover, #E7E7E7);
}

html[data-color-mode="dark"] #tools .list-options-spread a span {
  color: var(--ds-text-accent-gray, #44546F) !important;
}
html[data-color-mode="dark"] #tools .list-options-spread button span {
  color: var(--ds-text-accent-gray, #44546F) !important;
}
html[data-color-mode="dark"] #tools .list-options-spread button[disabled] {
  cursor: not-allowed;
  opacity: 0.8;
}
/* #6B778C */

#tools #search-box input {
  background-color: var(--ds-background-input, white) !important;
  color: var(--ds-text-accent-gray, #44546F) !important;
}
#tools #search-box input::placeholder {
  color: var(--ds-text-accent-gray, #44546F) !important;
}
#tools #search-box svg path {
  fill: var(--icon-search-box, #6b778c);
}

.issueeditor-results-count-text {
  color: var(--ds-text-accent-gray, #44546F) !important;
}

#toolbar #buttons .aui-buttons button {
  background: var(--button-toolbar-bg, rgba(9, 30, 66, 0.08)) !important;
}
#toolbar #buttons .aui-buttons button:hover {
  background: var(--button-toolbar-bg-hover, rgba(9, 30, 66, 0.13)) !important;
}
#toolbar #buttons .aui-buttons button[disabled] {
  background: var(
    --button-toolbar-disabled-bg,
    rgba(9, 30, 66, 0.04)
  ) !important;
}
#toolbar #buttons .aui-buttons button .aui-icon {
  color: var(--button-toolbar-icon, #344563) !important;
}
#toolbar #buttons .aui-buttons button[disabled] .aui-icon {
  color: var(--button-toolbar-disabled-icon, #a5adba) !important;
}

#keyboard-shortcuts-dialog {
  box-shadow: var(
    --ds-shadow-overlay,
    "0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31)"
  ) !important;
  background-color: var(--ds-surface-overlay, white) !important;
}
#change-columns-manually-dialog h2,
#keyboard-shortcuts-dialog h2,
#keyboard-shortcuts-dialog h4,
#keyboard-shortcuts-dialog li,
#keyboard-shortcuts-dialog dt {
  color: var(--ds-text-accent-gray, #44546F) !important;
}

#keyboard-shortcuts-dialog .aui-dialog2-content,
#change-columns-manually-dialog .aui-dialog2-content {
  background-color: var(--ds-surface-overlay, white) !important;
}
html[data-color-mode="dark"]
  #change-columns-manually-dialog
  .aui-dialog2-header,
html[data-color-mode="dark"]
  #change-columns-manually-dialog
  .aui-dialog2-footer {
  border-color: #434343;
}
html[data-color-mode="dark"] #change-columns-manually-dialog form.aui,
html[data-color-mode="dark"] #change-columns-manually-dialog .divider-modal {
  border-color: #383838 !important;
}
html[data-color-mode="dark"]
  #change-columns-manually-dialog
  #reset-default-columns
  > span:first-child {
  color: #579dff !important;
}
html[data-color-mode="dark"]
  #change-columns-manually-dialog
  #reset-default-columns
  > span:first-child:hover {
  color: #85b8ff !important;
}
html[data-color-mode="dark"] .aui-dropdown2-section {
  border-color: #4f4f4f !important;
}
html[data-color-mode="dark"] .cascadingselect-parent,
html[data-color-mode="dark"] .cascadingselect-child {
  border-color: #6f7275 !important;
}
html[data-color-mode="dark"] .cascadingselect-parent:focus-visible,
html[data-color-mode="dark"] .cascadingselect-child:focus-visible {
  border-color: #555657 !important;
  outline: none !important;
}
html[data-color-mode="dark"] .cascadingselect-parent,
html[data-color-mode="dark"] .cascadingselect-child,
html[data-color-mode="dark"] .cascadingselect-parent option,
html[data-color-mode="dark"] .cascadingselect-child option {
  background-color: #404952 !important;
  color: #c7d1db !important;
}
html[data-color-mode="dark"] .cascadingselect-parent option:hover,
html[data-color-mode="dark"] .cascadingselect-child option:hover {
  background-color: #a1bdd914 !important;
}
html[data-color-mode="dark"] .field-group.aui-field-cascadingselect.jira-field {
  border: none !important;
  background-color: #a1bdd914 !important;
}
html[data-color-mode="dark"]
  fieldset[data-jira-type="com.atlassian.jira.plugin.system.customfieldtypes:radiobuttons"],
html[data-color-mode="dark"]
  fieldset[data-jira-type="com.atlassian.jira.plugin.system.customfieldtypes:multicheckboxes"] {
  background-color: #22272b !important;
  border: 1px solid #30302a !important;
  color: #c7d1db !important;
  border-radius: 4px;
}
html[data-color-mode="dark"]
  fieldset[data-jira-type="com.atlassian.jira.plugin.system.customfieldtypes:radiobuttons"]
  .radio:hover,
html[data-color-mode="dark"]
  fieldset[data-jira-type="com.atlassian.jira.plugin.system.customfieldtypes:multicheckboxes"]
  .checkbox:hover {
  background-color: #a1bdd914 !important;
}
#keyboard-shortcuts-dialog .aui-dialog2-header,
#keyboard-shortcuts-dialog .aui-dialog2-footer {
  border: none !important;
}
#keyboard-shortcuts-dialog .aui-dialog2-footer button {
  color: var(--ds-link, #0052cc) !important;
}
#keyboard-shortcuts-dialog .aui-dialog2-footer button:hover {
  color: var(--ds-link-pressed, #0065ff) !important;
}

#search-columns-input,
.custom-selector,
.custom-selector select,
.custom-selector option {
  background: var(--ds-background-input, white) !important;
  color: var(--ds-text-accent-gray, #44546F) !important;
}

.custom-selector,
.custom-selector select {
  background-color: var(--column-setting-select, #e6e9ec) !important;
}

#search-columns-input {
  border-color: var(--ds-border-input, #091E4224);
}
#search-columns-input:focus {
  border-color: var(--ds-border-focus, #4c9aff);
}
.tooltipobject .aui-icon {
  color: var(--icon-column-config, #333);
}

.columns .column {
  color: var(--ds-text-accent-gray, #44546F) !important;
  border-color: var(--ds-background-accent-gray-subtlest, #dee1e5) !important;
}

#tools,
.sample-tutorial {
  border-color: var(--ds-border, #e5e5e5) !important;
}

/* --------- spreadsheet */

.gc-corner-normal {
  background-color: var(--gc-corner, #f1f1f1) !important;
}

/* scrollbar css */
.gc-scroll-container {
  background-color: var(--gc-scrollbar-background, #d9d9d9) !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.gc-scroll-arrow {
  background-color: var(
    --gc-scrollbar-color,
    linear-gradient(to bottom, #fff 0, #e0e0e0 100%)
  ) !important;
  border-style: solid !important;
  border-color: var(--gc-scrollbar-arrow-border, #ccc) !important;
  background-image: none;
  border-radius: 0;
}

.gc-horizontal-scrollbar, .gc-vertical-scrollbar {
  background-color: var(--ds-surface, #ffffff) !important;
}

html[data-color-mode="dark"] .gc-vertical-scrollbar {
  border-left-color: #2c2c2c !important;
}
html[data-color-mode="dark"] .gc-horizontal-scrollbar {
  border-top-color: #2c2c2c !important;
}

.gc-footer-corner {
  background-color: var(--gc-scrollbar-corner, #ffffff) !important;
}

.gc-scroll-bar {
  border-style: solid;
  border-color: var(--gc-scrollbar-arrow-border, #ccc) !important;
  background: var(
    --gc-scrollbar-color,
    linear-gradient(to bottom, #fff 0, #e0e0e0 100%)
  ) !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.field-group.jira-field {
  background-color: var(--ds-surface, white) !important;
  color: var(--ds-text-accent-gray, #44546F) !important;
}

.select2-result {
  color: var(--select-2-item, #344563) !important;
}
html[data-color-mode="dark"]
  .aui-select2-drop
  .select2-results
  .select2-highlighted {
  background-color: #a1bdd914 !important;
}
html[data-color-mode="dark"]
  .aui-select2-drop
  .select2-results
  .select2-highlighted
  .select2-result-label
  .select-option {
  color: #c7d1db !important;
}
html[data-color-mode="dark"] .select2-no-results,
html[data-color-mode="dark"] .select2-searching {
  color: #c7d1db !important;
}
html[data-color-mode="dark"] .select2-search input {
  background-color: #1d2125 !important;
  border: 1px solid #a6c5e229;
  color: #c7d1db !important;
}
html[data-color-mode="dark"] .field-group.jira-field input.datepicker-input {
  background-color: #1d2125 !important;
  border: 1px solid #adcae629 !important;
  color: #c7d1db !important;
  border-radius: 3px !important;
}
html[data-color-mode="dark"]
  .field-group.jira-field
  input.datepicker-input:focus-visible {
  outline: #d6e6f543 solid 1px !important;
}

.gc-layout-table,
#gc-search-tr .ui-widget-header {
  background-color: var(--ds-surface, white) !important;
}
.gc-layout-table td i {
  color: var(--ds-text-accent-gray, #44546F) !important;
}
.gc-filter-hover td i {
  color: var(--ds-text-accent-gray, #44546F) !important;
}
#gc-ui-filter-subitems-container_gc-sub-content-flter {
  background-color: var(--ds-surface, white) !important;
}
.gc-filter-sort span {
  color: var(--ds-text-accent-gray, #44546F) !important;
}

.gc-ui-filter-subitem-item:hover .gc-filter-sort span {
  color: var(--ds-text-accent-gray, #44546F) !important;
}

section#content {
  background-color: var(--ds-surface, white) !important;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 40px) !important;
}

#return-to-jira {
  color: var(--button-toolbar-icon, #344563) !important;
}
#return-to-jira svg g {
  fill: var(--button-toolbar-icon, #344563) !important;
}

.textarea.long-field.wiki-textfield#description {
  background-color: var(--ds-surface, white) !important;
  color: var(--ds-text-accent-gray, #44546F) !important;
}

.select2-highlighted .select-option {
  color: #1d345e !important;
}

.list-button-dropdown a.active .aui-icon {
  color: white !important;
}
::-webkit-scrollbar-thumb {
  background-color: var(--nomal-scrollbar-thumb, #c1c1c1) !important;
  border-radius: 4px;
}
::-webkit-scrollbar-track {
  background-color: var(--nomal-scrollbar, #f5f5f5) !important;
}
::-webkit-scrollbar {
  background-color: var(--nomal-scrollbar, #f5f5f5) !important;
  width: 10px;
}

.context-menu-list,
.context-menu-item {
  background-color: var(--ds-surface-overlay, white) !important;
  color: var(--ds-text, #2f2f2f) !important;
}

.context-menu-list {
  border-radius: var(--ds-border-radius, 3px);
  border: none;
  box-shadow: var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31));
  box-sizing: border-box;
  --ds-elevation-surface-current: var(--ds-surface-overlay, #FFFFFF);
}

.context-menu-submenu:after {
  border: none;
}

.context-menu-item {
  margin: 5px 0px;
  padding: 5px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.context-menu-item.context-menu-icon-issue-type {
  padding: 5px 28px;
}

.context-menu-item span {
  color: var(--ds-text, #2f2f2f) !important;
}
.context-menu-item.context-menu-disabled,
.context-menu-item.context-menu-disabled span {
  color: var(--menu-disabled, #cccccc) !important;
}
.context-menu-hover {
  background-color: var(--context-menu-hover, #ebecf0) !important ;
}

.context-menu-icon-delete::before {
  color: var(--context-menu-icon, #606161) !important;
}

#spreadContainer {
  border-color: var(--ds-border, #e5e5e5) !important;
  border: 1px solid rgb(229, 229, 229);
  border-radius: 0px 0px 5px 5px;
}
.aui-dropdown2.aui-style-default:hover
  .aui-dropdown2-checkbox:not(.aui-dropdown2-disabled):hover,
.aui-dropdown2.aui-style-default:hover
  .aui-dropdown2-radio:not(.aui-dropdown2-disabled):hover,
.aui-dropdown2.aui-style-default:hover a:not(.aui-dropdown2-disabled):hover {
  background-color: var(
    --ds-background-neutral-subtle-hovered,
    #ebecf0
  ) !important;
}
/*
html[data-color-mode="dark"] .disabled-search, */
html[data-color-mode="dark"] .showTooltip {
  background-color: var(--ds-background-brand-bold-pressed, #f4f5f7) !important;
}
html[data-color-mode="dark"] .jql-search,
html[data-color-mode="dark"] .jql-update {
  background-color: var(--ds-background-brand-bold, #0052cc) !important;
}
html[data-color-mode="dark"] .jql-search:hover,
html[data-color-mode="dark"] .jql-update:hover {
  background-color: var(--ds-background-brand-bold-hovered) !important;
}
html[data-color-mode="dark"] button.jql-search span,
html[data-color-mode="dark"] button.jql-update span {
  color: #161a1dc4 !important;
}
html[data-color-mode="dark"] button.jql-search span svg path,
html[data-color-mode="dark"] button.jql-update span svg path{
  fill: #161a1dc4 ;
}
html[data-color-mode="dark"] button.disabled-search span,
html[data-color-mode="dark"] button.showTooltip span {
  color: #161a1d80 !important;
}
html[data-color-mode="dark"] .update-jql-item span {
  color: #c7d1db !important;
}
html[data-color-mode="dark"] .list-options-spread .divider {
  background-color: #384149;
}
html[data-color-mode="dark"] #tools #search-box input {
  border-color: #384149;
}
html[data-color-mode="dark"] #tools #search-box input {
  border-color: #384149;
}
html[data-color-mode="dark"] #tools #search-box input:focus {
  border-color: #217346;
}
/* html[data-color-mode="dark"] #tools .aui-button:not(.active) {
  border-color: #384149 !important;
} */
.jconfirm-type-red,
.jconfirm-type-change-theme,
.jconfirm-type-change-theme p {
  background-color: var(--ds-surface-overlay, white) !important;
  color: var(--ds-text-accent-gray, #44546F) !important;
}
html[data-color-mode="dark"] .jconfirm-type-red .jconfirm-buttons .btn-default,
html[data-color-mode="dark"]
  .jconfirm-type-change-theme
  .jconfirm-buttons
  .btn-default {
  background-color: #a1bdd914 !important;
  color: #c7d1db !important;
}
html[data-color-mode="dark"]
  .jconfirm-type-red
  .jconfirm-buttons
  .btn-default:hover,
html[data-color-mode="dark"]
  .jconfirm-type-change-theme
  .jconfirm-buttons
  .btn-default:hover {
  background-color: #a6c5e229 !important;
}
html[data-color-mode="dark"] .jconfirm-type-move-issue,
html[data-color-mode="dark"] .jconfirm-type-update-spreadsheet {
  background-color: var(--ds-surface-overlay, white) !important;
  color: var(--ds-text-accent-gray, #44546F) !important;
}
html[data-color-mode="dark"] .jconfirm-type-move-issue .jconfirm-title p,
html[data-color-mode="dark"]
  .jconfirm-type-move-issue
  .jconfirm-content
  .confirm-content,
html[data-color-mode="dark"]
  .jconfirm-type-update-spreadsheet
  .jconfirm-title
  p,
html[data-color-mode="dark"]
  .jconfirm-type-update-spreadsheet
  .jconfirm-content
  .confirm-content {
  color: var(--ds-text-accent-gray, #44546F) !important;
}
html[data-color-mode="dark"] .jconfirm-type-move-issue .btn-cancel,
html[data-color-mode="dark"] .jconfirm-type-update-spreadsheet .btn-default {
  color: var(--ds-text-accent-gray, #44546F) !important;
  background-color: transparent !important;
}
html[data-color-mode="dark"] .jconfirm-type-move-issue .btn-cancel:hover,
html[data-color-mode="dark"]
  .jconfirm-type-update-spreadsheet
  .btn-default:hover {
  background-color: #a6c5e229 !important;
}
html[data-color-mode="dark"]
  .aui-message.aui-message-info.info.closeable.shadowed {
  background-color: var(--ds-surface-overlay, white) !important;
  color: var(--ds-text-accent-gray, #44546F) !important;
}
html[data-color-mode="dark"]
  .aui-message.aui-message-info.info.closeable.shadowed:after {
  color: #579dff !important;
}
html[data-color-mode="dark"]
  .aui-message.aui-message-info.info.closeable.shadowed
  a {
  color: #579dff !important;
}
html[data-color-mode="dark"]
  .aui-message.aui-message-info.info.closeable.shadowed
  a:hover {
  color: #85b8ff !important;
}
html[data-color-mode="dark"]
  .aui-message.aui-message-info.info.closeable.shadowed
  .icon-close:hover {
  color: #ffffffa3 !important;
}
/* ----- spreadjs */

html[data-color-mode="dark"] .gc-columnHeader-selected,
html[data-color-mode="dark"] .gc-rowHeader-selected {
  background-color: #161819 !important;
  color: #c7d1db !important;
}

html[data-color-mode="dark"] .gc-corner-hover {
  background-color: #161819;
}

html[data-color-mode="dark"] .gc-corner-selected {
  background-color: #161819;
}
html[data-color-mode="dark"] .gc-columnHeader-normal {
  background-color: #26292c !important;
  border-color: #2c2c2c !important;
}
html[data-color-mode="dark"] .gc-columnHeader-hover {
  background-color: #161819 !important;
}
html[data-color-mode="dark"] .gc-rowHeader-hover {
  background-color: #161819 !important;
}
html[data-color-mode="dark"] .gc-rowHeader-normal {
  background-color: #26292c !important;
  border-color: #2c2c2c !important;
}
html[data-color-mode="dark"] .gc-columnHeader-highlight {
  background-color: #31363a !important;
  color: #c7d1db !important;
}
html[data-color-mode="dark"] .gc-rowHeader-highlight {
  background-color: #31363a !important;
  color: #c7d1db !important;
}
html[data-color-mode="dark"] .gc-tabStripBackground {
  background-color: #26292c !important;
}
html[data-color-mode="dark"] .gc-corner-triangle-normal,
html[data-color-mode="dark"] .gc-corner-triangle-hover,
html[data-color-mode="dark"] .gc-corner-triangle-selected {
  border-color: #31363a !important;
}

html[data-color-mode="dark"] .context-menu-list {
  border-color: var(
    --ds-menu-seperator-color,
    var(--ds-border, rgba(9, 30, 66, 0.08))
  ) !important;
}
html[data-color-mode="dark"]
  .context-menu-item.context-menu-separator.context-menu-not-selectable {
  border-color: var(
    --ds-menu-seperator-color,
    var(--ds-border, rgba(9, 30, 66, 0.08))
  ) !important;
}

html[data-color-mode="dark"]
  .gc-popup-gc-dialog1.ui-widget.gc-filter-dialog-style.gc-no-user-select {
  border-color: #151515c7 !important;
}
html[data-color-mode="dark"]
  #change-columns-manually-dialog
  .aui-message.aui-message-info {
  background: #1d2125 !important;
  color: #c7d1db !important;
  border-color: #579dff6e !important;
}
html[data-color-mode="dark"]
  #change-columns-manually-dialog
  .aui-message.aui-message-info::after {
  color: #579dff !important;
}
html[data-color-mode="dark"] .jql-item-suggestion:hover,
html[data-color-mode="dark"] .jql-item-suggestion.is-selected {
  color: var(--ds-text-accent-gray, #44546F) !important;
  background-color: #a1bdd914 !important;
}

html[data-color-mode="dark"]
  .field-group.jira-field
  .select2-container-multi
  .select2-choices {
  background-color: #1d2125 !important;
  border-color: #aaaaaa69 !important;
}
html[data-color-mode="dark"]
  .field-group.jira-field
  .select2-container-multi
  .select2-choices
  .select2-search-choice {
  color: #c7d1db !important;
}
html[data-color-mode="dark"]
  .field-group.jira-field
  .select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close:hover {
  color: #c7d1db !important;
  background-position: right 0px !important;
}

.jconfirm-type-change-theme .jconfirm-buttons button {
  text-transform: none !important;
}

input.date-picker {
  color-scheme: auto !important;
}
html[data-color-mode="dark"] input.date-picker {
  color-scheme: unset !important;
}