@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* >> Breakpoints
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
* {
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-style: inherit;
  line-height: 1;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote, q {
  quotes: none;
  padding-left: 1em;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.43;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

code {
  font-family: monospace;
}

b, strong {
  font-weight: bold;
}

img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

a {
  outline: none;
  text-decoration: none;
}

.buttonsWrapper--between {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
}
.buttonsWrapper--between > .btn {
  width: auto;
  max-width: none;
  flex-basis: auto;
  margin-inline-end: 16px;
}
.buttonsWrapper--between > .btn:last-child {
  margin-inline-end: 0;
}
.buttonsWrapper--between > .btn[class*=normal] {
  margin-inline-end: 8px;
}

.buttonsWrapper--center {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
}
.buttonsWrapper--center > .btn {
  width: auto;
  max-width: none;
  flex-basis: auto;
  margin-inline: 8px;
}
.buttonsWrapper--center > .btn:last-child {
  margin-inline-end: 0;
  margin-inline: 0 !important;
}

.buttonsWrapper--left {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
}
.buttonsWrapper--left > .btn {
  width: auto;
  max-width: none;
  flex-basis: auto;
  margin-inline-end: 16px;
}
.buttonsWrapper--left > .btn:last-child {
  margin-inline-end: 0;
}
.buttonsWrapper--left > .btn[class*=normal] {
  margin-inline-end: 8px;
}
.buttonsWrapper--left > .btn[class*=normal]:last-child {
  margin-inline-end: 0;
}
.buttonsWrapper--left > .btn-group:first-child {
  margin-inline-end: 8px;
}

.buttonsWrapper--right {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
}
.buttonsWrapper--right > .btn {
  width: auto;
  max-width: none;
  flex-basis: auto;
  margin-inline-start: 16px;
}
.buttonsWrapper--right > .btn:first-child {
  margin-inline-start: 0;
}

.buttonsWrapper--full {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
}
.buttonsWrapper--full .btn {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin-block-end: 16px;
}
.buttonsWrapper--full .btn:last-child {
  margin-block-end: 0;
}

.btn {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  border-radius: 8px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 140%;
}
.btn:only-child {
  margin: 0 !important;
}

.btn[class*=primary] {
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  background-color: #336699;
  border: 1px solid #336699;
  box-shadow: 0 1px 2px rgba(70, 61, 223, 0.1);
  color: white;
}
.btn[class*=primary].accept {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*=primary]:hover {
  /*background-color: $clr-purple-hover;
  box-shadow: 0 0 8px rgba(70, 61, 223, 0.16);*/
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
}
.btn[class*=primary].del {
  background-color: #EC554F;
  border: 1px solid #EC554F;
  color: #ffffff;
}
.btn[class*=primary].del:hover {
  background-color: #ea3f38;
}
.btn[class*=primary].success {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*=primary].success:hover {
  background-color: #5c8a5c;
}
.btn[class*=primary]:disabled, .btn[class*=primary].disabled {
  border: 1px solid #F6F7F9;
  background-color: #F6F7F9;
  box-shadow: none;
  color: #A1A6B0;
  cursor: default;
}
.btn[class*=primary]:disabled:hover, .btn[class*=primary].disabled:hover {
  outline: none;
  background-color: #F6F7F9;
}

.btn[class*=secondary],
.a[class*=secondary] {
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  background-color: #ECEBFB;
  border: 1px solid #ECEBFB;
  color: inherit;
}
.btn[class*=secondary].success,
.a[class*=secondary].success {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*=secondary].success:hover,
.a[class*=secondary].success:hover {
  background-color: #5c8a5c;
}
.btn[class*=secondary].del,
.a[class*=secondary].del {
  background-color: #EC554F;
  border: 1px solid #EC554F;
  color: #ffffff;
}
.btn[class*=secondary].del:hover,
.a[class*=secondary].del:hover {
  background-color: #ea3f38;
}
.btn[class*=secondary]:hover,
.a[class*=secondary]:hover {
  /*background-color: #DAD7F8;*/
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
}
.btn[class*=secondary]:disabled, .btn[class*=secondary].disabled,
.a[class*=secondary]:disabled,
.a[class*=secondary].disabled {
  border: 1px solid #F6F7F9;
  background-color: #F6F7F9;
  box-shadow: none;
  color: #A1A6B0;
  cursor: default;
}
.btn[class*=secondary]:disabled:hover, .btn[class*=secondary].disabled:hover,
.a[class*=secondary]:disabled:hover,
.a[class*=secondary].disabled:hover {
  outline: none;
  background-color: #F6F7F9;
}

.btn[class*=outline] {
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  background-color: white;
  border: 1px solid #ECEBFB;
  color: #3A4254;
}
.btn[class*=outline]:hover {
  /*background-color: #F6F7F9;*/
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.1));
}
.btn[class*=outline].generalXlsExport:hover {
  box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.1);
}
.btn[class*=outline].success {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*=outline].success:hover {
  background-color: #5c8a5c;
}
.btn[class*=outline].print {
  background-color: #6699cc;
  border: 1px solid #6699cc;
  color: #ffffff;
}
.btn[class*=outline].print:hover {
  background-color: #538cc6;
}
.btn[class*=outline].transfer {
  background-color: #99cc99;
  border: 1px solid #99cc99;
  color: #ffffff;
}
.btn[class*=outline].transfer:hover {
  background-color: #88c488;
}
.btn[class*=outline].del {
  background-color: #EC554F;
  border: 1px solid #EC554F;
  color: #ffffff;
}
.btn[class*=outline].del:hover {
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
}
.btn[class*=outline].document {
  background-color: #ff9933;
  border: 1px solid #ff9933;
  color: #ffffff;
}
.btn[class*=outline].document:hover {
  background-color: #ff8c1a;
}
.btn[class*=outline].accept {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*=outline].accept:hover {
  background-color: #5c8a5c;
}
.btn[class*=outline]:disabled, .btn[class*=outline].disabled {
  border: 1px solid #F6F7F9;
  background-color: #F6F7F9;
  box-shadow: none;
  color: #A1A6B0;
  cursor: default;
}
.btn[class*=outline]:disabled:hover, .btn[class*=outline].disabled:hover {
  outline: none;
  background-color: #F6F7F9;
}

.btn[class*=tertiary] {
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  background-color: transparent;
  border: 1px solid transparent;
  color: #3A4254;
  box-shadow: none;
}
.btn[class*=tertiary]:hover {
  background-color: #F6F7F9;
}
.btn[class*=tertiary]:disabled, .btn[class*=tertiary].disabled {
  border: 1px solid #F6F7F9;
  background-color: #F6F7F9;
  box-shadow: none;
  color: #A1A6B0;
  cursor: default;
}
.btn[class*=tertiary]:disabled:hover, .btn[class*=tertiary].disabled:hover {
  outline: none;
  background-color: #F6F7F9;
}
.btn[class*=tertiary].accept {
  color: #99cc99;
}
.btn[class*=tertiary].selectedButton {
  background-color: #F6F7F9;
}

.btn[class*="--large"] {
  min-height: 44px;
  padding: 0 16px;
  font-size: 16px;
  margin-block: 0 16px;
}
.btn[class*="--large"] svg {
  width: 22px;
  height: 22px;
}
.btn[class*="--large"].iconLeft {
  padding: 0 16px 0 8px;
}
.btn[class*="--large"].iconLeft svg {
  margin-inline-end: 8px;
}
.btn[class*="--large"].iconRight {
  padding: 0 8px 0 16px;
}
.btn[class*="--large"].iconRight svg {
  margin-inline-start: 8px;
}
.btn[class*="--large"].icon {
  padding: 0 8px;
}
.btn[class*="--large"].icon span {
  padding-inline: 8px;
}
.btn[class*="--large"].iconOnly {
  padding: 0 10px;
}

.btn[class*="--normal"] {
  min-height: 36px;
  padding: 0 16px;
  font-size: 14px;
}
.btn[class*="--normal"] span:not(#documentcount),
.btn[class*="--normal"] svg {
  width: 20px;
  height: 20px;
}
.btn[class*="--normal"].iconLeft {
  padding: 0 16px 0 8px;
}
.btn[class*="--normal"].iconLeft.dropdown-toggle {
  padding: 0 8px 0 8px !important;
}
.btn[class*="--normal"].iconLeft span,
.btn[class*="--normal"].iconLeft svg {
  margin-inline-end: 8px;
}
.btn[class*="--normal"].iconRight {
  padding: 0 8px 0 16px;
}
.btn[class*="--normal"].iconRight svg {
  margin-inline-start: 8px;
}
.btn[class*="--normal"].icon {
  padding: 0 8px;
}
.btn[class*="--normal"].icon span {
  padding-inline: 8px;
}
.btn[class*="--normal"].iconOnly {
  padding: 0 7px;
}

.btn[class*="--small"] {
  min-height: 28px;
  padding: 0 16px;
  font-size: 14px;
  margin-inline-end: 8px;
}
.btn[class*="--small"]:first-child {
  margin-inline-start: 0;
}
.btn[class*="--small"]:last-child {
  margin-inline-end: 0 !important;
}
.btn[class*="--small"] span,
.btn[class*="--small"] svg {
  width: 16px;
  height: 16px;
}
.btn[class*="--small"].iconLeft {
  padding: 0 16px 0 8px;
}
.btn[class*="--small"].iconLeft span,
.btn[class*="--small"].iconLeft svg {
  margin-inline-end: 8px;
}
.btn[class*="--small"].iconRight {
  padding: 0 8px 0 16px;
}
.btn[class*="--small"].iconRight svg {
  margin-inline-start: 8px;
}
.btn[class*="--small"].icon {
  padding: 0 8px;
}
.btn[class*="--small"].icon span {
  padding-inline: 8px;
}
.btn[class*="--small"].iconOnly {
  padding: 0 5px;
}
.btn[class*="--small"].iconOnly.del {
  background-color: #EC554F;
  border: 1px solid #EC554F;
}
.btn[class*="--small"].iconOnly.del:hover {
  background-color: #ea3f38;
}
.btn[class*="--small"].accept {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*="--small"].accept:hover {
  background-color: #5c8a5c;
}
.btn[class*="--small"].print {
  background-color: #6699cc;
  border: 1px solid #6699cc;
  color: #ffffff;
}
.btn[class*="--small"].print:hover {
  background-color: #538cc6;
}

.dropdownBtn {
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  display: flex !important;
  min-height: 28px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  margin-inline-end: 8px !important;
}
.dropdownBtn span,
.dropdownBtn svg {
  width: 16px;
  height: 16px;
}
.dropdownBtn.iconLeft {
  padding: 0 16px 0 8px;
}
.dropdownBtn.iconLeft span,
.dropdownBtn.iconLeft svg {
  margin-inline-end: 8px;
}
.dropdownBtn.iconRight {
  padding: 0 8px 0 16px;
}
.dropdownBtn.iconRight svg {
  margin-inline-start: 8px;
}
.dropdownBtn.icon {
  padding: 0 8px;
}
.dropdownBtn.icon span {
  padding-inline: 8px;
}
.dropdownBtn.iconOnly {
  padding: 0 5px;
}
.dropdownBtn.iconOnly.del {
  background-color: #EC554F;
  border: 1px solid #EC554F;
}
.dropdownBtn.iconOnly.del:hover {
  background-color: #ea3f38;
}
.dropdownBtn.accept {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.dropdownBtn.accept:hover {
  background-color: #5c8a5c;
}
.dropdownBtn.print {
  background-color: #6699cc;
  border: 1px solid #6699cc;
  color: #ffffff;
}
.dropdownBtn.print:hover {
  background-color: #538cc6;
}

h1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 144%;
  letter-spacing: -0.02em;
}

h2 {
  color: #131417;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 32px;
}

h3 {
  margin-block: 16px;
  color: #131417;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 36px;
}
h3:first-child {
  margin-block: 0 16px;
}

h4 {
  margin-block: 24px;
  color: #131417;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 24px;
}
h4:first-child {
  margin-block: 0 16px;
}

p {
  color: #767D8C;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}

a {
  color: #336699;
}

body.page--formSamples {
  background-color: #F0F0F3;
}
body.page--formSamples #pageWrapper {
  width: 90%;
  margin: 0 auto;
  padding-block: 5%;
}
body.page--formSamples .cards,
body.page--formSamples fieldset.formSection {
  margin-block-end: 1.5em;
  padding: 24px;
  border: 2px solid #161616;
  border-radius: 16px;
  background-color: white;
}
body.page--formSamples .cards:last-child,
body.page--formSamples fieldset.formSection:last-child {
  margin-block-end: 0;
}
body.page--formSamples .cards [class^=buttonsWrapper],
body.page--formSamples fieldset.formSection [class^=buttonsWrapper] {
  margin-block-end: 24px;
}
body.page--formSamples .cards [class^=buttonsWrapper]:last-child,
body.page--formSamples fieldset.formSection [class^=buttonsWrapper]:last-child {
  margin-block-end: 0;
}
body.page--formSamples h4 {
  margin-block-end: 16px;
  font-size: 20px;
  font-weight: 600;
}
body.page--formSamples .formWrapper {
  margin-block-end: 1.5em;
}
body.page--formSamples .formWrapper:last-child {
  margin-block-end: 0;
}

.flexAlign--left {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}

.flexAlign--right {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap;
}

.flexAlign--between {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.flexAlign--between [class^=buttonsWrapper] {
  width: auto;
}

.flexVertical--center {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}

.gridWrapper--inline {
  display: block !important;
}
.gridWrapper--inline [class^=formItem] {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.gridWrapper--inline [class^=formItem] .formItem__title {
  width: 40%;
  max-width: 40%;
  flex-basis: 40%;
  margin: 0;
  padding-inline-end: 8px;
}
.gridWrapper--inline [class^=formItem] .formItem__title_fullwidth {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0;
  padding-inline-end: 8px;
}
.gridWrapper--inline [class^=formItem] .formItem__title_20width {
  width: 20%;
  max-width: 20%;
  flex-basis: 20%;
  margin: 0;
  padding-inline-end: 8px;
}
.gridWrapper--inline [class^=formItem] .formItem__title_wide_checkbox {
  width: 90%;
  max-width: 90%;
  flex-basis: 90%;
  margin: 0;
  padding-inline-end: 8px;
  font-weight: 400;
}
.gridWrapper--inline [class^=formItem] .formItem__title_wide_checkbox_list {
  width: 90%;
  max-width: 90%;
  flex-basis: 90%;
  margin: 0;
  padding-inline-end: 8px;
  font-weight: 500;
  font-size: 14px;
}
.gridWrapper--inline [class^=formItem] .inner {
  width: 60%;
  max-width: 60%;
  flex-basis: 60%;
}
.gridWrapper--inline [class^=formItem] .inner p {
  color: #131417;
}
.gridWrapper--inline [class^=formItem] .inner_fullwidth {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
.gridWrapper--inline [class^=formItem] .inner_fullwidth p {
  color: #131417;
}
.gridWrapper--inline [class^=formItem] .inner_20width {
  width: 80%;
  max-width: 80%;
  flex-basis: 80%;
}
.gridWrapper--inline [class^=formItem] .inner_20width p {
  color: #131417;
}
.gridWrapper--inline [class^=formItem] .inner_wide_checkbox {
  width: 10%;
  max-width: 10%;
  flex-basis: 10%;
}
.gridWrapper--inline [class^=formItem] .inner_wide_checkbox p {
  color: #131417;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w33pre {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 24px;
  }
}
.gridWrapper--w33pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w33pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gridWrapper--w33pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w33pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w333pre {
    display: grid;
    grid-template-columns: 1fr 0.3fr 1fr;
    column-gap: 24px;
  }
}
.gridWrapper--w333pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w333pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gridWrapper--w333pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w333pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w31pre {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    column-gap: 24px;
  }
}
.gridWrapper--w31pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w31pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gridWrapper--w31pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w31pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w23pre {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 24px;
  }
}
.gridWrapper--w23pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w23pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gridWrapper--w23pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w23pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w32pre {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 24px;
  }
}
.gridWrapper--w32pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w32pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gridWrapper--w32pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w32pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w25pre {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 14px;
  }
}
.gridWrapper--w25pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w25pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 4;
}
.gridWrapper--w25pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w25pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

.jqs-setCardHeightTo100 {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  flex-direction: column;
}
.jqs-setCardHeightTo100 .cardContent {
  flex-grow: 1;
}
.jqs-setCardHeightTo100 .cardContent .inner {
  height: 100%;
}
.jqs-setCardHeightTo100 .cardContent .inner > [data-tab] {
  height: 100%;
}
.jqs-setCardHeightTo100 .cardContent .inner form.hasFooter {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
}
.jqs-setCardHeightTo100 .cardContent .inner form.hasFooter .formContent,
.jqs-setCardHeightTo100 .cardContent .inner form.hasFooter .innerScroll {
  flex-grow: 1;
}
.jqs-setCardHeightTo100 .cardContent .inner form.hasFooter .formFooter {
  display: grid;
  padding-block-start: 24px;
}
.jqs-setCardHeightTo100 .cardContent .inner form.hasFooter .formFooter > div {
  align-self: end;
}

