.card {
  background-color: transparent !important;
}

.cursor-pointer {
  cursor: pointer!important;
}

.dataTables_paginate .paginate_button i {
  font-size: 12px;
  pointer-events: none;
}

.f-s-5 {
  font-size: 5px!important;
}

.f-s-6 {
  font-size: 6px!important;
}

.f-s-7 {
  font-size: 7px!important;
}

.f-s-8 {
  font-size: 8px!important;
}

.f-s-9 {
  font-size: 9px!important;
}

.f-s-10 {
  font-size: 10px!important;
}

.f-s-11 {
  font-size: 11px!important;
}

.f-s-12 {
  font-size: 12px!important;
}

.f-s-13 {
  font-size: 13px!important;
}

.f-s-14 {
  font-size: 14px!important;
}

.f-s-15 {
  font-size: 15px!important;
}

.f-s-16 {
  font-size: 16px!important;
}

.f-s-17 {
  font-size: 17px!important;
}

.f-s-18 {
  font-size: 18px!important;
}

.f-s-19 {
  font-size: 19px!important;
}

.f-s-20 {
  font-size: 20px!important;
}

.f-s-21 {
  font-size: 21px!important;
}

.f-s-22 {
  font-size: 22px!important;
}

.f-s-23 {
  font-size: 23px!important;
}

.f-s-24 {
  font-size: 24px!important;
}

.f-s-25 {
  font-size: 25px!important;
}

.f-s-26 {
  font-size: 26px!important;
}

.f-s-27 {
  font-size: 27px!important;
}

.f-s-28 {
  font-size: 28px!important;
}

.f-s-29 {
  font-size: 29px!important;
}

.f-s-30 {
  font-size: 30px!important;
}

.form-control:required, .form-select:required, textarea:required {
  border-color: rgba(255,202,85,.85)!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(255,202,85,.18),0 0 10px rgba(255,202,85,.10)!important;
}

.form-control:required:focus, .form-select:required:focus, textarea:required:focus {
  border-color: #ffca55!important;
  box-shadow: 0 0 0 3px rgba(255,202,85,.22),0 0 12px rgba(255,202,85,.16)!important;
}

.input-group>.form-control:required, .input-group>.form-select:required {
  z-index: 2;
}

.input-group>select.select2-hidden-accessible:required+.select2-container {
  z-index: 2;
}

.input-group>select.select2-hidden-accessible:required+.select2-container .select2-selection {
  position: relative;
  z-index: 2;
}

.modal {
  overflow: hidden !important;
}

.note-editor .note-editable, .note-editor .note-editable * {
  color: #fff!important;
}

.select2-container--bootstrap-5 .select2-dropdown {
  background: #202020 !important;
  border-color: #3d3d3d !important;
}

.select2-container--bootstrap-5 .select2-results__message {
  color: #aaa !important;
}

.select2-container--bootstrap-5 .select2-results__option {
  background: #202020 !important;
  color: #ddd !important;
  padding: 7px 10px;
}

.select2-container--bootstrap-5 .select2-results__option--highlighted {
  background: #0d6efd !important;
  color: #fff !important;
}

.select2-container--bootstrap-5 .select2-results__option--selected {
  background: #2b3f5f !important;
  color: #fff !important;
}

.select2-container--bootstrap-5 .select2-results__option[aria-disabled="true"] {
  color: #666 !important;
}

