@charset "utf-8";

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#footer .footer-body {
	display: none !important;
}

html {
  height: 100%;
}

body {
  height: 100%;
	overflow-y: hidden !important;
	overflow-X: hidden !important;
}

.field-group.jira-field label {
  margin-bottom: 3px;
}

body p {
  margin-bottom: 0;
}

.tippy-box {
  background-color: var(--ds-background-neutral-bold-pressed, #172B4D);
  color: var(--ds-text-inverse, white);
  font-size: 12px;
  transform: translateY(-5px);
  font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}
.tippy-box .tippy-content {
  padding: 2px 6px;
}

.select-option-image {
  margin-right: 5px;
}

#aui-flag-container {
  top: 30px !important;
  z-index: 1000 !important;
}

.aui-message:after {
  font-size: 20px !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.issueeditor-results-count {
	font-weight: bold;
}

.issueeditor-toolbar {
	height: 50px;
	padding: 11px 10px 4px 10px;
  margin-top: 0 !important;
}

.issueeditor-toolbar-item-first {
	width: 80px;
}
.issueeditor-toolbar-item-first .aui-buttons {
	display: flex;
}

.issueeditor-toolbar-item-second {
    width: 35%;
    display: flex !important;
    align-items: center;
    justify-content: start;
    column-gap:5px;
}

.issueeditor-toolbar-item-second  .circular {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#tools #toolbar .issueeditor-toolbar-item-second button:not(#loading-button-icon, #create-issues-modal-submit-button) {
  background-color: var(--bg-issueeditor-toolbar-item-second , white);
  border: none;
}

#tools #toolbar .issueeditor-toolbar-item-second button:not(#loading-button-icon, #create-issues-modal-submit-button):hover {
  background-color: var(--icon-toolbar-second-hover , #d8fbd9  );
  color: #007526;
  border: none;
}

#tools #toolbar .issueeditor-toolbar-item-second button:not(#loading-button-icon, #create-issues-modal-submit-button):active {
  background-color: var(--icon-toolbar-second-active , #d8fbd9  );
  color: var(--icon-toolbar-second-content , #007526  );;
  border: none;
}

#tools .list-options-spread #page-size:focus #iconPaging-active {
  display: block;
}

#tools .list-options-spread #page-size:focus #iconPaging {
  display: none;
}

#tools .list-options-spread #page-size:focus:hover  {
  background-color: var(--icons-tool-bar-active-hover , #BBEFBC ) !important;
}

.issueeditor-toolbar-item-second #loading-button-icon {
  display: none;
  -webkit-animation: rotating .3s linear infinite;
  -moz-animation: rotating .3s linear infinite;
  -ms-animation: rotating .3s linear infinite;
  -o-animation: rotating .3s linear infinite;
  animation: rotating .3s linear infinite;
}

.issueeditor-count-message {
	text-align: left !important;
  vertical-align: bottom !important;
	line-height: 30px;
  margin-right: 10px;
  white-space: nowrap;
}

#direction-button {
  height:30px;
  width:30px ;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#direction-button:hover {
  background: rgba(9, 30, 66, 0.08);
  cursor: pointer;
}
#image-show:hover {
  cursor: pointer;
}

.htDropdownMenu table tbody tr td.htCustomMenuRenderer.current{
  background-color: unset !important;
}

.htDropdownMenu table tbody tr td.htCustomMenuRenderer .htUIMultipleSelectSearch input:hover{
  border : 1px solid #9ca9b7 !important
}

.htDropdownMenu table tbody tr td.htCustomMenuRenderer .htUIMultipleSelectSearch input:focus{
  border : 2px solid #0C66E4 !important
}

.htDropdownMenu table tbody tr td.htCustomMenuRenderer .htUISelectCaption input:hover{
  border : 1px solid black !important
}

#direction-button:focus {
  background: rgba(9, 30, 66, 0.04);
  box-shadow: 0 0 0 2px #4C9AFF;
  -webkit-transition-duration: 0s, 0.2s;
  transition-duration: 0s, 0.2s;
  outline: none;
}

.aui-button.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless)::after {
  display: none;
}

.sample-tutorial {
  border-radius: 0 0 5px 5px;
  border: 1px solid #e5e5e5;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.sample-spreadsheets {
  width: 100%;
  height: 100%;
}

.issueeditor-ss {
	width: 100%;
	height: 100%;
}
.container {
  padding: 0 !important;
}
#spreadContainer .created fieldset {
	border: 2px solid rgb(82, 146, 247);
	background-color: white;
}

.labelColumn {
  font-size: 90%;
  line-height: 1;
  height: 100%;
  text-align: center;
  color: #9e9e9e;
  font-weight: 600;
  word-wrap: break-word;
  padding: 12px;
}

#spreadContainer .jira-field .select2-choice {
	padding: 3px 5px 1px 5px;
	font-family: Arial;
	font-size: 13px;
}

.editable-field .save-options {
  background-color: #f0f0f0;
  border: 1px solid #cccccc;
  border-top: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 3px 6px rgba(111, 111, 111, 0.2);
  outline: none;
  padding: 3px;
  position: absolute;
  right: 0;
/*  top: 100%;*/
  z-index: 1;
}
.editable-field .save-options .aui-button + .aui-button {
  margin-left: 3px;
}
.editable-field .save-options .aui-button .aui-iconfont-success {
  color: #707070;
}
.editable-field .save-options .aui-button .aui-iconfont-success:before {
  font-size: 14px;
  left: 1px;
  margin-top: -7px;
}
.editable-field .save-options .aui-button .aui-iconfont-close-dialog {
  color: #707070;
}
.editable-field .save-options .aui-button:hover .aui-iconfont-success,
.editable-field .save-options .aui-button:focus .aui-iconfont-success {
  color: #333;
}
.editable-field .save-options .aui-button:hover .aui-iconfont-close-dialog,
.editable-field .save-options .aui-button:focus .aui-iconfont-close-dialog {
  color: #333;
}
.editable-field.active .save-options .aui-button,
.editable-field.active .save-options .aui-button.cancel {
  height: 24px;
  padding: 0 4px;
}

.editable-field .field-tools {
  border-right: 1px solid #cccccc;
  display: none;
  margin: 0 10px 0 5px;
  padding-right: 10px;
}
.editable-field .field-tools a + a {
  margin-left: 5px;
}
.editable-field .wiki-edit-content.previewClass {
  border: 1px solid #cccccc;
  padding: 10px;
}
.editable-field .wiki-edit-content.previewClass .content-inner {
  padding: 0;
}
.editable-field .field-tools .help-lnk {
	padding-left: 4px;
}