[class^=form-group] {
  margin-block-end: 0px !important;
  /*&:last-child {
      margin-block-end: 0!important;
  }*/
}

[class^=formItem] {
  margin-block-end: 0px;
}
[class^=formItem].margin {
  margin-block-end: 16px;
}
[class^=formItem]:last-child {
  margin-block-end: 0;
}
[class^=formItem].hasWarning input, [class^=formItem].hasWarning select, [class^=formItem].hasWarning textarea:not(.select2-search__field),
[class^=formItem].hasWarning .select2-container--default .select2-selection--single,
[class^=formItem].hasWarning .select2-container .select2-selection--multiple,
[class^=formItem].hasWarning .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #EC554F;
}
[class^=formItem].hasWarning input:focus, [class^=formItem].hasWarning select:focus, [class^=formItem].hasWarning textarea:not(.select2-search__field):focus,
[class^=formItem].hasWarning .select2-container--default .select2-selection--single:focus,
[class^=formItem].hasWarning .select2-container .select2-selection--multiple:focus,
[class^=formItem].hasWarning .select2-container--default.select2-container--focus .select2-selection--multiple:focus {
  border: 1px solid #EC554F;
  outline: 2px solid #FBDDDC;
  box-shadow: none;
}
[class^=formItem].hasWarning input:hover, [class^=formItem].hasWarning select:hover, [class^=formItem].hasWarning textarea:not(.select2-search__field):hover,
[class^=formItem].hasWarning .select2-container--default .select2-selection--single:hover,
[class^=formItem].hasWarning .select2-container .select2-selection--multiple:hover,
[class^=formItem].hasWarning .select2-container--default.select2-container--focus .select2-selection--multiple:hover {
  outline: 2px solid #FBDDDC;
}
[class^=formItem] .formItem__title,
[class^=formItem] .formItem__title_fullwidth,
[class^=formItem] .formItem__title_20width {
  width: 100%;
  margin-block-end: 8px;
  color: #131417;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
[class^=formItem] .formItem__title.required svg,
[class^=formItem] .formItem__title_fullwidth.required svg,
[class^=formItem] .formItem__title_20width.required svg {
  margin-inline-start: 4px;
}

.warning {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-block-start: 8px !important;
  color: #EC554F !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.68 !important;
  letter-spacing: -0.02em !important;
}
.warning svg {
  margin-inline-end: 8px !important;
}
.warning p {
  color: #EC554F !important;
}

::placeholder {
  color: #A1A6B0;
  opacity: 1;
}

[id$=-selectized] {
  width: auto !important;
}
[id$=-selectized]:hover {
  outline: none !important;
}
[id$=-selectized]:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
[id$=-selectized]:focus:hover {
  outline: none !important;
}

input, select, textarea:not(.select2-search__field) {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100% !important;
  padding: 0 10px !important;
  border: 1px solid #E1E2E6 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08) !important;
  color: #131417 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}
input:hover, select:hover, textarea:not(.select2-search__field):hover {
  outline: 2px solid #ECEBFB !important;
}
input:focus, select:focus, textarea:not(.select2-search__field):focus {
  border: 1px solid #336699 !important;
  outline: 2px solid #ECEBFB !important;
  box-shadow: none !important;
}
input:focus:hover, select:focus:hover, textarea:not(.select2-search__field):focus:hover {
  outline: 2px solid #ECEBFB !important;
}

[class^=formItem] textarea:not(.select2-search__field) {
  padding-block: 8px;
}
[class^=formItem].large input, [class^=formItem].large select, [class^=formItem].large textarea:not(.select2-search__field) {
  font-size: 16px;
  line-height: 1.47;
}
[class^=formItem].large input {
  min-height: 44px;
}
[class^=formItem].large .select2-container .select2-selection--single,
[class^=formItem].large .select2-container .select2-selection--multiple {
  height: 44px;
}
[class^=formItem].large .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  line-height: 1.47;
}
[class^=formItem].large .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  font-size: 16px;
}
[class^=formItem].normal input:not([type=file]), [class^=formItem].normal select, [class^=formItem].normal textarea:not(.select2-search__field) {
  font-size: 14px;
  line-height: 1.16;
  padding: 6px 10px !important;
}
[class^=formItem].normal input[type=file] {
  font-size: 14px;
  line-height: 1.16;
  padding: 0px 10px !important;
}
[class^=formItem].normal .input-group input:not(.radioBtn, .spectrum-input) {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[class^=formItem].normal input {
  min-height: 36px;
}
[class^=formItem].normal .select2-container .select2-selection--single,
[class^=formItem].normal .select2-container .select2-selection--multiple {
  height: 36px;
}
[class^=formItem].normal .select2-container .select2-selection--multiple:not(.stretchHeight) {
  height: auto !important;
}
[class^=formItem].normal .select2-container--krajee-bs3 .select2-selection--single {
  padding: 6px 24px 6px 0px !important;
}
[class^=formItem].normal .input-group .select2-container--krajee-bs3 .select2-selection--single {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[class^=formItem].normal .input-group-addon .select2-container--krajee-bs3 .select2-selection--single {
  border-right: 1px solid #E1E2E6 !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
[class^=formItem].normal .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  line-height: 1.16;
}
[class^=formItem].normal .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  font-size: 14px;
}
[class^=formItem].normal .select2-container--default .select2-selection--single .select2-selection__arrow b {
  width: 16px;
  height: 16px;
}
[class^=formItem].normal .select2-container .select2-selection--multiple:after {
  top: 8px;
  width: 16px;
  height: 16px;
}
[class^=formItem].normal .select2-container .select2-search--inline .select2-search__field {
  font-size: 14px;
}
[class^=formItem].normal .select2-container--default .select2-selection--multiple {
  font-size: 14px;
  line-height: 1.16;
}
[class^=formItem].small input, [class^=formItem].small select, [class^=formItem].small textarea:not(.select2-search__field) {
  font-size: 14px;
  line-height: 1.16;
}
[class^=formItem].small input {
  min-height: 28px;
}
[class^=formItem].small .select2-container .select2-selection--single,
[class^=formItem].small .select2-container .select2-selection--multiple {
  height: 28px;
}
[class^=formItem].small .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  line-height: 1.16;
}
[class^=formItem].small .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  font-size: 14px;
}
[class^=formItem].small .select2-container .select2-selection--multiple:after {
  top: 5px;
}
[class^=formItem].small .select2-container .select2-search--inline .select2-search__field {
  font-size: 14px;
}
[class^=formItem].small .select2-container--default .select2-selection--multiple {
  font-size: 14px;
  line-height: 1.16;
}
[class^=formItem].small .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-block: 0;
}
[class^=formItem].iconLeft .inner span, [class^=formItem].iconLeft .inner svg {
  position: absolute;
  /*top: 20%;*/
  top: 10px;
  left: 9px;
  z-index: 10;
}
[class^=formItem].iconLeft .inner span {
  width: 20px;
  height: 20px;
}
[class^=formItem].iconLeft .inner input {
  padding-left: 36px !important;
}

button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer;
}

.buttonsWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
}
.buttonsWrapper button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  height: 44px;
}

.formItem--password input[type=password] {
  padding-inline-end: 46px;
}
.formItem--password #showPassword {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px !important;
  height: 100%;
  outline: none !important;
  border: none !important;
  background: transparent url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9998 4.125C6.4165 4.125 2.50234 6.97583 0.916504 11C2.50234 15.0242 6.4165 17.875 10.9998 17.875C15.5832 17.875 19.4973 15.0242 21.0832 11C19.4973 6.97583 15.5832 4.125 10.9998 4.125ZM10.9998 15.5833C8.46984 15.5833 6.4165 13.53 6.4165 11C6.4165 8.47 8.46984 6.41667 10.9998 6.41667C13.5298 6.41667 15.5832 8.47 15.5832 11C15.5832 13.53 13.5298 15.5833 10.9998 15.5833ZM8.24984 11C8.24984 9.47833 9.47817 8.25 10.9998 8.25C12.5215 8.25 13.7498 9.47833 13.7498 11C13.7498 12.5217 12.5215 13.75 10.9998 13.75C9.47817 13.75 8.24984 12.5217 8.24984 11Z' fill='%23A1A6B0'/%3E%3C/svg%3E%0A") no-repeat center right 10px;
  z-index: 2;
  box-shadow: none !important;
  cursor: pointer;
}
.formItem--password #showPassword.hidebutton {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4155 4.49622C2.09402 4.17474 2.09402 3.65352 2.4155 3.33205C2.73697 3.01057 3.25819 3.01057 3.57967 3.33205L18.6675 18.4199C18.9893 18.7416 18.9893 19.2633 18.6675 19.585C18.3461 19.9064 17.8252 19.9069 17.5033 19.586L15.4001 17.49L15.0151 17.105C13.7776 17.6 12.4209 17.875 11.0001 17.875C6.41675 17.875 2.50258 15.0241 0.916748 11C1.63175 9.18497 2.82341 7.6083 4.34508 6.4258L3.92341 6.00413L2.4155 4.49622ZM15.5834 11C15.5834 8.46997 13.5301 6.41663 11.0001 6.41663C10.4042 6.41663 9.84508 6.5358 9.32258 6.74663L7.34258 4.76663C8.47925 4.35413 9.70758 4.12497 10.9909 4.12497C15.5742 4.12497 19.4884 6.9758 21.0742 11C20.4051 12.705 19.3142 14.1991 17.9301 15.3541L15.2534 12.6775C15.4642 12.155 15.5834 11.5958 15.5834 11ZM8.32341 10.4041C8.27758 10.5966 8.25008 10.7983 8.25008 11C8.25008 12.5216 9.47841 13.75 11.0001 13.75C11.2017 13.75 11.4034 13.7225 11.5959 13.6766L13.0167 15.0975C12.4026 15.4 11.7242 15.5833 11.0001 15.5833C8.47008 15.5833 6.41675 13.53 6.41675 11C6.41675 10.2758 6.60008 9.59747 6.90258 8.9833L8.32341 10.4041ZM13.7409 11.1558L10.8534 8.2683L11.0092 8.25913C12.5309 8.25913 13.7592 9.48746 13.7592 11.0091L13.7409 11.1558Z' fill='%23A1A6B0'/%3E%3C/svg%3E%0A");
}

.formItem--singleCheckbox input[type=checkbox] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  position: absolute !important;
  top: 12px;
  left: 0;
  width: 20px !important;
  min-height: auto;
  height: 20px;
  margin: 0;
  padding: 0 !important;
  border-radius: 3px !important;
  border: 1px solid #E1E2E6;
  background-color: white;
}
.formItem--singleCheckbox input[type=checkbox]:checked {
  background: #336699 url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4216 9.63291C4.76173 9.29279 5.31318 9.29279 5.65331 9.63291L8.54874 12.5284L14.3148 6.12157C14.6366 5.76404 15.1873 5.73506 15.5448 6.05684C15.9024 6.37862 15.9314 6.92931 15.6096 7.28684L9.22938 14.376C8.89557 14.7469 8.319 14.762 7.96616 14.4092L4.4216 10.8646C4.08147 10.5245 4.08147 9.97304 4.4216 9.63291Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center/20px;
  border-color: #336699;
  outline: 2px solid #ECEBFB;
  box-shadow: none;
}
.formItem--singleCheckbox input[type=radio] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  position: absolute !important;
  top: 12px;
  left: 0;
  width: 20px !important;
  min-height: auto;
  height: 20px;
  margin: 0;
  padding: 0 !important;
  border-radius: 50px !important;
  border: 1px solid #E1E2E6;
  background-color: white;
}
.formItem--singleCheckbox input[type=radio]:checked {
  background: #336699 url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4216 9.63291C4.76173 9.29279 5.31318 9.29279 5.65331 9.63291L8.54874 12.5284L14.3148 6.12157C14.6366 5.76404 15.1873 5.73506 15.5448 6.05684C15.9024 6.37862 15.9314 6.92931 15.6096 7.28684L9.22938 14.376C8.89557 14.7469 8.319 14.762 7.96616 14.4092L4.4216 10.8646C4.08147 10.5245 4.08147 9.97304 4.4216 9.63291Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center/20px;
  border-color: #336699;
  outline: 2px solid #ECEBFB;
  box-shadow: none;
}
.formItem--singleCheckbox label {
  padding-inline-start: 28px;
  position: absolute;
  top: 38px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.formItem--labelLessCheckbox input[type=checkbox] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  width: 20px !important;
  min-height: auto;
  height: 20px;
  margin: 0;
  padding: 0 !important;
  border-radius: 3px !important;
  border: 1px solid #E1E2E6 !important;
  background-color: white !important;
}
.formItem--labelLessCheckbox input[type=checkbox]:checked {
  background: #336699 url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4216 9.63291C4.76173 9.29279 5.31318 9.29279 5.65331 9.63291L8.54874 12.5284L14.3148 6.12157C14.6366 5.76404 15.1873 5.73506 15.5448 6.05684C15.9024 6.37862 15.9314 6.92931 15.6096 7.28684L9.22938 14.376C8.89557 14.7469 8.319 14.762 7.96616 14.4092L4.4216 10.8646C4.08147 10.5245 4.08147 9.97304 4.4216 9.63291Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center/20px !important;
  border-color: #336699 !important;
  outline: 2px solid #ECEBFB;
  box-shadow: none !important;
}
.formItem--labelLessCheckbox input[type=radio] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  width: 20px !important;
  min-height: auto;
  height: 20px;
  margin: 0;
  padding: 0 !important;
  border-radius: 32px !important;
  border: 1px solid #E1E2E6 !important;
  background-color: white !important;
}
.formItem--labelLessCheckbox input[type=radio]:checked {
  background: #336699 url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4216 9.63291C4.76173 9.29279 5.31318 9.29279 5.65331 9.63291L8.54874 12.5284L14.3148 6.12157C14.6366 5.76404 15.1873 5.73506 15.5448 6.05684C15.9024 6.37862 15.9314 6.92931 15.6096 7.28684L9.22938 14.376C8.89557 14.7469 8.319 14.762 7.96616 14.4092L4.4216 10.8646C4.08147 10.5245 4.08147 9.97304 4.4216 9.63291Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center/20px !important;
  border-color: #336699 !important;
  outline: 2px solid #ECEBFB;
  box-shadow: none !important;
}

.formItem--date .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--date .inner .krajee-datepicker,
.formItem--date .inner input[type=date] {
  width: auto;
  max-width: none;
  flex-basis: auto;
  min-width: 180px;
}
.formItem--date .inner .krajee-datepicker::-webkit-calendar-picker-indicator,
.formItem--date .inner input[type=date]::-webkit-calendar-picker-indicator {
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3335 1.33337C11.7017 1.33337 12.0002 1.63185 12.0002 2.00004V2.66671H12.6668C13.7714 2.66671 14.6668 3.56214 14.6668 4.66671V12.6667C14.6668 13.7713 13.7714 14.6667 12.6668 14.6667H3.3335C2.22893 14.6667 1.3335 13.7713 1.3335 12.6667V4.66671C1.3335 3.56214 2.22893 2.66671 3.3335 2.66671H4.00016V2.00004C4.00016 1.63185 4.29864 1.33337 4.66683 1.33337C5.03502 1.33337 5.3335 1.63185 5.3335 2.00004V2.66671H10.6668V2.00004C10.6668 1.63185 10.9653 1.33337 11.3335 1.33337ZM2.66683 8.00004V12.6667C2.66683 13.0349 2.96531 13.3334 3.3335 13.3334H12.6668C13.035 13.3334 13.3335 13.0349 13.3335 12.6667V8.00004H2.66683ZM2.66683 6.66671H13.3335V4.66671C13.3335 4.29852 13.035 4.00004 12.6668 4.00004H12.0002V4.66671C12.0002 5.0349 11.7017 5.33337 11.3335 5.33337C10.9653 5.33337 10.6668 5.0349 10.6668 4.66671V4.00004H5.3335V4.66671C5.3335 5.0349 5.03502 5.33337 4.66683 5.33337C4.29864 5.33337 4.00016 5.0349 4.00016 4.66671V4.00004H3.3335C2.96531 4.00004 2.66683 4.29852 2.66683 4.66671V6.66671Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center;
  color: #131417;
  opacity: 1;
}
.formItem--date .inner .krajee-datepicker:disabled,
.formItem--date .inner input[type=date]:disabled {
  color: #A1A6B0;
}
.formItem--date .inner .krajee-datepicker:disabled::-webkit-calendar-picker-indicator,
.formItem--date .inner input[type=date]:disabled::-webkit-calendar-picker-indicator {
  color: #A1A6B0;
}
.formItem--date .inner span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-inline: 4px;
}

