:root {
  --primary: #12a144;
  --secondary: #1e1e1e;
  --red: #b41b1b;
  --blue: #1b65b4;
  --icon: #939393;
  --icon-accent: #fff;
  --bg: #fff;
  --bg-alt: #f4f4f4;
  --border: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid #c8c8c8;
  --border-grey: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid #e3e3e3;
  --border-dark: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid #606060;
  --border-red: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid #b41b1b;
  --border-color: #c8c8c8;
  --border-grey-color: #e3e3e3;
  --h1: calc(45 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --h2: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --h3: calc(24 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --p: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --small: calc(14 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --black: #1e1e1e;
  --grey: #939393;
  --avatar-1: #1a801f;
  --avatar-2: #b04c12;
  --avatar-3: #2e06b3;
  --avatar-4: #0cafaf;
  --avatar-5: #c4c41b;
  --avatar-6: #9f1898;
  --ideal-viewport-width: 1920;
  --current-viewport-width: 100vw;
}

* {
  position: relative;
  transition: 0.3s;
}

body {
  display: flex;
  margin: 0;
  font-family: Montserrat;
  font-weight: 700;
  background: var(--bg-alt);
}

h1 {
  font-size: var(--h1);
  margin: 0;
}

h2 {
  font-size: var(--h2);
}

h3 {
  font-size: var(--h3);
  color: #000;
  margin: 0;
}

p, a {
  font-size: var(--p);
  margin: 0;
  text-decoration: none;
}

b {
  font-weight: 700;
}

b ~ p {
  font-weight: 500;
}

small {
  font-size: var(--small);
  margin: 0;
}

a {
  cursor: pointer;
  color: #2f87ff;
  font-weight: 600;
}

.logo {
  width: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-top: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.navbar {
  width: calc(70 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  z-index: 50;
}

.navbar .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  position: sticky;
  top: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.content {
  width: calc(100% - calc(150 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  min-height: calc(100vh - calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-left: 0;
}

svg, img {
  max-width: 100%;
  height: auto;
}

.icon {
  width: calc(26 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(26 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  padding: calc(22 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: transparent;
  border-radius: 50%;
}

.icon svg {
  fill: var(--icon);
  transition: 0s;
  z-index: 2;
}

.icon svg * {
  transition: 0.1s;
}

.icon.active, a.icon:hover, .pulse.icon:hover {
  background: var(--primary);
  cursor: pointer;
}

.icon.active svg, a.icon:hover svg, .pulse.icon:hover svg {
  fill: var(--icon-accent);
}

.icon p {
  position: absolute;
  background: var(--primary);
  color: #fff;
  text-decoration: none;
  height: calc(70 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  padding: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(70 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: 0;
  left: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(90 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  z-index: 1;
  overflow: hidden;
  transition: 0s;
  white-space: nowrap;
}

.icon.small {
  width: calc(22 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(22 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(17 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.icon.extra-small {
  width: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.dashboard {
  height: 85vh;
  display: flex;
  padding-left: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

header {
  justify-content: flex-end;
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(90 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  margin-bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.avatar {
  height: calc(57 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: calc(57 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: var(--primary);
}

.avatar img {
  margin-top: calc(-11 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom-left-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom-right-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.avatar.small {
  height: calc(48 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: calc(48 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  min-width: calc(48 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  min-height: calc(48 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.avatar.small img {
  margin-top: calc(-9 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom-left-radius: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom-right-radius: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.icon.border {
  border: var(--border);
}

.icon.border.grey {
  border: var(--border-grey);
}

.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) 0;
  margin-bottom: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom: var(--border);
}

.table .title {
  padding: 0 calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom: var(--border-grey);
}

.table:not(:has(.title)) {
  padding-top: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.table {
  display: flex;
  flex-direction: column;
  box-shadow: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(0, 0, 0, 0.09);
  border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) 0 0 0;
  margin-bottom: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: var(--bg);
}

.table:has(form) {
  overflow: visible;
}

.table > *:not(form) {
  display: flex;
}

.table form {
  padding-left: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-right: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.table div:not(.row) > .col:last-child:not(:first-child):has(a), .table div:not(.row) > .col:last-child:not(:first-child, :has(*)) {
  width: 5%;
  justify-content: right;
}

.table .col {
  display: flex;
  align-items: center;
  gap: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#pids-confirmation table {
  display: table;
}

#pids-confirmation th:has(.vertical-text) {
  width: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#pids-confirmation td:not(:last-child), #pids-confirmation th:not(:last-child) {
  border-right: 1px solid var(--border-grey-color);
  padding-left: 10px;
}

#pids-confirmation td {
  border-top: 1px solid var(--border-grey-color);
}

#pids-confirmation .tag {
  padding: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  justify-content: center;
}

#pids-confirmation a {
  color: #000;
}

#pids-confirmation tr {
  height: 85px;
}

#pids-confirmation .col {
  width: 8%;
  height: inherit;
}

#pids-confirmation .col.small {
  width: 4% !important;
  display: flex;
}

.resizer {
  position: absolute;
  right: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: calc(-50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(190 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  opacity: 0.2;
  cursor: ew-resize;
}

#pids-confirmation .col:not(.actions-col):after {
  content: "";
  position: absolute;
  right: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: 0;
  width: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: var(--border-color);
  height: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  opacity: 0.2;
}

#pids-confirmation .table-header .col:not(.actions-col):after {
  content: "";
  top: calc(-50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(128 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#pids-confirmation .col:has(.vertical-text) {
  width: 4% !important;
}

#pids-confirmation .table-item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid var(--border-grey-color);
  max-height: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.table-item {
  padding: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background-color: #fff;
}

.table-item.red {
  background: rgba(255, 58, 58, 0.2);
}

.table-item.yellow {
  background: #fff1c9;
}

.table-item:hover {
  box-shadow: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(0, 0, 0, 0.05);
  border-color: transparent;
}

.table:has(.table-item:last-child:hover) {
  overflow: visible;
}

.table-item:last-child {
  border-bottom-left-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom-right-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.table-header {
  padding: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  position: sticky;
  top: 0;
  z-index: 21;
  background: var(--bg);
}

#pids-confirmation .vertical-text {
  transform: rotate(-90deg);
  text-align: left;
  width: calc(72 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-left: calc(-17 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.table-header.grey {
  padding-top: 15px;
}

.table-item:nth-child(1) {
  z-index: 20;
}

.table-item:nth-child(2) {
  z-index: 19;
}

.table-item:nth-child(3) {
  z-index: 18;
}

.table-item:nth-child(4) {
  z-index: 17;
}

.table-item:nth-child(5) {
  z-index: 16;
}

.table-item:nth-child(6) {
  z-index: 15;
}

.table-item:nth-child(7) {
  z-index: 14;
}

.table-item:nth-child(8) {
  z-index: 13;
}

.table-item:nth-child(9) {
  z-index: 12;
}

.table-item:nth-child(10) {
  z-index: 11;
}

.table-item:nth-child(11) {
  z-index: 10;
}

.table-item:nth-child(12) {
  z-index: 12;
}

.table-item:nth-child(13) {
  z-index: 13;
}

.table-item:nth-child(14) {
  z-index: 14;
}

.table-item:nth-child(15) {
  z-index: 15;
}

.table-item:nth-child(16) {
  z-index: 16;
}

.table-item:nth-child(17) {
  z-index: 17;
}

.table-item:nth-child(18) {
  z-index: 18;
}

.table form:not(.small) {
  width: -webkit-fill-available;
  min-height: 68vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

form h1 {
  margin-top: calc(55 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

form.border-top {
  border-top: var(--border-grey);
}

.inputs-wrapper {
  width: 100%;
}

.inputs-wrapper > h3 {
  margin-top: calc(55 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

div.grey *, .grey {
  color: var(--grey);
}

.icon input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}

.pulse.red:hover {
  background: var(--red) !important;
}

.pulse.red.active {
  background: var(--red) !important;
  animation: pulseRed linear 0.5s;
}

.pulse.primary:hover {
  background: var(--primary) !important;
}

.pulse.primary.active {
  background: var(--primary) !important;
  animation: pulsePrimary linear 0.5s;
}

.pulse.primary.active.fake-input {
  background: transparent !important;
}

.pulse.blue:hover {
  background: var(--blue) !important;
}

.pulse.blue.active {
  background: var(--blue) !important;
  animation: pulseBlue linear 0.5s;
}

.pulse.active svg {
  fill: var(--icon-accent) !important;
}

@keyframes pulseRed {
  from {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  to {
    box-shadow: 0 0 0 calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(255, 82, 82, 0);
  }
}
@keyframes pulsePrimary {
  from {
    box-shadow: 0 0 0 0 rgba(26, 128, 31, 0.7);
  }
  to {
    box-shadow: 0 0 0 calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(74, 223, 33, 0);
  }
}
@keyframes pulseBlue {
  from {
    box-shadow: 0 0 0 0 rgba(26, 128, 31, 0.7);
  }
  to {
    box-shadow: 0 0 0 calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(74, 223, 33, 0);
  }
}
.btn {
  padding: calc(18.5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(90 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  font-size: var(--p);
  justify-content: center;
  cursor: pointer;
  border: none;
  font-weight: 500;
  font-family: Arial;
  box-sizing: border-box;
}

.btn.secondary {
  background: var(--secondary);
  color: #fff;
}

.btn.secondary:hover {
  background: var(--primary);
}

.btn.primary {
  background: var(--primary);
  color: #fff;
}

.btn.primary:hover {
  background: var(--secondary);
}

.btn.red {
  background: var(--red);
  color: #fff;
}

.btn.red:hover {
  background: var(--secondary);
}

.btn.border {
  border: var(--border);
  color: var(--border-color);
  font-weight: 400;
}

.btn.border path {
  fill: var(--border-color);
}

.btn.border:hover {
  border: 1px solid var(--primary);
  background: var(--primary);
  color: #fff;
}

.btn.border:hover path {
  fill: var(--icon-accent);
}

.btn svg {
  height: auto;
  width: calc(22 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.btn.only-icon {
  width: calc(58 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  min-width: calc(58 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(58 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  min-height: calc(58 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.btn.only-icon svg {
  fill: var(--icon);
  transition: 0s;
  z-index: 2;
}

.btn.only-icon svg * {
  transition: 0.1s;
}

.btn.only-icon svg, .btn.only-icon:hover svg, .btn.only-icon:hover svg {
  fill: var(--icon-accent);
}

.btn.small {
  padding: calc(14 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.sorting {
  width: calc(50% - calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: left;
}

input, select, .fake-input {
  padding: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(90 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border: var(--border);
  width: -webkit-fill-available;
  font-size: var(--p);
  outline: none;
  font-weight: 500;
  margin-bottom: 0;
  -webkit-appearance: none;
}

.select2-container .select2-selection--single {
  padding: calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(90 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
  border: var(--border) !important;
  width: -webkit-fill-available;
  font-size: var(--small);
  outline: none;
  font-weight: 500;
  margin-bottom: 0;
  -webkit-appearance: none;
  height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(26 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  position: absolute;
  top: calc(14 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
  right: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
  width: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.select2-dropdown {
  border: var(--border);
  border-radius: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
  border-top: var(--border) !important;
  margin-top: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  overflow: hidden;
}

.select2-results__option {
  background: #fff !important;
  color: #353535;
  padding: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
  font-weight: 500;
  overflow: auto;
  max-height: calc(200 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  font-size: var(--p);
}

.select2-search--dropdown {
  padding: 0 !important;
}

input.select2-search__field {
  border-radius: 0 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--primary) !important;
}

.select2-search:after {
  content: "";
  position: absolute;
  right: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: calc(7 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background-image: url(/admin/img/Search.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.select2-selection__rendered {
  padding: 0 !important;
}

.input-wrapper:has(select):after {
  content: "";
  position: absolute;
  right: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: calc(50% - calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) + calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background-image: url(/admin/img/Arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: 0.3s;
}

.input-wrapper:has(.select2-container--default):after {
  display: none;
}

.input-wrapper:has(.creation-btn):after {
  right: calc(30% + calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.input-wrapper:has(.creation-btn.hide):after {
  right: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.input-wrapper:has(select:focus):after {
  rotate: 180deg;
}

.input-wrapper:has(.creation-btn, .delete-btn, .add-btn) {
  display: flex;
}
.input-wrapper:has(.creation-btn, .delete-btn, .add-btn) input, .input-wrapper:has(.creation-btn, .delete-btn, .add-btn) select, .input-wrapper:has(.creation-btn, .delete-btn, .add-btn) .multiSelect_dropdown {
  width: 70%;
  box-sizing: border-box;
}

.input-wrapper:has(.creation-btn.hide, .delete-btn.hide, .add-btn.hide) input, .input-wrapper:has(.creation-btn.hide, .delete-btn.hide, .add-btn.hide) select, .input-wrapper:has(.creation-btn.hide, .delete-btn.hide, .add-btn.hide) .multiSelect_dropdown {
  width: 100%;
}

.input-wrapper:has(.creation-btn, .delete-btn, .add-btn) .btn {
  width: 28%;
  margin-left: 2%;
}

.col:has(input[type=file]) .fake-input {
  font-size: var(--small);
}

.add-btn {
  margin-bottom: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-top: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: -moz-fit-content;
  width: fit-content;
  min-width: 20%;
}

#partner-creation .add-btn, #pids-creation .add-btn {
  position: absolute;
  bottom: 0;
  left: 23%;
}

.delete-btn {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 20%;
}

.file-type {
  margin-right: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

input.disabled, select.disabled, .multiSelect_dropdown.disabled {
  opacity: 0.5;
  background: var(--border-grey-color);
  pointer-events: none;
}

.fake-input ~ input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  cursor: pointer;
}

textarea {
  padding: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border: var(--border);
  width: -webkit-fill-available;
  font-size: var(--p);
  font-family: Montserrat;
}

p:has(~ input, ~ select, ~ textarea, ~ .multiSelect) {
  margin-bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: 100%;
}

.inputs-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  align-items: flex-end;
}

.inputs-group:has([type=submit]) {
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.table div:not(.row) > .col:last-child:has(:nth-child(2)) {
  width: 10% !important;
}

.inputs-group:not(:has(.input-wrapper:nth-child(6))) .input-wrapper {
  width: 19%;
}

.inputs-group:not(:has(.input-wrapper:nth-child(5))) .input-wrapper {
  width: 24%;
}

.inputs-group:not(:has(.input-wrapper:nth-child(4))) .input-wrapper {
  width: 32%;
}

.inputs-group:not(:has(.input-wrapper:nth-child(3))) .input-wrapper {
  width: 49%;
}

.inputs-group:not(:has(.input-wrapper:nth-child(3))) .input-wrapper:has(~ .input-wrapper.hide) {
  width: 100%;
}

.inputs-group:not(:has(.input-wrapper:nth-child(2))) .input-wrapper {
  width: 100%;
}

.table > *:not(:has(:nth-child(20))) .col {
  width: 6.3%;
}
.table > *:not(:has(:nth-child(20))) .col a {
  color: var(--secondary);
}

.table > *:not(:has(:nth-child(20))) .actions-col {
  width: 4% !important;
}

.table > *:not(:has(:nth-child(15))) .col {
  width: 7.3%;
}

.table > *:not(:has(:nth-child(15))) .actions-col {
  width: 5% !important;
}

.table > *:not(:has(:nth-child(6))) .col {
  width: 22.5%;
}

.table > *:not(:has(:nth-child(5))) .col {
  width: 30%;
}

.table > *:not(:has(:nth-child(4))) .col {
  width: 45%;
}

.table > *:not(:has(:nth-child(3))) .col {
  width: 90%;
}

.table > *:not(:has(:nth-child(2))) .col {
  width: 100%;
}

.table:has(.avatar) .col:first-child {
  width: 7%;
}

.table:has(.avatar) > *:not(:has(:nth-child(6))) .col:not(:first-child) {
  width: 27.5%;
}

.table:has(.avatar) > *:not(:has(:nth-child(5))) .col:not(:first-child) {
  width: 41%;
}

.table > *:not(:has(:nth-child(4))) .col.small {
  width: 30%;
}

.table > *:not(:has(:nth-child(4))):has(.col.small) .col:not(.small) {
  width: 63%;
}

.table > * .col-lg-1:has(:nth-child(2)) {
  width: 8%;
  display: flex;
  gap: 15px;
  justify-content: right;
}

.inputs-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.input-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.input-wrapper small {
  margin-top: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.input-wrapper .btn {
  width: -webkit-fill-available;
}

.input-wrapper.temp {
  animation: inputTemp 0.3s ease-in-out;
}

@keyframes inputTemp {
  from {
    width: 0%;
  }
  to {
    width: 50%;
  }
}
.fake-inline {
  position: absolute;
  bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  min-height: auto !important;
  left: calc(195 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.search-form {
  display: flex;
}

.search-form .btn {
  margin-left: calc(-65 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(19 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  font-family: Montserrat;
  font-weight: 600;
}

.search-form input {
  width: calc(350 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(19 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.avatar-1 {
  background: var(--avatar-1);
}

.avatar-2 {
  background: var(--avatar-2);
}

.avatar-3 {
  background: var(--avatar-3);
}

.avatar-4 {
  background: var(--avatar-4);
}

.avatar-5 {
  background: var(--avatar-5);
}

.avatar-6 {
  background: var(--avatar-6);
}

.table-item:has(input) {
  justify-content: space-between;
  align-items: center;
  animation: tableInputSmallsA 0.8s;
  animation-fill-mode: forwards;
}

#pids-confirmation .table-item:has(input) {
  animation: tableInputsSmallA 0.8s;
  animation-fill-mode: forwards;
}

.table-item.deleting {
  animation: tableInputsB 0.8s;
  animation-fill-mode: forwards;
}

@keyframes tableInputsA {
  from {
    opacity: 0;
    transform: translateY(calc(-20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
    height: 0;
    padding-top: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-bottom: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  to {
    opacity: 1;
    transform: translateY(calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
    height: calc(74 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-top: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-bottom: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
}
@keyframes tableInputsB {
  from {
    opacity: 1;
    transform: translateY(calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
    height: calc(74 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-top: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-bottom: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  to {
    opacity: 0;
    transform: translateY(calc(-20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
    height: 0;
    padding-top: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-bottom: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
}
@keyframes tableInputsSmallA {
  from {
    opacity: 0;
    transform: translateY(calc(-20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
    height: 0;
    padding-top: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-bottom: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  to {
    opacity: 1;
    transform: translateY(calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
    height: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-top: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-bottom: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
}
.tag {
  padding: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: rgba(0, 0, 0, 0.1);
  border-radius: calc(90 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  color: #000;
}

.tag svg {
  width: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.tag:has(svg) {
  width: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  justify-content: center;
}

.tag.red {
  background: rgba(255, 58, 58, 0.2);
  color: #c00707;
}
.tag.red svg {
  fill: #c00707;
}

.tag.blue {
  background: rgba(58, 127, 255, 0.2);
  color: #1907c0;
}

.tag.green {
  background: rgba(33, 184, 43, 0.2);
  color: #139d35;
}
.tag.green svg {
  fill: #139d35;
}

.tag.yellow {
  background: rgba(161, 184, 33, 0.2);
  color: #a37d00;
}
.tag.yellow svg {
  fill: #a37d00;
}

.table-item .tag {
  padding: calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.fill-line {
  height: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: #f4f4f4;
  width: 100%;
  padding: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) 0px;
}

.fill-line.start {
  padding-left: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-top-left-radius: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom-left-radius: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.fill-line.start:after {
  border-top-left-radius: calc(7 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom-left-radius: calc(7 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.fill-line.end {
  border-top-right-radius: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom-right-radius: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-right: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: calc(100% - calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.fill-line.end:after {
  border-top-right-radius: calc(7 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-bottom-right-radius: calc(7 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.fill-line:after {
  content: "";
  display: flex;
  height: 100%;
  width: -webkit-fill-available;
  background: transparent;
}

.fill-line.green:after {
  background: #139d35;
}

.fill-line.red:after {
  background: #c00707;
}

.fill-line.yellow:after {
  background: #ffc60b;
}

.fill-line:hover p {
  opacity: 1;
}

.fill-line p {
  position: absolute;
  left: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  opacity: 0;
}

.fill-line p {
  color: #000;
  padding: calc(4 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: 90px;
  background: #f4f4f4;
  font-size: calc(var(--small) - calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  top: calc(56 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: calc(100% - calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  text-align: center;
}

.fill-line p:before {
  content: "";
  position: absolute;
  width: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: #f4f4f4;
  rotate: 45deg;
  left: calc(50% - calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(-5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.fill-line.green p {
  color: #fff;
  background: #139d35;
}
.fill-line.green p:before {
  background: #139d35;
}

.fill-line.red p {
  color: #fff;
  background: #c00707;
}
.fill-line.red p:before {
  background: #c00707;
}

.fill-line.yellow p {
  background: #ffc60b;
}
.fill-line.yellow p:before {
  background: #ffc60b;
}

.tooltip {
  position: fixed;
  background-color: #fff;
  color: #000000;
  padding: calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.2s;
  font-size: var(--small);
  border: var(--border);
}

.loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--primary);
  z-index: 20;
  animation-fill-mode: forwards !important;
}

.loader.loading {
  animation: loaderAppear 1s;
}

@keyframes loaderAppear {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes loaderDissappear {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}
.loader.loaded {
  animation: loaderDissappear 1s;
  right: 0;
  left: inherit;
}

body:has(.login) {
  background: var(--bg);
}

.login {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}

.login > * {
  width: 50%;
}

.form-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-container {
  width: 50%;
}

.inputs-group.sm {
  margin-bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.input-wrapper > svg {
  position: absolute;
  width: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  z-index: 2;
  left: calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: calc(7 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  fill: var(--icon);
  background: var(--bg);
  padding: calc(14.5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: 50%;
}

.input-wrapper:has(svg) input {
  padding-left: calc(75 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

input:focus-visible {
  border: var(--border-dark);
}

.fake-checkbox {
  display: flex;
  align-items: center;
  gap: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  cursor: pointer;
}

.checkbox {
  width: calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border: var(--border);
  border-radius: calc(8 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(9 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.checkbox:has(.disabled) {
  opacity: 0.5;
  background: var(--border-color);
}

.checkbox.big {
  width: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(12 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.checkbox svg, .checkbox path {
  fill: transparent;
  transition: 0.1s;
}

.checkbox svg * {
  transition: 0.1s;
}

.fake-checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  z-index: 9;
}

.fake-checkbox:has(:checked) .checkbox {
  background: var(--primary);
}

.fake-checkbox .checkbox img {
  opacity: 0;
}

.fake-checkbox:has(:checked) .checkbox svg, .fake-checkbox:has(:checked) .checkbox path {
  fill: var(--icon-accent);
}
.fake-checkbox:has(:checked) .checkbox img {
  opacity: 1;
}

.fake-checkbox p {
  margin-bottom: 0;
}

.input-wrapper.justify-end {
  justify-content: right;
  align-items: center;
}

.inputs-group.mt {
  margin-top: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.login h2 {
  margin-bottom: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-top: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.login h2 ~ p {
  margin-bottom: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

line {
  width: 100%;
  display: flex;
  background: var(--border-color);
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.input-wrapper:has(:focus-visible) svg {
  background: var(--primary);
  fill: var(--icon-accent);
}

input:-internal-autofill-selected {
  background: var(--primary);
  transition: color calc(infinity * 1s) step-end, background-color calc(infinity * 1s) step-end, font-size calc(infinity * 1s) step-end, -webkit-appearance calc(infinity * 1s) step-end;
  transition: color calc(infinity * 1s) step-end, background-color calc(infinity * 1s) step-end, font-size calc(infinity * 1s) step-end, appearance calc(infinity * 1s) step-end;
  transition: color calc(infinity * 1s) step-end, background-color calc(infinity * 1s) step-end, font-size calc(infinity * 1s) step-end, appearance calc(infinity * 1s) step-end, -webkit-appearance calc(infinity * 1s) step-end, -moz-appearance calc(infinity * 1s) step-end;
}

.login .img-container .img-wrapper {
  width: 70%;
  border-radius: 90px;
  overflow: hidden;
}

.login .img-container .img-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 10px 18px rgba(0, 0, 0, 0.2), inset 0px 27px 78px rgba(0, 0, 0, 0.14);
  border-radius: 90px;
}

.login .img-container .img-wrapper video {
  width: 100%;
  height: auto;
}

.img-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(55, 225, 64, 0.1);
}

.login .logo {
  width: calc(170 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: 0;
  margin-top: 0;
}

.login input {
  background: #f6fbff;
}

.card {
  padding: 20px;
  border-radius: 15px;
}

.card.red {
  background: rgba(255, 58, 58, 0.2);
  color: #c00707;
}

.card.yellow {
  background: rgba(184, 161, 33, 0.2);
  color: #000000;
}

.card.green {
  background: rgba(33, 184, 43, 0.2);
  color: #139d35;
}

.card.grey {
  background: #edf6fd;
  color: #5a7b8b;
}

.mb {
  margin-bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.card.border {
  border: var(--border);
  width: -webkit-fill-available;
  border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.card.border .item {
  border-top: var(--border);
  padding-top: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-top: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flow-root;
}

.card.border .item > .relete-btn {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 20%;
}

.table > .card.green, .table > .card.red {
  border-radius: 0;
  animation: alert ease-in-out 12s;
  animation-fill-mode: forwards;
  overflow: hidden;
  margin-top: calc(-40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.card:last-child {
  border-bottom-left-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
  border-bottom-right-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
}

@keyframes alert {
  0% {
    height: 0px;
    padding: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  10% {
    height: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  90% {
    height: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  100% {
    height: 0px;
    padding: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
}
.input-wrapper.error svg {
  fill: #c00707;
  background: transparent;
  border: var(--border-red);
  padding: calc(13.5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.input-wrapper.error input {
  background: rgba(255, 58, 58, 0.2);
  color: #c00707;
  border: var(--border-red);
}

.input-wrapper.error input::-moz-placeholder {
  color: #c00707;
}

.input-wrapper.error input::placeholder {
  color: #c00707;
}

.link {
  color: var(--primary);
}

.link:hover {
  color: #000;
}

.rounded input {
  border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.rounded .input-wrapper > svg {
  border-radius: calc(16 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.rounded .btn {
  border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.rounded .checkbox {
  border-radius: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.dates {
  display: flex;
  gap: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  align-items: center;
}

.table.no-shadow {
  padding: 0;
  box-shadow: none;
  overflow: visible;
}

.table.no-shadow .table-item {
  padding-left: 0;
  padding-right: 0;
}

.table.no-shadow .table-item:hover {
  box-shadow: none;
}

.table.no-shadow .table-item:not(:last-child) {
  margin-bottom: calc(-15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.search-form {
  flex-direction: row !important;
  min-height: -moz-min-content !important;
  min-height: min-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin-bottom: 0 !important;
}

.input-wrapper:has(.tag) {
  align-items: center !important;
  display: flex;
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.content-wrapper {
  display: flex;
  padding: 0 calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.content-wrapper .absolute, .popup .absolute {
  margin-top: calc(55 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.features {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
       column-gap: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: -webkit-fill-available;
}

.content-wrapper h2 {
  margin-bottom: 0;
}

.content-wrapper h3 {
  display: flex;
  align-items: center;
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-top: calc(55 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: 100%;
}

.content-wrapper h3:before {
  content: "";
  width: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(3 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: var(--primary);
}

.content-wrapper p:not(.card) {
  font-weight: 400;
  line-height: 1.5;
}

.features .item:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: calc(-20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--border-grey-color);
}

.col-6 {
  width: 50%;
  max-width: 50%;
  box-sizing: border-box;
  padding: 0 30px;
}

.col-6:first-child {
  padding-left: 0;
}

.col-6:last-child {
  padding-right: 0;
}

.content-wrapper .card.grey {
  margin-top: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: 21.8%;
  font-weight: 500;
}

.table .content-wrapper .col {
  flex-direction: column;
  align-items: baseline;
}

.row {
  display: flex;
  width: -webkit-fill-available;
}

.row .col {
  width: 25% !important;
}

.files {
  display: flex;
  flex-direction: column;
  width: -webkit-fill-available;
}

.files .card {
  width: -webkit-fill-available !important;
  display: flex;
  align-items: center;
  margin-bottom: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.files a {
  color: #2f87ff;
  width: 35%;
}

.files p {
  color: #273a48;
  border-left: calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid #adbdc9;
  padding-left: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

a.card.grey {
  color: #2f87ff;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
          backdrop-filter: blur(calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  animation: popupB 1s;
  animation-fill-mode: forwards !important;
}

.popup.active {
  animation: popupA 1s;
}

.popup-content {
  background: var(--bg);
  padding: calc(85 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  max-width: 90%;
  width: calc(1200 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  box-shadow: 0 calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) 0 rgba(0, 0, 0, 0.05);
  animation: popupContentB 1s;
  overflow: hidden;
  animation-fill-mode: forwards !important;
}

.popup.active .popup-content {
  animation: popupContentA 1s;
}

.popup .files {
  max-height: 200px;
  overflow: auto;
  padding-right: 25px;
}

.popup .row .col {
  width: 34% !important;
}

.popup .row:not(:has(:nth-child(3))) .col {
  width: 49% !important;
}

.popup .row:not(:has(:nth-child(3))) {
  gap: 2%;
}

.popup .absolute {
  position: absolute;
  right: calc(55 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: calc(70 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.popup form {
  max-height: 50vh;
  overflow: auto;
}

.close {
  position: absolute;
  right: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

@keyframes popupA {
  0% {
    -webkit-backdrop-filter: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
            backdrop-filter: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    opacity: 0;
  }
  20% {
    -webkit-backdrop-filter: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
            backdrop-filter: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    opacity: 0;
  }
  100% {
    -webkit-backdrop-filter: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
            backdrop-filter: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    opacity: 1;
  }
}
@keyframes popupB {
  0% {
    -webkit-backdrop-filter: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
            backdrop-filter: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    opacity: 1;
  }
  20% {
    -webkit-backdrop-filter: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
            backdrop-filter: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    opacity: 1;
  }
  100% {
    -webkit-backdrop-filter: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
            backdrop-filter: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    opacity: 0;
  }
}
@keyframes popupContentA {
  from {
    height: 0vh;
    padding: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(85 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    opacity: 0;
  }
  to {
    height: 70vh;
    padding: calc(85 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(85 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    opacity: 1;
  }
}
@keyframes popupContentB {
  from {
    height: 70vh;
    padding: calc(85 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(85 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    opacity: 1;
  }
  to {
    height: 0vh;
    padding: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(85 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    opacity: 0;
  }
}
.multiSelect {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: calc(150 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.select2-selection {
  min-width: calc(150 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.multiSelect *, .multiSelect *::before, .multiSelect *::after {
  box-sizing: border-box;
}

.multiSelect_dropdown {
  padding: calc(11 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border: var(--border);
  width: -webkit-fill-available;
  font-size: var(--p);
  outline: none;
  font-weight: 500;
  margin-bottom: 0;
  -webkit-appearance: none;
  min-height: calc(60 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-right: calc(60 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.select2-dropdown {
  min-width: calc(200 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
}

.multiSelect_list {
  margin: 0;
  margin-bottom: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  max-height: calc(10 * calc(31 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(28 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  left: 0;
  z-index: 9999;
  right: 0;
  background: #fff;
  color: #000;
  border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  overflow-x: hidden;
  overflow-y: auto;
  transform-origin: 0 0;
  transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transform: scale(0.8) translate(0, calc(4 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid #d9dbde;
  box-shadow: 0 calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) 0 rgba(0, 0, 0, 0.12);
}

.multiSelect_option {
  margin: 0;
  padding: 0;
  transform: translate(calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)), 0);
  transition: all 0.15s ease;
  margin-left: calc(-5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.multiSelect_option.-selected {
  display: none;
}

.multiSelect_option:hover .multiSelect_text {
  color: #fff;
  background: var(--primary);
}

.multiSelect_text {
  cursor: pointer;
  display: block;
  padding: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  color: #525c67;
  font-size: calc(14 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  text-decoration: none;
  outline: none;
  position: relative;
  transition: all 0.15s ease;
}

.multiSelect_list.-open {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translate(0, calc(12 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}

.multiSelect_list.-open .multiSelect_option:nth-child(1) {
  transition-delay: 10ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(2) {
  transition-delay: 20ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(3) {
  transition-delay: 30ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(4) {
  transition-delay: 40ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(5) {
  transition-delay: 50ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(6) {
  transition-delay: 60ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(7) {
  transition-delay: 70ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(8) {
  transition-delay: 80ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(9) {
  transition-delay: 90ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(10) {
  transition-delay: 100ms;
}

.multiSelect_choice {
  background: rgb(154, 240, 184);
  color: #227700;
  padding: calc(4 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(8 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  line-height: calc(17 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: inline-block;
  font-size: calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  cursor: pointer;
  font-weight: 500;
}

.multiSelect_deselect {
  width: calc(12 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(12 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: inline-block;
  stroke: #b2bac3;
  stroke-width: calc(4 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-top: calc(-1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-left: calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  vertical-align: middle;
}

.multiSelect_choice:hover .multiSelect_deselect {
  stroke: #a1a8b1;
}

.multiSelect_noselections {
  text-align: center;
  padding: calc(7 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  color: #b2bac3;
  font-weight: 450;
  margin: 0;
}

.multiSelect_placeholder {
  position: absolute;
  left: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  font-size: calc(14 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: 0 calc(4 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background-color: transparent;
  color: #b8bcbf;
  pointer-events: none;
  transition: all 0.1s ease;
}

.multiSelect_dropdown.-open + .multiSelect_placeholder,
.multiSelect_dropdown.-open.-hasValue + .multiSelect_placeholder {
  top: calc(-7 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  left: calc(17 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  color: var(--primary);
  font-size: calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: #fff;
}

.multiSelect_dropdown.-hasValue + .multiSelect_placeholder {
  top: calc(-11 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  left: calc(17 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  color: #6e7277;
  font-size: calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.multiSelect_search {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  background: #f4f4f4;
  padding: 10px 15px;
}

.action-menu {
  position: fixed;
  bottom: calc(-20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: -webkit-fill-available;
  z-index: 100;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: var(--bg);
  border-radius: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: 70%;
  left: 15%;
  box-shadow: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(0, 0, 0, 0.09);
  height: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  overflow: hidden;
}

.action-menu.active {
  bottom: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(136 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.fake-in-form {
  position: absolute;
  bottom: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  left: calc(45 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.table form:has(~ .fake-in-form) > .btn {
  margin-left: calc(160 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.hide {
  display: none !important;
}

.btns-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  align-items: flex-end;
}

.card:has(.card.green, .card.yellow, .card.red) {
  flex-direction: column;
}

.popup .validation-messages {
  max-height: 40vh;
  overflow: auto;
}

.validation-messages {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  animation: none !important;
}

.table:has(> .card ~ .card) .card:last-child {
  border-top: var(--border);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.table:has(.card ~ .card) .card form {
  min-height: auto !important;
}

.actions-wrapper .btn {
  min-width: -moz-max-content;
  min-width: max-content;
}

.actions-wrapper {
  display: flex;
  align-items: center;
  gap: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: 0px;
  overflow: hidden;
}

.actions-wrapper form {
  display: flex;
  gap: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.actions-wrapper.active {
  width: calc(1180 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#actions-menu {
  width: -moz-fit-content;
  width: fit-content;
}

.row.agents {
  display: flex;
  gap: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.bottom-nav {
  display: flex;
  justify-content: space-between;
}

.pagination {
  display: flex;
  gap: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.pagination-item {
  width: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(7 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--border);
  color: var(--grey);
}

.pagination-item.active {
  background: var(--primary);
  color: #fff;
}

.pagination-item.prev:after, .pagination-item.next:after {
  content: "";
  position: absolute;
  width: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background-image: url(/admin/img/Arrow.svg);
  background-size: contain;
  background-position: center;
}

.pagination-item.prev:after {
  rotate: 90deg;
}

.pagination-item.next:after {
  rotate: -90deg;
}

.items-amount {
  border-radius: calc(9 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
  width: calc(52 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
  height: calc(52 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
  min-width: calc(52 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
  min-height: calc(52 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
}

.pagination-wrapper {
  display: flex;
  align-items: center;
  gap: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.disable {
  opacity: 0.3;
  background-color: var(--border-color);
}

.col-lg-3 {
  width: 33%;
  margin-bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.popup .row {
  flex-wrap: wrap;
}

.filters {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 55%;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dropdown-content {
  position: absolute;
  right: 0;
  top: calc(70 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: calc(370 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  z-index: 90;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border: var(--border);
  padding: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.dropdown-content#sort {
  width: calc(470 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.dropdown-content.on-top {
  top: inherit !important;
  bottom: calc(70 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
}

.dropdown-content span {
  max-width: 100% !important;
}

.sorting {
  cursor: pointer;
}

.popup .btns-wrapper {
  margin-top: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.select-clear {
  position: absolute;
  right: 15px;
  color: #c00707;
  top: 16px;
  background: #f6a8a8;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}/*# sourceMappingURL=style.css.map */