.select2-disabled {
  pointer-events: none;
  /* background-color: #f4f4f4 !important; */
}

.select2-disabled #disabled-item {
  color: #cccccc !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

#jql-button.active {
  color: #008e2b;
}

#loading-dialog .loading-progress {
	margin-top: 4px;
}

#loading-dialog .percentail {
	text-align: left;
	float: left;
}

#loading-dialog .fraction {
	text-align: right;
}

#search-box {
  position: relative;
  margin-right: 4px;
  height: 30px;
  box-sizing: border-box;
  position: relative;
}

#search-box svg {
  position: absolute;
  height: 100%;
  top: 0;
  left: 8px;
  vertical-align: text-top;
}

#search-box svg path {
  fill: #6B778C;
}

.topSpreadsheetButton{
  --ds-text-subtle: hsl(0, 0%, 20%);
  padding: 10px !important;
}

#breadcrum .topSpreadsheetButton:hover{
  /* background-color:  var(--icons-tool-bar-hover, #EAEAEA); */
  background-color: var(--icon-toolbar-second-hover, #d8fbd9);
  --ds-text-green: green;
  color:var(--ds-text-green, #8993A4)!important;
  text-decoration: none !important;
}

.topSpreadsheetButton span {
  font-size: 14px;
  color: var(--ds-text-accent-gray, #44546F);
}

.topSpreadsheetButton:active {
  background-color: var(--icon-toolbar-second-active, #d8fbd9) !important;
}

.topSpreadsheetButton:active > span {
  color: #027526;
}

html[data-color-mode="dark"] .topSpreadsheetButton:active > span {
  color: #7FE2B8;
}

html[data-color-mode="dark"] .topSpreadsheetButton + div > span > svg {
  color: #9fadbc;
}

.select-list [class$="-menu"] {
  z-index: 1000;
}

.select-list [class$="-MenuList"] {
  max-height: 285px !important;
}

html[data-color-mode="dark"] .select-list > div span {
  color: #9FADBC
}

#search-box input {
  padding-left: 30px;
  border: none;
  outline: none;
  height: 100%;
  border-radius: 5px;
  font-size: 13px;
  line-height: 20px;
  border: 2px solid rgb(223, 225, 230);
  box-shadow: none;
  background-color: rgb(255, 255, 255);
  color: rgb(107, 119, 140);
}

#search-box input:focus {
	background-color: white;
	color: black;
    border-color: var(--icon-search-box-border,#00a134);
}

#count-search-result {
  height: 100%;
  padding: 5px 10px 5px 10px;
  background: red;
  background-color: var(--icons-tool-bar-active , #D8FBD9);
  color: var(--text-button-active , #027526 )!important;
  font-size: 14px;
  font-weight: 600;
  border-radius: 3px;
  white-space: nowrap;
  margin-right:10px;
}

#save {
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, verdana, sans-serif;
  padding: 5px;
  background-color: var(--icon-save , #F5F5F5);
  cursor: not-allowed;
}

#save.active-save {
  background-color: var(--icon-save-active,#007526) !important;
  cursor: pointer;
}
#save.active-save:hover {
  background-color: var(--icon-save-active-hover,#00a134 ) !important;
}

#iconSave-active {
  display: none;
}

#save.active-save #iconSave-active {
  display: block;
}

#save.active-save #iconSave {
  display: none;
}



.aui-button.aui-dropdown2-trigger::not(.aui-dropdown2-trigger-arrowless)::after {
  display: none;
}

#return-to-jira:focus {
  color: white !important;
  outline: none;
}

#breadcrum {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 10px 0;
  align-items: center;
}

#nav-breadcrumd {
  display: flex;
}

#nav-breadcrumd a {
  color: var(--ds-text-accent-gray, #44546F) !important;
}

#nav-breadcrumd li:nth-child(2) {
  margin: 0 10px;
}

#settings-page:hover {
  text-decoration: none;
}

#dropdown-filter {
  font-size: 13px;
  max-height: 300px;
  overflow: auto;
  width: 300px;
}
#dropdown-filter::-webkit-scrollbar-track
{
	border-radius: 3px;
	background-color: #F5F5F5;
}

#dropdown-filter::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

#dropdown-filter::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #c1c1c1;
}

#dropdown-filter .filter-selected {
  background-color: var(--backgroud-saved-filter , #F5F5F5)!important;
  color: var(--ds-text-accent-gray, #44546F) !important;
  font-weight: 500;
  border-left: 3px solid var(--icon-search-box-border,#00a134);
}

#dropdown-filter-value li a:not(.filter-selected):hover {
  background-color: var(--ds-background-neutral-subtle-hovered, #F5F5F5) !important;
  border-left: 3px solid var(--icon-search-box-border,#00a134);
}

#return-to-jira:focus svg path {
  fill: white;
}

.edit-status-dropdown .select2-results .select2-highlighted {
  background-color: #F4F5F7;
}

.edit-status-dropdown .select2-result-label {
  display: flex !important;
  padding: 5px 10px !important;
}

.list-button-dropdown .aui-button.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless):after,
#tools .aui-button.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless):after {
  display: none;
}

.list-button-dropdown .aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless),
#tools .aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless) {
  padding: 5px !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: #E7E7E7;
}