.formItem--dateFromTo .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--dateFromTo .inner .krajee-datepicker,
.formItem--dateFromTo .inner input[type=date] {
  width: auto;
  max-width: none;
  flex-basis: auto;
  min-width: 180px;
}
.formItem--dateFromTo .inner .krajee-datepicker::-webkit-calendar-picker-indicator,
.formItem--dateFromTo .inner input[type=date]::-webkit-calendar-picker-indicator {
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3335 1.33337C11.7017 1.33337 12.0002 1.63185 12.0002 2.00004V2.66671H12.6668C13.7714 2.66671 14.6668 3.56214 14.6668 4.66671V12.6667C14.6668 13.7713 13.7714 14.6667 12.6668 14.6667H3.3335C2.22893 14.6667 1.3335 13.7713 1.3335 12.6667V4.66671C1.3335 3.56214 2.22893 2.66671 3.3335 2.66671H4.00016V2.00004C4.00016 1.63185 4.29864 1.33337 4.66683 1.33337C5.03502 1.33337 5.3335 1.63185 5.3335 2.00004V2.66671H10.6668V2.00004C10.6668 1.63185 10.9653 1.33337 11.3335 1.33337ZM2.66683 8.00004V12.6667C2.66683 13.0349 2.96531 13.3334 3.3335 13.3334H12.6668C13.035 13.3334 13.3335 13.0349 13.3335 12.6667V8.00004H2.66683ZM2.66683 6.66671H13.3335V4.66671C13.3335 4.29852 13.035 4.00004 12.6668 4.00004H12.0002V4.66671C12.0002 5.0349 11.7017 5.33337 11.3335 5.33337C10.9653 5.33337 10.6668 5.0349 10.6668 4.66671V4.00004H5.3335V4.66671C5.3335 5.0349 5.03502 5.33337 4.66683 5.33337C4.29864 5.33337 4.00016 5.0349 4.00016 4.66671V4.00004H3.3335C2.96531 4.00004 2.66683 4.29852 2.66683 4.66671V6.66671Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center;
  color: #131417;
  opacity: 1;
}
.formItem--dateFromTo .inner span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-inline: 4px;
}

.full-width-datepicker {
  width: calc(100% - 62px) !important;
}

.krajee-datepicker,
.calendar,
.bigCalendar {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: auto;
  max-width: none;
  flex-basis: auto;
  min-width: 115px;
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  color: #131417;
  opacity: 1;
}

.calendar,
.bigCalendar {
  min-height: 36px;
  border-right: none !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: none;
  max-width: 115px;
  font-size: 14px;
}

.wideCalendar {
  max-width: 165px;
}

.widewideCalendar {
  max-width: 195px;
}

.widewidewideCalendar {
  min-width: 200px;
}

.bigCalendar {
  max-width: 165px !important;
}

