/* add-on styles */
.intro-header h1 {
  font-size: 48px;
  line-height: 60px;
  padding-top: 20px;
}
.intro-header p.subtitle {
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 20px;
}
.main-panel .aui-page-panel-item {
  padding: 20px 40px 20px 0;
  height: 100px;
}

.edit-indicator {
  position: absolute;
  top: 0;
  right: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 0;
  border-color: transparent red transparent transparent;
  z-index: 1;
}

.handsontable {
  color: unset !important;
}

.handsontable td.unclickable-cell {
  background-color: #f5f5f5;
  color: #838ea0 !important;
}

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

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

.handsontable td div[role="presentation"] > div {
  display: flex;
  align-items: center;
}

.handsontable td div[role="presentation"] > div > div, 
.handsontable td div[role="presentation"] > div > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.handsontable .htFiltersMenuValue .wtHolder > .wtHider {
  display: block;
}

.handsontable .htFiltersMenuValue .wtHolder > .wtHider > .wtSpreader {
  overflow: initial;
}

.handsontable .htFiltersMenuValue .wtHolder {
  display: block;
}

.handsontable .htFiltersMenuValue a:focus {
  outline-offset: unset !important;
}

.handsontable td > div > div:has(.summary) {
  padding: 0;
}

.unclickable-cell:hover::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0 0 24 24"%3E%3Cpath fill="%23b5b5b5" d="M11 3.2H13V20.7H11z" transform="rotate(135.001 12 12)"%3E%3C/path%3E%3Cpath fill="%23b5b5b5" d="M12,22C6.5,22,2,17.5,2,12C2,6.5,6.5,2,12,2c5.5,0,10,4.5,10,10C22,17.5,17.5,22,12,22z M12,4c-4.4,0-8,3.6-8,8s3.6,8,8,8 s8-3.6,8-8S16.4,4,12,4z"%3E%3C/path%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  color: #b5b5b5;
  font-size: 16px;
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
}

.comment-cell-container::after {
  display: none !important;
}

.comment-cell-container {
  cursor: pointer;
  /* background-color: white !important; */
}


.handsontable td:not(.unclickable-cell):hover::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('../images/icons8-edit.svg');
  background-size: contain;
  background-repeat: no-repeat;
  color: #b5b5b5;
  font-size: 16px;
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
}

.htDropdownMenu .handsontable td:hover::after {
  background-image: none;
  content: '';
}

.htFiltersConditionsMenu table tbody tr td:hover::after {
  background-image: none !important;
  content: '' !important;
}

.htDropdownMenu table.htCore, .htFiltersConditionsMenu table {
  border-width: 1px !important;
  border-color: transparent !important;
}

.htDropdownMenu table.htCore td {
  border-bottom: 1px solid #e3e3e3 !important;
}

.htFiltersConditionsMenu table.htCore td {
  border-bottom: 1px solid #e3e3e3 !important;
}
/* body .handsontable td, body .handsontable th, body .handsontable TR TH {
  border-bottom: 1px solid #e3e3e3 !important;
  border-right: 1px solid #e3e3e3 !important;
} */

html[data-color-mode="dark"] body .handsontable td {
  background-color: #1D2125;
}

html[data-color-mode="dark"] .handsontable td.unclickable-cell {
  background-color: #31363a;
  color: #C6D0DA !important;
}

html[data-color-mode="dark"] .handsontable a {
  color: #9cb7f3
}

html[data-color-mode="dark"] .htDropdownMenu table tbody tr td,
html[data-color-mode="dark"] .handsontable .ht_master table td.htCustomMenuRenderer,
html[data-color-mode="dark"] .htFiltersConditionsMenu table tbody tr td {
  background-color: #1D2125 !important;
  color: #9ca9b7;
}

html[data-color-mode="dark"] .htDropdownMenu table.htCore tbody tr:first-child td:hover,
html[data-color-mode="dark"] .htDropdownMenu table.htCore tbody tr:nth-child(2) td:hover,
html[data-color-mode="dark"] .htDropdownMenu .handsontable .htUIMultipleSelect .handsontable .htCore tbody tr td:hover,
html[data-color-mode="dark"] .htFiltersConditionsMenu table tbody tr td:hover {
  background-color: #9fadbc;
  color: #9ca9b7;
}

html[data-color-mode="dark"] .htUISelect .htUISelectCaption {
  background-color: #26292C !important;
  border-color: rgb(81 81 81) !important;
}

html[data-color-mode="dark"] .handsontable .htUISelectAll a,
html[data-color-mode="dark"] .handsontable .htUIClearAll a {
  color: #9ca9b7;
}