.list-button-dropdown a:not([disabled]):focus:hover {
  background-color: var(--icon-toolbar-active-hover, #D8FBD9FF);
}

.list-button-dropdown .aui-button-subtle.aui-button:not([disabled]):focus,
.list-button-dropdown .aui-button-subtle.aui-button.active:not([disabled]):not(#save),
#tools .aui-button-subtle.aui-button:not([disabled]):focus,
#tools .aui-button-subtle.aui-button.active:not([disabled]):not(#save)
{
  background-color: var(--bg-button-green, #D8FBD9) ;
}
#tools .aui-button.active:not([disabled]):not(#save) {
  background-color: var(--bg-button-green, #D8FBD9);
}
 #tools .aui-button:not([disabled]):not(#save):focus span,
#tools .aui-button.active:not([disabled]):not(#save) span{
  color: #027526;
}
#tools .aui-button.active:not([disabled]):not(#save):hover {
  background-color: var(--icon-toolbar-active-hover, #D8FBD9FF);
}

.active-jql {
  background-color: var(--icon-top-menu-button-bg, transparent) !important;
}
.list-button-dropdown .active-jql span {
  color : var(--icon-top-menu-button-active , #027526) !important;
  font-weight: 600;
}

.active-jql:hover {
  background-color: var(--icon-top-menu-button-active-bg-hover, #D8FBD9FF) !important;
}

.inactive-jql {
  background-color: transparent !important ;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  & span {
      color : var(--icon-top-menu-button, #027526FF) !important;
      font-weight: 600;
  };
  
}

#annoucementButton {
  background-color: transparent !important ;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0px 4px;
  margin-left: 5px;
  height: 30px;
}

#annoucementButton:hover {
  color: var(--icon-top-menu-button) !important;
  background-color: var(--icon-top-menu-button-bg-hover, #f5f5f5) !important;
}

.inactive-jql:hover {
  color: var(--icon-top-menu-button) !important;
  background-color: var(--icon-top-menu-button-bg-hover, #f5f5f5) !important;
}

.list-button-dropdown a:not([disabled]):not(#jql-button):focus:hover {
  background-color: var(--icon-top-menu-button-active-bg-hover, #D8FBD9FF) !important;
}
.list-button-dropdown a:not([disabled]):not(#jql-button):focus{
  background-color:  var(--icon-top-menu-button-bg, transparent) !important;
}

.list-button-dropdown a:not([disabled]):not(#annoucementButton):focus:hover {
  background-color: var(--icon-top-menu-button-active-bg-hover, #D8FBD9FF) !important;
}
.list-button-dropdown a:not([disabled]):not(#annoucementButton):focus{
  background-color:  var(--icon-top-menu-button-bg, transparent) !important;
}

#tools .list-options-spread .aui-button:not(.active):not(.page-size-active):not(.active-group-by):not(#group-by-dropdown-control) {
  background-color: var(--icons-tool-bar , #F5F5F5);
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#tools .list-options-spread .aui-button:not(.active):not(.page-size-active):not(.active-group-by):not(#group-by-dropdown-control):hover {
  background-color: var(--icons-tool-bar-hover , #EAEAEA);
}

.page-size-nonactive #iconPaging-active {
  display: none;
}
.page-size-nonactive #iconPaging {
  display: block;
}

#tools #page-size img {
  width: 18px;
  height: 18px;
}
#tools #page-size.page-size-active {
  background-color: var(--bg-button-green, #D8FBD9);
}

.page-size-nonactive {
  background-color: transparent;
  border: 1px solid #E7E7E7;
}
.page-size-active #iconPaging-active {
  display: block;
}

.page-size-active #iconPaging {
  display: none;
}

#tools #page-size.page-size-active:hover {
  background-color: var(--icon-toolbar-active-hover, #D8FBD9FF);

}

#tools .list-options-spread #toggleSubTask:disabled {
  cursor: not-allowed;

}

/* #tools .aui-button:not(#save):not(.active):not(.page-size-active):not(.active-group-by) {
  background-color: var(--icon-toolbar , #F5F5F5);
  padding: 5px;
}

#tools .aui-button:not(#save):not(.active):not(.page-size-active):not(.active-group-by):hover {
  background-color: var(--icon-toolbar-hover , #EAEAEA);
  padding: 5px;
} */

.list-button-dropdown a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#icon-help-active {
  display: none;
}

#icon-download-active {
  display: none;
}

#icon-setting-active {
  display: none;
}

#helpbtn:not([disabled]):focus #icon-help-active  {
    display: block !important;
}
#helpbtn:not([disabled]):focus #icon-help {
  display: none !important;
}

.export-btn:not([disabled]):focus #icon-download-active {
  display: block !important;
}

.export-btn:not([disabled]):focus #icon-download {
  display: none !important;
}

.setting-btn:not([disabled]):focus #icon-setting-active{
  display: block !important;
}

.setting-btn:not([disabled]):focus #icon-setting {
  display: none !important;
}

.list-button-dropdown .aui-button .aui-icon,
.list-button-dropdown .aui-button:hover .aui-icon,
#tools .aui-button .aui-icon,
#tools .aui-button:hover .aui-icon {
  color: #606161;
}

.list-button-dropdown .aui-button.active .aui-icon,
.list-button-dropdown .aui-button:focus .aui-icon,
#tools .aui-button.active .aui-icon,
#tools .aui-button:focus .aui-icon {
  color: white;
}

.list-button-dropdown .aui-button[disabled] .aui-icon,
#tools .aui-button[disabled] .aui-icon {
  color: #c1c3c5;
}

.list-button-dropdown .aui-button~.aui-button,
#tools .aui-button~.aui-button {
  margin-left: 4px !important;
}

/* #toggleSubTask {
  background-color:
} */

.list-button-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-options-spread {
  font-size: 0;
}

.list-options-spread > * {
  vertical-align: bottom !important;
  margin-left: 4px;
}

.list-options-spread .divider {
  vertical-align: middle;
  height: 30px;
  display: inline-block;
  width: 1.5px;
  background-color: #f4f5f5;
  margin: 0 4px 0 8px;
}

.list-options-spread .button-tabletool:active {
  background-color: var(--ds-background-neutral-pressed, #DEEBFF) !important;
}

.list-options-spread .button-tabletool-active:active {
  background-color: var(--bg-toolbar-active-action, #9ce69f) !important;
}

.list-options-spread .button-tabletool-active:focus-visible {
  outline: none !important;
}

.list-button-dropdown .button-top-operation:active {
  background-color: var(--ds-background-neutral-pressed, #DEEBFF) !important;
}

.list-button-dropdown .button-top-operation-active:active {
  background-color: var(--bg-top-operation-active-action, #9ce69f) !important;
}

#toolbar img {
  vertical-align: baseline !important;
}

#help-dropdown li img, #export-dropdown li img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
#export-dropdown li a {
  display: flex;
  align-items: center;
}

#keyboard-shortcuts-dialog .item-details {
	list-style: none;
	margin: 0;
	padding: 0;
}

#keyboard-shortcuts-dialog .item-details li {
	margin: 5px 0 5px 0;
}

#keyboard-shortcuts-dialog .item-details dl>dt {
	color: #707070;
	display: table-cell;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	width: 50px;
}

#keyboard-shortcuts-dialog .item-details dl>dd {
	display: table-cell;
	padding-left: 10px;
}