@media only screen and (min-width: 768px) {
  .cardHeaderRow1 .form-group:nth-child(-n+3) {
    padding-block-end: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cardHeaderRow1 .form-group:nth-child(-n+4) {
    padding-block-end: 20px;
  }
}
@media only screen and (min-width: 1251px) {
  .cardHeaderRow1 .form-group:nth-child(-n+5) {
    padding-block-end: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .cardHeaderRow1 .form-group:nth-child(-n+6) {
    padding-block-end: 0px;
  }
}

.sidebar.opened + .cardHeaderRow1 {
  padding-bottom: 200px;
}
@media only screen and (min-width: 768px) {
  .sidebar.opened + .cardHeaderRow1 .form-group:nth-child(-n+2) {
    padding-block-end: 20px !important;
  }
}
@media only screen and (min-width: 960px) {
  .sidebar.opened + .cardHeaderRow1 .form-group:nth-child(-n+3) {
    padding-block-end: 20px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .sidebar.opened + .cardHeaderRow1 .form-group:nth-child(-n+4) {
    padding-block-end: 20px !important;
  }
}
@media only screen and (min-width: 1251px) {
  .sidebar.opened + .cardHeaderRow1 .form-group:nth-child(-n+5) {
    padding-block-end: 20px !important;
  }
}
@media only screen and (min-width: 1440px) {
  .sidebar.opened + .cardHeaderRow1 .form-group:nth-child(-n+6) {
    padding-block-end: 0px !important;
  }
}

.date .kv-datetime-picker,
.date .kv-date-picker {
  border: 1px solid #E1E2E6 !important;
  border-radius: 8px !important;
  border-left: none !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.date .kv-datetime-remove,
.date .kv-date-remove {
  border-top: 1px solid #E1E2E6 !important;
  border-bottom: 1px solid #E1E2E6 !important;
}

.kv-datetime-picker,
.kv-datetime-remove,
.kv-date-picker,
.kv-date-remove {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: transparent;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3335 1.33337C11.7017 1.33337 12.0002 1.63185 12.0002 2.00004V2.66671H12.6668C13.7714 2.66671 14.6668 3.56214 14.6668 4.66671V12.6667C14.6668 13.7713 13.7714 14.6667 12.6668 14.6667H3.3335C2.22893 14.6667 1.3335 13.7713 1.3335 12.6667V4.66671C1.3335 3.56214 2.22893 2.66671 3.3335 2.66671H4.00016V2.00004C4.00016 1.63185 4.29864 1.33337 4.66683 1.33337C5.03502 1.33337 5.3335 1.63185 5.3335 2.00004V2.66671H10.6668V2.00004C10.6668 1.63185 10.9653 1.33337 11.3335 1.33337ZM2.66683 8.00004V12.6667C2.66683 13.0349 2.96531 13.3334 3.3335 13.3334H12.6668C13.035 13.3334 13.3335 13.0349 13.3335 12.6667V8.00004H2.66683ZM2.66683 6.66671H13.3335V4.66671C13.3335 4.29852 13.035 4.00004 12.6668 4.00004H12.0002V4.66671C12.0002 5.0349 11.7017 5.33337 11.3335 5.33337C10.9653 5.33337 10.6668 5.0349 10.6668 4.66671V4.00004H5.3335V4.66671C5.3335 5.0349 5.03502 5.33337 4.66683 5.33337C4.29864 5.33337 4.00016 5.0349 4.00016 4.66671V4.00004H3.3335C2.96531 4.00004 2.66683 4.29852 2.66683 4.66671V6.66671Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center !important;
  border: none;
  border-left: none !important;
  border-radius: inherit;
  width: 16px !important;
  height: 16px !important;
}

.kv-datetime-remove,
.kv-date-remove {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 2C17.5523 2 18 2.44772 18 3V4H19C20.6569 4 22 5.34315 22 7V9C22 9.55228 21.5523 10 21 10C20.4477 10 20 9.55228 20 9V7C20 6.44772 19.5523 6 19 6H18V7C18 7.55228 17.5523 8 17 8C16.4477 8 16 7.55228 16 7V6H8V7C8 7.55228 7.55228 8 7 8C6.44772 8 6 7.55228 6 7V6H5C4.44772 6 4 6.44772 4 7V10H9C9.55228 10 10 10.4477 10 11C10 11.5523 9.55228 12 9 12H4V19C4 19.5523 4.44772 20 5 20H9C9.55228 20 10 20.4477 10 21C10 21.5523 9.55228 22 9 22H5C3.34315 22 2 20.6569 2 19V7C2 5.34315 3.34315 4 5 4H6V3C6 2.44772 6.44772 2 7 2C7.55228 2 8 2.44772 8 3V4H16V3C16 2.44772 16.4477 2 17 2ZM15.7071 14.2929L18 16.585L20.2929 14.2929C20.6534 13.9324 21.2206 13.9047 21.6129 14.2097L21.7071 14.2929C22.0676 14.6534 22.0953 15.2206 21.7903 15.6129L21.7071 15.7071L19.415 18L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L18 19.415L15.7071 21.7071C15.3466 22.0676 14.7794 22.0953 14.3871 21.7903L14.2929 21.7071C13.9324 21.3466 13.9047 20.7794 14.2097 20.3871L14.2929 20.2929L16.585 18L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929C14.6834 13.9024 15.3166 13.9024 15.7071 14.2929Z' fill='%23cc0000'/%3E%3C/svg%3E") no-repeat center center !important;
}

.formItem--time .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--time .inner .krajee-datepicker,
.formItem--time .inner input[type=time] {
  width: auto;
  max-width: none;
  flex-basis: auto;
  min-width: 88px;
}
.formItem--time .inner .krajee-datepicker::-webkit-calendar-picker-indicator,
.formItem--time .inner input[type=time]::-webkit-calendar-picker-indicator {
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99998 1.33337C11.6819 1.33337 14.6666 4.31814 14.6666 8.00004C14.6666 11.6819 11.6819 14.6667 7.99998 14.6667C4.31808 14.6667 1.33331 11.6819 1.33331 8.00004C1.33331 4.31814 4.31808 1.33337 7.99998 1.33337ZM7.99998 2.66671C5.05446 2.66671 2.66665 5.05452 2.66665 8.00004C2.66665 10.9456 5.05446 13.3334 7.99998 13.3334C10.9455 13.3334 13.3333 10.9456 13.3333 8.00004C13.3333 5.05452 10.9455 2.66671 7.99998 2.66671ZM7.99998 4.00004C8.34187 4.00004 8.62365 4.2574 8.66216 4.58896L8.66665 4.66671V7.7239L9.80472 8.86197C10.0651 9.12232 10.0651 9.54443 9.80472 9.80478C9.56439 10.0451 9.18624 10.0636 8.92471 9.86024L8.86191 9.80478L7.52858 8.47145C7.42439 8.36726 7.35825 8.23214 7.33909 8.08767L7.33331 8.00004V4.66671C7.33331 4.29852 7.63179 4.00004 7.99998 4.00004Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center;
  color: #131417;
  opacity: 1;
}

.formItem--timeFromTo .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--timeFromTo .inner .align {
  width: calc(50% - 8px);
}
.formItem--timeFromTo .inner .align .krajee-datepicker,
.formItem--timeFromTo .inner .align input[type=time] {
  width: auto;
  max-width: none;
  flex-basis: auto;
  width: 100%;
}
.formItem--timeFromTo .inner .align .krajee-datepicker::-webkit-calendar-picker-indicator,
.formItem--timeFromTo .inner .align input[type=time]::-webkit-calendar-picker-indicator {
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99998 1.33337C11.6819 1.33337 14.6666 4.31814 14.6666 8.00004C14.6666 11.6819 11.6819 14.6667 7.99998 14.6667C4.31808 14.6667 1.33331 11.6819 1.33331 8.00004C1.33331 4.31814 4.31808 1.33337 7.99998 1.33337ZM7.99998 2.66671C5.05446 2.66671 2.66665 5.05452 2.66665 8.00004C2.66665 10.9456 5.05446 13.3334 7.99998 13.3334C10.9455 13.3334 13.3333 10.9456 13.3333 8.00004C13.3333 5.05452 10.9455 2.66671 7.99998 2.66671ZM7.99998 4.00004C8.34187 4.00004 8.62365 4.2574 8.66216 4.58896L8.66665 4.66671V7.7239L9.80472 8.86197C10.0651 9.12232 10.0651 9.54443 9.80472 9.80478C9.56439 10.0451 9.18624 10.0636 8.92471 9.86024L8.86191 9.80478L7.52858 8.47145C7.42439 8.36726 7.35825 8.23214 7.33909 8.08767L7.33331 8.00004V4.66671C7.33331 4.29852 7.63179 4.00004 7.99998 4.00004Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center;
  color: #131417;
  opacity: 1;
}

.formItem--date .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--date .inner .krajee-datepicker,
.formItem--date .inner input[type=date] {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
.formItem--date .inner .krajee-datepicker::-webkit-calendar-picker-indicator,
.formItem--date .inner input[type=date]::-webkit-calendar-picker-indicator {
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3335 1.33337C11.7017 1.33337 12.0002 1.63185 12.0002 2.00004V2.66671H12.6668C13.7714 2.66671 14.6668 3.56214 14.6668 4.66671V12.6667C14.6668 13.7713 13.7714 14.6667 12.6668 14.6667H3.3335C2.22893 14.6667 1.3335 13.7713 1.3335 12.6667V4.66671C1.3335 3.56214 2.22893 2.66671 3.3335 2.66671H4.00016V2.00004C4.00016 1.63185 4.29864 1.33337 4.66683 1.33337C5.03502 1.33337 5.3335 1.63185 5.3335 2.00004V2.66671H10.6668V2.00004C10.6668 1.63185 10.9653 1.33337 11.3335 1.33337ZM2.66683 8.00004V12.6667C2.66683 13.0349 2.96531 13.3334 3.3335 13.3334H12.6668C13.035 13.3334 13.3335 13.0349 13.3335 12.6667V8.00004H2.66683ZM2.66683 6.66671H13.3335V4.66671C13.3335 4.29852 13.035 4.00004 12.6668 4.00004H12.0002V4.66671C12.0002 5.0349 11.7017 5.33337 11.3335 5.33337C10.9653 5.33337 10.6668 5.0349 10.6668 4.66671V4.00004H5.3335V4.66671C5.3335 5.0349 5.03502 5.33337 4.66683 5.33337C4.29864 5.33337 4.00016 5.0349 4.00016 4.66671V4.00004H3.3335C2.96531 4.00004 2.66683 4.29852 2.66683 4.66671V6.66671Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center;
  color: #131417;
  opacity: 1;
}

.select2 {
  width: 100% !important;
}

.select2Bigger .select2 {
  min-width: 205px !important;
}

.select2_400 .select2 {
  min-width: 400px !important;
}
.select2_400 .select2 .form-group {
  min-width: 400px !important;
}

.select2-dropdown {
  border: 1px solid #E1E2E6;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08);
  overflow: hidden;
  z-index: 11051 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
  display: -ms-flexbox !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  height: 100%;
  padding-inline: 14px 0px !important;
  color: #131417 !important;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-right: 5px;
}

.select2-container--default .select2-selection--multiple {
  padding-block: 0;
  padding-inline: 10px 34px;
}
.select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  color: #131417;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #F6F7F9;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--disabled .select2-selection--multiple:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1936 6.66751L8.33656 10.1626C8.15037 10.3903 7.84942 10.3903 7.66324 10.1626L4.80614 6.66751C4.61996 6.43975 4.61996 6.07161 4.80614 5.84385C4.99233 5.61609 5.1428 5.67304 5.38089 5.67304L7.99989 5.67304L10.4218 5.67304C10.857 5.67304 11.0075 5.61609 11.1936 5.84385C11.2865 5.95744 11.3332 6.10656 11.3332 6.25568C11.3332 6.4048 11.2865 6.55393 11.1936 6.66751Z' fill='%23A1A6B0'/%3E%3C/svg%3E");
}

.tableFilterRow .select2-selection--single {
  border: 1px solid #E1E2E6 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08) !important;
}

.select2-container--default .select2-selection--single, .select2-container--krajee-bs3 .select2-selection--single {
  border: 1px solid #E1E2E6 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08) !important;
}
.select2-container--default .select2-selection--single:hover, .select2-container--krajee-bs3 .select2-selection--single:hover {
  outline: 2px solid #ECEBFB;
}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 34px;
  height: 100%;
  top: 0;
  right: 0;
  border-left: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow b {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  border: none;
  top: auto;
  left: auto;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1936 6.66751L8.33656 10.1626C8.15037 10.3903 7.84942 10.3903 7.66324 10.1626L4.80614 6.66751C4.61996 6.43975 4.61996 6.07161 4.80614 5.84385C4.99233 5.61609 5.1428 5.67304 5.38089 5.67304L7.99989 5.67304L10.4218 5.67304C10.857 5.67304 11.0075 5.61609 11.1936 5.84385C11.2865 5.95744 11.3332 6.10656 11.3332 6.25568C11.3332 6.4048 11.2865 6.55393 11.1936 6.66751Z' fill='%233A4254'/%3E%3C/svg%3E");
  transition: transform 0.175s ease-in-out;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--krajee-bs3.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear {
  right: 25px;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear, .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
  left: 0px;
  cursor: pointer;
  position: absolute;
  top: 2px;
  font-size: 16px;
}

.select2-selection__clear, .select2-selection__clear {
  max-width: 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--krajee-bs3 .select2-search--dropdown .select2-search__field {
  padding: 0 10px;
  border: 1px solid #336699;
  border-radius: 8px;
  outline: 2px solid #ECEBFB;
  box-shadow: none;
  color: #131417;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 28px;
}

.select2-container--default .select2-results__option--selected {
  color: #336699;
  background-color: #ECEBFB;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #336699;
}

.select2-results__option {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 28px;
}

.select2-container .select2-selection--multiple {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  border: 1px solid #E1E2E6;
  border-radius: 8px;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08);
}
.select2-container .select2-selection--multiple:hover {
  outline: 2px solid #ECEBFB;
}
.select2-container .select2-selection--multiple:after {
  display: block;
  position: absolute;
  top: 9px;
  right: 8px;
  width: 18px;
  height: 18px;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1936 6.66751L8.33656 10.1626C8.15037 10.3903 7.84942 10.3903 7.66324 10.1626L4.80614 6.66751C4.61996 6.43975 4.61996 6.07161 4.80614 5.84385C4.99233 5.61609 5.1428 5.67304 5.38089 5.67304L7.99989 5.67304L10.4218 5.67304C10.857 5.67304 11.0075 5.61609 11.1936 5.84385C11.2865 5.95744 11.3332 6.10656 11.3332 6.25568C11.3332 6.4048 11.2865 6.55393 11.1936 6.66751Z' fill='%233A4254'/%3E%3C/svg%3E");
  transition: transform 0.175s ease-in-out;
}
.select2-container.select2-container--open .select2-selection--multiple:after {
  transform: rotate(-180deg);
}

.select2-container .select2-search--inline .select2-search__field {
  margin: 0;
  height: 24px;
  color: #131417;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 24px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-block: 4px;
  margin-inline: 0 4px;
  padding-inline: 4px 24px;
  border: none;
  background: #E6EFFF;
  color: #3279FF;
  line-height: 24px;
}

.select2-container--default .select2-selection--multiple {
  color: #131417;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  left: auto;
  right: 4px;
  top: calc(50% - 9px);
  width: 18px;
  height: 18px;
  border: none;
  border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.94283 8.00017L11.8048 5.13817C12.0655 4.8775 12.0655 4.45617 11.8048 4.1955C11.5442 3.93483 11.1228 3.93483 10.8622 4.1955L8.00017 7.0575L5.13817 4.1955C4.8775 3.93483 4.45617 3.93483 4.1955 4.1955C3.93483 4.45617 3.93483 4.8775 4.1955 5.13817L7.0575 8.00017L4.1955 10.8622C3.93483 11.1228 3.93483 11.5442 4.1955 11.8048C4.3255 11.9348 4.49617 12.0002 4.66683 12.0002C4.8375 12.0002 5.00817 11.9348 5.13817 11.8048L8.00017 8.94283L10.8622 11.8048C10.9922 11.9348 11.1628 12.0002 11.3335 12.0002C11.5042 12.0002 11.6748 11.9348 11.8048 11.8048C12.0655 11.5442 12.0655 11.1228 11.8048 10.8622L8.94283 8.00017Z' fill='%233279FF'/%3E%3C/svg%3E") no-repeat center center/18px;
  content: "";
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
  display: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #336699;
  outline: 2px solid #ECEBFB;
  box-shadow: none;
}

[class^=flag] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
}

.flag--active {
  /*background: #E7F8F3;*/
  color: #669966;
}
.flag--accepted {
  color: white;
  background-color: #37ab86;
  padding: 4px 20px;
  border-radius: 10px;
  border: #37ab86 1px solid;
}
.flag--accepted .icon {
  right: 8px;
}
.flag--active2 {
  /*background: #E7F8F3;*/
  color: #006633;
}
.flag--inactive {
  /*background: #FDEEED;*/
  color: #EC554F;
}
.flag--natural {
  /*background: #E6EFFF;*/
  color: #0066cc !important;
}
.flag--natural a {
  color: #0066cc !important;
}

.flexWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
}
.flexWrapper .grid1 {
  width: 32%;
  max-width: 32%;
  flex-basis: 32%;
  margin-inline-end: 2%;
}
.flexWrapper .grid1:last-child {
  margin-inline-end: 0;
}
.flexWrapper .grid25 {
  width: 24%;
  max-width: 24%;
  flex-basis: 24%;
  margin-inline-end: 1%;
}
.flexWrapper .grid25:last-child {
  margin-inline-end: 0;
}

.responsiveTable {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
}
.responsiveTable [class*=buttonsWrapper] {
  display: inline-flex;
  display: -ms-inline-flexbox;
}

.svgContainer {
  width: 44px;
  height: 44px;
  overflow: hidden;
}
@media only screen and (max-width: 1440px) {
  .svgContainer {
    width: 35px;
    height: 35px;
  }
}

@media only screen and (max-width: 1440px) {
  .vatRight {
    min-width: 100px !important;
  }
}
@media only screen and (max-width: 1440px) {
  .vatRight.select2.select2-selection {
    padding: 6px 24px 6px 0px !important;
  }
}

.fullWidthTable {
  overflow-y: auto;
  max-height: 229px;
  min-height: 229px;
}
.fullWidthTable table {
  width: 100%;
}
.fullWidthTable table thead tr th,
.fullWidthTable table tbody tr td {
  border-right: none;
}

table {
  min-width: 100%;
  width: 100% !important;
  /*width: 1200px!important;*/
  max-width: inherit !important;
  margin-bottom: 0px !important;
}
table thead tr th {
  min-width: 82px;
  padding: 5px 8px !important;
  border-right: 1px solid #E1E2E6;
  border-bottom: 1px solid #E1E2E6 !important;
  background-color: #F6F7F9;
  color: #767D8C;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  line-height: 24px !important;
  letter-spacing: -0.02em;
  vertical-align: middle !important;
  white-space: nowrap;
}
table thead tr th:last-child {
  border-right: none;
}
table thead tr th a {
  color: #3A4254 !important;
}
table thead tr th a:hover {
  color: #336699 !important;
  text-decoration: none;
}
table thead tr th.action-column,
table tfoot tr th.action-column,
table tbody tr th.action-column {
  width: 42px !important;
}
table thead tr th,
table tfoot tr th,
table tbody tr th {
  min-width: 82px;
  padding: 5px 8px !important;
  border-right: 1px solid #E1E2E6;
  border-bottom: 1px solid #E1E2E6 !important;
  background-color: #e0e0e3;
  color: #131417;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  line-height: 24px !important;
  letter-spacing: -0.02em;
  vertical-align: middle !important;
  white-space: nowrap;
}
table thead tr th:last-child,
table tfoot tr th:last-child,
table tbody tr th:last-child {
  border-right: none;
}
table thead tr th a,
table tfoot tr th a,
table tbody tr th a {
  color: #131417 !important;
  font-weight: 600;
}
table thead tr th a:hover,
table tfoot tr th a:hover,
table tbody tr th a:hover {
  color: #336699 !important;
  text-decoration: none;
}
table thead tr td,
table tfoot tr td,
table tbody tr td {
  /*min-width: 42px!important;*/
  min-width: 100px !important;
  padding: 3px 8px !important;
  border-right: 1px solid #E1E2E6 !important;
  border-bottom: 1px solid #E1E2E6 !important;
  color: #000000 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: -0.02em !important;
  vertical-align: middle !important;
}
table thead tr td:last-child,
table tfoot tr td:last-child,
table tbody tr td:last-child {
  border-right: none !important;
}
table thead tr td.text--center,
table tfoot tr td.text--center,
table tbody tr td.text--center {
  text-align: center;
}
table thead tr td [class*=tdInner],
table tfoot tr td [class*=tdInner],
table tbody tr td [class*=tdInner] {
  display: flex;
  align-items: center;
  width: 100%;
}
table thead tr td [class*=tdInner] > span,
table tfoot tr td [class*=tdInner] > span,
table tbody tr td [class*=tdInner] > span {
  padding-inline-end: 8px;
  font-size: 14px;
  letter-spacing: -0.02em;
}
table thead tr td [class*=tdInner] span.celText,
table tfoot tr td [class*=tdInner] span.celText,
table tbody tr td [class*=tdInner] span.celText {
  color: #131417;
  font-weight: 600;
}
table thead tr td .tdInner--center,
table tfoot tr td .tdInner--center,
table tbody tr td .tdInner--center {
  justify-content: center;
}
table thead tr td .tdInner--between,
table tfoot tr td .tdInner--between,
table tbody tr td .tdInner--between {
  justify-content: space-between;
  width: max-content;
}
table thead tr td .tdInner--end,
table tfoot tr td .tdInner--end,
table tbody tr td .tdInner--end {
  justify-content: flex-end;
}
table thead tr td b,
table tfoot tr td b,
table tbody tr td b {
  font-weight: 600;
}
table thead tr.tr--large td,
table tfoot tr.tr--large td,
table tbody tr.tr--large td {
  padding-block: 16px;
}
table thead tr.tableFilterRow td,
table tfoot tr.tableFilterRow td,
table tbody tr.tableFilterRow td {
  padding: 0 2px !important;
}
table thead tr.tableFilterRow td input::-webkit-search-cancel-button,
table tfoot tr.tableFilterRow td input::-webkit-search-cancel-button,
table tbody tr.tableFilterRow td input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1785 10.0002L14.756 6.42271C15.0819 6.09687 15.0819 5.57021 14.756 5.24437C14.4302 4.91854 13.9035 4.91854 13.5777 5.24437L10.0002 8.82187L6.42271 5.24437C6.09687 4.91854 5.57021 4.91854 5.24437 5.24437C4.91854 5.57021 4.91854 6.09687 5.24437 6.42271L8.82187 10.0002L5.24437 13.5777C4.91854 13.9035 4.91854 14.4302 5.24437 14.756C5.40687 14.9185 5.62021 15.0002 5.83354 15.0002C6.04687 15.0002 6.26021 14.9185 6.42271 14.756L10.0002 11.1785L13.5777 14.756C13.7402 14.9185 13.9535 15.0002 14.1669 15.0002C14.3802 15.0002 14.5935 14.9185 14.756 14.756C15.0819 14.4302 15.0819 13.9035 14.756 13.5777L11.1785 10.0002Z' fill='%233A4254'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}
table thead tr.tableFilterRow td input[type=text],
table tfoot tr.tableFilterRow td input[type=text],
table tbody tr.tableFilterRow td input[type=text] {
  min-height: 36px;
  padding-inline: 10px 6px;
  border: 1px solid transparent !important;
  box-shadow: 0 0 2px transparent !important;
  z-index: 9;
}
table thead tr.tableFilterRow td input[type=text]:hover,
table tfoot tr.tableFilterRow td input[type=text]:hover,
table tbody tr.tableFilterRow td input[type=text]:hover {
  outline: none;
  box-shadow: 0 0 2px #ECEBFB;
}
table thead tr.tableFilterRow td input[type=text]:focus, table thead tr.tableFilterRow td input[type=text]:active,
table tfoot tr.tableFilterRow td input[type=text]:focus,
table tfoot tr.tableFilterRow td input[type=text]:active,
table tbody tr.tableFilterRow td input[type=text]:focus,
table tbody tr.tableFilterRow td input[type=text]:active {
  border: 1px solid #336699 !important;
  outline: none !important;
  box-shadow: 0 0 2px #ECEBFB !important;
}
table thead tr.tableFilterRow td input[type=text]:focus:hover, table thead tr.tableFilterRow td input[type=text]:active:hover,
table tfoot tr.tableFilterRow td input[type=text]:focus:hover,
table tfoot tr.tableFilterRow td input[type=text]:active:hover,
table tbody tr.tableFilterRow td input[type=text]:focus:hover,
table tbody tr.tableFilterRow td input[type=text]:active:hover {
  outline: 2px solid #ECEBFB !important;
}
table thead tr.tableFilterRow td .select2,
table tfoot tr.tableFilterRow td .select2,
table tbody tr.tableFilterRow td .select2 {
  z-index: 9;
}
table thead tr.tableFilterRow td .select2-container .select2-selection--single,
table tfoot tr.tableFilterRow td .select2-container .select2-selection--single,
table tbody tr.tableFilterRow td .select2-container .select2-selection--single {
  height: 36px;
  border-color: transparent;
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  padding: 6px 20px 6px 0px !important;
  margin-left: 5px;
}
table thead tr.tableFilterRow td .select2-container .select2-selection--single:hover,
table tfoot tr.tableFilterRow td .select2-container .select2-selection--single:hover,
table tbody tr.tableFilterRow td .select2-container .select2-selection--single:hover {
  outline: none;
}
table thead tr:not(.filters):nth-child(even),
table tfoot tr:not(.filters):nth-child(even),
table tbody tr:not(.filters):nth-child(even) {
  background-color: #F6F7F9 !important;
}
table .action,
table .selectAllItem,
table .selectItem {
  min-width: auto;
  width: 48px;
}
table .action .formItem--labelLessCheckbox .inner,
table .selectAllItem .formItem--labelLessCheckbox .inner,
table .selectItem .formItem--labelLessCheckbox .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
}

.popupContent table {
  width: 100% !important;
}

.formItem--liveSearch ul.resultList {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  flex-direction: row;
  flex-shrink: 0;
  gap: 3px;
  position: absolute;
  left: 0;
  top: 44px;
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 10px 70px rgba(47, 51, 62, 0.15);
  z-index: 11000;
  max-height: 300px;
  overflow-y: auto;
  flex-basis: 100%;
}
.formItem--liveSearch ul.resultList li.resultItem {
  margin-block-end: 4px;
  padding: 10px 8px;
  cursor: pointer;
  width: 100%;
}
.formItem--liveSearch ul.resultList li.resultItem:hover {
  background-color: #F6F7F9;
}
.formItem--liveSearch ul.resultList li.resultItem:last-child {
  margin-block-end: 0;
}
.formItem--liveSearch ul.resultList li.resultItem .resultTitle {
  display: block;
  margin-block-end: 8px;
}
.formItem--liveSearch ul.resultList li.resultItem .resultTitle .partnerName {
  color: #131417;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.formItem--liveSearch ul.resultList li.resultItem .resultDetails .partnerAddress {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #767D8C;
}
.formItem--liveSearch ul.resultList:empty {
  display: none !important;
}

.liveSearch__selectedItem {
  /*margin-block-start: 8px;*/
}
.liveSearch__selectedItem .resultListItem {
  border-radius: 8px;
  padding: 16px;
  background: #F6F7F9;
}
.liveSearch__selectedItem .resultListItem .siteDetail {
  margin-block-start: 8px;
}
.liveSearch__selectedItem .resultListItem .siteDetail label.formItem__title {
  color: #131417 !important;
}
.liveSearch__selectedItem .resultListItem .resultTitle {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 10px;
  margin-block-end: 8px;
}
.liveSearch__selectedItem .resultListItem .resultTitle .partnerName {
  color: #131417;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.liveSearch__selectedItem .resultListItem .resultDetails .partnerAddress {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #131417;
}
.liveSearch__selectedItem:empty {
  display: none;
}

.formInnerContainer {
  margin-block-end: 16px;
  padding: 16px;
  background-color: #F6F7F9;
  border-radius: 8px;
}
.formInnerContainer label {
  display: block;
  margin-block-end: 8px;
}
.formInnerContainer:last-child {
  margin-block-end: 0;
}
.formInnerContainer .jqs-closeContainer {
  position: absolute;
  top: 12px;
  right: 12px;
  margin: 0;
  z-index: 10;
}

.formItem--searchButton .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--searchButton .inner input[type=search] {
  width: calc(100% - 44px);
  max-width: calc(100% - 44px);
  flex-basis: calc(100% - 44px);
}
.formItem--searchButton .inner input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1785 10.0002L14.756 6.42271C15.0819 6.09687 15.0819 5.57021 14.756 5.24437C14.4302 4.91854 13.9035 4.91854 13.5777 5.24437L10.0002 8.82187L6.42271 5.24437C6.09687 4.91854 5.57021 4.91854 5.24437 5.24437C4.91854 5.57021 4.91854 6.09687 5.24437 6.42271L8.82187 10.0002L5.24437 13.5777C4.91854 13.9035 4.91854 14.4302 5.24437 14.756C5.40687 14.9185 5.62021 15.0002 5.83354 15.0002C6.04687 15.0002 6.26021 14.9185 6.42271 14.756L10.0002 11.1785L13.5777 14.756C13.7402 14.9185 13.9535 15.0002 14.1669 15.0002C14.3802 15.0002 14.5935 14.9185 14.756 14.756C15.0819 14.4302 15.0819 13.9035 14.756 13.5777L11.1785 10.0002Z' fill='%233A4254'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}

.formItem--addCurrency .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-wrap: nowrap;
}
.formItem--addCurrency .inner input {
  width: calc(100% - 138px);
  max-width: calc(100% - 138px);
  flex-basis: calc(100% - 138px);
  margin-inline-end: 8px;
}
.formItem--addCurrency .inner .btn {
  width: 140px;
  max-width: 140px;
  flex-basis: 140px;
}

.placeholder--fileUploader {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 160px;
  border: 2px dashed #E1E2E6;
  border-radius: 16px;
}
.placeholder--fileUploader p {
  color: #336699;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.placeholder--fileUploader p span {
  color: #767D8C;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.updloadedFiles .filesList .crmFile {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: baseline !important;
  flex-wrap: wrap;
  padding: 0px;
}
.updloadedFiles .filesList .crmFile .fileIcon {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 16px;
  height: 16px;
}
.updloadedFiles .filesList .crmFile .fileIcon .attachmentIcon {
  top: 2px;
}
.updloadedFiles .filesList .crmFile .fileData {
  flex-grow: 1;
  padding-inline: 7px 62px;
  display: flex;
  align-items: baseline;
}
.updloadedFiles .filesList .crmFile .fileData .fileName {
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.updloadedFiles .filesList .crmFile .fileData .fileInfo {
  color: #767D8C;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.02em;
  margin-left: 10px;
}
.updloadedFiles .filesList .crmFile .fileData .fileIcon {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.updloadedFiles .filesList .crmFile .fileData .fileIcon .attachmentIcon {
  top: 2px;
}
.updloadedFiles .filesList .crmFile .fileData .btn {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-right: 5px;
  top: 2px;
}
.updloadedFiles .filesList .file {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 16px;
  border: 1px solid #E1E2E6;
  border-radius: 8px;
}
.updloadedFiles .filesList .file .fileIcon {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 40px;
  height: 40px;
  border: 1px solid #E1E2E6;
  border-radius: 8px;
}
.updloadedFiles .filesList .file .fileIcon .statusIcon {
  position: absolute;
  right: -6px;
  bottom: -10px;
}
.updloadedFiles .filesList .file .crmFileIcon {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 16px;
  height: 16px;
}
.updloadedFiles .filesList .file .crmFileIcon .statusIcon {
  position: absolute;
  right: -6px;
  bottom: -10px;
}
.updloadedFiles .filesList .file .fileData {
  flex-grow: 1;
  padding-inline: 16px 62px;
}
.updloadedFiles .filesList .file .fileData .fileName {
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.updloadedFiles .filesList .file .fileData .fileInfo {
  color: #767D8C;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.02em;
}
.updloadedFiles .filesList .file .buttonsWrapper--right {
  position: absolute;
  top: 12px;
  right: 12px;
}
.updloadedFiles .filesList .file .buttonsWrapper--right .btn {
  margin: 0;
}
.updloadedFiles .filesList .file.hasError {
  border-color: #EC554F;
}
.updloadedFiles .filesList .file.hasError .fileData .fileInfo {
  color: #EC554F;
}
.updloadedFiles .filesList .file.uploading {
  border-color: #336699;
}

.responsiveTable .panel-footer {
  padding: 0 !important;
  background-color: transparent !important;
  border-top: none !important;
  border-bottom-right-radius: inherit !important;
  border-bottom-left-radius: inherit !important;
}

.responsiveTable .panel-default,
.kv-grid-bs3 .panel-default {
  margin-bottom: inherit !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: inherit !important;
  -webkit-box-shadow: inherit !important;
  box-shadow: inherit !important;
}

/*@media screen and (max-width: 1199px) and (orientation: portrait) {
    html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        height: 100%;
        overflow-y: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
}*/
body {
  font-family: "Inter", sans-serif;
  color: #131417;
}

body.page--common #pageWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  flex-wrap: nowrap;
}
body.page--common #pageWrapper .sidebar {
  display: flex;
  flex-direction: column;
  z-index: 999;
}
body.page--common #pageWrapper .contentWrapper {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: #e7e9eb;
  z-index: 0;
}
body.page--common #pageWrapper .contentWrapper #contentHeader {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  padding: 24px;
  margin-bottom: 5px;
  background: white;
  z-index: 10;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
@media only screen and (min-width: 1200px) {
  body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol {
    width: auto;
    max-width: none;
    flex-basis: auto;
  }
}
@media only screen and (min-width: 1200px) {
  body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol:first-child {
    flex-grow: 1;
  }
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol:last-child {
  order: -1;
}
@media only screen and (min-width: 1200px) {
  body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol:last-child {
    order: inherit;
  }
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline [class^=flag] {
  margin-inline-start: 16px;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left {
  margin-inline-start: 16px;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: 16px;
  width: 24px;
  height: 24px;
  color: #A1A6B0;
  cursor: pointer;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav:hover {
  color: black;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav:after {
  width: 220px;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav svg.addedStatus {
  display: none;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav.addedToMenu {
  color: #F2A23E;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav.addedToMenu svg.addedStatus {
  display: block;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav.addedToMenu svg.mainStatus {
  display: none;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav.addedToMenu:hover {
  color: #F2A23E;
}
body.page--common #pageWrapper .contentWrapper #pageContent {
  padding: 24px;
}
body.page--common #pageWrapper .contentWrapper #pageContent .pageTabContent {
  display: none;
}
body.page--common #pageWrapper .contentWrapper #pageContent .pageTabContent.activeTabContent {
  display: grid;
}

body.page--common [data-tab=pageTab-management] .card {
  /*height: 470px;*/
}
body.page--common [data-tab=pageTab-management] .card.smallCard {
  height: 420px;
}

[class*=gridWrapper--] {
  display: grid;
  row-gap: 12px;
  column-gap: 24px;
  margin-block-end: 24px;
  align-items: baseline;
}
[class*=gridWrapper--]:last-child {
  margin-block-end: 0;
}

.pageTabItem {
  display: none;
}
.pageTabItem.current {
  display: block;
}

[class*="--w25percent"] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

[class*="--w33percent"] {
  grid-template-columns: 1fr 2fr 1fr;
}

[class*="--w25percentage"] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

[class*="--w25pre"] {
  grid-template-columns: 1fr 3fr;
}

[class*="--w30pre"] {
  grid-template-columns: 1fr 2fr;
}

[class*="--w40pre"] {
  grid-template-columns: 2fr 3fr;
}

[class*="--w50pre"] {
  grid-template-columns: 1fr 1fr;
}

[class*="--w60pre"] {
  grid-template-columns: 3fr 2fr;
}

[class*="--w70pre"] {
  grid-template-columns: 2fr 1fr;
}

[class*="--w75pre"] {
  grid-template-columns: 3fr 1fr;
}

[class*="--w60pre"] {
  grid-template-columns: 2.5fr 1.2fr;
}

[class*="--w65pre"] {
  grid-template-columns: 2fr 1.2fr;
}

[class*="--wreport"] {
  grid-template-columns: 0.5fr 1.1fr 0.5fr;
}

[class*="--w100pre"] {
  grid-template-columns: 100%;
  width: 100%;
  /*&:not(:first-child) {
      margin-block-start: 24px;
  }*/
}

[class*="--w50percent"] {
  grid-template-columns: 1fr 1.3fr 1fr;
  /*&:not(:first-child) {
      margin-block-start: 24px;
  }*/
}
@media only screen and (max-width: 1199px) {
  [class*="--w50percent"] {
    grid-template-columns: 0.7fr 2fr 0.7fr;
  }
}

[class*="--w70percent"] {
  grid-template-columns: 0.5fr 2fr 0.5fr;
  /*&:not(:first-child) {
      margin-block-start: 24px;
  }*/
}
@media only screen and (max-width: 1199px) {
  [class*="--w70percent"] {
    grid-template-columns: 0.5fr 2fr 0.5fr;
  }
}

[class*="--w90percent"] {
  grid-template-columns: 0.5fr 5fr 0.5fr;
  /*&:not(:first-child) {
      margin-block-start: 24px;
  }*/
}
@media only screen and (max-width: 1199px) {
  [class*="--w90percent"] {
    grid-template-columns: 0.5fr 5fr 0.5fr;
  }
}

[class*="--w99percent"] {
  grid-template-columns: 0.1fr 5fr 0.1fr;
  /*&:not(:first-child) {
      margin-block-start: 24px;
  }*/
}
@media only screen and (max-width: 1199px) {
  [class*="--w99percent"] {
    grid-template-columns: 0.1fr 5fr 0.1fr;
  }
}

::-webkit-scrollbar {
  height: 8px;
  width: 2px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #767D8C;
  -webkit-border-radius: 2ex;
}

::-webkit-scrollbar-corner {
  background: #767D8C;
}

body.page--login #pageWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  width: 100%;
  min-height: 100vh;
}
body.page--login #pageWrapper section.login {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: baseline !important;
  flex-wrap: wrap;
  width: 100%;
  min-height: 100vh;
  padding-block-start: 136px;
  background: white;
  content: "";
}
@media only screen and (min-width: 1024px) {
  body.page--login #pageWrapper section.login {
    padding-block-start: 0;
    align-items: center;
    width: 62.2%;
  }
}
body.page--login #pageWrapper section.login .contentWrapper {
  width: 100%;
  max-width: 396px;
  padding: 24px;
}
body.page--login #pageWrapper section.login .logoWrapper {
  width: 44px;
  margin-block-end: 56px;
}
body.page--login #pageWrapper section.login h1 {
  margin-block-end: 16px;
}
body.page--login #pageWrapper section.login p {
  margin-block-end: 24px;
}
body.page--login #pageWrapper section.login .formItem--singleCheckbox {
  margin-block-start: 24px;
}
body.page--login #pageWrapper section.login .buttonsWrapper--full {
  margin-block-start: 24px;
}
body.page--login #pageWrapper section.login .copyright {
  margin-block-start: 144px;
}
body.page--login #pageWrapper section.login .copyright p {
  color: #A1A6B0;
}
body.page--login #pageWrapper section.corporateImage {
  display: none;
}
@media only screen and (min-width: 1024px) {
  body.page--login #pageWrapper section.corporateImage {
    display: block;
    width: 37.8%;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    content: "";
  }
}

