.myscroll::-webkit-scrollbar {
  width: 12px;
}
.myscroll {
  scrollbar-width: thin;
  scrollbar-color: #262d3c #353f53;
}
.myscroll::-webkit-scrollbar-track {
  background: #353f53;
}
.myscroll::-webkit-scrollbar-thumb {
  background-color: #262d3c;
  border-radius: 2px;
  border: 3px solid #353f53;
}

.mr-20 {
  margin-right: 20px !important;
}

.w-100p {
  width: 100%;
}

.darkMode.ant-popover-placement-bottom
  > .ant-popover-content
  > .ant-popover-arrow,
.darkMode.ant-popover-placement-bottomLeft
  > .ant-popover-content
  > .ant-popover-arrow,
.darkMode.ant-popover-placement-bottomRight
  > .ant-popover-content
  > .ant-popover-arrow {
  border-top-color: #353f53 !important;
  border-left-color: #353f53 !important;
  display: none !important;
}

.lang-selector-dark-mode > div > button,
.lang-selector-dark-mode > div > button:focus,
.lang-selector-dark-mode > div > button:active,
.lang-selector-dark-mode > div > button:hover {
  border: none;
  outline: none;
}

.lang-selector-dark-mode > div > button:after,
.lang-selector-dark-mode > div > button[aria-expanded="true"]:after {
  content: none;
}

.lang-selector-dark-mode > div > button > span {
  padding: 0;
}

.lang-selector-dark-mode > div > ul {
  background: #353f53;
  box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
  border: none;
  border-radius: 3px;
  margin-top: 10px !important;
  padding: 7px 0 !important;
}

.lang-selector-dark-mode > div > ul > li {
  margin-right: 0 !important;
}

.lang-selector-dark-mode > div > ul > li:focus,
.lang-selector-dark-mode > div > ul > li:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.tableButtonPrimary:hover {
  background-color: #6d7ac6 !important;
  border-color: #6d7ac6 !important;
}

.tableButtonPrimary:active,
.tableButtonPrimary:focus {
  background: #5c6bc0 !important;
  border-color: #5c6bc0 !important;
}

.tableButtonGreen:hover {
  background-color: #3cafa4 !important;
  border-color: #3cafa4 !important;
}

.tableButtonRed:hover {
  background-color: #ee5388 !important;
  border-color: #ee5388 !important;
}

.tableButtonBlue:hover {
  background-color: #1db2f5 !important;
  border-color: #1db2f5 !important;
}

.tableButtonTransparent,
.tableButtonTransparent:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__column-header__content {
  font-weight: 500 !important;
}

.InovuaReactDataGrid--theme-default-dark {
  border: none !important;
  background: #353f53 !important;
  color: #fff !important;
  fill: #fff !important;
  font-size: 13px !important;
}
.InovuaReactDataGrid--theme-default-dark.lighter {
  background: #4b5569 !important;
}

.InovuaReactDataGrid--theme-default-dark .InovuaReactDataGrid__header {
  background: #353f53 !important;
}
.InovuaReactDataGrid--theme-default-dark.lighter .InovuaReactDataGrid__header {
  background: #4b5569 !important;
}

.InovuaReactDataGrid--theme-default-dark.lighter
  .InovuaReactDataGrid__cell--show-border-bottom,
.InovuaReactDataGrid--theme-default-dark.lighter
  .InovuaReactDataGrid__footer-row-cell--show-border-bottom,
.InovuaReactDataGrid--theme-default-dark.lighter
  .InovuaReactDataGrid__locked-row-cell--show-border-bottom {
  border-bottom: 1px solid #3c475d !important;
}