#keyboard-shortcuts-dialog kbd {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset;
	color: #333;
	display: inline-block;
	font-family: inherit;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0.1em;
	min-width: 2em;
	padding: 0.1em 0.6em;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	vertical-align: bottom;
}

html[data-color-mode="dark"] #keyboard-shortcuts-dialog kbd {
  background-color: #18181B;
  border-color: #333;
  color: #bbbfc5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#productTourContainer {
  position: fixed;
  right: 46px;
  bottom: 32px;
  border-radius: 8px;
  z-index: 999;
}

#productTourContent {
  display: none;
  opacity: 0;
  pointer-events: none;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f4f5f7;
  box-shadow: 1px 1px 6px #babfc9;
  transition: all 0.3s;
}

html[data-color-mode="dark"] #productTourContent {
  background-color: #18181B;
  box-shadow: 1px 1px 6px #000000;
}

#productTourContent.show {
  display: flex;
  opacity: 1;
  pointer-events: all;
}

#productTourContent.hide {
  display: none;
  opacity: 0;
  pointer-events: none;
}

#productTourButton {
  border-radius: 24px;
  font-size: 14px;
  border: none;
  outline: none;
  white-space: nowrap;
  background: #006720;
  padding: 10px 18px;
  box-shadow: rgb(9 30 66 / 25%) 0px 8px 16px -4px, rgb(9 30 66 / 31%) 0px 0px 1px;
  transition: all 0.3s ease-in-out 0s;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  overflow: hidden;
	cursor: pointer;
	filter: brightness(0.9);
}

#productTourButton:hover {
	filter: brightness(1.1);
}

#productTourButton > span {
  display: inline-block;
  height: 24px;
  width: 24px;
  flex-shrink: 0;
  line-height: 1;
}

#productTourButton > span > svg {
  height: 24px;
  width: 24px;
  max-height: 100%;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  pointer-events: none;
  color: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
}

#productTourButton > h3 {
  font-size: 1.14286em;
  font-style: inherit;
  line-height: 1.25;
  letter-spacing: -0.006em;
  color: rgb(255, 255, 255);
  font-weight: 500;
  display: inline;
  margin: 0px;
  padding-left: 6px;
  padding-right: 8px;
}

#productTour_HideButton {
  position: absolute;
  top: 8px;
  right: 8px;
}
#productTour_HideButton svg {
  color: white;
  cursor: pointer;
}

#dismissProductTour {
  cursor: pointer;
  text-align: center;
  padding: 8px 0;
  color: #006720;
  position: relative;
  margin: auto;
}
#dismissProductTour:hover {
  color: #3b73af;
}
#dismissProductTour .tooltiptext {
  visibility: hidden;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
  width: 270px;
  border-radius: 3px;
  background: #505050f0;
  z-index: 1;
  pointer-events: none;
}

#dismissProductTour:hover .tooltiptext {
  visibility: visible;
}

#productTourContainer .product-tour__header-title {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
}

#productTourContainer .product-tour__body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}
#productTourContainer .product-tour__body-content {
  max-height: calc(100vh - 400px);
  min-height: 300px;
  width: 270px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

#productTourContainer .product-tour__start-button-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}
#productTourContainer .product-tour__start-button-wrapper button {
  height: 36px;
  width: auto;
  border: unset;
  border-radius: 4px;
  padding: 0 16px;
  color: white;
  background: #006720;
  font-weight: bold;
  cursor: pointer;
}
#productTourContainer .product-tour__start-button-wrapper button:hover {
  filter: brightness(1.2);
}
#productTourItems {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#productTourItems .product-tour__item {
  padding: 8px 12px;
  border: 1px solid #dee1e5;
  border-radius: 4px;
  background-color: #f4f5f7;
  position: relative;
}

html[data-color-mode="dark"] #productTourItems .product-tour__item {
  background-color: #18181B;
}

#productTourItems .product-tour__item > div:first-child {
  font-weight: bold;
}
#productTourItems .product-tour__item > .product-tour__item-intro {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: gray;
}

#productTourItems .product-tour__item-button-view {
  position: absolute;
  right: 8px;
  top: 5px;
  border: unset;
  cursor: pointer;
  padding: 1px 6px;
  color: white;
  background: #006720;
  border-radius: 3px;
}

.introjs-tooltip {
  background-color: #006720 !important;
  color: white;
  min-width: 300px !important ;
}
.introjs-tooltip .introjs-arrow {
  border-bottom-color: #006720 !important;
}
.introjs-tooltip .introjs-tooltip-header > * {
  color: white !important;
}
.introjs-tooltip .introjs-tooltip-header > .introjs-tooltip-title {
  line-height: 24px;
}
.introjs-tooltip .introjs-tooltip-header > .introjs-skipbutton {
  position: absolute;
  right: 8px;
  top: 8px;
}
.introjs-tooltip .introjs-arrow.top {
  border-bottom-color: #5949b2;
}
.introjs-tooltip .introjs-arrow.bottom {
  border-bottom-color: #5949b2;
}
.introjs-tooltip .introjs-arrow.top-right {
  border-bottom-color: #5949b2;
}
.introjs-tooltip .introjs-arrow.bottom-right {
  border-bottom-color: #5949b2;
}
.introjs-tooltip .introjs-tooltipbuttons {
  border-top: unset;
  padding: 5px !important;
}
.introjs-tooltip .introjs-button {
  background-color: #00000030;
  text-decoration: none;
  text-shadow: none;
  border: unset;
  color: white;
  cursor: pointer;
  height: 32px;
  padding: 0px 12px;
  line-height: 32px;
}
.introjs-tooltip .introjs-button:hover {
  background-color: #00000040;
  text-decoration: none;
  text-shadow: none;
  border: unset;
  color: white;
}
.introjs-tooltip .introjs-button:focus {
  background-color: #00000040;
  text-decoration: none;
  text-shadow: none;
  border: unset;
  color: white;
}
.introjs-tooltip .introjs-bullets {
  padding: 0;
  margin-bottom: -32px;
}
#filter-sort-bar {
  position: absolute;
  top: 50px;
  left: 35px;
  right: 0;
  height: 22px;
  pointer-events: none;
  width: calc(100vw - 72px);
  
}

/* Context menu */
#context-menu-layer {
  z-index: 9999 !important;
}

.context-menu-list {
  z-index: 99999 !important;
}