.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field {
  background: #181818 !important;
  border: 1px solid #3d3d3d !important;
  color: #ddd !important;
  outline: none !important;
  box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field:focus {
  border-color: #0d6efd !important;
  box-shadow: 0 0 0 2px rgba(13,110,253,.25) !important;
}

.select2-container--bootstrap-5 .select2-selection {
  background: #202020 !important;
  border: 1px solid #3d3d3d !important;
  color: #ddd !important;
  min-height: 36px;
  box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple {
  background: #202020 !important;
  border: 1px solid #3d3d3d !important;
  color: #ddd !important;
  min-height: 36px;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search__field {
  color: #ddd !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search__field::placeholder {
  color: #777 !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
  background: #2b3f5f !important;
  border: 1px solid #486b9c !important;
  color: #fff !important;
  border-radius: 4px;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove {
  color: #ddd !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff !important;
  background: rgba(255,255,255,.12) !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
  height: 34px;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow b {
  border-color: #aaa transparent transparent transparent !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__placeholder {
  color: #777 !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  color: #ddd !important;
  line-height: 25px;
  padding-left: 10px;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection {
  background: #252525 !important;
  border-color: #333 !important;
  color: #777 !important;
  opacity: .7;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection__rendered {
  color: #777 !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5 .select2-selection:focus {
  border-color: #0d6efd !important;
  box-shadow: 0 0 0 2px rgba(13,110,253,.25) !important;
}

.select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: #0d6efd !important;
}

.select2-dropdown {
  background: #202020 !important;
  border: 1px solid #3d3d3d !important;
  color: #ddd !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.45);
}

.simple-form-panel {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: none;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  color: var(--bs-body-color,#212529);
  transform-origin: center center;
  will-change: transform,opacity;
}

.simple-form-panel-host {
  position: absolute !important;
  inset: 0 !important;
  z-index: 20;
  min-width: 0;
  min-height: 0;
  overflow: hidden !important;
  pointer-events: none;
}

.simple-form-panel.is-closing {
  display: flex;
  animation: simpleFormZoomOutBelow .20s cubic-bezier(.4,0,1,1) both;
  pointer-events: none;
}

.simple-form-panel.is-opening {
  animation: simpleFormZoomInAbove .24s cubic-bezier(.2,.8,.2,1) both;
}

.simple-form-panel.show {
  display: flex;
}

.viktr-date-button {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-left: 1px solid rgba(255,255,255,.12);
  border-radius: 0 5px 5px 0;
  background: #292929;
  color: #aaa;
  cursor: pointer;
}

.viktr-date-button:hover {
  background: #363636;
  color: #fff;
}

.viktr-date-control {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
}

.viktr-date-control > .form-control {
  width: 100%;
  padding-right: 42px;
}

.viktr-native-date {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
}

.viktr-tool-body {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 10px;
}

.viktr-tool-error {
  padding: 14px;
  border: 1px solid #653434;
  background: #2a1717;
  color: #ffb9b9;
  border-radius: 6px;
  font-weight: 700;
}

.viktr-tool-header {
  height: 58px;
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  padding: 8px 12px;
  background: #101010;
}

.viktr-tool-kicker {
  color: #9c9c9c;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-bottom: 4px;
}

.viktr-tool-title {
  color: #f1f1f1;
  font-size: 18px;
  font-weight: 800;
  line-height: 20px;
}

.viktr-tool-title i {
  margin-right: 7px;
  color: #9fc3ff;
}

.viktr-tool-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #ddd;
  overflow: hidden;
}

.vk-switch {
  display: flex!important;
  width: 100%!important;
  min-width: 0!important;
  height: 38px!important;
  padding: 0!important;
  cursor: pointer!important;
  user-select: none!important;
  position: relative!important;
  margin-top: 26px;
}

.vk-switch:active>.vk-switch-ui {
  transform: translateY(1px)!important;
}

.vk-switch:active>.vk-switch-ui::after {
  transform: translateY(-50%) translateX(0) scale(.92)!important;
}

.vk-switch:hover>.vk-switch-ui {
  filter: brightness(1.06)!important;
  color: transparent!important;
  text-shadow: none!important;
}

.vk-switch:hover>.vk-switch-ui::after {
  opacity: 1!important;
  transform: translateY(-50%) translateX(0) scale(1)!important;
}

.vk-switch:hover>input[type="checkbox"]:checked+.vk-switch-ui::after {
  transform: translateY(-50%) translateX(0) scale(1)!important;
}

.vk-switch>.vk-switch-ui {
  position: relative!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  width: 100%!important;
  height: 38px!important;
  min-height: 38px!important;
  max-height: 38px!important;
  min-width: 0!important;
  padding: 4px 10px!important;
  box-sizing: border-box!important;
  overflow: hidden!important;
  border: 1px solid #b92839!important;
  border-radius: 999px!important;
  background: linear-gradient(180deg,#ff6b79,#b92839)!important;
  color: #fff!important;
  font-size: 13px!important;
  font-weight: 700!important;
  line-height: 1.15!important;
  text-align: center!important;
  white-space: normal!important;
  word-break: normal!important;
  overflow-wrap: normal!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.32),0 0 10px rgba(255,92,108,.10)!important;
  transition: background .18s,border-color .18s,box-shadow .18s,transform .08s,filter .15s,color .15s,opacity .12s!important;
}

.vk-switch>.vk-switch-ui::after {
  content: ""!important;
  position: absolute!important;
  top: 50%!important;
  left: 10px!important;
  width: 18px!important;
  height: 18px!important;
  border-radius: 999px!important;
  background: linear-gradient(180deg,#fff,#dce5ef)!important;
  border: 1px solid rgba(255,255,255,.75)!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.10),0 1px 4px rgba(0,0,0,.45),0 0 10px rgba(255,255,255,.25)!important;
  opacity: 0!important;
  transform: translateY(-50%) translateX(8px) scale(.55)!important;
  transition: left .22s cubic-bezier(.2,.8,.2,1),opacity .12s,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .18s!important;
  pointer-events: none!important;
}

.vk-switch>input[type="checkbox"] {
  position: absolute!important;
  left: -9999px!important;
  width: 1px!important;
  height: 1px!important;
  opacity: 0!important;
  margin: 0!important;
  padding: 0!important;
  border: 0!important;
}

.vk-switch>input[type="checkbox"]:checked+.vk-switch-ui {
  border-color: #209a3d!important;
  background: linear-gradient(180deg,#34c957,#13752c)!important;
  color: #eaffef!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.32),0 0 10px rgba(52,201,87,.12)!important;
}

.vk-switch>input[type="checkbox"]:checked+.vk-switch-ui::after {
  left: calc(100% - 28px)!important;
  transform: translateY(-50%) translateX(-8px) scale(.55)!important;
}

.vk-switch>input[type="checkbox"]:disabled+.vk-switch-ui {
  opacity: .55!important;
  pointer-events: none!important;
  filter: none!important;
}

.vk-switch>input[type="checkbox"]:focus-visible+.vk-switch-ui {
  outline: 0!important;
  box-shadow: 0 0 0 3px rgba(25,200,231,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

.workspace-alert-frame {
  position: fixed;
  left: 0px;
  top: 82px;
  right: 0px;
  bottom: 27px;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  border: 2px solid transparent;
  box-shadow: none;
  transition: opacity .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.workspace-alert-frame-danger {
  border-color: rgba(255,48,48,.95);
  box-shadow: inset 0 0 18px rgba(255,48,48,.9), 0 0 18px rgba(255,48,48,.5);
}

.workspace-alert-frame-info {
  border-color: rgba(86,161,255,.95);
  box-shadow: inset 0 0 18px rgba(86,161,255,.85), 0 0 18px rgba(86,161,255,.45);
}

.workspace-alert-frame-success {
  border-color: rgba(54,211,126,.95);
  box-shadow: inset 0 0 18px rgba(54,211,126,.85), 0 0 18px rgba(54,211,126,.45);
}

.workspace-alert-frame-warning {
  border-color: rgba(255,190,64,.95);
  box-shadow: inset 0 0 18px rgba(255,190,64,.85), 0 0 18px rgba(255,190,64,.45);
}

.workspace-alert-frame.is-visible {
  opacity: 1;
}

.workspace-desktop-product-card {
  position: absolute;
  z-index: 4;
  width: 360px;
  min-height: 260px;
  color: #eee;
  user-select: none;
  cursor: grab;
}

.workspace-desktop-product-card .viktr-product-buttons {
  display: none;
}

.workspace-desktop-product-card .viktr-product-card-inner {
  box-shadow: 0 10px 28px rgba(0,0,0,.45);
}

.workspace-desktop-product-card .viktr-product-head {
  cursor: grab;
}

.workspace-desktop-product-card .viktr-product-head span {
  flex: 1;
  color: #fff;
  font-weight: 700;
  line-height: 1.25;
}

.workspace-desktop-product-card .viktr-product-info li {
  font-size: 11px;
}

.workspace-desktop-product-card .viktr-product-suppliers {
  max-height: 150px;
  overflow: auto;
}

.workspace-desktop-product-card .viktr-product-suppliers table {
  font-size: 11px;
}

.workspace-desktop-product-card .workspace-desktop-product-close {
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #ddd;
  cursor: pointer;
}

.workspace-desktop-product-card .workspace-desktop-product-close:hover {
  background: #7a2020;
  color: #fff;
}

.workspace-desktop-product-card .workspace-desktop-product-toolbar {
  height: 28px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 7px;
  background: #151515;
  border-bottom: 1px solid #333;
  color: #ddd;
  font-size: 12px;
}

.workspace-desktop-product-card .workspace-desktop-product-toolbar span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-notification {
  position: relative;
  min-height: 74px;
  display: grid;
  grid-template-columns: 42px 1fr 28px;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  background: rgba(28,28,28,.82);
  color: #e8e8e8;
  overflow: hidden;
  box-shadow: 0 18px 34px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
  pointer-events: auto;
  user-select: none;
  animation: workspaceNotifyIn .22s ease-out;
}

.workspace-notification-close {
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 7px;
  background: rgba(255,255,255,.06);
  color: #cfcfcf;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

.workspace-notification-close:hover {
  background: rgba(255,255,255,.14);
  color: #fff;
}

.workspace-notification-content {
  position: relative;
  min-width: 0;
  z-index: 1;
}

.workspace-notification-danger {
  border-color: rgba(255,72,72,.45);
}

.workspace-notification-danger .workspace-notification-glow {
  background: radial-gradient(circle at 0 50%, rgba(255,72,72,.48), transparent 55%);
}

.workspace-notification-danger .workspace-notification-icon, .workspace-notification-danger .workspace-notification-progress {
  background: #ff4848;
  color: #230606;
}

.workspace-notification-glow {
  position: absolute;
  inset: -1px;
  opacity: .38;
  pointer-events: none;
}

.workspace-notification-icon {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  z-index: 1;
}

.workspace-notification-icon i {
  font-size: 22px;
}

.workspace-notification-info {
  border-color: rgba(86,161,255,.45);
}

.workspace-notification-info .workspace-notification-glow {
  background: radial-gradient(circle at 0 50%, rgba(86,161,255,.48), transparent 55%);
}

.workspace-notification-info .workspace-notification-icon, .workspace-notification-info .workspace-notification-progress {
  background: #56a1ff;
  color: #061323;
}

.workspace-notification-message {
  font-size: 13px;
  line-height: 1.25;
  color: #d5d5d5;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace-notification-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  transform-origin: left center;
  animation: workspaceNotifyProgress linear forwards;
  z-index: 3;
}

.workspace-notification-success {
  border-color: rgba(54,211,126,.38);
}

.workspace-notification-success .workspace-notification-glow {
  background: radial-gradient(circle at 0 50%, rgba(54,211,126,.42), transparent 55%);
}

.workspace-notification-success .workspace-notification-icon, .workspace-notification-success .workspace-notification-progress {
  background: #36d37e;
  color: #081b10;
}

.workspace-notification-title {
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .35px;
}

.workspace-notification-warning {
  border-color: rgba(255,190,64,.45);
}

.workspace-notification-warning .workspace-notification-glow {
  background: radial-gradient(circle at 0 50%, rgba(255,190,64,.48), transparent 55%);
}

.workspace-notification-warning .workspace-notification-icon, .workspace-notification-warning .workspace-notification-progress {
  background: #ffbe40;
  color: #211400;
}

.workspace-notification-zone {
  position: fixed;
  top: 100px;
  right: 22px;
  bottom: auto;
  width: 390px;
  max-width: calc(100vw - 44px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 4;
  pointer-events: none;
}

.workspace-notification.is-leaving {
  animation: workspaceNotifyOut .24s ease-in forwards;
}

.workspace-window-body {
  position: relative;
}

.workspace-window-body .border-warning {
  border-color: #5f5a35!important;
}

.workspace-window-body .btn-light-light, #ui-test-table .btn-light-light {
  height: 28px;
  min-width: 30px;
  padding: 0 8px;
  border: 0;
  border-radius: 5px;
  background: #3a3a3a;
  color: #dcdcdc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.workspace-window-body .btn-light-light:hover, #ui-test-table .btn-light-light:hover {
  background: #4a4a4a;
  color: #fff;
}

.workspace-window-body .btn-primary {
  background: #126df3;
  border-color: #126df3;
  color: #fff;
}

.workspace-window-body .btn-primary:hover {
  background: #0f61d8;
  border-color: #0f61d8;
}

.workspace-window-body .btn-secondary {
  background: #4b4f55;
  color: #fff;
  border-color: #5b6067;
}

.workspace-window-body .btn-secondary:hover {
  background: #5a5f66;
  border-color: #686e76;
}

.workspace-window-body .card-body, #ui-test-table .card-body {
  border-radius: 0 0 10px 10px;
  background: #24242480;
  color: #ddd;
}

.workspace-window-body .card-header, #ui-test-table .card-header {
  min-height: 42px;
  background: #303030;
  border-bottom: 1px solid #464646;
  color: #eee;
  padding: 6px 8px;
}

.workspace-window-body .card-title, #ui-test-table .card-title {
  color: #eee;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}

.workspace-window-body .card, #ui-test-table .card {
  background: #242424;
  color: #ddd;
  border-radius: 7px;
  box-shadow: none;
  overflow: hidden;
}

.workspace-window-body .dataTables_filter input, #ui-test-table .dataTables_filter input {
  height: 28px;
  background: #1c1c1c;
  color: #e6e6e6;
  border: 1px solid #484848;
  border-radius: 5px;
  outline: none;
  box-shadow: none;
}

.workspace-window-body .dataTables_filter input:focus, #ui-test-table .dataTables_filter input:focus {
  border-color: #6d8fbd;
  box-shadow: 0 0 0 2px rgba(109,143,189,.18);
}

.workspace-window-body .dataTables_filter, #ui-test-table .dataTables_filter {
  color: #bbb;
}

.workspace-window-body .dataTables_paginate .paginate_button, #ui-test-table .dataTables_paginate .paginate_button {
  min-width: 28px;
  height: 28px;
  padding: 5px 8px!important;
  margin: 0!important;
  border: 0!important;
  border-radius: 5px!important;
  background: #353535!important;
  color: #dcdcdc!important;
  text-decoration: none!important;
  line-height: 18px;
  cursor: pointer;
}

.workspace-window-body .dataTables_paginate .paginate_button:hover, #ui-test-table .dataTables_paginate .paginate_button:hover {
  background: #4a4a4a!important;
  color: #fff!important;
}

.workspace-window-body .dataTables_paginate .paginate_button.current, #ui-test-table .dataTables_paginate .paginate_button.current {
  background: #5f7fa8!important;
  color: #fff!important;
}

.workspace-window-body .dataTables_paginate .paginate_button.disabled, #ui-test-table .dataTables_paginate .paginate_button.disabled {
  opacity: .35;
  cursor: default;
}

.workspace-window-body .dataTables_paginate, #ui-test-table .dataTables_paginate {
  color: #bbb;
  display: flex;
  align-items: center;
  gap: 4px;
}