html[data-color-mode="dark"] .handsontable .htUIClearAll a:focus,
html[data-color-mode="dark"] .handsontable .htUISelectAll a:focus {
  outline: none;
  outline-style: solid;
  outline-color: #9ca9b7;
  outline-width: 2px;
  border-radius: 2px;
}

html[data-color-mode="dark"] .handsontable td, 
html[data-color-mode="dark"] .handsontable th, 
html[data-color-mode="dark"] .handsontable TR TH, 
html[data-color-mode="dark"] .handsontable tr:first-child th, 
html[data-color-mode="dark"] .ht_master:not(.innerBorderInlineStart):not(.emptyColumns)~.handsontable tbody tr th {
  border-color: rgb(81 81 81) !important;
}

html[data-color-mode="dark"] .handsontable tr:first-child td {
  border-color: rgb(81 81 81);
};

html[data-color-mode="dark"] .handsontable td.unclickable-cell {
  background-color: #212529;
}

html[data-color-mode="dark"] .handsontable .changeType:hover {
  background-color: #9ca9b7 !important;
}
#spreadContainer .handsontable th {
  background-color: #e0e0e0;
}

/* .ht_clone_top_inline_start_corner,
.ht_clone_inline_start,
.ht_clone_top {
  z-index: 0 !important;
} */
.ht_clone_inline_start.ht_clone_left.handsontable {
  box-shadow: 1px 0 17px 0.2px rgb(161 161 161 / 50%);
}

.ht_clone_top_inline_start_corner.ht_clone_top_left_corner.handsontable {
  box-shadow: 1px -6px 17px 0.2px rgb(161 161 161 / 50%);
}

/* module-key = 'jira.webresources:calendar', location = '/ui/aui-layout/deprecated/calendar.less' */
.calendar{z-index:12001}div.calendar{border-radius:3.01px;background-clip:padding-box;box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);padding:2px;position:relative}.calendar,.calendar table{background-color:#fff;cursor:default;font-size:12px}.calendar table .wn{background-color:#f5f5f5;color:#666;padding:2px 4px 2px 2px}.calendar{border:1px solid #ccc}.calendar thead td{font-weight:700;padding:2px;text-align:center}.calendar .nav>div{position:relative}.calendar .nav>div:after{content:"";position:absolute;right:1px;top:50%;width:0;height:0;margin-top:-2px;border-left:2px solid transparent;border-right:2px solid transparent;border-top:4px solid;color:#707070}.calendar .nav.active>div:after{color:#fff}.calendar .headrow{background-color:#f5f5f5}.calendar .headrow td{border-top:1px solid #ccc}.calendar .daynames td{background-color:#3b73af;color:#fff}.calendar .daynames td.wn{background-color:#f5f5f5;color:#888}.calendar thead .name{font-weight:400}.calendar td.hilite,.calendar .combo .hilite,.calendar td.time span.hilite{background-color:#ffe9a8}.calendar .daysrow .emptycell+.day.hilite,.calendar .daysrow .day+.day.hilite{border-radius:3.01px;background-clip:padding-box;color:#333;background-color:#ffe9a8}.calendar .name.day.hilite{background-color:#3572b0}.calendar td.active,.calendar .combo .active,.calendar td.time span.active{background-color:#3b73af;color:#fff}.calendar .combo{background-color:#fff;border:1px solid #ccc;border-top:none;cursor:default;display:none;left:0;position:absolute;top:0;width:4em;z-index:100}.calendar .combo .label,.calendar .combo .label-IEfix{text-align:center;padding:2px}.calendar tbody .day{padding:2px 4px 2px 2px;text-align:right;width:2em}.calendar tbody .emptycell+.day,.calendar tbody .day+.day{border-radius:3.01px;background-clip:padding-box}.calendar tbody .day.othermonth{color:#999}.calendar tbody .day.othermonth.oweekend{color:#f99}.calendar tbody td.today{font-weight:700}.calendar tbody td.weekend{color:#d04437}.calendar tbody td.selected{background-color:#3572b0;color:#fff;font-weight:700}.calendar tbody .disabled{color:#999}.calendar tbody .emptycell{visibility:hidden}.calendar tbody .emptyrow{display:none}.calendar td.time{background-color:#f5f5f5;border-top:1px solid #ccc;padding:2px;text-align:center}.calendar td.time span{background-color:#fff;font-weight:700;padding:2px 5px 2px 6px}.calendar td.time .colon{background-color:#f5f5f5}.calendar tfoot .footrow{text-align:center}.calendar tfoot .ttip{border-top:1px solid #ccc;padding:2px}.calendar tfoot .hilite{background:#afa;border:1px solid #084;color:#000;padding:1px}.calendar tfoot .active{background:#7c7;padding:2px 0 0 2px}

.handsontable .htUIMultipleSelectSearch input, .handsontable .htUIInput input {
  background-color: #FFFFFF;
}

html[data-color-mode="dark"] .handsontable .htUIMultipleSelectSearch input {
  background-color: #26292C;
  color: #9ca9b7;
  border: 1px solid rgb(81 81 81);
}

html[data-color-mode="dark"] .handsontable .htUIMultipleSelectSearch input:hover {
  border: 1px solid #9ca9b7 !important;
}

.handsontable .htCheckboxRendererLabel.fullWidth {
  font-weight: normal;
}

.handsontable .htUISelectDropdown:before, .handsontable .htUISelectDropdown:after {
  right: 15px !important;
}

.lozenge-custom-css {
  width: 100%;
}

.lozenge-custom-css > span > span {
  max-width: 100% !important;
  font-weight: normal !important;
}

.htDropdownMenu table tbody tr td.htSeparator {
  border-width: 0px !important;
}

.htDropdownMenu .handsontable .wtHider, .htFiltersConditionsMenu table, .hotCustomEditor {
  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));
}