.context-menu-item.context-menu-disabled {
	color: #cccccc !important;
}

.context-menu-item.context-menu-icon-issue-type {
  background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

.context-menu-item.context-menu-icon-freeze {
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

.context-menu-item.context-menu-icon-clear-freeze {
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

.context-menu-item.context-menu-icon-svg {
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

.context-menu-item.context-menu-icon-column-configuration {
  background-repeat: no-repeat;
  background-position: 3px 4px;
}

.context-menu-item.context-menu-hover {
  background-color: #ebecf0;
  color: #344563;
}

.context-menu-icon.context-menu-hover:before,
.context-menu-icon:before {
  color: #606161;
}

.column.sortable-ghost {
  background: #f6f9ff;
}

#search-columns-box {
  position: relative;
  height: 32px;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

#search-columns-box svg {
  position: absolute;
  height: 100%;
  top: 0;
  left: 8px;
  vertical-align: middle;
}

#search-columns-box svg path {
  fill: #6B778C;
}

#search-columns-input {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  padding-left: 30px;
  border: 2px solid #dee1e5;
  box-sizing: border-box;
  outline: none;
}

#search-columns-input:focus {
  border-color: black;
}


.handsontable .htDashedTop::before,
.handsontable .htDashedRight::after,
.handsontable .htDashedBottom::after,
.handsontable .htDashedLeft::before {
    content: '' !important;
    position: absolute !important;
    pointer-events: none !important; /* Prevents the pseudo-element from blocking mouse events */
}

.handsontable .htDashedTop::after {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border-top: 2px dashed #227446 !important;
}

.handsontable .htDashedRight::after {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-right: 2px dashed #227446 !important;
}

.handsontable .htDashedBottom::after {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border-bottom: 2px dashed #227446 !important;
}

.handsontable .htDashedLeft::after {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    border-left: 2px dashed #227446 !important;
}

.handsontable tbody th.ht__active_highlight, .handsontable thead th.ht__active_highlight {
  background-color: #e9eaed !important;
  color: #000 !important;
  font-weight: 800 !important;
}

.handsontable .htCore thead th:hover {
  background-color: #e9eaed !important;
}

.handsontable .ht_clone_left tbody th:hover {
  background-color: #e9eaed !important;
}

.handsontable .htCore thead tr:first-child:nth-last-child(2) .changeType {
  display: none;
}

.handsontable th {
  text-align: start;
  position: relative;
  background-color: #f8f9fa !important;
  color: #172a4d !important;
  font-weight: 600 !important;
  /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;*/
  font-size: 12px !important;
}

.handsontable .changeType {
  background: #eee;
  color: #bbb;
  float: right;
  font-size: 9px;
  line-height: 9px;
  margin: 3px 1px 0 5px;
  padding: 2px;
}

.handsontable .relative .changeType {
  border-radius: 3px !important;
  transition: all 0.3s ease !important;
  background-image: url('data:image/svg+xml;base64,ICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogPHBhdGggZD0iTTguMjkyIDEwLjI5M2ExLjAwOSAxLjAwOSAwIDAwMCAxLjQxOWwyLjkzOSAyLjk2NWMuMjE4LjIxNS41LjMyMi43NzkuMzIycy41NTYtLjEwNy43NjktLjMyMmwyLjkzLTIuOTU1YTEuMDEgMS4wMSAwIDAwMC0xLjQxOS45ODcuOTg3IDAgMDAtMS40MDYgMGwtMi4yOTggMi4zMTctMi4zMDctMi4zMjdhLjk5Ljk5IDAgMDAtMS40MDYgMHoiIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIj48L3BhdGg+Cjwvc3ZnPgo=');
  min-width: 15px !important;
  height: 15px !important;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 3px;
  margin-right: 3px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-color: transparent !important;
  border: none;
  bottom: -12px;
  cursor: pointer;
}

.handsontable .htFiltersActive .relative .changeType {
  background-image: url('/images/arrow-open-editor-sorting-popup-darkmode.svg') !important ;
  background-color: #005D1D !important;
}

html[data-color-mode="dark"] .handsontable .relative .changeType {
  background-image: url('/images/arrow-open-editor-sorting-popup-darkmode.svg')
}

.handsontable .changeType:hover {
  background-color: #f9f9f9 !important;
  border: none !important;
  color: #777;
}

.handsontable .changeType:before {
  content: '' !important;
}

.handsontable .htDimmed {
  background-color: #f5f5f5 !important;
  color: #838ea0 !important;
}

.handsontable td.htSearchResult {
  background: #e0fcf0 !important;
  color: #000000 !important;
  border-inline: 0.6px solid #227446;
  box-shadow: inset 0 1px 0 #3E8265;
}

.wtBorder.current,
.wtBorder.area {
  background-color: #227446 !important;
}

.handsontable td {
  position: relative; /* Position context for absolute positioning */
}

.handsontable td > div > div:not(.htUIButton) {
  padding: 0 4px;
  box-sizing: border-box;
  width: 100%;
  /* display: flex;
  align-items: center; */
}

.handsontable td.area:before{
  background-color: #227446 !important;
}

.handsontable td.htHighlightBlue{
  border-inline: 1px solid #0257cd !important;
  box-shadow: inset 0 1px 0 #0257cd;
  background-color: rgba(172, 205, 255, 0.7) !important;
}

html[data-color-mode="dark"] .handsontable td.htSearchResult {
  background-color: #143C2B !important;
  border-color: #3E8265 !important;
}

html[data-color-mode="dark"] .handsontable td.htHighlightBlue {
  background-color: #072245 !important;
  border-color: #0257CD !important;
}

.handsontable span.colHeader {
  text-align: start !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  line-height: 1.1 !important;
  /*display: block !important;*/
  /*overflow: hidden !important;*/
}



.handsontable .htCore thead th {
  height: 36px;
  line-height: 36px;
  z-index: 200;
}

.handsontable .ht_clone_left thead th {
  height: 36px;
  line-height: 36px;
  z-index: 200;

}


.custom-selector {
  display: flex;
  border-radius: 4px;
  background: #e6e9ec;
  height: 32px;
  width: 250px;
  padding: 0 8px;
  box-sizing: border-box;
}

.custom-selector select {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  width: 234px;
  outline: none;
}