.workspace-window-body .dataTables_scrollBody, #ui-test-table .dataTables_scrollBody {
  background: #242424;
  border-bottom: 1px solid #444;
}

.workspace-window-body .dataTables_scrollHead, #ui-test-table .dataTables_scrollHead {
  background: #292929;
}

.workspace-window-body .dataTables_wrapper, #ui-test-table .dataTables_wrapper {
  color: #ddd;
}

.workspace-window-body .dt-skeleton, #ui-test-table .dt-skeleton {
  background: #242424;
}

.workspace-window-body .form-check-input, #ui-test-table .form-check-input {
  background-color: #1c1c1c;
  border-color: #555;
}

.workspace-window-body .form-check-input:checked, #ui-test-table .form-check-input:checked {
  background-color: #5f7fa8;
  border-color: #5f7fa8;
}

.workspace-window-body .form-control, .workspace-window-body .form-select {
  background: #151515;
  color: #eee;
  border: 1px solid #444;
}

.workspace-window-body .form-control::placeholder {
  color: #777;
}

.workspace-window-body .form-control:focus, .workspace-window-body .form-select:focus {
  background: #111;
  color: #fff;
  border-color: #5b8dff;
  box-shadow: 0 0 0 .2rem rgba(91,141,255,.18);
}

.workspace-window-body .form-label {
  color: #bdbdbd;
  font-weight: 700;
}