.sidebar {
  width: 68px;
  max-width: 68px;
  flex-basis: 68px;
  min-height: 100vh;
  background: #131417;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.sidebar + .contentWrapper {
  width: calc(100% - 68px);
  max-width: calc(100% - 68px);
  flex-basis: calc(100% - 68px);
}
.sidebar.opened {
  width: 240px;
  max-width: 240px;
  flex-basis: 240px;
}
.sidebar.opened + .contentWrapper {
  width: calc(100% - 240px);
  max-width: calc(100% - 240px);
  flex-basis: calc(100% - 240px);
}

.sidebar__header {
  width: 100%;
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-direction: column;
  height: 98px;
  padding-block: 16px 22px;
  background: #131417;
}
@media only screen and (min-width: 1024px) {
  .sidebar__header {
    padding-block: 16px;
  }
}
.sidebar__header .logoWrapper {
  width: 36px;
}
.sidebar__header #trigger--sidebar {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: none;
  background: #393C44;
  color: white;
}
@media only screen and (max-width: 1023px) {
  .sidebar__header #trigger--sidebar {
    display: none;
  }
}
.sidebar__header #trigger--sidebar svg {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform ease-in-out 0.3s;
  -moz-transition: transform ease-in-out 0.3s;
  -ms-transition: transform ease-in-out 0.3s;
  -o-transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
}
.sidebar__header #trigger--sidebar.opened svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sidebar__menu {
  flex-grow: 1;
  position: static;
  width: 100%;
  padding-inline: 12px;
  background: #131417;
}

nav.nav--favouritesMenu,
nav.nav--mainMenu {
  position: static;
}

nav.nav--favouritesMenu {
  margin-block-end: 26px;
}

.menuGroupLabel {
  display: block;
  margin-block-end: 14px;
  padding-inline: 4px;
  font-weight: 600;
  color: #767D8C;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  text-overflow: ellipsis;
  line-height: 1.68;
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
}

ul.menuLevel--main {
  position: static;
}