.tooltipobject {
  position: relative;
}
.tooltipobject .tooltiptext {
  color: #fff;
  padding: 8px;
  position: absolute;
  right: 100%;
  max-width: 400px;
  border-radius: 3px;
  background: #505050f0;
  z-index: 7;
  pointer-events: none;
  visibility: hidden;
  text-align: center;
  right: 0;
  width: 400px;
  top: 200%;
  transform: translateX(50%);
}

.tooltipobject:hover .tooltiptext {
  visibility: visible;
}

.aui-flag .aui-message {
  width: 100%;
}

#gc-sortASC,
#gc-sortDES,
#gc-sortColor,
#gc-clearFilter,
#gc-majorFilter {
  font-style: normal;
}

.jconfirm-box {
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, verdana;
}

.jconfirm-title{
  display: flex !important;
  align-items: center !important;
}

.jconfirm-title p{
  font-size: 20px;
  font-weight: 500;
  color:#172b4d;
  padding-left: 3px;
}

.jconfirm-buttons .btn-confirm,
.jconfirm-buttons .btn-cancel {
  font-weight: 500 !important;
  color: #091e42;
  text-transform: none !important;
  background-color: #f5f6f8 !important;
  transition: all 0.2s;
}
.jconfirm-buttons .btn-cancel {
  background-color: transparent !important;
}
.jconfirm-buttons .btn-confirm {
  background-color: #f5f6f8 !important;
}

.btn-confirm:hover,
.btn-cancel:hover {
  background-color: #ecedf0 !important;
}

.jconfirm-content .confirm-content {
  color: #172b4d;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px;
}

.confirm-content-issue-deleted {
  margin-bottom: 12px;
}

.group-by-item {
  padding-left: 30px !important;
  position: relative;
}

.group-by-help-icon {
  position: absolute;
  top: 7px;
  right: 10px;
}

.group-by-help-icon svg {
  width: 16px;
  height: 16px;
  overflow: hidden;
  fill: white;
  vertical-align: bottom;
}

.group-by-item:focus {
  outline: none;
}

#iconGroupBy-active {
  display: none;
}

.btn-atlaskit-blue {
  background-color: var(--ds-background-brand-bold, #0C66E4);
  color: var(--ds-text-inverse, #FFFFFF);
}

.btn-atlaskit-blue:hover {
  background-color: var(--ds-background-brand-bold-hovered, #0055CC);
  color: var(--ds-text-inverse, #FFFFFF);
}

.btn-atlaskit-warning:hover {
  background-color: var(--ds-background-brand-bold-hovered, #0055CC);
  color: var(--ds-text-inverse, #FFFFFF);
}

.btn-atlaskit-warning {
  background-color: var(--ds-background-warning-bold, #FFAB00);
  color: var(--ds-text-warning-inverse, #172B4D);
}

.btn-atlaskit-warning:hover {
  color: var(--ds-text-warning-inverse, #172B4D);
  background: var(--ds-background-warning-bold-hovered, #FFC400)
}


.jconfirm-buttons button {
  text-transform: capitalize !important;
  font-weight: 500 !important;
}

.select-fix-versions .select2-search-choice{
  background-color: white !important;
  margin-bottom: 2px !important;
}
.select-fix-versions .select2-search-field input{
  color: white !important;
}

ul.detail-dialog {
  margin: 0;
  list-style: none;
  padding: 8px 13px;
  border: 1px solid #a6a6a6;
  background-color: white;
}
ul.detail-dialog li {
  line-height: 1.5;
}
ul.detail-dialog li a {
  cursor: pointer;
  color: #0070C0;
}

#loading-skeleton {
  padding: 10px 30px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--ds-surface, white);
  z-index: 10;
}

#loading-skeleton .loading, .loading-sidebar .loading {
    background: var( --skeleton-bg, linear-gradient(110deg, #f5f5f7 8%, rgba(9, 30, 66, 0.08) 28%, #f5f5f7 33%));
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

.spread {
  position: relative;
  height: 80%;
  flex-grow: 1;
}

.container-loading {
  display: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var( --skeleton-loading, linear-gradient(110deg, rgba(246,246,246, 0.1) 8% , rgba(255, 255, 255, 0.7) 28%, rgba(246,246,246, 0.1) 33%) );
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 2.5s shine linear infinite;
}
#search-word {
  transition: width 0.5s;
  width: 100px;
}
#search-word:focus {
  width: 200px !important;
}
.list-options-spread:has(#search-word){
  width: 250px;
  display: flex;
  justify-content: flex-end;
}

.list-options-spread {
  display: flex;
 justify-content: space-between;
 align-items: center;
}

#add-issue-button:active,
#add-issue-button.selected {
  #add-issue-icon {
    display: block;
  }
  #add-issue-icon-active {
    display: block;
  }
}

#add-issue-button.selected:hover {
  background-color: var(--icon-toolbar-second-active , #d8fbd9  ) !important;
}


#add-issue-button{
  #add-issue-icon {
    display: block;
  }
  #add-issue-icon-active {
    display: block;
  }
}


#refresh-button{
  #active {
    display: none;
  }
  #non-active {
    display: block;
  }
}

#refresh-button:active{
  #active {
    display: block;
  }
  #non-active {
    display: none;
  }
}

.refresh-bar {
  width: 100%;
  height: 2px;
  background-color: transparent;
}

.progressBar {
  height: 100%;
  width: 0%;
  background-color: var( --ds-border-success, #43A047);
  border-radius: 0;
  transition: width 1s linear;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}

#tools .list-options-spread .aui-button#condition-format-btn.active-conditional-format {
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tools .list-options-spread .aui-button#condition-format-btn.active-conditional-format:hover {
  background-color: var(--icons-tool-bar-active-hover , #BBEFBC) !important;
}
#tools .list-options-spread .aui-button#condition-format-btn #icon-condformat  {
  display: block;
}
#tools .list-options-spread .aui-button#condition-format-btn #icon-condformat-active  {
  display: none;
}
#tools .list-options-spread .aui-button#condition-format-btn.active-conditional-format #icon-condformat  {
  display: none;
}
#tools .list-options-spread .aui-button#condition-format-btn.active-conditional-format #icon-condformat-active  {
  display: block;
}