.workspace-window-body .input-group-text {
  background: #2b2b2b;
  color: #ddd;
  border: 1px solid #444;
}

.workspace-window-body .modal {
  position: absolute!important;
  inset: 0!important;
  width: 100%!important;
  height: 100%!important;
  z-index: 80!important;
  color: #ddd;
  background: rgba(0,0,0,.48);
  overflow: auto;
}

.workspace-window-body .modal-body {
  background: #202020;
  color: #ddd;
}

.workspace-window-body .modal-content {
  background: #202020;
  color: #ddd;
  border: 1px solid #3a3a3a;
  border-radius: 10px;
  box-shadow: 0 18px 50px rgba(0,0,0,.65);
}

.workspace-window-body .modal-dialog {
  position: relative;
  max-width: 720px;
  margin: 34px auto;
  transform: none!important;
}

.workspace-window-body .modal-footer {
  background: #202020;
  border-top: 1px solid #333;
  border-radius: 0 0 10px 10px;
}

.workspace-window-body .modal-header {
  background: #202020;
  color: #ddd;
  border-bottom: 1px solid #333;
  border-radius: 10px 10px 0 0;
}

.workspace-window-body .modal-title {
  color: #ddd;
  font-weight: 800;
}

.workspace-window-body .modal.show .modal-dialog {
  transform: none!important;
}