ul.menuLevel--main > li {
  position: static;
  margin-block-end: 4px;
}
ul.menuLevel--main > li:last-child {
  margin-block-end: 0;
}
ul.menuLevel--main > li > a,
ul.menuLevel--main > li > button {
  position: static;
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  flex-wrap: nowrap;
  margin: 0 auto;
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #767D8C;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
ul.menuLevel--main > li > a.active, ul.menuLevel--main > li > a:hover,
ul.menuLevel--main > li > button.active,
ul.menuLevel--main > li > button:hover {
  background: #393C44;
}
ul.menuLevel--main > li > a.active,
ul.menuLevel--main > li > button.active {
  color: white;
}
ul.menuLevel--main > li > a svg,
ul.menuLevel--main > li > button svg {
  width: 20px;
  max-width: 20px;
  flex-basis: 20px;
  display: inline-flex;
}
ul.menuLevel--main > li > a i.icon,
ul.menuLevel--main > li > button i.icon {
  width: 20px;
  max-width: 20px;
  flex-basis: 20px;
  display: inline-flex;
}
ul.menuLevel--main > li > a span,
ul.menuLevel--main > li > button span {
  display: inline-flex;
  width: 0;
  max-width: 0;
  flex-basis: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
  opacity: 0;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.submenuContainer {
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
  height: 100%;
  min-height: 100vh;
  background: #232630;
  transform: translateX(0);
  -webkit-transition: transform ease-in-out 0.3s;
  -moz-transition: transform ease-in-out 0.3s;
  -ms-transition: transform ease-in-out 0.3s;
  -o-transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  z-index: -1;
}

.submenuGroupLabel {
  margin: 0;
  padding: 18px 16px 10px;
  text-transform: uppercase;
  font-weight: 600;
}

ul.menuLevel--sub1 {
  padding: 0 8px 8px 8px;
}
ul.menuLevel--sub1 > li {
  margin-block-end: 4px;
}
ul.menuLevel--sub1 > li:last-child {
  margin-block-end: 0;
}
ul.menuLevel--sub1 > li > a,
ul.menuLevel--sub1 > li > button {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
ul.menuLevel--sub1 > li > a > span,
ul.menuLevel--sub1 > li > button > span {
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  letter-spacing: -0.02em;
}
ul.menuLevel--sub1 > li > a:hover,
ul.menuLevel--sub1 > li > button:hover {
  background: #393C45;
}
ul.menuLevel--sub1 > li > a.active,
ul.menuLevel--sub1 > li > button.active {
  background: #393C45;
}

button.trigger--submenu_lvl_1.opened + .submenuContainer {
  transform: translateX(240px);
}

button.trigger--submenu_lvl_2 {
  color: white;
}
button.trigger--submenu_lvl_2 svg {
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
button.trigger--submenu_lvl_2.opened {
  background: #393C45;
  color: white;
}
button.trigger--submenu_lvl_2.opened svg {
  transform: rotate(180deg);
}

ul.menuLevel--sub2 {
  display: none;
  padding: 8px 0;
}
ul.menuLevel--sub2 > li {
  margin-block-end: 4px;
}
ul.menuLevel--sub2 > li:last-child {
  margin-block-end: 0;
}
ul.menuLevel--sub2 > li > a,
ul.menuLevel--sub2 > li > button {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 4px 8px 4px 16px;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
ul.menuLevel--sub2 > li > a span,
ul.menuLevel--sub2 > li > button span {
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  letter-spacing: -0.02em;
}
ul.menuLevel--sub2 > li > a:hover,
ul.menuLevel--sub2 > li > button:hover {
  background: #393C45;
  text-decoration: none !important;
}
ul.menuLevel--sub2 > li > a.active,
ul.menuLevel--sub2 > li > button.active {
  background: #393C45;
  text-decoration: none !important;
}

button.trigger--submenu_lvl_3 {
  color: white;
}
button.trigger--submenu_lvl_3 svg {
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
button.trigger--submenu_lvl_3.opened {
  background: #393C45;
  color: white;
}
button.trigger--submenu_lvl_3.opened svg {
  transform: rotate(180deg);
}

ul.menuLevel--sub3 {
  display: none;
  padding: 16px 0;
}
ul.menuLevel--sub3 > li {
  margin-block-end: 4px;
}
ul.menuLevel--sub3 > li:last-child {
  margin-block-end: 0;
}
ul.menuLevel--sub3 > li > a,
ul.menuLevel--sub3 > li > button {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 4px 8px 4px 30px;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
ul.menuLevel--sub3 > li > a span,
ul.menuLevel--sub3 > li > button span {
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  letter-spacing: -0.02em;
}
ul.menuLevel--sub3 > li > a:hover,
ul.menuLevel--sub3 > li > button:hover {
  background: #393C45;
}
ul.menuLevel--sub3 > li > a.active,
ul.menuLevel--sub3 > li > button.active {
  background: #393C45;
}

button.trigger--submenu_lvl_4 {
  color: white;
}
button.trigger--submenu_lvl_4 svg {
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
button.trigger--submenu_lvl_4.opened {
  background: #393C45;
  color: white;
}
button.trigger--submenu_lvl_4.opened svg {
  transform: rotate(180deg);
}

ul.menuLevel--sub4 {
  display: none;
  padding: 16px 0;
}
ul.menuLevel--sub4 > li {
  margin-block-end: 4px;
}
ul.menuLevel--sub4 > li:last-child {
  margin-block-end: 0;
}
ul.menuLevel--sub4 > li > a,
ul.menuLevel--sub4 > li > button {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 4px 8px 4px 30px;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
ul.menuLevel--sub4 > li > a span,
ul.menuLevel--sub4 > li > button span {
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  letter-spacing: -0.02em;
}
ul.menuLevel--sub4 > li > a:hover,
ul.menuLevel--sub4 > li > button:hover {
  background: #393C45;
}
ul.menuLevel--sub4 > li > a.active,
ul.menuLevel--sub4 > li > button.active {
  background: #393C45;
}

.sidebar.opened .sidebar__header {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: baseline !important;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  height: 76px;
  padding-inline: 16px;
  padding-block-end: 28px;
}
.sidebar.opened ul.menuLevel--main > li {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
.sidebar.opened ul.menuLevel--main > li > a,
.sidebar.opened ul.menuLevel--main > li > button {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  text-align: left;
}
.sidebar.opened ul.menuLevel--main > li > a svg,
.sidebar.opened ul.menuLevel--main > li > button svg {
  margin: 0;
}
.sidebar.opened ul.menuLevel--main > li > a > span,
.sidebar.opened ul.menuLevel--main > li > button > span {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  flex-basis: calc(100% - 20px);
  padding-inline-start: 16px;
  opacity: 1;
}
.sidebar.opened ul.menuLevel--main > li > a > i.icon,
.sidebar.opened ul.menuLevel--main > li > button > i.icon {
  margin: 0;
}
.sidebar.opened ul.menuLevel--main > li.hasSubmenu > button.trigger--submenu_lvl_1 span:after {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  line-height: 16px;
  text-align: center;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.47707 3.52864L10.4714 7.52864C10.7317 7.78931 10.7317 8.21064 10.4714 8.47131L6.47707 12.4713C6.21677 12.732 5.79604 12.732 5.53574 12.4713C5.27544 12.2106 5.34053 12 5.34053 11.6666L5.34053 7.99998L5.34053 4.60931C5.34053 3.99998 5.27544 3.78931 5.53574 3.52864C5.66556 3.39864 5.83598 3.33331 6.00641 3.33331C6.17683 3.33331 6.34726 3.39864 6.47707 3.52864Z' fill='%23767D8C'/%3E%3C/svg%3E%0A");
  -webkit-transition: transform ease-in-out 0.125s;
  -moz-transition: transform ease-in-out 0.125s;
  -ms-transition: transform ease-in-out 0.125s;
  -o-transition: transform ease-in-out 0.125s;
  transition: transform ease-in-out 0.125s;
  transition-delay: 1s;
}
.sidebar.opened ul.menuLevel--main > li.hasSubmenu > button.trigger--submenu_lvl_1.opened span:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.47707 3.52864L10.4714 7.52864C10.7317 7.78931 10.7317 8.21064 10.4714 8.47131L6.47707 12.4713C6.21677 12.732 5.79604 12.732 5.53574 12.4713C5.27544 12.2106 5.34053 12 5.34053 11.6666L5.34053 7.99998L5.34053 4.60931C5.34053 3.99998 5.27544 3.78931 5.53574 3.52864C5.66556 3.39864 5.83598 3.33331 6.00641 3.33331C6.17683 3.33331 6.34726 3.39864 6.47707 3.52864Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.sidebar.opened .sidebar__footer nav ul li a span {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: auto;
  max-width: none;
  flex-basis: auto;
  padding-inline-start: 16px;
  opacity: 1;
}

.sidebar__footer {
  border-top: 1px solid #3A4254;
  background-color: #131417;
}
.sidebar__footer nav ul {
  padding: 20px;
}
.sidebar__footer nav ul li a {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  width: 100%;
  color: #A1A6B0;
}
.sidebar__footer nav ul li a span {
  display: inline-flex;
  width: 0;
  max-width: 0;
  flex-basis: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

#breadCrumb {
  margin-block-end: 24px;
}
#breadCrumb ul {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-wrap: wrap;
}
#breadCrumb ul li {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
#breadCrumb ul li:after {
  display: block;
  width: 16px;
  height: 16px;
  content: url("data:image/svg+xml, %3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.67235 2.92536C9.35495 2.83015 9.02046 3.01026 8.92524 3.32765L5.92524 13.3277C5.83003 13.645 6.01014 13.9795 6.32753 14.0748C6.64493 14.17 6.97942 13.9899 7.07464 13.6725L10.0746 3.67247C10.1699 3.35507 9.98974 3.02058 9.67235 2.92536Z' fill='%233A4254'/%3E%3C/svg%3E%0A");
}
#breadCrumb ul li:last-child:after {
  display: none;
}
#breadCrumb ul li a,
#breadCrumb ul li span {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.44;
  letter-spacing: -0.02em;
}
#breadCrumb ul li a {
  color: #3A4254;
}
#breadCrumb ul li a:hover {
  color: #336699;
}
#breadCrumb ul li span {
  color: #A1A6B0;
}

#contentMenu, #mainTab {
  background: white;
  padding-inline: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: -48px -24px 12px -24px;
}
#contentMenu nav ul, #mainTab nav ul {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
  border-bottom: solid 1px #e3e4e7;
}
#contentMenu nav ul li:last-child, #mainTab nav ul li:last-child {
  margin-left: auto;
}
#contentMenu nav ul li .closeTab, #mainTab nav ul li .closeTab {
  display: none !important;
}
#contentMenu nav ul li .closeTab:hover, #mainTab nav ul li .closeTab:hover {
  background-color: transparent !important;
}
#contentMenu nav ul li span.cardTabNotification, #mainTab nav ul li span.cardTabNotification {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-inline-start: 6px;
  background: #EC554F;
  color: #ffffff;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.02em;
}
#contentMenu nav ul li span.cardTabNotification.danger, #mainTab nav ul li span.cardTabNotification.danger {
  background: #EC554F;
}
#contentMenu nav ul li a, #mainTab nav ul li a {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding-inline: 16px;
  color: #336699;
  cursor: pointer;
}
#contentMenu nav ul li a > span, #mainTab nav ul li a > span {
  display: flex;
  align-items: center;
  padding-block: 8px;
  color: #3A4254;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
}
#contentMenu nav ul li a span.noNotification, #mainTab nav ul li a span.noNotification {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  border-radius: 10px;
  background: #ECEBFB;
  color: #336699;
  font-size: 12px;
  font-weight: 600;
}
#contentMenu nav ul li:hover a > span, #mainTab nav ul li:hover a > span {
  color: #336699;
  text-decoration: none !important;
}
#contentMenu nav ul li:hover a, #mainTab nav ul li:hover a {
  color: #336699;
  text-decoration: none !important;
}
#contentMenu nav ul li:not(.active), #mainTab nav ul li:not(.active) {
  border: 1px solid #ffffff;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
}
#contentMenu nav ul li:not(.active):hover, #mainTab nav ul li:not(.active):hover {
  border: 1px solid #e3e4e7;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  box-shadow: -5px 0 5px -3px rgba(0, 0, 0, 0.1), 5px 0 5px -3px rgba(0, 0, 0, 0.1);
}
#contentMenu nav ul li:not(.active) a[data-tab=pageTab-myTask]:hover > span, #mainTab nav ul li:not(.active) a[data-tab=pageTab-myTask]:hover > span {
  color: #0b77f3 !important;
}
#contentMenu nav ul li:not(.active) a[data-tab=pageTab-crmmanagement]:hover > span, #mainTab nav ul li:not(.active) a[data-tab=pageTab-crmmanagement]:hover > span {
  color: #3aa2f3 !important;
}
#contentMenu nav ul li:not(.active) a[data-tab=pageTab-management]:hover > span, #mainTab nav ul li:not(.active) a[data-tab=pageTab-management]:hover > span {
  color: #31c856 !important;
}
#contentMenu nav ul li:not(.active) a[data-tab=pageTab-employed]:hover > span, #mainTab nav ul li:not(.active) a[data-tab=pageTab-employed]:hover > span {
  color: #fec548 !important;
}
#contentMenu nav ul li:not(.active) a[data-tab=pageTab-myDocuments]:hover > span, #mainTab nav ul li:not(.active) a[data-tab=pageTab-myDocuments]:hover > span {
  color: #838ae6 !important;
}
#contentMenu nav ul li:not(.active) a[data-tab=pageTab-docUpload]:hover > span, #mainTab nav ul li:not(.active) a[data-tab=pageTab-docUpload]:hover > span {
  color: #24c0af !important;
}
#contentMenu nav ul li:not(.active) a[data-tab=pageTab-crmtask]:hover > span,
#contentMenu nav ul li:not(.active) a[data-tab=pageTab-projectTask]:hover > span, #mainTab nav ul li:not(.active) a[data-tab=pageTab-crmtask]:hover > span,
#mainTab nav ul li:not(.active) a[data-tab=pageTab-projectTask]:hover > span {
  color: #24c0af !important;
}
#contentMenu nav ul li a .icon, #mainTab nav ul li a .icon {
  width: 20px;
  height: 20px;
  margin-inline-end: 8px;
  display: inline-block;
}
#contentMenu nav ul li:hover .closeTab, #mainTab nav ul li:hover .closeTab {
  display: inline-flex !important;
}
#contentMenu nav ul li.active, #mainTab nav ul li.active {
  border: 1px solid #e3e4e7;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  box-shadow: -5px 0 5px -3px rgba(0, 0, 0, 0.1), 5px 0 5px -3px rgba(0, 0, 0, 0.1);
}
#contentMenu nav ul li.active > span:after, #mainTab nav ul li.active > span:after {
  color: #336699;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  content: "";
}
#contentMenu nav ul li.active a[data-tab=pageTab-myTask] > span, #mainTab nav ul li.active a[data-tab=pageTab-myTask] > span {
  color: #0b77f3;
}
#contentMenu nav ul li.active a[data-tab=pageTab-crmmanagement] > span, #mainTab nav ul li.active a[data-tab=pageTab-crmmanagement] > span {
  color: #3aa2f3;
}
#contentMenu nav ul li.active a[data-tab=pageTab-management] > span, #mainTab nav ul li.active a[data-tab=pageTab-management] > span {
  color: #31c856;
}
#contentMenu nav ul li.active a[data-tab=pageTab-employed] > span, #mainTab nav ul li.active a[data-tab=pageTab-employed] > span {
  color: #fec548;
}
#contentMenu nav ul li.active a[data-tab=pageTab-myDocuments] > span, #mainTab nav ul li.active a[data-tab=pageTab-myDocuments] > span {
  color: #838ae6;
}
#contentMenu nav ul li.active a[data-tab=pageTab-docUpload] > span, #mainTab nav ul li.active a[data-tab=pageTab-docUpload] > span {
  color: #24c0af;
}
#contentMenu nav ul li.active a[data-tab=pageTab-crmtask]:hover,
#contentMenu nav ul li.active a[data-tab=pageTab-crmtask] > span,
#contentMenu nav ul li.active a[data-tab=pageTab-projectTask]:hover,
#contentMenu nav ul li.active a[data-tab=pageTab-projectTask] > span, #mainTab nav ul li.active a[data-tab=pageTab-crmtask]:hover,
#mainTab nav ul li.active a[data-tab=pageTab-crmtask] > span,
#mainTab nav ul li.active a[data-tab=pageTab-projectTask]:hover,
#mainTab nav ul li.active a[data-tab=pageTab-projectTask] > span {
  color: #24c0af !important;
}
#contentMenu nav ul li.disabled a, #mainTab nav ul li.disabled a {
  pointer-events: none;
}
#contentMenu nav ul li.disabled a > span, #mainTab nav ul li.disabled a > span {
  color: #A1A6B0;
}
#contentMenu nav ul li.disabled a > span:after, #mainTab nav ul li.disabled a > span:after {
  display: none;
}
#contentMenu nav ul li.disabled a span.noNotification, #mainTab nav ul li.disabled a span.noNotification {
  background: #E1E2E6;
  color: #A1A6B0;
}

body.jqs-disableScroll {
  height: 100vh;
  overflow: hidden;
}

.pageOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 40px 5%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10999;
}
.pageOverlay.jqs-showPopUp {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: baseline !important;
  flex-wrap: wrap;
}
.pageOverlay .fullWidth {
  max-width: 100% !important;
  flex-basis: 100% !important;
}
.pageOverlay .overlayWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 90%;
  max-width: 1160px;
  flex-basis: 90%;
  flex-wrap: wrap;
  height: auto;
  max-height: calc(100vh - 80px);
  margin: 0 auto;
  border-radius: 4px;
  background: white;
  overflow-y: auto;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -ms-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
@media only screen and (min-width: 1200px) {
  .pageOverlay .overlayWrapper {
    margin: 0;
  }
}
.pageOverlay .overlayWrapper .popupHeader {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 24px;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #131417;
}
.pageOverlay .overlayWrapper .popupContent {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 0 24px 24px;
  /*overflow-y: auto;*/
}
.pageOverlay .overlayWrapper .popupContent h5 {
  margin-block-end: 16px;
  color: #131417;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.pageOverlay .overlayWrapper .popupContent table {
  width: 720px;
}
.pageOverlay .overlayWrapper .popupFooter {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 24px;
}
.pageOverlay .overlayWrapper.alert {
  max-width: 424px;
}
.pageOverlay .overlayWrapper.alert .popupHeader {
  justify-content: flex-end !important;
  padding: 24px 24px 8px;
}
.pageOverlay .overlayWrapper.alert .popupHeader h3 {
  display: none;
}
.pageOverlay .overlayWrapper.alert .popupContent {
  text-align: center;
}
.pageOverlay .overlayWrapper.alert .popupContent .icon {
  margin-block-end: 24px;
}
.pageOverlay .overlayWrapper.alert .popupContent h3 {
  margin-block-end: 16px;
  color: #131417;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.pageOverlay .overlayWrapper.delete {
  max-width: 424px;
}
.pageOverlay .overlayWrapper.delete .popupContent {
  text-align: center;
}
.pageOverlay .overlayWrapper.delete .popupContent .icon {
  margin-block-end: 24px;
}
.pageOverlay .overlayWrapper.smallPopup600 {
  max-width: 600px;
}
.pageOverlay .overlayWrapper.smallPopup600 .popupContent {
  text-align: center;
}
.pageOverlay .overlayWrapper.smallPopup600 .popupContent .icon {
  margin-block-end: 24px;
}