.InovuaReactDataGrid--theme-default-dark .InovuaReactDataGrid__header,
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__header-wrapper__fill {
  border-bottom: none !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__column-header--show-border-left,
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__column-header__resize-wrapper--show-border-left,
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__header-group__title--show-border-left {
  border-left: none !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__column-header__filter-wrapper {
  background: #353f53 !important;
  border-top: none !important;
}

.inovua-react-toolkit-text-input.inovua-react-toolkit-text-input--theme-default-dark {
  font-size: 13px !important;
  fill: #353f53 !important;
  border: 1px solid #666 !important;
  border-radius: 1px !important;
  background: #353f53 !important;
  color: #bbb !important;
  /* height: 28px !important; */
}

.inovua-react-toolkit-numeric-input.inovua-react-toolkit-numeric-input--theme-default-dark {
  font-size: 13px !important;
  fill: #353f53 !important;
  border: 1px solid #666 !important;
  border-radius: 1px !important;
  background: #353f53 !important;
  color: #bbb !important;
  height: 28px !important;
}

.InovuaReactDataGrid__cell__editor--number
  .inovua-react-toolkit-numeric-input.inovua-react-toolkit-numeric-input--theme-default-dark,
.InovuaReactDataGrid__cell__editor--text
  .inovua-react-toolkit-text-input.inovua-react-toolkit-text-input--theme-default-dark {
  height: 100% !important;
}

.inovua-react-toolkit-text-input.inovua-react-toolkit-text-input--theme-default-dark.inovua-react-toolkit-text-input--focused {
  box-shadow: none !important;
}

.inovua-react-toolkit-numeric-input.inovua-react-toolkit-numeric-input--theme-default-dark.inovua-react-toolkit-numeric-input--focused {
  box-shadow: none !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__column-header__filter-wrapper
  .InovuaReactDataGrid__column-header__filter {
  min-height: 28px !important;
  max-height: 28px !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__column-header__filter-wrapper {
  min-height: 35px !important;
  padding: 4px 0 !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__header-wrapper__fill__filters {
  min-height: 35px;
  border-top: none !important;
  background: #353f53 !important;
}

.InovuaReactDataGrid--theme-default-dark .InovuaReactDataGrid__column-header,
.InovuaReactDataGrid--theme-default-dark .InovuaReactDataGrid__header-group,
.InovuaReactDataGrid--theme-default-dark .InovuaReactDataGrid__header-wrapper {
  line-height: 1 !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__row--active
  .InovuaReactDataGrid__cell:not(.InovuaReactDataGrid__cell--no-background),
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__row--active.InovuaReactDataGrid__row--even
  .InovuaReactDataGrid__cell:not(.InovuaReactDataGrid__cell--no-background),
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__row--active.InovuaReactDataGrid__row--odd
  .InovuaReactDataGrid__cell:not(.InovuaReactDataGrid__cell--no-background) {
  color: #fff !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__cell--show-border-left,
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__footer-row-cell--show-border-left,
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__locked-row-cell--show-border-left {
  border-left: none !important;
}

.InovuaReactDataGrid--theme-default-dark .InovuaReactDataGrid__row {
  background: #353f53 !important;
}

.InovuaReactDataGrid--theme-default-dark.lighter .InovuaReactDataGrid__row {
  background: #4b5569 !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__row--even.InovuaReactDataGrid__row--selected,
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__row--even.InovuaReactDataGrid__row--selected
  .InovuaReactDataGrid__row-index-column,
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__row--no-zebra.InovuaReactDataGrid__row--selected,
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__row--no-zebra.InovuaReactDataGrid__row--selected
  .InovuaReactDataGrid__row-index-column {
  background: #434c65 !important;
}

.InovuaReactDataGrid__cell .InovuaReactDataGrid__cell__content,
.InovuaReactDataGrid__nested-cell
  .InovuaReactDataGrid__nested-group-cell__content,
.InovuaReactDataGrid__nested-group-cell
  .InovuaReactDataGrid__nested-group-cell__content {
  font-weight: 300 !important;
}

.InovuaReactDataGrid__row--last
  > .InovuaReactDataGrid__row-cell-wrap
  > .InovuaReactDataGrid__cell--show-border-bottom {
  border-bottom: none !important;
}

.inovua-react-toolkit-menu.inovua-react-toolkit-menu--theme-default-dark {
  font-size: 13px !important;
  background-color: #353f53 !important;
  color: #ddd !important;
  fill: #ddd !important;
}

.InovuaReactDataGrid--theme-default-dark.InovuaReactDataGrid--show-border-right.InovuaReactDataGrid--direction-ltr
  .InovuaReactDataGrid__cell--last:not(.InovuaReactDataGrid__cell--hidden),
.InovuaReactDataGrid--theme-default-dark.InovuaReactDataGrid--show-border-right.InovuaReactDataGrid--direction-ltr
  .InovuaReactDataGrid__footer-row-cell--last:not(.InovuaReactDataGrid__cell--hidden),
.InovuaReactDataGrid--theme-default-dark.InovuaReactDataGrid--show-border-right.InovuaReactDataGrid--direction-ltr
  .InovuaReactDataGrid__locked-row-cell--last:not(.InovuaReactDataGrid__cell--hidden),
.InovuaReactDataGrid--theme-default-dark.InovuaReactDataGrid--show-border-right.InovuaReactDataGrid--direction-ltr
  .InovuaReactDataGrid__row-details.InovuaReactDataGrid__row-details--show-border-right:not(.InovuaReactDataGrid__row-details--min-viewport-width) {
  border-right: none !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__column-header--show-border-right,
.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__column-header__resize-wrapper--show-border-right {
  border-right: none !important;
}

.InovuaReactDataGrid--theme-default-dark
  .InovuaReactDataGrid__row-active-borders-inner {
  border: 1px solid #3775f2 !important;
}

.ant-popover-inner {
  border-radius: 4px !important;
}

.ant-form-item {
  margin-bottom: 10px !important;
}
.redDropdown > ul {
  background-color: #ec407a;
}
.redDropdown > ul > li {
  color: #fff;
}
.redDropdown > ul > li:hover,
.redDropdown > ul > li:active {
  background-color: #ee6894;
}

.kartaWidget.lighter {
  background-color: #353f53;
}

.InovuaReactDataGrid__cell__editor {
  background: inherit !important;
}
.h-28 {
  height: 28px !important;
}

.grid-select-editor-location-container {
  width: 180px;
  margin-left: 3px;
  display: inline-block;
}

.grid-select-editor-item-container {
  width: 280px;
  display: inline-block;
}

.InovuaReactDataGrid__cell__content {
  white-space: break-spaces !important;
  overflow: hidden;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.break-all{
  word-break: break-all !important;
}