.workspace-window-body .no-left-radius {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.workspace-window-body .skeleton-line, #ui-test-table .skeleton-line {
  height: 10px;
  border-radius: 10px;
  background: linear-gradient(90deg, #303030, #3a3a3a, #303030);
  background-size: 200% 100%;
  animation: viktrSkeleton 1.2s infinite linear;
}

.workspace-window-body .table-hover > tbody > tr:hover > *, #ui-test-table .table-hover > tbody > tr:hover > * {
  --bs-table-bg-state: #333;
  color: #fff;
}

.workspace-window-body .table-striped > tbody > tr:nth-of-type(odd) > *, #ui-test-table .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: #272727;
  color: #ddd;
}

.workspace-window-body .text-warning {
  color: #ffbf3d!important;
}

.workspace-window-body .viktr-tool-wrap {
  position: relative;
}

.workspace-window-body table.dataTable tbody td, #ui-test-table table.dataTable tbody td {
  background: #242424;
  color: #ddd;
  border-top: 1px solid #343434;
  border-bottom: 0;
  padding: 9px 10px;
  font-size: 13px;
}

.workspace-window-body table.dataTable tbody tr, #ui-test-table table.dataTable tbody tr {
  background: #242424;
}

.workspace-window-body table.dataTable tbody tr:hover td, #ui-test-table table.dataTable tbody tr:hover td {
  background: #333;
  color: #fff;
}