html .primary-button{
  background: var(--ds-background-brand-bold, #0052CC) !important;
  color: var(--ds-text-inverse, #FFFFFF) !important;
}

html .primary-button:hover{
  background: var(--ds-background-brand-bold-hovered, #0065FF) !important;
  text-decoration: inherit !important;
  transition-duration: 0s, 0.15s;
  color: var(--ds-text-inverse, #FFFFFF) !important;
}

html .primary-button[disabled] {
  background: var(--ds-background-disabled, rgba(9, 30, 66, 0.04)) !important;
  color: var(--ds-text-disabled, #091E424F) !important;
}

html .atlaskit-button{
  background: var(--ds-background-neutral-subtle, none) !important;
  color: var(--ds-text, #42526E)!important;
}

html .atlaskit-button:hover{
  background: var(--ds-background-neutral-subtle-hovered, rgba(9, 30, 66, 0.08)) !important;
  color: var(--ds-text, #42526E)!important;
}

html[data-color-mode="dark"] .text-field {
  /* border-color: #384148; */
}

html[data-color-mode="dark"] .text-field:hover {
  /* border-color: #384148; */
}

html[data-color-mode="dark"] .text-field input:-webkit-autofill,
html[data-color-mode="dark"] .text-field input:-webkit-autofill:hover,
html[data-color-mode="dark"] .text-field input:-webkit-autofill:focus,
html[data-color-mode="dark"] .text-field input:-webkit-autofill:active {
  background-color: #303B4C !important;
  -webkit-box-shadow: 0 0 0px 1000px #303B4C inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

.more-comment {
  background: var(--ds-background-neutral, #091E420F) !important;
  
}
.more-comment:hover {
  background: var(--ds-background-neutral-hovered, #091E4224) !important;
}

.btn-remove-change {
  background: var(--ds-background-danger-bold, #ca3521);
  color: var(--ds-text-inverse, #ffffff);
}
.btn-remove-change:hover {
  background: var(--ds-background-danger-bold-hovered, #ae2a19);
  color: var(--ds-text-inverse, #ffffff);
}

.open-smartfilter #iconSmartFilter {
  display: none;
}

.open-smartfilter , .active-smartfilter {
  background-color: var(--icons-tool-bar-active , #D8FBD9) !important ;
}

.open-smartfilter:hover , .active-smartfilter:hover {
  background-color: var(--icons-tool-bar-active-hover , #BBEFBC ) !important ;
}
.active-smartfilter #iconSmartFilter {
  display: none;
}

.active-smartfilter #iconSmartFilterActive {
  display: block;
}

.open-smartfilter #iconSmartFilterActive {
  display: block;
}

.list-options-spread #smartFilter-btn:not(.active-smartfilter):not(.open-smartfilter) #iconSmartFilter  {
  display: block;
}
.list-options-spread #smartFilter-btn:not(.active-smartfilter):not(.open-smartfilter) #iconSmartFilterActive {
  display: none;
}
.btn-atlaskit-red {
  background: var(--ds-background-danger-bold, #ca3521);
  color: var(--ds-text-inverse, #ffffff);
}
.btn-atlaskit-red:hover {
  background: var(--ds-background-danger-bold-hovered, #ae2a19);
  color: var(--ds-text-inverse, #ffffff);
}
.btn-atlaskit-yellow{
  background: #E2B203;
  color: #172B4D;
}
.btn-atlaskit-yellow:hover{
  background: #CF9F02;
  color: #172B4D;
}
.btn-atlaskit-subtle{
  background: var(--ds-background-neutral-subtle, #00000000);
  color: var(--ds-text, #42526E);
}
.btn-atlaskit-subtle:hover{
  background: var(--ds-background-neutral-subtle-hovered, #091E420F);
  color: var(--ds-text, #42526E);
}
.btn-atlaskit-red:focus-visible
.btn-atlaskit-yellow:focus-visible,
.btn-atlaskit-blue:focus-visible,
.btn-atlaskit-subtle:focus-visible
.btn-atlaskit-red:focus,
.btn-atlaskit-yellow:focus,
.btn-atlaskit-blue:focus,
.btn-atlaskit-subtle:focus {
  outline: none !important;
}
html .jconfirm-buttons .btn:focus-visible,
html .jconfirm-buttons .btn:focus {
  outline: none !important;
}
.jconfirm-scrollpane{
  background-color: #091E427D;
}

.confirm-conditional-format .jconfirm-buttons,
.clone-issue-and-children .jconfirm-buttons,
.confirm-dirty .jconfirm-buttons {
  width: 100%;
}
.clone-issue-and-children .btn-clone-btn,
.confirm-conditional-format .btn-cancel-conditional-format,
.confirm-conditional-format .btn-apply-conditional-format,
.confirm-dirty .confirm-dirty-save,
.confirm-dirty .confirm-dirty-cancel {
  float: right;
}
.confirm-dirty .btn {
  text-transform: unset !important;
}


.smartFilterForm .jql-input {
  height: 40px !important;
}

.handsontable td, .handsontable th {
  white-space: nowrap !important;
  text-overflow: ellipsis;
  vertical-align: middle !important;
}

.handsontable .deleting-cell {
  background-color: rgba(255, 0, 0, 0.26) !important;
}

html[data-color-mode="dark"] .handsontable .deleting-cell {
  background-color: #E34935 !important;
}

.handsontable .cloning-cell {
  background-color: rgba(58, 184, 0, 0.26) !important;
}

html[data-color-mode="dark"] .handsontable .cloning-cell {
  background-color: #005D1D !important;
}

.handsontable .cloned-cell {
  background-color: rgb(233, 242, 253) !important;
}

html[data-color-mode="dark"] .handsontable .cloned-cell {
  background-color: rgb(233, 242, 253) !important;
}

.handsontable tr:has(td.creating-cell) > td {
  background-color: rgba(1, 141, 255, 0.26);
}

.handsontable .hovering-row > td,
.handsontable .hovering-row > th {
  background-color: #e8e8e8 !important;
}

.handsontable .flagged-cell {
  background-color: #ffeceb;
}

html[data-color-mode="dark"] .handsontable .flagged-cell {
  background-color: #42221f;
}

html[data-color-mode="dark"] .handsontable .hovering-row > td,
html[data-color-mode="dark"] .handsontable tr:hover > td {
  background-color: #34393f !important;
}

.handsontable .hovering-row > .flagged-cell {
  background-color: #ffd5d2 !important;
}

html[data-color-mode="dark"] .handsontable .hovering-row > .flagged-cell,
html[data-color-mode="dark"] .handsontable tr:hover > .flagged-cell {
  background-color: #5d1f1a !important;
}

.description-cell * {
  display: inline;
}

html[data-color-mode="dark"] #text-missing-field {
  color : #9FADBC
}

.paginate-button:disabled {
  cursor: not-allowed;
  background-color: #f1f1f1;
}

.paginate-button:disabled:hover {
  background-color: var(--icon-toolbar-second-hover, #d8fbd9);
}

.paginate-button:disabled .aui-icon {
  color: #b8b8b8;
}

.paginate-button:hover {
  background-color: var(--icon-toolbar-second-hover, #d8fbd9) !important;
}

.paginate-button:active {
  background-color: var(--icon-toolbar-second-active , #d8fbd9) !important;
}

.paginate-button:active > span > svg {
  color: #027526;
}

html[data-color-mode="dark"] .paginate-button:active > span > svg {
  color: #7FE2B8;
}

html[data-color-mode="dark"] .paginate-button:disabled {
  background-color: rgb(81 81 81);
}

html[data-color-mode="dark"] .issueeditor-count-message {
  color: #9fadbc !important;
}
html[data-color-mode="dark"] .custom-column-header__label {
  color: #9fadbc;
}

html[data-color-mode="dark"] .handsontable th  {
  background-color: #26292C !important;
  color: #9FADBC !important;
}

html[data-color-mode="dark"] .handsontable th:hover {
  background-color: #161A1D !important;
}


.clear-group-by {
  font-size: 13px;
  cursor: pointer;
}
.clear-group-by:hover {
  text-decoration: underline;
}

.hotCustomEditor{
  --ds-border-focused: green;
}

.react-select__option {
  box-sizing: border-box !important;
  cursor: pointer !important;
} 

/* floating bar */
.App {
  position: relative;
}

#floating-bar-container {
  display: none;
  position: absolute;
  bottom: 60px;
  left: 0;
  z-index: 150;
  width: 100%;
}

.floating-bar-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.floating-bar-content-list {
  display: flex;
  padding: 6px;
  border-radius: 5px;
  background: var(--bg-floating-bar, linear-gradient(90deg, rgb(0 96 50) 0%, rgba(0, 111, 35, 1) 30%, rgb(0 93 29) 100%));
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
  gap: 2px;
}

.floating-bar-content-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--text-floating-bar, #ffffff);
  padding: 8px 15px;
  border-radius: 5px;
  height: 35px;
}

@media screen and (max-width: 1600px) {
  .floating-bar-content-item-2 {
    padding-left: 22px;
    padding-right: 27px;
  }
}

.floating-bar-content-item.custom-icon-floating svg path {
  fill: var(--text-floating-bar, #ffffff) !important;
}

.floating-bar-content-item--clickable {
  cursor: pointer;
}

.floating-bar-content-item--clickable:hover {
  background-color: var(--button-floating-bar-hover, #108334);
}

.floating-bar-content-item--clickable:active  {
  background-color: var(--button-floating-bar-active, #007a27);
}

#floating-bar-content-issue-count {
  inline-size: max-content;
  position: relative;
  margin-right: 20px;
  white-space: pre;
}

#floating-bar-content-issue-count::before {
  position: absolute;
  content: "";
  background-color: var(--text-floating-bar, #ffffff);
  right: -10px;
  top: 0;
  height: 70%;
  width: 1px;
  transform: translateY(20%)
}

#option-dropdown-content, .aui-dropdown2-checkbox, .tooltip-dropdown-item-setting {
  color: var(--ds-text-accent-gray, #44546F)
}

input.htCheckboxRendererInput {
  position: relative;
}

input.htCheckboxRendererInput::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 13px;
  height: 13px;
  background-color: #FFFFFF;
  border: 1px solid gray;
  border-radius: 2px;
}

html[data-color-mode="dark"] input.htCheckboxRendererInput::after {
  background-color: unset;
}

input.htCheckboxRendererInput:checked::after {
  width: 0px;
  height: 0px;
  border: none;
}

#sharing-views-dropdown {
  display: none;
  position: fixed;
  height: 360px;
  width: 300px;
  z-index: 3000 !important;
}

#create-issues-modal {
  display: none;
  position: fixed;
  z-index: 3000 !important;
}

.selected-row > th:first-child {
  border-left: 2px solid #007526 !important;
}

.list-button-dropdown > div > button > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

#option-dropdown-content svg {
  margin-right: 10px;
} 
.edited-row > th:first-child::before {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: -6px;
  width: 10px;
  height: 10px;
  z-index: 1;
  background: red;
  transform: rotate(45deg);
} 

html[data-color-mode="dark"] #editorCore-context{
  background-color: #1D2125 !important;
  border-color: #a1a1a1 !important;
}

html[data-color-mode="dark"] #ak-editor-textarea {
  color: var(--ds-text-subtle, #42526E) !important;
}

.fixVersions__option {
  box-sizing: border-box !important;
  padding-left: 15px !important
}

.cell-root-container-portal {
  display: flex;
  align-items: center;
}

#create-issues-modal-submit-button {
  margin-left: 5px;
}

.review-changes-toggle-container {
  border: 1px solid #091E4224;
  border-radius: 3px;
  margin-top: 16px;
}

html[data-color-mode="dark"] .review-changes-toggle-container {
  border: 1px solid #9fadbc;
}

.review-changes-toggle-content {
  max-height: 250px;
  overflow: hidden;
}
.review-changes-toggle.scrolled {
  box-shadow: 0 4px 8px -4px #091E4229;
}

.review-changes-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 14;
  user-select: none;
  background-color: white;
  top: 0;
  position: sticky;
  height: 32px;
  padding: 0 10px;
}

html[data-color-mode="dark"] .review-changes-toggle {
  border: 1px solid #091E4224;
  background-color: #282E33;
}

html[data-color-mode="dark"] .review-changes-toggle:hover {
  background-color: #343b41 !important;
}

.review-changes-toggle:hover {
  background-color: #091E420F !important;
}

.review-changes-toggle:active {
  background-color: #091E4224 !important;
}

html[data-color-mode="dark"] .review-changes-toggle:active {
  background-color: #404549 !important;
}

.change-log-content {
  color: #172B4D;
  word-break: break-word;
  width: 100%;
}

html[data-color-mode="dark"] .change-log-content {
  color: #9FADBC !important;
}

.change-log-title {
  font-weight: 600;
  color: #172B4D;
  margin-bottom: 4px;
  word-break: break-word;
}

html[data-color-mode="dark"] .change-log-title {
  color: #9FADBC !important;
}