.card {
  padding: 24px;
  margin: 10px;
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0 6px 16px rgba(19, 20, 23, 0.02);
  border: 1px solid #e3e4e7;
}
.card.noTopPadding {
  padding-top: 0px !important;
}
.card.cardBoder {
  border: 1px solid #e3e4e7;
  box-shadow: none !important;
}
.card.scrollableCard {
  padding: 22px;
  min-height: 628px;
}
.card.scrollableCard .cardHeader {
  padding-inline: 2px;
}
.card.scrollableCard form {
  height: 100%;
}
.card.scrollableCard form .innerScroll {
  height: 472px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-block-end: 24px;
  padding: 2px 4px 2px 2px;
}
.card .leftCard {
  left: 0;
}
.card .cardDropDown {
  display: none;
  position: absolute;
  top: 32px;
  right: 0;
  width: 264px;
  background-color: white;
  box-shadow: 0 0 10px rgba(58, 66, 84, 0.16);
  border-radius: 8px;
  z-index: 20;
}
.card .cardDropDown ul {
  padding: 8px;
}
.card .cardDropDown ul li span.jqs-openCardViews {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.card .cardDropDown ul li span.jqs-openCardViews:hover {
  background: #F6F7F9;
}
.card .cardDropDown ul li span.jqs-openCardViews svg {
  margin-inline-end: 10px;
}
.card .cardDropDown ul li span.jqs-openCardViews span {
  color: #131417;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.card .cardDropDownTable {
  display: none;
  position: absolute;
  top: 32px;
  right: 0;
  width: 264px;
  background-color: white;
  box-shadow: 0 0 10px rgba(58, 66, 84, 0.16);
  border-radius: 8px;
  z-index: 20;
}
.card .cardDropDownTable ul {
  padding: 8px;
}
.card .cardDropDownTable ul li span.jqs-openCardViews {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.card .cardDropDownTable ul li span.jqs-openCardViews:hover {
  background: #F6F7F9;
}
.card .cardDropDownTable ul li span.jqs-openCardViews svg {
  margin-inline-end: 10px;
}
.card .cardDropDownTable ul li span.jqs-openCardViews span {
  color: #131417;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.card .cardHeader,
.card .cardHeaderIndex {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding-block-end: 20px;
  /*z-index: 10;*/
}
.card .cardHeader:last-child,
.card .cardHeaderIndex:last-child {
  padding-block-end: 0;
}
.card .cardHeader h3,
.card .cardHeaderIndex h3 {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-block: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #131417;
}
.card .cardHeader h3 svg,
.card .cardHeaderIndex h3 svg {
  margin-inline-end: 8px;
  width: 36px;
}
.card .cardHeader h3 .select2,
.card .cardHeaderIndex h3 .select2 {
  width: 264px !important;
  margin-inline-start: 16px;
}
.card .cardHeader .name,
.card .cardHeaderIndex .name {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-block: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #131417;
}
.card .cardHeader [class^=buttonsWrapper] button,
.card .cardHeaderIndex [class^=buttonsWrapper] button {
  margin-inline-end: 8px;
}
.card .cardHeader [class^=buttonsWrapper] button:last-child,
.card .cardHeaderIndex [class^=buttonsWrapper] button:last-child {
  margin-inline-end: 0;
}
.card .cardHeader [class^=buttonsWrapper] button.cardDropDownTrigger,
.card .cardHeaderIndex [class^=buttonsWrapper] button.cardDropDownTrigger {
  margin: 0;
}
.card .cardHeader .alignWrapper--center,
.card .cardHeaderIndex .alignWrapper--center {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.card .cardHeader .cardDropDown,
.card .cardHeaderIndex .cardDropDown {
  display: none;
  position: absolute;
  top: 32px;
  right: 0;
  width: 264px;
  background-color: white;
  box-shadow: 0 0 10px rgba(58, 66, 84, 0.16);
  border-radius: 8px;
  z-index: 20;
}
.card .cardHeader .cardDropDown ul,
.card .cardHeaderIndex .cardDropDown ul {
  padding: 8px;
}
.card .cardHeader .cardDropDown ul li span.jqs-openCardViews,
.card .cardHeaderIndex .cardDropDown ul li span.jqs-openCardViews {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.card .cardHeader .cardDropDown ul li span.jqs-openCardViews:hover,
.card .cardHeaderIndex .cardDropDown ul li span.jqs-openCardViews:hover {
  background: #F6F7F9;
}
.card .cardHeader .cardDropDown ul li span.jqs-openCardViews svg,
.card .cardHeaderIndex .cardDropDown ul li span.jqs-openCardViews svg {
  margin-inline-end: 10px;
}
.card .cardHeader .cardDropDown ul li span.jqs-openCardViews span,
.card .cardHeaderIndex .cardDropDown ul li span.jqs-openCardViews span {
  color: #131417;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.card .cardHeaderIndex {
  justify-content: space-between !important;
}
.card .cardHeaderMore {
  padding-block-end: 10px !important;
}
.card .cardFooter {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-block-start: 10px;
  padding: 4px 0;
}

.totalPrise {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-block-end: 16px;
}
.totalPrise:last-child {
  margin-block-end: 0;
}
.totalPrise .totalPrise__icon {
  margin-inline-end: 24px;
  max-width: 30px;
}
.totalPrise .totalPrise__label {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.68;
  letter-spacing: -0.28px;
}
.totalPrise .totalPrise__value {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  color: #131417;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.27;
  letter-spacing: -0.44px;
}

.totalPriseList {
  display: none;
}
.totalPriseList.current {
  display: block;
}
.totalPriseList .totalPrise {
  margin-block-end: 32px;
}

.vatList .totalPrise {
  margin-block-end: 32px;
}

.loanList .loanListItem {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 12px 16px;
  margin-block-end: 8px;
  background: #F6F7F9;
}
.loanList .loanListItem:last-child {
  margin-block-end: 0;
}
.loanList .loanListItem .label {
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.28px;
}
.loanList .loanListItem .value {
  color: #131417;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.36px;
}

.balances {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  row-gap: 16px;
}
.balances .balancesItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  min-height: 112px;
  padding: 16px;
  border-radius: 16px;
  background: #F6F7F9;
}
.balances .balancesItem .title {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: centrer !important;
  flex-wrap: wrap;
}
.balances .balancesItem .title .label {
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.28px;
}
.balances .balancesItem .balance .label {
  color: #767D8C;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.24px;
}
.balances .balancesItem .balance .value {
  color: #131417;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.36px;
}

.sheetTypes {
  margin-block-start: 16px;
}
.sheetTypes .sheetTypesLabel {
  margin-block-end: 8px;
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.68;
  letter-spacing: -0.28px;
}
.sheetTypes ul.sheetTypesList li.sheetTypesItem {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-block-end: 8px;
  padding: 16px;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid #E1E2E6;
  background: white;
}
.sheetTypes ul.sheetTypesList li.sheetTypesItem:last-child {
  margin-block-end: 0;
}
.sheetTypes ul.sheetTypesList li.sheetTypesItem .content {
  flex-grow: 1;
}
.sheetTypes ul.sheetTypesList li.sheetTypesItem .content .title {
  color: #131417;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.42;
  letter-spacing: -0.28px;
}
.sheetTypes ul.sheetTypesList li.sheetTypesItem .content .time {
  color: #131417;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.28px;
}

.gridCol .card {
  margin-block-end: 24px;
}
.gridCol .card:last-child {
  margin-block-end: 0;
}

.dataList {
  margin-block-end: 28px;
}
.dataList:last-child {
  margin-block-end: 0;
}
.dataList li {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  font-weight: 500;
  font-size: 14px;
  margin-block-end: 16px !important;
}
.dataList li:last-child {
  margin-block-end: 0;
}
.dataList li .listlabel {
  width: 50%;
  max-width: 50%;
  flex-basis: 50%;
  padding-inline-end: 12px;
  color: #131417;
  line-height: 24px;
}
.dataList li .listlabel a {
  color: inherit !important;
}
.dataList li .listlabelwide {
  width: 20%;
  max-width: 20%;
  flex-basis: 20%;
  padding-inline-end: 12px;
  color: #131417;
  line-height: 24px;
}
.dataList li .listlabelwide a {
  color: inherit !important;
}
.dataList li .data {
  width: 50%;
  max-width: 50%;
  flex-basis: 50%;
  padding-inline-start: 12px;
  color: #131417;
  line-height: normal !important;
}
.dataList li .datawide {
  width: 80%;
  max-width: 80%;
  flex-basis: 80%;
  padding-inline-start: 12px;
  color: #131417;
  text-align: right;
}

.simpleList li {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  margin-block-end: 8px;
  padding-block-end: 8px;
  border-bottom: 1px solid #F6F7F9;
}
.simpleList li:last-child {
  border: none;
  margin-block-end: 0;
}
.simpleList li .wrapper {
  flex-grow: 1;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.simpleList li .wrapper .label {
  display: block;
  margin-block-end: 4px;
  color: #3A4254;
  font-size: 14px;
  line-height: 24px;
}
.simpleList li .wrapper a {
  display: block;
  font-size: 14px;
  line-height: 24px;
}
.simpleList li .wrapper .data {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #3A4254;
}
.simpleList li .buttonsWrapper--left button {
  margin-inline-end: 8px;
}

.cardTabs {
  margin-block-end: 24px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.cardTabs ul {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
}
.cardTabs ul li {
  padding: 10px;
  /*margin-block-end: 10px;*/
  border: 1px solid #ffffff;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  cursor: pointer;
}
.cardTabs ul li:not(.historyBtn):hover {
  border: 1px solid #e3e4e7;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  box-shadow: -5px 0 5px -3px rgba(0, 0, 0, 0.1), 5px 0 5px -3px rgba(0, 0, 0, 0.1);
}
.cardTabs ul li.activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-radius: 10px 10px 0 0;
  color: #0b77f3;
  box-shadow: -5px 0 5px -3px rgba(0, 0, 0, 0.1), 5px 0 5px -3px rgba(0, 0, 0, 0.1);
  border-bottom: none;
}
.cardTabs ul li.activeTab:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  content: "";
}
.cardTabs ul li:last-child {
  margin-inline-end: 0;
}
.cardTabs ul li span {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 20px;
}
.cardTabs ul li span.cardTabNotification {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-inline-start: 6px;
  background: #EC554F;
  color: #ffffff;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.cardTabs ul li[data-tab=attendanceSheet].activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #fec548;
}
.cardTabs ul li[data-tab=attendanceSheet]:hover {
  color: #fec548;
}
.cardTabs ul li[data-tab=vacation].activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #fec548;
}
.cardTabs ul li[data-tab=vacation]:hover {
  color: #fec548;
}
.cardTabs ul li[data-tab=sickLeave].activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #fec548;
}
.cardTabs ul li[data-tab=sickLeave]:hover {
  color: #fec548;
}
.cardTabs ul li[data-tab=documentWaitingForAllowance].activeTab,
.cardTabs ul li[data-tab=employeeDataSheet].activeTab,
.cardTabs ul li[data-tab=uploadedDocuments].activeTab,
.cardTabs ul li[data-tab=userDataChanges].activeTab,
.cardTabs ul li[data-tab=filingDocument].activeTab,
.cardTabs ul li[data-tab=documentWaitingForResponsible].activeTab,
.cardTabs ul li[data-tab=partnerDocumentWaitingForApprove].activeTab,
.cardTabs ul li[data-tab=navErrorInvoice].activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #0b77f3;
}
.cardTabs ul li[data-tab=documentWaitingForAllowance]:hover,
.cardTabs ul li[data-tab=employeeDataSheet]:hover,
.cardTabs ul li[data-tab=uploadedDocuments]:hover,
.cardTabs ul li[data-tab=userDataChanges]:hover,
.cardTabs ul li[data-tab=filingDocument]:hover,
.cardTabs ul li[data-tab=documentWaitingForResponsible]:hover,
.cardTabs ul li[data-tab=partnerDocumentWaitingForApprove]:hover,
.cardTabs ul li[data-tab=navErrorInvoice]:hover {
  color: #0b77f3;
}
.cardTabs ul li[data-tab=partnerDocument].activeTab,
.cardTabs ul li[data-tab=workContract].activeTab,
.cardTabs ul li[data-tab=workContractModify].activeTab,
.cardTabs ul li[data-tab=creditContract].activeTab,
.cardTabs ul li[data-tab=deviceHandover].activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #838ae6;
}
.cardTabs ul li[data-tab=partnerDocument]:hover,
.cardTabs ul li[data-tab=workContract]:hover,
.cardTabs ul li[data-tab=workContractModify]:hover,
.cardTabs ul li[data-tab=creditContract]:hover,
.cardTabs ul li[data-tab=deviceHandover]:hover {
  color: #838ae6;
}
.cardTabs.towTabs {
  background: #F6F7F9;
  padding: 4px;
  border-radius: 20px;
  border: 1px solid #F2F4F7;
}
.cardTabs.towTabs ul {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.cardTabs.towTabs ul li {
  width: calc(50% - 4px);
  max-width: calc(50% - 4px);
  flex-basis: calc(50% - 4px);
  color: #3A4254;
  padding: 5px 12px;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.cardTabs.towTabs ul li.activeTab {
  color: #232630;
}
.cardTabs.towTabs ul li.activeTab:after {
  display: none;
}
.cardTabs.towTabs ul li.activeTab:first-child:before {
  transform: translateX(0);
}
.cardTabs.towTabs ul li:first-child:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  border-radius: 18px;
  background: white;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.06), 0 1px 3px 0 rgba(16, 24, 40, 0.1);
  content: "";
  transform: translateX(calc(100% + 8px));
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.cardTabs.towTabs ul li span:hover {
  color: #3A4254;
}

.cardTabContents .cardTabContent {
  display: none;
}
.cardTabContents .cardTabContent.activeTabContent {
  display: block;
}

.jqs-cardsViews {
  display: none;
}
.jqs-cardsViews.active {
  display: grid;
}

.cardViewsWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  margin-block-end: 24px;
  padding: 4px;
  border: 1px solid #E1E2E6;
  border-radius: 8px;
}
.cardViewsWrapper .formItem--cardViewOption {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin: 4px !important;
}
.cardViewsWrapper .formItem--cardViewOption label {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  padding: 6px;
  color: #232630;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  z-index: 10;
  cursor: pointer;
}
.cardViewsWrapper .formItem--cardViewOption label svg {
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  margin-inline-start: 4px;
}
.cardViewsWrapper .formItem--cardViewOption label span {
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  margin-inline-start: 4px;
}
.cardViewsWrapper .formItem--cardViewOption input[type=checkbox] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #F6F7F9;
  background-color: #F6F7F9;
  box-shadow: none;
}
.cardViewsWrapper .formItem--cardViewOption input[type=checkbox]:checked {
  background-color: #E6EFFF;
  border-color: #E6EFFF;
  outline: 2px solid white;
  box-shadow: none;
}
.cardViewsWrapper .formItem--cardViewOption input[type=checkbox]:checked + label {
  color: #3279FF;
}
.cardViewsWrapper .formItem--cardViewOption input[type=checkbox]:checked + label svg {
  transform: rotate(45deg);
}

@media only screen and (min-width: 1900px) {
  .cardViewsControl input,
.cardViewsControl button,
.cardViewsControl a {
    min-width: calc(50% - 8px);
  }
}

button.cardDropDownTrigger:disabled {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #E1E2E6 !important;
}