.workspace-window-body table.dataTable tbody tr:nth-child(odd) td, #ui-test-table table.dataTable tbody tr:nth-child(odd) td {
  background: #272727;
}

.workspace-window-body table.dataTable thead .sorting_asc:before, .workspace-window-body table.dataTable thead .sorting_desc:after, #ui-test-table table.dataTable thead .sorting_asc:before, #ui-test-table table.dataTable thead .sorting_desc:after {
  opacity: 1!important;
  color: #fff!important;
}

.workspace-window-body table.dataTable thead .sorting, .workspace-window-body table.dataTable thead .sorting_asc, .workspace-window-body table.dataTable thead .sorting_desc, #ui-test-table table.dataTable thead .sorting, #ui-test-table table.dataTable thead .sorting_asc, #ui-test-table table.dataTable thead .sorting_desc {
  color: #f2f2f2;
}

.workspace-window-body table.dataTable thead .sorting:before, .workspace-window-body table.dataTable thead .sorting:after, .workspace-window-body table.dataTable thead .sorting_asc:before, .workspace-window-body table.dataTable thead .sorting_asc:after, .workspace-window-body table.dataTable thead .sorting_desc:before, .workspace-window-body table.dataTable thead .sorting_desc:after, #ui-test-table table.dataTable thead .sorting:before, #ui-test-table table.dataTable thead .sorting:after, #ui-test-table table.dataTable thead .sorting_asc:before, #ui-test-table table.dataTable thead .sorting_asc:after, #ui-test-table table.dataTable thead .sorting_desc:before, #ui-test-table table.dataTable thead .sorting_desc:after {
  color: #aaa!important;
  opacity: .45!important;
}

.workspace-window-body table.dataTable thead th, #ui-test-table table.dataTable thead th {
  background: #292929;
  color: #f0f0f0;
  border-bottom: 1px solid #555!important;
  padding: 10px 10px;
  font-weight: 700;
  font-size: 13px;
}

.workspace-window-body table.dataTable, #ui-test-table table.dataTable {
  width: 100%!important;
  margin: 0!important;
  background: #242424;
  color: #ddd;
  border-collapse: collapse!important;
  border-spacing: 0!important;
}