.hotCustomEditor #editorCore-context {
  border-width: 1px !important;
  height: 100%;
}

.hotCustomEditor #editorCore-context > div:first-child {
  height: calc(100% - 50px) !important;
}

.htUIMultipleSelectHot .handsontable .wtHider {
  box-shadow: none !important;
}

.htDropdownMenu .handsontable .wtHider {
  height: auto;
}

.handsontable .htUIInput.htUIButtonOK input {
  background-color: var(--ds-background-brand-bold, #0052CC) !important;
  border: none;
  height: auto !important;
  color: var(--ds-text-inverse, #FFFFFF) !important;
  border-radius: var(--ds-border-radius, 3px);
}

.handsontable .htUIInput.htUIButtonCancel input {
  background-color: var(--ds-background-neutral-subtle, none) !important;
  border: none;
  height: auto !important;
  color: var(--ds-text, #42526E) !important;
  border-radius: var(--ds-border-radius, 3px);
}

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

.handsontable .htUIInput.htUIButtonCancel input:hover {
  background: var(--ds-background-neutral-subtle-hovered, rgba(9, 30, 66, 0.08)) !important;
  text-decoration: inherit;
  transition-duration: 0s, 0.15s;
  color: var(--ds-text, #42526E) !important;
}

.handsontable .htCheckboxRendererInput {
  accent-color: #005CC8;
  color: white;
}

.htUIMultipleSelect, .htFiltersMenuLabel, .handsontable .htUISelect {
  padding: 0px !important;
}

.context-menu-item span {
  white-space: pre;
}

.htUISelect .htUISelectCaption {
  background-color: transparent !important;
}

.htDropdownMenu table tbody tr td.current, .htDropdownMenu table tbody tr td.zeroclipboard-is-hover {
  background-color: var(--ds-background-neutral-subtle-hovered, #F4F5F7) !important;
}

.htUIMultipleSelectHot {
  height: 125px !important;
}

.htUIMultipleSelectHot .handsontable .wtHider table tbody tr:last-child td {
  border: none !important;
}

.hotCustomEditor #editorCore-context > div > div:nth-child(2) {
  height: 100%;
}

.hotCustomEditor #editorCore-context > div > div > div:first-child {
  height: 100%;
}

.ak-editor-content-area {
  height: calc(100% - 85px);
}

html[data-color-mode="dark"] .number-issues, html[data-color-mode="dark"] .download-item-text, html[data-color-mode="dark"] .download-check-icon > span > svg {
  color: #9FADBC;
}

html[data-color-mode="dark"] .spread {
  border-color: rgb(81 81 81);
}

html[data-color-mode="dark"] #mainBoard button:active {
  background-color: transparent !important;
}

.modal-text-create-filter {
  color: var(--ds-text-accent-gray, #44546F);
}

html[data-color-mode="dark"] #jql-button > span {
  color: #9fadbc;
}

html[data-color-mode="dark"] .button-dropdown-active > span > svg > path, 
html[data-color-mode="dark"] .share-view-button-active > svg > path {
  fill: var(--ds-text-success, #006644);
}

html[data-color-mode="dark"] .search-box svg {
  color: #9FADBC;
}

html[data-color-mode="dark"] #search-box svg path {
  fill: #9FADBC !important;
}

html[data-color-mode="dark"] .hotCustomEditor .htSelectEditor > div {
  background-color: #1D2125 !important;
  border-color: rgb(81 81 81) !important;
}

html[data-color-mode="dark"] .handsontable span.colHeader > div > div[color="blue-gray"] {
  background-color: #282D33;
  color: #9fadbc;
}

html[data-color-mode="dark"] .handsontable span.colHeader > div > div[color="yellow"] {
  background-color: #1c2b41;
  color: #85b8ff;
}

html[data-color-mode="dark"] .handsontable span.colHeader > div > div[color="green"] {
  background-color: #1c3329;
  color: #7ee2b8;
}

.logo-app:hover {
 opacity: 0.8;
}

html[data-color-mode="dark"] .next-spreadsheet-icon span svg {
  color: #9fadbc;
}

html[data-color-mode="dark"] .card > .loader-wrapper > a {
  background-color: #2a3035;

}

html[data-color-mode="dark"] .loader-wrapper > .block-card-resolved-view {
  background-color: #2a3035;
}

#mainBoard button {
  border-style: solid;
  background-color: transparent;
  min-height: 40px;
  padding-left: 5px;
  padding-right: 3px;
}

.group-by-custom {
  gap: 0px !important;
}

html[data-color-mode="dark"] .text-darkmode {
  color: #7FE2B8;
}

.date-time-picker-class {
  min-width: 208px;
}

.date-time-picker-class div[class^=" css-"][class$="-menu"] {
  min-width: 110px;
  overflow-x: hidden;
}

.date-time-picker-class div[class^=" css-"][class$="-MenuList"] {
  overflow-x: hidden;
}

.clock-icon > span {
  vertical-align: bottom;
  margin-left: 2px;
}

button[data-testId="remove-security-level-button"] {
  padding: 5px 5px;
  width: 100%;
  height: 100%;
  border-radius: 0px;
}

.date-time-sla-late > span, .date-time-sla-warning > span, .date-time-text-normal > span {
  padding: 3px 5px;
  border-radius: 10px;
}

.date-time-sla-late > span {
  background-color: #c9372c;
}

.date-time-sla-warning > span {
  background-color: #f5cd47;
}

.date-time-sla-warning > span > span {
  color: black;
}

.date-time-sla-late > span > span {
  color: white;
}

.date-time-sla-done-late > span > span {
  font-weight: 500;
}

.date-time-text-normal > span > span {
  font-weight: 500;
  font-size: 12px;
}

.paused-icon-red > span {
  border-radius: 3px;
  background-color: #c9372c;
}

.restrict-agent > span {
  background-color: transparent;
}

.restrict-agent > span > span {
  font-weight: normal;
}

.issue-link-create-subtask {
  color: #0c66e4
}

html[data-color-mode="dark"] .issue-link-create-subtask {
  color: #9cb7f3;
}

.badge-container, .badge-container-2 {
  position: relative;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border-radius: 3px;
  margin-right: 5px;
}

.badge-container > span {
  position: absolute;
  z-index: 100;
  top: -10px;
  left: -12px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border-radius: 3px;

}

.badge-container-2 > span {
  position: absolute;
  z-index: 100;
  top: -10px;
  right: -12px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  border-radius: 3px;
  justify-content: center;
}

.badge-container > div {
  height: 100%;
}

.undo-redo-buttons button {
  border: none;
  background-color: var(--icons-tool-bar ,#F5F5F5) !important;
  height: 30px;
  width: 30px;
  box-sizing: border-box;
}

.undo-redo-buttons button:hover {
  background-color: var(--icons-tool-bar-hover ,#EAEAEA) !important;
  color: black !important;
}

.undo-redo-buttons button:disabled,
.undo-redo-buttons button:disabled:hover {
  cursor: not-allowed;
  background-color: var(--icons-tool-bar ,#F5F5F5) !important;
}

.undo-redo-buttons button:disabled svg {
  color: #8B95A6;
}

.undo-redo-buttons button {
  border-radius: 3px;
}

html[data-color-mode="dark"] .undo-redo-buttons svg {
  color: #9FADBC;
}

.divider-undo-redo {
  width: 1.5px;
  background-color: #f4f5f5;
  height: 30px;
  margin-right: 10px
}

html[data-color-mode="dark"] .list-options-spread .divider-undo-redo {
  background-color: #384149;
}

.context-menu-item.create-child-item.context-menu-icon-issue-type {
  background-position: 10px 7px;
  padding: 5px 34px;
}

div[data-testid='header-create-mul-child'] {
  height: 72px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}

.body-create-multi-child {
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding: 0 24px
}

div[data-testid='dialog-create-child-issue--positioner'] {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

a.issue-link-create-subtask:focus {
  outline: none;
  text-decoration: none;
  color: #0c66e4;
}

.column-label {
  width: 68px;
  border: none;
  text-align: center;
  border-bottom: 1px solid var(--ds-border-input, #dfe1e6);
  text-overflow: ellipsis;
  margin-top: -2px;
  overflow: hidden;
  padding: 1px 2px 5px;
}

#list-apps-btn {
  background-color: transparent;
}

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

.logo-app-ricksoft {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}

.list-options-group {
  max-width: 300px;
  box-sizing: border-box;
}

.list-options-group > p {
  font-size: 12px;
  padding: 10px;
  line-height: 16px;
  font-weight: 600;
  color: #44546F;
  padding-bottom: 0;
}

.list-options-group button {
  padding-inline: 0;
}

.list-options-group > button:hover {
  background-color: transparent;
}

.listOptions-option-label {
  font-size: 14px;
  line-height: 20px;
  color: #172b4d;
  font-weight: 400;
}

.listOptions-option-description {
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
  color: #626f86;
}

.hide-app-menu-button {
  height: 48px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
}

.hide-app-menu-button:hover {
  background-color: var(--ds-background-neutral-subtle-hovered, #F4F5F7)
}

.option-dropdown-content {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

html[data-color-mode="dark"] .list-options-group > p {
  color: #9FADBC;
}

html[data-color-mode="dark"] .listOptions-option-label {
  color: #FFFFFF;
}

html[data-color-mode="dark"] .listOptions-option-description {
  color: #9FADBC;
}

html[data-color-mode="dark"] .columns .column:hover > .labelColumn > .column-label {
  border-color: #738496;
}


html[data-color-mode="dark"] .columns .column:has(~ .divider-column-frozen):not(.warning):hover > .labelColumn > .column-label {
  border-color: #738496;
}

.column-settings-select div[class^=" css-"][class$="menu"]{
  border-radius: 5px 5px 0px 0px;
}

.edit-custom-column-icon >span {
  height: 20px;
  width: 20px;
}

.item-select-export .react-select__control {
  height: 40px;
}

div[data-testid='dialog-create-user-comment--positioner'] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-license-not-active.jconfirm-type-animated .jconfirm-title {
  margin-left: 10px;
}

.item-select-export-not-install {
  height: 20%;
}

.item-select-export-not-install-title {
  font-size: 20px;
  font-weight: 500;
}

.item-select-export-not-install-description {
  font-size: 14px;
  font-weight: 400;
}

div[data-testid='app-not-installed-modal--positioner'] section {
  border-radius: 3px;
  overflow: hidden;
}

button[data-testId="remove-security-level-button"] {
  padding: 5px 5px;
  width: 100%;
  height: 100%;
}

.app-not-installed-modal-button button:nth-child(2) {
  background-color: #6E5DC6;
  box-sizing: border-box;
  border-radius: 3px;
}

.app-not-installed-modal-button button:nth-child(2):hover {
  background-color: #5e4fab;
}

.app-not-installed-modal-button button:nth-child(2) span {
  color: white;
}

.item-select-export-not-install {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 20%;
  box-sizing: border-box;
  justify-content: center;
}

p.item-select-export-not-install-description {
  width: 80%;
  margin: 0 auto;
}

.app-not-installed-modal-body {
  height: 100%;
  box-sizing: border-box;
}

.item-image-eie {
  height: 70%;
  box-sizing: border-box;
}

.app-not-installed-modal-button {
  height: 10%;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.app-not-installed-modal-button button {
  font-size: 14px;
}

@media screen and (max-width: 1600px) {
  .item-select-export-not-install {
    gap: 5px;
  }

  .item-select-export-not-install-title {
    font-size: 20px;
  }

  .item-select-export-not-install-description, .app-not-installed-modal-button button {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .item-select-export-not-install {
    gap: 5px;
  }

  .item-select-export-not-install-title {
    font-size: 14px;
  }

  .item-select-export-not-install-description, .app-not-installed-modal-button button {
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) {
  .item-select-export-not-install {
    gap: 5px;
  }

  .item-select-export-not-install-title {
    font-size: 12px;
  }

  .item-select-export-not-install-description, .app-not-installed-modal-button button {
    font-size: 8px;
  }
}

@media screen and (max-width: 600px) {
  .item-select-export-not-install {
    gap: 0px;
  }

  .item-select-export-not-install-title {
    font-size: 8px;
  }

  .item-select-export-not-install-description, .app-not-installed-modal-button button {
    font-size: 4px;
  }
}

.relative {
  display: flex;
}

.handsontable .relative {
  position: relative;
  display: flex
;
  justify-content: center;
}