.cardTiles {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (max-width: 519px) {
  .cardTiles {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.cardTiles .cardTile {
  padding: 16px;
  /*border: 1px solid #E1E2E6;
  border-radius: 8px;*/
}
.cardTiles .cardTile .tileTitle {
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.cardTiles .cardTile .currentBalance {
  color: #131417;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.totalCredit {
  padding-block-start: 32px;
  padding-inline-start: 16px;
}
.totalCredit .label {
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.totalCredit .totalBalance {
  color: #131417;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.cardCols {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 519px) {
  .cardCols {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.cardCols .cardCol {
  padding: 16px 32px;
  border-right: 1px solid #E1E2E6;
}
@media only screen and (max-width: 519px) {
  .cardCols .cardCol {
    border-right: none !important;
    padding: 16px 0 16px 0 !important;
  }
}
.cardCols .cardCol:first-child {
  padding-inline-start: 0;
}
.cardCols .cardCol:nth-child(4) {
  padding-inline-end: 0;
}
.cardCols .cardCol:last-child, .cardCols .cardCol:nth-child(4) {
  border-right: none;
}
.cardCols .cardCol .colTitle {
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.cardCols .cardCol .currentValue {
  color: #131417;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.pageSizeDropdown {
  display: flex;
}

.infinityDropDown {
  padding-inline: 14px 0px !important;
  color: #131417 !important;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-right: 5px;
  height: 36px;
  border: 1px solid #E1E2E6 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08) !important;
  line-height: 1.428571429;
  background-color: #fff;
  font-size: 14px;
  outline: 0;
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
}

.matches {
  display: flex;
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.matches:only-child {
  /*margin-block-end: 16px;*/
  padding-inline-start: 12px;
}

[class^=paginator] {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-inline-start: 14px;
}
[class^=paginator]:only-child {
  margin-block-start: 16px;
  margin-inline-start: 0;
}
[class^=paginator] a,
[class^=paginator] span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-inline-end: 4px;
  border-radius: 4px;
  color: #3A4254;
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}
[class^=paginator] a:hover,
[class^=paginator] span:hover {
  background-color: #F6F7F9;
}
[class^=paginator] a:last-child,
[class^=paginator] span:last-child {
  margin-inline-end: 0;
}
[class^=paginator] a.currentPage {
  background-color: #336699;
  border: 1px solid #336699;
  box-shadow: 0 1px 2px rgba(70, 61, 223, 0.1);
  color: white;
}
[class^=paginator] a.currentPage:hover {
  background-color: #336699;
  box-shadow: 0 0 8px rgba(70, 61, 223, 0.16);
}

.paginator--small,
.paginator--main {
  margin-inline: 0 12px;
}
.paginator--small a,
.paginator--small span,
.paginator--main a,
.paginator--main span {
  width: 24px;
  height: 24px;
  font-size: 14px;
}

.paginator--main a,
.paginator--main span {
  margin-inline-end: 1px !important;
  width: 20px;
  height: 20px;
  font-size: 13px;
}

.filter form {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.filter form [class*=formItem--] {
  margin-block-end: 0;
}
.filter form [class*=formItem--],
.filter form .btn {
  margin-inline-end: 8px;
}

.tableMenu {
  display: block;
  margin-block: 20px 16px;
  width: 100%;
}
.tableMenu .innerForm {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.tableMenu .innerForm [class*=formItem--] {
  margin-block-end: 0;
}
.tableMenu .innerForm [class*=formItem--],
.tableMenu .innerForm .btn {
  margin-inline-end: 8px;
}
.tableMenu .innerForm .formItem--select2.otherOperations {
  min-width: 250px;
}

#contentHeader .headerCol:first-child {
  padding-inline-end: 2em;
}
#contentHeader .headerCol .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap;
}
#contentHeader .headerCol .inner .lagSelector {
  margin-inline-end: 16px;
}
#contentHeader .headerCol .inner .lagSelector button#selectLang {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding: 8px;
  border: none;
  border-radius: 8px;
  outline: none;
  background: transparent;
  font-family: "Inter", sans-serif;
}
#contentHeader .headerCol .inner .lagSelector button#selectLang .currentLang {
  margin-inline-end: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #3A4254;
}
#contentHeader .headerCol .inner .lagSelector button#selectLang svg.chevron {
  transition: transform 0.25s ease-in-out;
}
#contentHeader .headerCol .inner .lagSelector button#selectLang.opened svg.chevron {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#contentHeader .headerCol .inner .lagSelector .langDropDown {
  display: none;
  position: absolute;
  right: 0;
  top: 44px;
  width: 100%;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 20px 50px rgba(19, 20, 23, 0.16);
}
#contentHeader .headerCol .inner .lagSelector .langDropDown nav ul {
  padding: 8px;
}
#contentHeader .headerCol .inner .lagSelector .langDropDown nav ul li a {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 5px 8px;
  color: #131417;
  font-size: 14px;
  font-weight: 500;
  line-height: 116%;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner .lagSelector .langDropDown nav ul li:hover {
  border-radius: 4px;
  background-color: #F6F7F9;
}
#contentHeader .headerCol .inner .lagSelector .langDropDown nav ul li:hover span.icon {
  color: #336699;
}
#contentHeader .headerCol .inner #userNotification {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 36px;
  height: 36px;
  margin-inline-end: 16px;
}
#contentHeader .headerCol .inner #userNotification .noNotifications {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  position: absolute;
  bottom: -9px;
  right: -9px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid white;
  background: #F2A23E;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding: 8px;
  border: none;
  border-radius: 8px;
  outline: none;
  background: transparent;
  font-family: "Inter", sans-serif;
  transition: background-color 0.25s ease-in-out;
  min-width: 200px;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown .avatar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-inline-end: 16px;
  border-radius: 20px;
  background: #ECEBFB;
  overflow: hidden;
  content: "";
  transition: background-color 0.25s ease-in-out;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown .user {
  display: block;
  text-align: left;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown .user .userName {
  display: block;
  color: #131417;
  min-width: 92px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown .user .company {
  display: block;
  color: #3A4254;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown svg.chevron {
  margin-inline-start: 16px;
  transition: transform 0.25s ease-in-out;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown.opened {
  background-color: #ECEBFB;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown.opened .avatar {
  background-color: white;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown.opened svg.chevron {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown {
  display: none;
  position: absolute;
  right: 0;
  top: 64px;
  width: 100%;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 20px 50px rgba(19, 20, 23, 0.16);
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown nav ul {
  padding: 8px;
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown nav ul li a {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 10px 8px;
  color: #131417;
  font-size: 14px;
  font-weight: 500;
  line-height: 116%;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown nav ul li span.icon {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-inline-end: 10px;
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown nav ul li:hover {
  border-radius: 4px;
  background-color: #F6F7F9;
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown nav ul li:hover span.icon {
  color: #336699;
}

[data-tooltip]:before {
  display: none;
  position: absolute;
  top: -4px;
  left: calc(50% - 8px);
  width: 16px;
  height: 6.5px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='7' viewBox='0 0 16 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L5.43934 5.43934C6.85355 6.85355 9.14644 6.85355 10.5607 5.43934L16 0H0Z' fill='%23232630'/%3E%3C/svg%3E") no-repeat center center;
  content: "";
}
[data-tooltip]:after {
  display: none;
  position: absolute;
  bottom: calc(100% + 4px);
  left: 0;
  border-radius: 8px;
  background: #232630;
  padding: 8px;
  color: white;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  content: attr(data-tooltip);
  -webkit-transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  transform: translateX(-20%);
  z-index: 99;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  display: inline-flex;
}

.dataListForm .gridWrapper--w50pre .gridCol .dataList li {
  margin-block-end: 20px;
}
.dataListForm .gridWrapper--w50pre .gridCol .dataList li .data {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap;
  text-align: right;
}
.dataListForm .gridWrapper--w50pre .gridCol .dataList li .data .btn {
  margin-inline: 8px 0 !important;
}

.paymentBlock .gridWrapper--w50pre .gridCol:first-child {
  padding-inline: 0 24px;
}
.paymentBlock .gridWrapper--w50pre .gridCol:first-child .dataList li {
  margin-block-end: 20px;
}
.paymentBlock .gridWrapper--w50pre .gridCol:first-child .dataList li .data {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap;
  text-align: right;
}
.paymentBlock .gridWrapper--w50pre .gridCol:first-child .dataList li .data .btn {
  margin-inline: 8px 0 !important;
}
.paymentBlock .gridWrapper--w50pre .gridCol:first-child .dataList li.sum {
  margin-block-end: 16px;
  font-weight: 600;
}
.paymentBlock .gridWrapper--w50pre .gridCol:last-child {
  padding: 24px;
  border-radius: 16px;
  background: #F6F7F9;
}
.paymentBlock .gridWrapper--w50pre .gridCol:last-child .dataList li {
  margin-block-end: 20px;
}
.paymentBlock .gridWrapper--w50pre .gridCol:last-child .dataList li .data {
  text-align: right;
}
.paymentBlock .gridWrapper--w50pre .gridCol:last-child .dataList li.sum {
  margin-block: 28px 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
}

ul.reportNavigation li {
  line-height: 40px;
  border-radius: 8px;
  padding: 0 8px;
  font-weight: 500;
  margin-bottom: 5px;
  cursor: pointer;
}
ul.reportNavigation li.active {
  background: #EAECF1;
}
ul.reportNavigation li:hover {
  background: #EAECF1;
}

.reportBlock h3 {
  line-height: 24px;
  font-size: 18px;
  letter-spacing: -2%;
  margin-block: 0px !important;
}

.reportBlockText {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}

ul.reportBlockList {
  margin-block-start: 16px;
}
ul.reportBlockList li {
  display: flex;
  line-height: 60px;
  padding: 8px 8px;
}
ul.reportBlockList li span.icon {
  display: flex;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='6' fill='%23E6EFFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6668 9.66666C19.8878 9.66666 20.0998 9.75445 20.2561 9.91073L24.4228 14.0774C24.579 14.2337 24.6668 14.4456 24.6668 14.6667V23.8333C24.6668 25.214 23.5475 26.3333 22.1668 26.3333H13.8335C12.4528 26.3333 11.3335 25.214 11.3335 23.8333V12.1667C11.3335 10.7859 12.4528 9.66666 13.8335 9.66666H19.6668ZM17.9993 11.3333H13.8335C13.3733 11.3333 13.0002 11.7064 13.0002 12.1667V23.8333C13.0002 24.2936 13.3733 24.6667 13.8335 24.6667H22.1668C22.6271 24.6667 23.0002 24.2936 23.0002 23.8333V16.3333H18.8335C18.4061 16.3333 18.0539 16.0116 18.0058 15.5972L18.0002 15.5L17.9993 11.3333ZM22.6552 14.6667L19.666 11.6783L19.6668 14.6667H22.6552Z' fill='%231A75FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 36px;
  height: 36px;
}
ul.reportBlockList li a {
  display: flex;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #131417;
  padding: 6px 8px;
}

.flexInfoDetail {
  display: flex;
}

.productInfo {
  padding: 16px;
  border-radius: 8px;
  background: #F6F7F9;
}
.productInfo .productInfoImage {
  display: flex;
  justify-content: left;
  margin-inline-end: 10px;
}
.productInfo .productInfoDetail {
  justify-content: left;
}
.productInfo .productTitle {
  margin-block-end: 10px;
  color: #131417;
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -0.02em;
}
.productInfo .productDetails {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.productInfo .productDetails .productDetail {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-inline-end: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.productInfo .productDetails .productDetail .label {
  margin-inline-end: 8px;
  color: #131417;
  font-size: 14px;
  line-height: 24px;
}
.productInfo .productDetails .productDetail .productDetailLabel {
  margin-inline-end: 8px;
  color: #131417;
  font-size: 14px;
  line-height: 24px;
}
.productInfo .productDetails .productDetail .error {
  color: #EC554F !important;
}
.productInfo .productDetails .productDetail .value {
  color: #131417;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
}

.currencyController {
  margin-block-end: 16px;
}

.currencyFilter,
.cashCurrencyFilter {
  margin-inline-end: 12px;
}
.currencyFilter button,
.cashCurrencyFilter button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: 8px;
  padding: 6px 12px;
  border-radius: 16px;
  border: 1px solid #E1E2E6;
  background: white;
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
}
.currencyFilter button:last-child,
.cashCurrencyFilter button:last-child {
  margin-inline-end: 0;
}
.currencyFilter button.active,
.cashCurrencyFilter button.active {
  color: #232630;
  border-color: #232630;
}

.currencyViewChanger {
  padding-inline-start: 8px;
  border-left: 1px solid #E1E2E6;
}
.currencyViewChanger button.btn[class*=tertiary] {
  color: #A1A6B0;
}
.currencyViewChanger button.btn[class*=tertiary]:first-child {
  margin-inline-end: 0;
}
.currencyViewChanger button.btn[class*=tertiary].active {
  color: #393C45;
}

.bankAccountBalance {
  margin-block-end: 24px;
}
.bankAccountBalance .accountTotal {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-block-end: 8px;
}
.bankAccountBalance .accountTotal strong {
  margin-inline-end: 8px;
  color: #131417;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.47;
  letter-spacing: -0.44px;
}
.bankAccountBalance .accountTotal a.btn[class*=tertiary] {
  color: #A1A6B0;
}
.bankAccountBalance .accountTotal a.btn[class*=tertiary]:hover {
  color: #3A4254;
}
.bankAccountBalance .accountHistory {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.bankAccountBalance .accountHistory > div {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.68;
  letter-spacing: -0.28px;
}
.bankAccountBalance .accountHistory > div.incoming {
  margin-inline-end: 8px;
  padding-inline-end: 8px;
  border-right: 1px solid #A1A6B0;
}
.currencyList {
  overflow-y: auto;
}
.currencyList ul.currencyListWrapper li.currencyItem,
.currencyList ul.currencyListWrapper li.cashCurrencyItem {
  display: none;
  border-radius: 16px;
  background: #F6F7F9;
}
.currencyList ul.currencyListWrapper li.currencyItem.current,
.currencyList ul.currencyListWrapper li.cashCurrencyItem.current {
  display: table-cell;
}
.currencyList ul.currencyListWrapper li.currencyItem .currencyIcon,
.currencyList ul.currencyListWrapper li.cashCurrencyItem .currencyIcon {
  grid-area: currencyIcon;
}
.currencyList ul.currencyListWrapper li.currencyItem .currencyTitle,
.currencyList ul.currencyListWrapper li.cashCurrencyItem .currencyTitle {
  grid-area: currencyTitle;
  align-self: center;
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.28px;
}
.currencyList ul.currencyListWrapper li.currencyItem .currencyLabel,
.currencyList ul.currencyListWrapper li.cashCurrencyItem .currencyLabel {
  grid-area: currencyLabel;
  color: #767D8C;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.24px;
}
.currencyList ul.currencyListWrapper li.currencyItem .currencyValue,
.currencyList ul.currencyListWrapper li.cashCurrencyItem .currencyValue {
  grid-area: currencyValue;
  color: #131417;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.36px;
  align-self: end;
}
.currencyList ul.currencyListWrapper li.currencyItem .innerGrid,
.currencyList ul.currencyListWrapper li.cashCurrencyItem .innerGrid {
  display: grid;
  width: 100%;
}
.currencyList.tileView {
  width: calc(100% + 48px);
  margin-inline-start: -24px;
  padding-inline: 16px;
  overflow-x: auto;
  scroll-direction: horizontal;
}
.currencyList.tileView ul.currencyListWrapper {
  display: grid;
  column-gap: 10px;
  width: max-content;
}
.currencyList.tileView li.currencyItem,
.currencyList.tileView li.cashCurrencyItem {
  width: 188px;
  max-width: 188px;
  flex-basis: 188px;
  display: table-cell;
  padding: 16px;
}
.currencyList.tileView li.currencyItem .innerGrid,
.currencyList.tileView li.cashCurrencyItem .innerGrid {
  grid-template-columns: 24px 1fr;
  grid-template-rows: auto 1fr;
  row-gap: 20px;
  height: 100%;
  grid-template-areas: "currencyIcon currencyTitle" "currencyValue currencyValue";
}
.currencyList.tileView li.currencyItem .innerGrid .currencyTitle,
.currencyList.tileView li.cashCurrencyItem .innerGrid .currencyTitle {
  padding-inline-start: 8px;
}
.currencyList.tileView li.currencyItem .innerGrid .currencyLabel,
.currencyList.tileView li.cashCurrencyItem .innerGrid .currencyLabel {
  margin-block-end: 4px;
}
.currencyList.listView {
  max-height: 240px;
}
.currencyList.listView li.currencyItem,
.currencyList.listView li.cashCurrencyItem {
  margin-block-end: 8px;
  padding: 14px 16px;
}
.currencyList.listView li.currencyItem:last-child,
.currencyList.listView li.cashCurrencyItem:last-child {
  margin-block-end: 0;
}
.currencyList.listView li.currencyItem.current,
.currencyList.listView li.cashCurrencyItem.current {
  display: block !important;
}
.currencyList.listView li.currencyItem:not(.current),
.currencyList.listView li.cashCurrencyItem:not(.current) {
  display: none !important;
}
.currencyList.listView li.currencyItem .innerGrid,
.currencyList.listView li.cashCurrencyItem .innerGrid {
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "currencyIcon currencyTitle currencyValue" "currencyIcon currencyLabel currencyValue";
}
.currencyList.listView li.currencyItem .innerGrid .currencyIcon,
.currencyList.listView li.cashCurrencyItem .innerGrid .currencyIcon {
  align-self: center;
  margin-inline-end: 8px;
}
.currencyList.listView li.currencyItem .innerGrid .currencyValue,
.currencyList.listView li.cashCurrencyItem .innerGrid .currencyValue {
  align-self: center;
}

.workOrderSchedule {
  margin-top: 2rem;
}
.workOrderSchedule__tabsWrapper.hidden {
  display: none;
}
.workOrderSchedule__tabsWrapper .cardTabs {
  margin-bottom: 0;
}
.workOrderSchedule__tabsWrapper .cardContent {
  padding: 0;
}
.workOrderSchedule__tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #E1E2E6;
}
.workOrderSchedule__tabs li {
  margin-right: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  /*&.activeTab span {
    color: $clr-purple;
    border-bottom-color: $clr-purple;
    font-weight: 600;
  }*/
}
.workOrderSchedule__tabs li.hidden {
  display: none;
}
.workOrderSchedule__tabs li:hover:not(.activeTab) span {
  color: #336699;
  background: rgba(51, 102, 153, 0.05);
  border-radius: 6px 6px 0 0;
}
.workOrderSchedule__tabContents {
  position: relative;
}
.workOrderSchedule__tabContent {
  display: none;
}
.workOrderSchedule__tabContent.activeTabContent {
  display: block;
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.workOrderSchedule__week {
  margin-bottom: 2rem;
  background: #ffffff;
  border-radius: 8px;
  padding: 0 1.5rem 1.5rem 1.5rem;
  transition: all 0.3s ease;
  overflow-x: auto;
}
.workOrderSchedule__week.hidden {
  display: none;
}
.workOrderSchedule__weekHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}
.workOrderSchedule__weekHeader h3 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #131417;
}
.workOrderSchedule__copyButton {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  background: #ECEBFB;
  color: #336699;
  border: 1px solid #336699;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
}
.workOrderSchedule__copyButton:hover {
  background: #336699;
  color: #ffffff;
}
.workOrderSchedule__daysGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
}
@media (min-width: 768px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1400px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: repeat(7, 1fr);
  }
}
.workOrderSchedule__day {
  background: #F6F7F9;
  border-radius: 6px;
  padding: 1rem;
  border: 1px solid #E1E2E6;
  transition: all 0.2s ease;
}
.workOrderSchedule__day:hover {
  border-color: #336699;
  background: #ffffff;
}
.workOrderSchedule__dayHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #E1E2E6;
}
.workOrderSchedule__dayHeader h4 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #131417;
}
.workOrderSchedule__copyDayButton {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: transparent;
  color: #336699;
  border: 1px solid #336699;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
}
.workOrderSchedule__copyDayButton:hover {
  background: #336699;
  color: #ffffff;
}
.workOrderSchedule__fieldGroup {
  margin-bottom: 0.875rem;
}
.workOrderSchedule__fieldGroup:last-child {
  margin-bottom: 0;
}
.workOrderSchedule__fieldGroup label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #3A4254;
  margin-bottom: 0.375rem;
}
.workOrderSchedule__fieldGroup .form-control,
.workOrderSchedule__fieldGroup .select2-container {
  width: 100% !important;
  font-size: 0.875rem;
}
.workOrderSchedule__fieldGroup .bootstrap-timepicker {
  width: 100%;
}
.workOrderSchedule__fieldGroup .bootstrap-timepicker input {
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
}
.workOrderSchedule__breakSection {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed #E1E2E6;
}
.workOrderSchedule__breakSection.hidden {
  display: none;
}
.workOrderSchedule__breakSectionLegend {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #393C45;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}
.workOrderSchedule__breakSectionLegend:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 14px;
  background: #336699;
  border-radius: 2px;
  margin-right: 0.5rem;
}
.workOrderSchedule .shiftdropdowncont[style*="display: none"] {
  display: none !important;
}

@media (max-width: 1399px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: 1fr;
  }
  .workOrderSchedule__weekHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}

/*# sourceMappingURL=main.css.map */