.workspace-window-body table.dataTable.no-footer, #ui-test-table table.dataTable.no-footer {
  border-bottom: 1px solid #444!important;
}

body > .modal-backdrop {
  display: none!important;
}

body.modal-open {
  overflow: hidden!important;
  padding-right: 0!important;
}

select.select2-hidden-accessible:required+.select2-container .select2-selection {
  border-color: rgba(255,202,85,.85)!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(255,202,85,.18),0 0 10px rgba(255,202,85,.10)!important;
}

select.select2-hidden-accessible:required+.select2-container.select2-container--focus .select2-selection, select.select2-hidden-accessible:required+.select2-container.select2-container--open .select2-selection {
  border-color: #ffca55!important;
  box-shadow: 0 0 0 3px rgba(255,202,85,.22),0 0 12px rgba(255,202,85,.16)!important;
}

select.select2-hidden-accessible[required]+.select2-container .select2-selection {
  border-color: rgba(255,202,85,.95)!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(255,202,85,.24),0 0 10px rgba(255,202,85,.13)!important;
}

select.select2-hidden-accessible[required]+.select2-container .select2-selection--single, select.select2-hidden-accessible[required]+.select2-container .select2-selection--multiple {
  border-color: rgba(255,202,85,.95)!important;
}

select.select2-hidden-accessible[required]+.select2-container.select2-container--focus .select2-selection, select.select2-hidden-accessible[required]+.select2-container.select2-container--open .select2-selection {
  border-color: #ffca55!important;
  box-shadow: 0 0 0 3px rgba(255,202,85,.25),0 0 12px rgba(255,202,85,.18)!important;
}

@keyframes simpleFormZoomInAbove {
  from {
    opacity: 0;
    transform: translateY(-34px) scale(.93);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes simpleFormZoomOutBelow {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  to {
    opacity: 0;
    transform: translateY(34px) scale(.93);
  }
}

@keyframes viktrSkeleton {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@keyframes workspaceNotifyIn {
  from {
    opacity: 0;
    transform: translateX(24px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes workspaceNotifyOut {
  from {
    opacity: 1;
    transform: translateX(0) scale(1);
  }

  to {
    opacity: 0;
    transform: translateX(28px) scale(.96);
  }
}

@keyframes workspaceNotifyProgress {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

@media (prefers-reduced-motion:reduce) {
  .simple-form-panel.is-opening, .simple-form-panel.is-closing {
    animation-duration: .01ms;
  }
}

.simple-form-panel .tab-content {
  min-width:0;
}

.simple-form-panel .tab-pane {
  display:none;
}

.simple-form-panel .tab-pane.active {
  display:block;
}

.simple-form-panel .tab-pane.active {
  display:block;
  animation:simpleFormTabIn .16s ease-out both;
}

@keyframes simpleFormTabIn {
  from {
    opacity:0;
    transform:translateY(5px);
  }

  to {
    opacity:1;
    transform:translateY(0);
  }
}

.tags-editor{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-height:42px;
  cursor:text
}
.tags-list{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px
}
.tags-input{
  flex:1 1 140px;
  min-width:120px;
  padding:4px 2px;
  background:transparent;
  color:inherit;
  outline:0
}
.tags-item{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  border-radius:6px;
  background:#495057;
  color:#fff;
  font-size:.85rem
}
.tags-remove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:transparent;
  border:0;
  color:inherit;
  opacity:.7;
  cursor:pointer
}
.tags-remove:hover{
  opacity:1
}

.viktr-image-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 75vh;
  overflow: auto;
  background: #111;
}

.viktr-image-preview img {
  display: block;
  max-width: 100%;
  max-height: 75vh;
  object-fit: contain;
}

.simple-form-text-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 32px;
  margin-top: 3px;
  padding: 4px 6px;
  background: #2d2d2d;
  border-radius: 0 0 6px 6px;
}

.simple-form-text-tools-actions {
  display: flex;
  align-items: center;
  gap: 2px;
}

.simple-form-text-tools-info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding-right: 4px;
  color: #aaa;
  font-size: 11px;
  white-space: nowrap;
}

.simple-form-text-tools-actions button {
  width: 28px;
  height: 24px;
  padding: 0;
  color: #ccc;
  background: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}

.simple-form-text-tools-actions button:hover {
  color: #fff;
  background: rgba(255,255,255,.1);
}