/* =========================================================
   VIKTR UI ENGINE - DARK DATATABLES
   ========================================================= */

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

.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-body,
#ui-test-table .card-body {
  border:1px solid #464646;
  border-radius: 0 0 10px 10px;
  background:#24242480;
  color:#ddd;
}

.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 .dataTables_wrapper,
#ui-test-table .dataTables_wrapper {
  color:#ddd;
}

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

.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_paginate,
#ui-test-table .dataTables_paginate {
  color:#bbb;
  display:flex;
  align-items:center;
  gap:4px;
}

.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 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 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 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:nth-child(odd) td,
#ui-test-table table.dataTable tbody tr:nth-child(odd) td {
  background:#272727;
}

.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.no-footer,
#ui-test-table table.dataTable.no-footer {
  border-bottom:1px solid #444!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 .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 .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 .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 .table-hover > tbody > tr:hover > *,
#ui-test-table .table-hover > tbody > tr:hover > * {
  --bs-table-bg-state:#333;
  color:#fff;
}

.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 .dt-skeleton,
#ui-test-table .dt-skeleton {
  background:#242424;
}

.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;
}

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

/* =========================================================
   VIKTR UI ENGINE - NOTIFICATIONS
   ========================================================= */

.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 {
  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.is-leaving {
  animation:workspaceNotifyOut .24s ease-in forwards;
}

.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-content {
  position:relative;
  min-width:0;
  z-index:1;
}

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

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

.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-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-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-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-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;
}

@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);
  }
}

.workspace-alert-frame {
  position:fixed;
  left:0px;
  top:75px;
  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.is-visible {
  opacity:1;
}

.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-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-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-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);
}

/* =========================================================
   VIKTR UI ENGINE - TOOL HOST
   ========================================================= */

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

.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-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 UI ENGINE - DARK MODALS INSIDE WINDOWS
   ========================================================= */

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

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

.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-dialog {
  position:relative;
  max-width:720px;
  margin:34px auto;
  transform:none!important;
}

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

.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-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-body {
  background:#202020;
  color:#ddd;
}

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

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

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

/* =========================================================
   VIKTR UI ENGINE - DARK FORMS
   ========================================================= */

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

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

.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-control::placeholder {
  color:#777;
}

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

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

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

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

.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 .btn-primary {
  background:#126df3;
  border-color:#126df3;
  color:#fff;
}

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

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

/* =========================================================
   VIKTR UI ENGINE - FONT SIZES
   ========================================================= */

.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;
}

/* Select2 Dark Mode */
.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--single .select2-selection__rendered {
  color:#ddd !important;
  line-height:25px;
  padding-left:10px;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__placeholder {
  color:#777 !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-container--open .select2-selection {
  border-color:#0d6efd !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-dropdown {
  background:#202020 !important;
  border:1px solid #3d3d3d !important;
  color:#ddd !important;
  box-shadow:0 12px 28px rgba(0,0,0,.45);
}

.select2-container--bootstrap-5 .select2-dropdown {
  background:#202020 !important;
  border-color:#3d3d3d !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-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-results__message {
  color:#aaa !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-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--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-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;
}

.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-card-inner {
  box-shadow:0 10px 28px rgba(0,0,0,.45);
}

.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-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 .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-buttons {
  display:none;
}

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

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

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

.modal {
  overflow:hidden !important;
}

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

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

.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>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>.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>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>.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"]:checked+.vk-switch-ui::after{
  left:calc(100% - 28px)!important;
  transform:translateY(-50%) translateX(-8px) scale(.55)!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: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>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;
}
.vk-switch>input[type="checkbox"]:disabled+.vk-switch-ui{
  opacity:.55!important;
  pointer-events:none!important;
  filter:none!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;
}

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;
}

.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;
}

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-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;
}
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;
}