@import url("../vendor/normalize.css");
@import url("../vendor/fonts/fonts.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,600");
:root { 
  --formpadding: 28px;
  --formgap:     2px; /*24px*/
 }

.hidden {
  display: none;
}

.black {
  color: #231f20;
}

.blue {
  color: #137fc3;
}

.onpage {
  text-decoration: none !important;
  color: #231f20 !important;
  cursor: text;
  user-select: none;
}

.nested {
  display: none;
}

.active {
  display: block;
  border: 1px solid rgba(215, 215, 219, 1);
}

.oclick {
  cursor: pointer;
}
.page {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgb(255, 255, 255);
  position: relative;
  /*overflow: scroll;*/
}

.page:has(> main .table) {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}


.page_with-table {
    width: max-content;
}.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 10;
  display: none;
  justify-content: flex-start;
  align-items:flex-start;
}

.overlay .header__description_small {
  display: block;
  margin: 16px 0 0 12px;
}

/*.overlay:visited {
  display: none;
}*/
.button {
  height: 28px;
  /*margin-right: 32px;*/
  background-color: transparent;
  box-sizing: border-box;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #acacb4;
  padding: 4px 8px;
  border: 1px solid #acacb4;
  box-shadow: none;
  cursor: pointer;
}
button:not(
    .form-pair button,
    .button_open,
    .button_blue,
    .button_clear,
    .button_close,
    .button_black
  ) {
  margin-right: 32px;
}

.button_clear {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: white;
  background-color: #00aeef;
  border: none;
}

.button:hover {
  background-color: rgba(19, 127, 195, 1);
  color: White;
}

.button_small {
  margin: 0;
  display: none;
}

.button_close {
  display: flex;
  background: none;
  border: none;
  align-self: flex-end;
}

.button_open {
  padding: 0;
  justify-self: flex-end;
  background: none;
  border: none;
  align-self: center;
  display: none;
  z-index: 8;
  margin: 0;
}

.form-pair .button,
.form-pair .button_blue,
.form-pair {
  width: 100%;
}

@media screen and (min-width: 437px) {
  .button,
  .form-pair .button,
  .form-pair .button_blue {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

@media screen and (max-width: 1024px) {
  .button:not(
      .form-pair button,
      .button_open,
      .button_blue,
      .button_clear,
      .button_close,
      .button_black
    ) {
    margin-right: 25px;
  }
}

@media screen and (max-width: 1000px) {
  .button:not(
      .form-pair button,
      .button_open,
      .button_blue,
      .button_clear,
      .button_close,
      .button_black
    ) {
    margin-right: 15px;
  }
}

@media screen and (max-width: 965px) {
  .button:not(
      form .button,
      .card .button,
      .button_open,
      .button_small,
      .button_close
    ) {
    display: none;
  }
  .button_small {
    display: flex;
  }
}

@media screen and (max-width: 833px) {
  .button_open {
    display: flex;
  }
}

@media screen and (max-width: 465px) {
  .button_open {
    right: 12px;
  }
}
.logo {
  display: block;
  max-height: 30px;
  margin-right: 25px;
}

@media screen and (max-width: 1200px) {
  .logo {
    max-width: 197px;
  }
}

@media screen and (max-width: 1000px) {
  .logo {
    margin-right: 15px;
  }
}

@media screen and (max-width: 768px) {
  .logo {
    max-width: 230px;
  }
}

@media screen and (max-width: 425px) {
  .logo {
    max-width: 197px;
  }
}.logo_home {
  max-height: 44px;
}
.button_black {
    color: white;
    background: #231f20;
    border: none;
  }.button_blue {
    background: #00aeef;
    color: white;
    margin-right: 0;
    border: none;
  }

.tscontent {
  /*width: calc(100% - 140px);*/
  width: 100%;
  align-self: start;
  /*padding-left: 70px;*/
  display: flex;
  flex-flow: column;
  border-top: 1px solid #acacb4;
  /*border-bottom: #f5f7fa 374px solid;*/
  margin-bottom: 48px;

  background-color: white;
  /*overflow: hidden;*/
}

/*.tscontent:has(> .table) {
  --v1: max-content;
  width: calc(var(--v1) + 70px);
  padding-right: 70px;
  /*width: max-content;
}
*/

@media screen and (min-width: 966px) {
  .tscontent:has(> #form-orgsEx),
  .tscontent:has(> #form-contractsex)
  /*.tscontent:has(> #form-metahitsxx)*/ {
    width: 100vw;
  }
  .tscontent:has(> #form-orgsEx) .table,
  .tscontent:has(> #form-contractsex) .table
  /*.tscontent:has(> #form-metahitsxx) .table*/ {
    width: calc(100vw - 140px);
  }
  .tscontent:has(> #form-orgsEx) .table td,
  .tscontent:has(> #form-contractsex) .table td
  /*.tscontent:has(> #form-metahitsxx) .table td*/ {
    max-width: max-content;
  }
  .tscontent:has(> #form-orgsEx) .table th,
  .tscontent:has(> #form-contractsex) .table th
  /*.tscontent:has(> #form-metahitsxx) .table th*/ {
    max-width: max-content;
  }
}

/*@media screen and (min-width: 1440px) {
  .tscontent {
  padding-left: calc((100% - 1440px) / 2);
  }
}*/
/*@media screen and (min-width: 425px) {
  .tscontent {
    border-bottom: #f5f7fa 374px solid;
    /*width: calc(100% - 24px);
  }
}

@media screen and (min-width: 768px) {
  .tscontent {
    border-bottom: #f5f7fa 230px solid;
  }
}

@media screen and (min-width: 965px) {
  .tscontent {
    border-bottom: #f5f7fa 192px solid;
  }
}
*/
.tscontent_with-table {
  --v1: max-content;
  width: calc(var(--v1) + 70px);
  padding-right: 70px;
}
.tscontent__form {
  width: calc(100vw - 24px);
  margin-left: 12px;
  display: grid;
  margin-bottom: 24px;
  /*display: flex;
  flex-flow: column;
  align-self: flex-start;
  margin: 0 0 19px 12px;*/
}

#form-metafun {
  /*width: calc(100vw - 24px);*/
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0 12px;
  margin: 0;
  display: inline-flex;
  flex-flow: column;
  gap: var(--formgap);
  margin-bottom: 24px;
}

#form-purchases {
  display: grid;
  gap: var(--formgap);
  grid-template-areas:
    "a a"
    "b b"
    "c d"
    "e e"
    "f g"
    "h h"
    "i i"
    "j j"
    "k k";
}
#form-orgsEx {
  display: grid;
  gap: var(--formgap);
  grid-template-areas:
    "a a a"
    "b b b"
    "c c c"
    "d d d";
}

#form-metahitsxx {
  display: grid;
  gap: 15px;
  grid-template-areas:
    "a"
    "b"
    "c";
}

#form-metahits {
  display: grid;
  gap: 15px;
  grid-template-areas:
    "a"
    "b"
    "c"
    "d";
}

#form-contractsex {
  display: grid;
  gap: var(--formgap);
  grid-template-areas:
    "a a"
    "b b"
    "c c"
    "d d"
    "e e"
    "f f"
    "g g"
    "h i"
    "j j";
}

#form-meta {
  display: grid;
  gap: var(--formgap);
  grid-template-areas:
    "a a"
    "b b"
    "c c"
    "d d"
    "e e"
    "f g"
    "h i"
    "j k"
    "l l"
    "m m"
    "n n"
    "o o"
    "p p"
    "q q"
    "r r";
}

#form-metapairs {
  display: grid;
  gap: var(--formgap);
  grid-template-areas:
    "a"
    "b"
    "c"
    "d"
    "e"
    "f"
    "g";
}

#form-groups,
#form-cartels {
  /*width: max-content;*/
  display: grid;
  /*grid-template-rows: max-content max-content;
  grid-template-columns: max-content;*/
  grid-template-areas:
    "a a ."
    "b b b"
    "c c c";
  gap: var(--formgap);
}

#form-concurents {
  margin-top: 24px;
  width: calc(100vw - 24px);
  padding-right: 12px;
  display: grid;
  gap: var(--formgap);
  grid-template-areas:
    "a"
    "b"
    "c"
    "d"
    "e";
  margin-bottom: 48px;
}

#form-metapairs input:not(.oktmoContainer input) {
  min-width: 250px;
  width: 100%;
}

#form-metapairs .form-pair:nth-of-type(6),
#form-metahits .form-pair {
  grid-template-columns: 100%;
  grid-template-rows: var(--formpadding) var(--formpadding);
  gap: 4px;
}
#form-metahits .form-pair.form-pair:nth-of-type(3) {
  grid-template-columns: 100%;
  grid-template-rows: var(--formpadding) var(--formpadding);
  gap: 4px;
}

#form-metapairs .form-pair:nth-of-type(6) button {
  margin: 0;
}

#form-metapairs .pagination_bottom,
#form-metapairs .pagination {
  margin: 0;
}

#form-groups input,
#form-cartels input {
  width: 50px;
  height: 28px;
}

#form-orgsEx input,
#form-contractsex input {
  min-width: 115px;
  width: 100%;
}

/*#form-metahitsxx .form-pair:first-of-type > input {
  min-width: 250px;
  width: 100%;
}
*/

/*#form-metahits .form-pair {
  width: max-content;
  /*min-width: 70px;
  width: 100%;
}\*/

#form-metahits .form-pair button {
  margin: 0;
  /*min-width: 70px;
  width: 100%;*/
}

#form-metahits .pagination,
#form-metahits .pagination_bottom {
  margin: 0;
  /*min-width: 70px;
  width: 100%;*/
}

/**  #form-meta  **/

#form-meta .form-pair:nth-of-type(1) input {
  min-width: 200px;
  width: 100%;
}

#form-meta .form-pair:nth-of-type(2) input,
#form-meta .form-pair:nth-of-type(3) input,
#form-meta .form-pair:nth-of-type(13) input,
#form-meta .form-pair:nth-of-type(16) input {
  min-width: 250px;
  width: 100%;
}

#form-meta .form-pair:nth-of-type(4) input {
  min-width: 150px;
  width: 100%;
}

#form-meta .form-pair:nth-of-type(5) input {
  min-width: 200px;
  width: 100%;
}

#form-meta .form-pair:nth-of-type(6) input,
#form-meta .form-pair:nth-of-type(7) input,
#form-meta .form-pair:nth-of-type(17) input {
  min-width: 40px;
  width: 100%;
}

#form-meta .form-pair:nth-of-type(8) input,
#form-meta .form-pair:nth-of-type(9) input,
#form-meta .form-pair:nth-of-type(10) input,
#form-meta .form-pair:nth-of-type(11) input,
#form-meta .form-pair:nth-of-type(12) input,
#form-meta .form-pair:nth-of-type(15) input {
  min-width: 130px;
  width: 100%;
}

#form-meta .form-pair:nth-last-of-type(2) label,
#form-purchases .form-pair:nth-last-of-type(2) label,
#form-concurents .form-pair:nth-last-of-type(2) label {
  display: grid;
  grid-template-columns: -webkit-max-content 50px -webkit-max-content;
  grid-template-columns: max-content 50px max-content;
  grid-template-rows: var(--formpadding);
  gap: 4px;
  align-items: baseline;
  align-self: baseline;
  width: 100%;
}

@media screen and (min-width: 426px) {
  .tscontent__form {
    width: calc(100vw - 80px);
    margin-left: 40px;
  }

  #form-metapairs .form-pair:nth-of-type(6) {
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-template-rows: var(--formpadding);
    gap: 8px;
  }

  #form-metafun {
    padding: 0 40px;
    margin: 0;
  }

  #form-metahits .form-pair.form-pair:nth-of-type(3) {
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-template-rows: var(--formpadding);
    gap: 4px;
  }

  #form-meta .form-pair:nth-of-type(1) input {
    min-width: 200px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(2) input,
  #form-meta .form-pair:nth-of-type(13) input,
  #form-meta .form-pair:nth-of-type(16) input {
    min-width: 250px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(3) input {
    min-width: 250px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(4) input {
    min-width: 150px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(5) input {
    min-width: 200px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(6) input,
  #form-meta .form-pair:nth-of-type(7) input,
  #form-meta .form-pair:nth-of-type(17) input {
    min-width: 40px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(8) input,
  #form-meta .form-pair:nth-of-type(9) input,
  #form-meta .form-pair:nth-of-type(10) input,
  #form-meta .form-pair:nth-of-type(11) input,
  #form-meta .form-pair:nth-of-type(12) input,
  #form-meta .form-pair:nth-of-type(15) input {
    min-width: 130px;
    width: 100%;
  }
  #form-concurents {
    width: calc(100vw - 80px);
    padding-right: 40px;
    margin-top: 40px;
  }
}

@media screen and (min-width: 437px) {
  #form-orgsEx {
    display: grid;
    gap: var(--formgap);
    grid-template-areas:
      "a a ."
      "b b ."
      "c c ."
      "d d .";
  }

}

@media screen and (min-width: 461px) {
  #form-groups,
  #form-cartels {
    display: grid;
    grid-template-areas:
      "a a a . . . . . . . . . . . ."
      "b c c c c . . . . . . . . . .";
  }

  #form-groups button,
  #form-cartels button {
    width: 100%;
  }
}

@media screen and (min-width: 600px) {
  #form-metahits {
    display: grid;
  gap: var(--formgap);
  grid-template-areas:
      "a a . . . . . . . ."
      "b b . . . . . . . ."
      "c d . . . . . . . .";
  }
}

@media screen and (min-width: 701px) {
  #form-meta .form-pair:nth-of-type(1) input {
    min-width: 200px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(2) input,
  #form-meta .form-pair:nth-of-type(13) input,
  #form-meta .form-pair:nth-of-type(16) input {
    min-width: 400px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(3) input {
    min-width: 300px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(4) input {
    min-width: 150px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(5) input {
    min-width: 200px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(6) input,
  #form-meta .form-pair:nth-of-type(7) input,
  #form-meta .form-pair:nth-of-type(17) input {
    min-width: 40px;
    width: 100%;
  }

  #form-meta .form-pair:nth-of-type(8) input,
  #form-meta .form-pair:nth-of-type(9) input,
  #form-meta .form-pair:nth-of-type(10) input,
  #form-meta .form-pair:nth-of-type(11) input,
  #form-meta .form-pair:nth-of-type(12) input,
  #form-meta .form-pair:nth-of-type(15) input {
    min-width: 130px;
    width: 100%;
  }

  #form-metafun {
    display: flex;
    flex-flow: column;
  }
}

@media screen and (min-width: 769px) {
  #form-metapairs {
    display: grid;
    gap: var(--formgap);
    grid-template-areas:
      "a a"
      "b b"
      "c c"
      "d d"
      "e e"
      "f g";
  }
  #form-purchases {
    display: grid;
    gap: var(--formgap);
    grid-template-areas:
      "a a . ."
      "b b . ."
      "c d . ."
      "e e . ."
      "f g . ."
      "h i . ."
      "j j . ."
      "k k . .";
  }
  #form-contractsex {
    display: grid;
    gap: var(--formgap);
    grid-template-areas:
      "a b . . . ."
      "c d . . . ."
      "e f . . . ."
      "g . . . . ."
      "h i . . . ."
      "j j . . . .";
  }
  #form-metahitsxx {
    display: grid;
    gap: 15px;
    grid-template-areas:
      "a a a a a a a a a b . . . . ."
      "c . . . . . . . . . . . . . .";
  }
}

@media screen and (min-width: 966px) {
  .tscontent__form {
    width: calc(100vw - 140px);
    margin-left: 70px;
  }

  #form-purchases {
    display: grid;
    gap: var(--formgap);
    grid-template-areas:
      "a a a a a a a b b b b b b b ."
      "c c c c c c d d e e e e e e ."
      "f f f f g g g h h h h h h h ."
      "i i i i . . . . . . . . . . ."
      "j j j j j . . . . . . . . . ."
      "k k k k k . . . . . . . . . .";
  }

  #form-metafun {
    padding: 0 70px;
    margin: 0;
  }

  #form-meta {
    width: calc(100vw - 140px);
    display: grid;
    gap: var(--formgap);
    grid-template-areas:
      "a a a . ."
      "b b b . ."
      "c c c . ."
      "d d e . ."
      "f f g . ."
      "h h i . ."
      "j j k . ."
      "l l . . ."
      "m m . . ."
      "n n . . ."
      "o . . . ."
      "p p . . ."
      "q q . . ."
      "r r . . .";
  }

  #form-concurents {
    box-sizing: content-box;
    margin-top: 48px;
    width: auto;
    padding-right: 70px;
  }
}

#form-purchases .form-pair:first-of-type,
#form-orgsEx .form-pair:first-of-type,
#form-metahitsxx .form-pair:first-of-type,
#form-metahits .form-pair:first-of-type,
#form-contractsex .form-pair:first-of-type,
#form-meta .form-pair:first-of-type,
#form-metapairs .form-pair:first-of-type,
#form-groups .form-pair,
#form-cartels .form-pair,
#form-concurents .form-pair:first-of-type {
  grid-area: a;
}

#form-purchases .form-pair:nth-of-type(2),
#form-orgsEx .form-pair:nth-of-type(2),
#form-metahitsxx .form-pair:nth-of-type(2),
#form-metahits .form-pair:nth-of-type(2),
#form-contractsex .form-pair:nth-of-type(2),
#form-meta .form-pair:nth-of-type(2),
#form-metapairs .form-pair:nth-of-type(2),
#form-groups button,
#form-cartels button,
#form-concurents .form-pair:nth-of-type(2) {
  grid-area: b;
}

#form-purchases .form-pair:nth-of-type(3),
#form-orgsEx .form-pair:nth-of-type(3),
#form-metahitsxx .form-pair:nth-of-type(3),
#form-metahits .form-pair:nth-of-type(3),
#form-contractsex .form-pair:nth-of-type(3),
#form-meta .form-pair:nth-of-type(3),
#form-metapairs .form-pair:nth-of-type(3),
#form-groups .pagination:not(.pagination_bottom),
#form-cartels .pagination:not(.pagination_bottom),
#form-concurents .form-pair:nth-of-type(3) {
  grid-area: c;
}

#form-purchases .form-pair:nth-of-type(4),
#form-contractsex .form-pair:nth-of-type(4),
#form-meta .form-pair:nth-of-type(4),
#form-metapairs .form-pair:nth-of-type(4),
#form-metahits .pagination,
#form-orgsEx button,
#form-concurents .form-pair:nth-of-type(4) {
  grid-area: d;
}

#form-purchases .form-pair:nth-of-type(5),
#form-contractsex .form-pair:nth-of-type(5),
#form-meta .form-pair:nth-of-type(5),
#form-metapairs .customdatalist,
#form-concurents .form-pair:nth-of-type(5) {
  grid-area: e;
}

#form-purchases .form-pair:nth-of-type(6),
#form-contractsex .form-pair:nth-of-type(6),
#form-meta .form-pair:nth-of-type(6),
#form-metapairs .form-pair:nth-of-type(6) {
  grid-area: f;
}

#form-purchases .form-pair:nth-of-type(7),
#form-contractsex .form-pair:nth-of-type(7),
#form-meta .form-pair:nth-of-type(7),
#form-metapairs .pagination_bottom {
  grid-area: g;
}

#form-purchases .form-pair:nth-of-type(8),
#form-contractsex .form-pair:nth-of-type(8),
#form-meta .form-pair:nth-of-type(8) {
  grid-area: h;
}

#form-purchases .form-pair:nth-of-type(9),
#form-contractsex .form-pair:nth-of-type(9),
#form-meta .form-pair:nth-of-type(9) {
  grid-area: i;
}

#form-purchases .form-pair:nth-of-type(10),
#form-contractsex .form-pair:nth-of-type(10),
#form-meta .form-pair:nth-of-type(10) {
  grid-area: j;
}

#form-purchases .form-pair:nth-of-type(11),
#form-meta .form-pair:nth-of-type(11) {
  grid-area: k;
}

#form-meta .form-pair:nth-of-type(12) {
  grid-area: l;
}

#form-meta .form-pair:nth-of-type(13) {
  grid-area: m;
}

#form-meta .form-pair:nth-of-type(14) {
  grid-area: n;
}

#form-meta .form-pair:nth-of-type(15) {
  grid-area: o;
}

#form-meta .form-pair:nth-of-type(16) {
  grid-area: p;
}

#form-meta .form-pair:nth-of-type(17) {
  grid-area: q;
}

#form-meta .form-pair:nth-of-type(18) {
  grid-area: r;
}

#form-purchases .form-pair:first-of-type input {
  min-width: 300px;
  width: 100%;
}

#form-purchases .form-pair:nth-last-of-type(3) input,
#form-purchases .form-pair:nth-last-of-type(4) input {
  min-width: 115px;
  width: 100%;
}

#form-purchases .form-pair:nth-last-of-type(5) input,
#form-purchases .form-pair:nth-last-of-type(6) input {
  min-width: 115px;
  width: 100%;
}

#form-purchases .form-pair:nth-last-of-type(7) input {
  min-width: 160px;
  width: 100%;
}

#form-purchases .form-pair:nth-last-of-type(8) input,
#form-purchases .form-pair:nth-last-of-type(9) input {
  min-width: 50px;
  width: 100%;
}

#form-groups .form-pair,
#form-cartels .form-pair {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-template-rows: var(--formpadding);
  align-items: baseline;
}





@media screen and (min-width: 1200px) {
  #form-purchases {
    display: grid;
    grid-template-areas:
      "a a a b b b b . . . . . . . ."
      "c c c d e e e . . . . . . . ."
      "f f g g . . . . . . . . . . ."
      "h h i i . . . . . . . . . . ."
      "j j . . . . . . . . . . . . ."
      "k k . . . . . . . . . . . . .";
  }
  #form-orgsEx {
    display: grid;
    gap: var(--formgap);
    grid-template-areas:
      "a b . . . . . . . . . . . ."
      "c . . . . . . . . . . . . ."
      "d . . . . . . . . . . . . .";
  }

  #form-contractsex {
    display: grid;
    gap: var(--formgap);
    grid-template-areas:
      "a b b . . . . . . . . . . . ."
      "c d d . . . . . . . . . . . ."
      "e f f . . . . . . . . . . . ."
      "g h i . . . . . . . . . . . ."
      "j j . . . . . . . . . . . . .";
  }

  #form-metapairs {
    display: grid;
    gap: var(--formgap);
    grid-template-areas:
      "a a a b b b . ."
      "c c c d d d . ."
      "e e e . . . . ."
      "f g g . . . . .";
  }
}
.tscontent__form_cartels {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: baseline;
  
}

.tscontent__form_cartels > .pagination {
  margin-top: 60px;
}


.tscontent__form_contests {
  display: flex;
  justify-content: flex-start;
  margin-top: 40px;
}

.tscontent__form_contests > .form-pair {
  margin-right: 20px;
}

.form-pair:not(#form-metafun .form-pair),
.customdatalist {
  width: 100%;
  display: grid;
  grid-template-rows: var(--formpadding) var(--formpadding);
  grid-template-columns: 100%;
  gap: 2px;
  margin-bottom: 4px;
}

#form-metafun .form-pair {
  width: 100%;
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  align-items: flex-start;
}

#form-metafun .form-pair:first-of-type {
  width: calc(100vw - 24px);
}

#form-metafun .form-pair:first-of-type label {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: 100%;
}

#form-metafun .form-pair:not(#form-metafun .form-pair:first-of-type) {
  gap: 8px;
  margin-bottom: 48px;
}
/* mobile form style */
.form-pair:not(
    #form-orgsEx .form-pair,
    #form-metafun .form-pair,
    #form-metahits .form-pair,
    #form-concurents .form-pair
  ):last-of-type {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 25px 25px 25px;
  gap: 5px;
}

#form-metahits .form-pair:last-of-type {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: var(--formpadding) var(--formpadding);
  gap: 8px;
}

.form-pair:last-of-type button {
  margin: 0;
}

#form-meta .form-pair:nth-last-of-type(2) {
  width: 100%;
  display: grid;
  grid-template-rows: 30px;
  grid-template-columns: 100%;
  gap: 2px;
}

#form-metapairs .form-pair:last-of-type {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-template-rows: var(--formpadding);
  gap: 8px;
}

.form-pair:not(
    #form-orgsEx .form-pair,
    #form-contractsex .form-pair,
    #form-metahitsxx .form-pair,
    #form-metapairs .form-pair,
    #form-metahits .form-pair,
    #form-metafun .form-pair
  ):nth-last-child(2) {
  grid-template-columns: -webkit-max-content 40px -webkit-max-content;
  grid-template-columns: max-content 40px max-content;
  grid-template-rows: var(--formpadding);
  gap: 4px;
}
#form-purchases .form-pair:nth-last-child(2) input {
  width: 40px;
}

.form-pair:not(
    #form-groups .form-pair,
    #form-cartels .form-pair,
    #form-metafun .form-pair
  )
  label {
  margin-right: 4px;
  min-height: 8px;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  align-self: flex-end;
}
.form-pair input {
  width: 100%;
  /*width: 150px;*/
  height: 28px;
  margin: 0;
  align-self: baseline;
}

#form-metafun .form-pair:not(#form-metafun .form-pair:first-of-type) {
  height: 28px;
}

#form-metafun .form-pair:first-of-type input {
  width: 15px;
}

#form-metafun .form-pair:nth-of-type(2) input {
  width: 296px;
}

#form-metafun .form-pair:not(#form-metafun .form-pair:first-of-type) {
  display: grid;
  grid-template-columns: -webkit-max-content 100%;
  grid-template-columns: 100%;
  grid-template-rows: var(--formpadding) var(--formpadding);
  gap: 8px;
  align-items: center;
}

#form-concurents .form-pair:nth-of-type(2) {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: var(--formpadding) var(--formpadding);
  gap: 8px;
}

#form-concurents .form-pair:nth-of-type(2) input {
  width: calc(100vw - 24px);
}

#form-concurents .form-pair:first-of-type,
#form-concurents .form-pair:nth-of-type(3) {
  width: calc(100vw - 24px);
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  gap: var(--formgap);
  /* gap: 24px;*/
}

#form-concurents .form-pair:first-of-type label,
#form-concurents .form-pair:nth-of-type(3) label {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  gap: 8px;
  align-items: baseline;
}

#form-concurents .form-pair:last-of-type {
  width: calc(100vw - 24px);
  grid-template-columns: 100%;
  grid-template-rows: var(--formpadding) var(--formpadding);
  gap: 10px;
}

@media screen and (min-width: 426px) {
  #form-concurents .form-pair {
    width: calc(100vw - 80px);
  }

  #form-concurents .form-pair:first-of-type,
  #form-concurents .form-pair:nth-of-type(3),
  #form-concurents .form-pair:last-of-type,
  #form-concurents .form-pair:nth-of-type(2) {
    width: calc(100vw - 80px);
  }
  #form-concurents .form-pair:nth-of-type(2) input {
    width: calc(100vw - 80px);
  }
}

@media screen and (min-width: 437px) {
  .form-pair:not(
      #form-orgsEx .form-pair,
      #form-metahits .form-pair,
      #form-metafun .form-pair,
      #form-concurents .form-pair
    ):last-of-type {
    grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content max-content;
    grid-template-rows: var(--formpadding);
    gap: 8px;
  }
  #form-concurents .form-pair:last-of-type {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-template-rows: var(--formpadding);
    gap: 10px;
  }
}

@media screen and (min-width: 701px) {
  .form-pair:not(#form-metafun .form-pair, #form-concurents .form-pair),
  #form-metahits .form-pair {
    width: 100%;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    grid-template-rows: var(--formpadding);
    gap: 4px;
    align-items: baseline;
  }
  #form-metahits .form-pair:nth-of-type(3) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-template-rows: var(--formpadding);
    gap: 4px;
    align-items: baseline;
  }
  .form-pair:not(#form-groups .form-pair, #form-cartels .form-pair) label {
    align-self: baseline;
  }

  #form-metafun .form-pair:not(#form-metafun .form-pair:first-of-type) {
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-template-rows: var(--formpadding);
    gap: 8px;
    align-items: center;
  }

  #form-metafun .form-pair:first-of-type label {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  #form-metafun .form-pair:last-of-type {
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-template-rows: var(--formpadding);
    gap: 8px;
    align-items: center;
  }
  #form-metafun .form-pair:nth-of-type(2) {
    display: grid;
    grid-template-columns: -webkit-max-content 100%;
    grid-template-columns: max-content 100%;
    grid-template-rows: var(--formpadding);
    gap: 8px;
    align-items: center;
  }

  #form-concurents .form-pair:nth-of-type(2) {
    width: calc(100vw - 80px);
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    grid-template-rows: var(--formpadding);
    gap: var(--formgap);
  }

  #form-concurents .form-pair:nth-of-type(2) input {
    width: 100%;
  }

  #form-concurents .form-pair:first-of-type,
  #form-concurents .form-pair:nth-of-type(3) {
    width: calc(100vw - 80px);
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: var(--formpadding);
    gap: var(--formgap);
  }

  #form-concurents .form-pair:first-of-type label,
  #form-concurents .form-pair:nth-last-of-type(3) label {
    width: 100%;
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    grid-template-rows: var(--formpadding);
    gap: 24px;
  }
}

@media screen and (min-width: 769px) {
  #form-metafun .form-pair:first-of-type {
    width: calc(100vw - 80px);
    display: inline-flex;
    flex-flow: row;
    flex-wrap: wrap;
    gap: var(--formgap);
  }
  #form-metafun .form-pair:first-of-type > label {
    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;
  }
}

@media screen and (min-width: 965px) {
  #form-concurents .form-pair:first-of-type,
  #form-concurents .form-pair:nth-of-type(2),
  #form-concurents .form-pair:nth-of-type(3) {
    width: calc(100vw - 140px);
  }
  #form-metafun .form-pair:first-of-type {
    width: calc(100vw - 140px);
    display: inline-flex;
    flex-flow: row;
    flex-wrap: wrap;
    gap: var(--formgap);
  }
}
.header {
  width: 100%;
  min-height: 84px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  box-sizing: border-box;
  position: relative;
  background: white;
}

.header__tooltip {
  width: 100vw;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  box-sizing: border-box;
  background: white;
  border: 1px;
  align-self: flex-start;
  justify-self: flex-start;

}

.header__tooltip .header__group_small {
  justify-content: space-between;
}

.header__group_small .logo {
  padding: 19px 0 13px 12px;
}

.header__group_small .button {
  display: none;
}
.header__group_small .button_close {
  display: flex;
  margin: 22px;
}

.header__menu_tooltip {
  min-width: 320px; 
  flex-flow: column;
  margin: 48px 0 139px 0;
  align-items: flex-start;
  padding-left: 12px;
  /*justify-content: space-between;*/
}

.header__menu_tooltip .header__nav-link {
  margin: 0 0 28px 0;
  font-size: 22px;
  line-height: 26px;
}

.header__wrapper {
  width: calc(100vw - 24px);
  margin-left: 12px;
  /*width: calc(100vw - 140px);
  margin-left: 70px;*/

  align-self: flex-start;
  /*width: 100%;*/
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "left right";
  gap: 10px;
  
}

/*.page:has(> main > .how) header .header__wrapper {
  width: calc(100% - 24px);
}*/

.header__wrapper_tooltip {
  width: 100%;
  display: flex;
  flex-flow: column;
  margin-left: 0;
  display: flex;
}

.header__wrapper_tooltip a {
  margin: 0 0 24px 12px;
}

@media screen and (min-width: 426px) {
  .header__wrapper {
    width: calc(100vw - 80px);
    margin-left: 40px;
  }
  /*.page:has(> main > .how) header .header__wrapper {
    width: calc(100% - 80px);
  }*/

}

@media screen and (min-width: 966px) {
  .header__wrapper {
    width: calc(100vw - 140px);
    /*max-width: 1300px;*/
    margin-left: 70px;
  }
  /*.page:has(> main > .how) header .header__wrapper {
    width: calc(100% - 140px);
  }*/

}

/*@media screen and (max-width: 425px) {
  .header__wrapper {
    width: calc(100vw - 24px);
    margin-left: 12px;
  }
}*/

/*@media screen and (max-width: 768px) {
  .header__wrapper_tooltip {
    width: 100vw;
    display: flex;
    flex-flow: column;
  }
}

@media screen and (max-width: 965px) {
  .header__wrapper {
    width: calc(100vw - 80px);
    margin-left: 40px;
  }

}
*/

/*@media screen and (max-width: 1200px) {
  .tscontent {
    width: calc(100% - 80px);
  }
}*/
.header__group {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  justify-self: start;
  align-items: center;
  grid-area: left;

}



.header__group_small {
  display: flex;
  width: 100%;
  justify-content: space-between;

  border-bottom: 1px solid #acacb4;
  margin-bottom: 16px;
}

@media screen and (max-width: 965px) {
  .header__group_small {
    margin: 0;
  }
    
}

@media screen and (max-width: 768px) {
  .header__group {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    /*margin-bottom: 16px;*/
  }
}

@media screen and (max-width: 465px) {
  .header__group_small {
    margin: 0;
    padding-left: 12px;
  }
  .header__group_small .logo {
    margin: 0;
    padding-left: 0px;
  }
}.header__logogroup {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }


.header__description {
  margin: 0;
  font-family: "HeliosCond";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #707078;
  display: none;
}

.header__description_small {
  margin: 0px 12px;
  max-width: 165px;
  display: none;
}


@media screen and (min-width: 1200px) {
  .header__description, .header__description_meta {
    display: flex;
  }
  
}

@media screen and (max-width: 555px) {  
  .header__description_small {
    display: block;
    min-width: 165px;
    max-width: 165px;
    align-self: flex-start;
    margin: 16px 0 0 0;
  }
  
}

/*@media screen and (max-width: 1200px) {
  .header__description {
    min-width: 165px;
  }
}*/



/*@media screen and (max-width: 768px) {
  .header__description {
  
    display: block;
    max-width: 165px;
  }
}


*/.header__description_meta {
  max-width: 170px;
}

@media screen and (max-width: 426px) {
  .header__description_meta {
    display: none;
  }
}

.header__description_tender {
    min-width: 275px;
  }.header__menu {
  grid-area: right;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
}

.header__menu > a {
  text-decoration: none;
}

.header__menu_tooltip {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}


@media screen and (max-width: 833px) {
  .header__menu {
    display: none;
  }
  .header__menu_tooltip {
    display: flex;
  }
}

.header__nav-link {
    margin-right: 24px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-align: right;
    color: #707078;
}

.header__nav-link:last-of-type {
    margin: 0;
}  

.header__nav-link:not(.header__nav-link_highlighted):hover {
    color: #231F20;
}.header__nav-link_highlighted {
    color: #00aeef;
}.section-title {
  font-family: "HeliosCond";
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #acacb4;
}

#form-metafun .section-title {
  width: 100%;
  font-size: 18px;
}

.section-title_how {
  margin: 0;
  grid-area: left;
  font-size: 30px;
  line-height: 36px;
}

.section-title_how span {
  color: rgba(0, 174, 239, 1);
}

.how .section-title_how {
  justify-self: flex-start;
  font-size: 26px;
  line-height: 28px;
}

@media screen and (min-width: 700px) {
  .how .section-title_how {
    font-size: 30px;
    line-height: 36px;
  }
  
}.how__title {
  grid-area: left;
  align-self: center;
  width: 299px;
  padding: 0;
}

@media screen and (mix-width: 769px) { 
    .how__title {
        width: 100%;
        grid-area: left;
        align-self: flex-start;
    }
  }
.section-title_navigator {
  margin: 0;
  font-size: 22px;
  line-height: 32px;
  text-align: right;
  align-self: start;
  justify-self: flex-start;
}

@media screen and (min-width: 768px) {
  .section-title_navigator {
    justify-self: flex-end;
  }
}


.section-title_searh-forms {
  width: calc(100vw - 24px);
  align-self: flex-start;
  font-size: 22px;
  line-height: 32px;
  margin: 40px 0 21px 12px;
}

@media screen and (min-width: 426px) {
  .section-title_searh-forms {
    width: calc(100vw - 80px);
    margin: 40px 0 21px 40px;
  }
}

@media screen and (min-width: 966px) {
  .section-title_searh-forms {
    width: calc(100vw - 140px);
    margin: 40px 0 21px 70px;
  }
}.search-form_cartels {
  width: 100vw;
    display: grid;
    grid-template-columns: max-content;
    grid-template-rows: max-content var(--formpadding);
    gap: 10px; 
    margin-bottom: 24px;
}

.search-form_cartels:has(> #form-metapairs) {
  display: block;
}


.search-form_cartels > .form-pair {
  display: flex;
  flex-flow: row;
  align-items: baseline;
  align-self: flex-start;
}

.search-form_cartels > button {
  height: 28px;
  margin: 0 10px 0 0;
}
.search-form_cartels > .pagination {
  justify-self: baseline;
}


/*@media screen and (min-width: 965px) {
  .search-form_cartels {
    width: 100vw;
    display: grid;
    grid-template-rows: 28px;
    grid-template-columns: max-content max-content;
    gap: 10px;
  }

  
}
*/.table-section_cartels {
  width: 100%;
  display: flex;
  flex-flow: column;
}
.pagination {
  display: flex;
  align-self: baseline;
  padding-top: 4px;
  /*margin-left: 12px;*/
}
#form-metafun .pagination {
  margin: 0;
}

/*@media screen and (min-width: 426px) {
  .pagination {
    margin-left: 40px;
  }
}

@media screen and (min-width: 966px) {
  .pagination {
    margin-left: 70px;
  }

}
*/.pagination_bottom {
  margin: 0 0 40px 12px;
}

@media screen and (min-width: 426px) {
  .pagination_bottom {
    margin-left: 40px;
  }
}

@media screen and (min-width: 966px) {
  .pagination_bottom {
    margin-left: 70px;
  }

}
.pagination__page {
  font-family: "HeliosCond";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  text-decoration-line: underline;
  color: #00aeef;
  padding: 0 4px;
}
.pagination__quoutes {
  text-decoration: none;
}
.table {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  width: calc(100vw - 24px);
  /*height: max-content;*/
  border-collapse: collapse;
  display: block;
  /*overflow: scroll;*/
  /*margin: 0 0 40px 12px;**/
  margin-bottom: 40px;
  padding-left: 12px;
}

@media screen and (min-width: 426px) {
  .table {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    width: calc(100vw - 80px);
    /*margin-left: 40px;*/
    padding-left: 40px;
  }
}

@media screen and (min-width: 966px) {
  .table {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    width: calc(100vw - 140px);
    /*margin-left: 70px;*/
    padding-left: 70px;
  }
}

/*.table::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

.table::-webkit-scrollbar-thumb {
  border-radius: 1px;
  color: #ff3030;
  background-color: rgba(0, 174, 239, 1);
  -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
}*/

/*.table::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

.table::-webkit-scrollbar-thumb {
  border-radius: 1px;
  color: #ff3030;
  background-color: rgba(154, 139, 139, 0.5);
  -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
}

*/
.table_cartels {
  /*min-width: 100%;*/
  /*overflow: hidden;*/
  margin-bottom: 32px;
}
.table_cartels > thead {
  width: 100%;
  border-collapse: collapse;
}

.table_cartels > thead > tr > th {
  width: auto;
}

.table_cartels > thead > tr > th:last-child {
  min-width: 55%;
}

@media screen and (max-width: 965px) {
  .table_cartels > thead > tr > th:last-child {
    width: auto;
  }
}
.table__header {
  min-width: 85px;
}
.table__header_cust {
  min-width: 260px;
}
.table__header_date {
  min-width: 85px;
}
.table__header_purch {
  min-width: 292px;
}
.about {
  width: calc(100% - 24px);
  margin: 40px 0 40px 12px;
  
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #231f20;
  align-self: flex-start;
}

.about p {
  margin: 0;
}


@media screen and (min-width: 426px) {
  .about {
    width: calc(100% - 80px);
    margin: 48px 0 48px 40px;
  }
}
@media screen and (min-width: 426px) {
  .about2 {
    width: calc(100% - 80px);
    margin: 10px 10px 10px 220px;
  }
}

@media screen and (min-width: 966px) {
  .about {
    width: calc(100% - 140px);
    margin-left: 70px ;
  }
}
.home-contents {
  display: flex;
  align-self: start;
  width: calc(100% - 24px);
  margin-left: 12px;
  flex-flow: column;
}

@media screen and (min-width: 426px) {
  .home-contents {
    width: calc(100% - 80px);
    margin-left: 40px;
  }
}

@media screen and (min-width: 769px) {
  .home-contents {
    flex-flow: row;
    justify-content: space-between;
  }
}

@media screen and (min-width: 966px) {
  .home-contents {
    width: calc(100% - 140px);
    margin-left: 70px;
  }
}
.card {
  width: calc(50% - 16px);
  display: flex;
  flex-flow: column;
  margin-bottom: 32px;
}

.card:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) { 
  .card {
    width: 100%;
    margin: 0 0 32px 0;
  }
}.card__button {
  width: 100%;
  height: 64px;
  background-color: #00aeef;
  border: #00aeef 1px solid;
  box-sizing: border-box;
  color: #ffffff;
  padding: 0 24px;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  line-height: 24px;
}
.card__group {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 180px;
  border: 1px solid #231F20;;
  border-bottom: none;
  box-sizing: border-box;
}

@media screen and (min-width: 625px) {
  .card__group {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 150px;
  }
}

@media screen and (min-width: 769px) {
  .card__group {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 180px;
  }
}

@media screen and (min-width: 1280px) {
  .card__group {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 130px;
  }
}


.card__icon {
  max-width: 155px;
  height: 30px;
  margin-bottom: 10px;
  justify-self: flex-start;
  
  
}

@media screen and (min-width: 426px) {
  .card__icon {
    max-width: 180px;  
    height: 30px;
  }
}

@media screen and (min-width: 966px) {
  .card__icon {
    max-width: 200px;  
    height: 30px;
  }
}


@media screen and (min-width: 966px) {
  .card__icon {
    max-width: 230px;  
    height: 30px;
  }
}
.card__icons {
  width: 100%;
  display: grid;
  grid-template-rows: 93px;
  grid-template-columns: auto 72px;
  border-bottom: 1px solid #231F20;
}

.card__icons > img {
  width: 72px;
  height: 93px;
  border-left: #231F20 1px solid;
}

@media screen and (min-width: 426px) {
  .card__icons {
    height: 120x;
    grid-template-rows: 120px;
    grid-template-columns: auto 120px;
  }
  .card__icons > img {
    width: 120px;
    height: 120px;
  }
  
}
.card__logo {
  width: calc(100% - 32px);
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin: 16px 16px;
}

@media screen and (min-width: 426px) {
  .card__logo {
    width: calc(100% - 64px);
    margin: 32px 32px;
  }
}



@media screen and (min-width: 769px) {
  .card__logo {
    margin: 16px 16px;
  }
}

@media screen and (min-width: 966px) {
  .card__logo {
    margin: 32px 32px;
  }
}.card__paragraph {
  margin: 0;
  padding: 0;
}
.card__subtitle {
  margin: 0;
  width: 100%;
  
  font-family: "HeliosCond";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #707078;
}

.card__text {
  width: calc(100% - 32px);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #231f20;
  padding: 24px 16px;
}

@media screen and (min-width: 426px) {
  .card__text {
    width: calc(100% - 64px);
    padding: 32px 32px;
  }
}

@media screen and (min-width: 769px) {
  .card__text {
    padding: 24px 16px;
  }
}

@media screen and (min-width: 966px) {
  .card__text {
    padding: 32px 32px;
  }
}.arrow-black {
  display: block;
  width: 24px;
  height: 16px;
}
.how {
  width: calc(100% - 24px);
  /*max-width: 1300px;*/
  margin: 32px 0 0 12px;
  align-self: flex-start;
  padding: 24px 16px;
  display: grid;
  /*grid-template-columns: calc(50% - 24px) calc(50% - 24px);*/
  grid-template-columns: calc(50% - 12px) calc(50% - 12px);
  grid-template-rows: 60px 86px -webkit-max-content;
  grid-template-rows: 60px 86px max-content;
  gap: 24px;
  grid-template-areas:
    "left left"
    "centerimage rightimage"
    "centertext righttext";
  box-sizing: border-box;
  border: 1px solid #d7d7db;
  margin-bottom: 48px;
}

@media screen and (min-width: 426px) {
  .how {
    width: calc(100% - 80px);
    margin: 32px 0 0 40px;
  }
}

@media screen and (min-width: 600px) {
  .how {
    padding: 32px;
    grid-template-columns: 120px calc(50% - 120px + 20px) 40px auto;
    grid-template-rows: 60px auto;
    gap: 0;
    grid-template-areas:
      "left left left left"
      "centerimage centertext rightimage righttext";
  }
}

@media screen and (min-width: 850px) {
  .how {
    padding: 32px;
    width: calc(100% - 80px);
    margin: 32px 0 0 40px;
    grid-template-columns: auto 154px 150px 75px auto;
    grid-template-rows: auto;
    grid-template-areas: "left centerimage centertext rightimage righttext";
    align-items: center;
  }
}

@media screen and (min-width: 966px) {
  .how {
    width: calc(100% - 140px);
    margin: 32px 0 0 70px;
  }
}

@media screen and (min-width: 1000px) {
  .how {
    padding: 32px;
    grid-template-columns: auto 180px 200px 106px auto;
    grid-template-rows: 76px;
    grid-template-areas: "left centerimage centertext rightimage righttext";
  }
}
.how__download:hover + .how__download_hover {
  display: block;
}

.how__download_hover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 3;
}
.how__hoverwrapper {
  width: 122px;
  height: 76px;
  position: relative;
  display: flex;
  grid-area: centerimage;
  background: #d7d7db;
}

@media screen and (min-width: 769px) {
  .how__hoverwrapper {
    grid-area: centerimage;
    align-self: baseline;
    justify-self: flex-end;
    align-self: center;
  }
}


.how__hoverwrapper_small {
  width: 40px;
  height: 40px;
  grid-area: rightimage;
  
  position: relative;
  background: none;
  justify-self: flex-start;
  align-self: center;
}

@media screen and (min-width: 769px) {
  .how__hoverwrapper_small {
    justify-self: flex-end;
    
  }
}
.how__link {
  width: 120px;
  justify-self: start;
  text-decoration: none;
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #231f20;
  margin: 0;
}

@media screen and (min-width: 600px) {
  .how__link {
    margin-left: 16px;
  }
}

.how__link_pdf {
  grid-area: righttext;
  align-self: center;
  width: calc(100% - 16px);
  
}

@media screen and (min-width: 769px) {
  .how__link_pdf {
    grid-area: righttext;
    align-self: center;
    
  }
}
.how__link_video {
  grid-area: centertext;
  display: flex;
  justify-self: flex-start;
  align-self: center;
}

@media screen and (min-width: 769px) {
  .how__link_video {
    grid-area: centertext;
    
    min-width: 80%;
  }
}
.how__video {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 16px;
  right: 16px;
}

.how__video:hover + .how__video_hover {
  display: block;
}
.how__video_hover {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 16px;
  right: 16px;
  display: none;
  z-index: 3;
}
.about-section {
  width: calc(100vw - 24px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: #231f20;
  margin: 32px 0 40px 12px;
}

.about-section > .button {
  height: 28px;
  margin: 0x;
}

@media screen and (min-width: 426px) {
  .about-section {
    width: calc(100vw - 80px);
    margin: 48px 0 48px 40px;
  }
}

@media screen and (min-width: 966px) {
  .about-section {
    width: calc(100vw - 140px);
    margin: 48px 0 48px 70px;
  }
}.about-section__article {
  display: flex;
  flex-flow: column;
  margin-left: 16px;
}
.about-section__article p {
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}

.about-section__article h1,
.about-section__article h2 {
  font-size: 30px;
  line-height: 36px;
}

.about-section > h2:first-of-type {
  margin-top: 48px;    
}

.about-section__article ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.about-section__article .section-title_how {
  color: #231f20;
}
@media screen and (min-width: 426px) {
  .about-section__article {
    margin-left: 32px;
  }
  
}

@media screen and (min-width: 700px) {
  .about-section__article {
    width: 605px;
  }
}

@media screen and (min-width: 966px) {
  .about-section__article {
    margin-left: 80px;
  }

}
.navigator {
  width: calc(100vw - 24px);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  gap: 28px;
  /*margin: 32px 0 32px 12px;*/
  margin: 0 0 0 12px;
}

.navigator:first-of-type {
  margin: 40px 0 32px 12px;
}

@media screen and (min-width: 426px) {
  .navigator {
    width: calc(100vw - 80px);
    margin: 48px 0 32px 40px;
  }

  .navigator:first-of-type {
    margin: 48px 0 32px 40px;
  }
}

@media screen and (min-width: 768px) {
  .navigator {
    margin: 52px 0 0 40px;
    grid-template-columns: 143px auto;
    grid-template-rows: auto;
    gap: 28px;
  }  
  .navigator:first-of-type {
    margin: 60px 0 0 40px;
  }
}



@media screen and (min-width: 965px) {
  .navigator {
    width: calc(100vw - 140px);
    margin: 52px 0 0 70px;
  }
  .navigator:first-of-type {
    margin: 60px 0 0 70px;
  }
}

.navigator__href {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  text-decoration: none;
  padding: 20px 0;
  border-bottom: 1px solid #231f20;
}

.navigator__href > p {
  margin: 0;
  color: #231f20;
}

.navigator__href > p > span {
  color: rgba(0, 174, 239, 1);
}
.navigator__href_metascop > p {
  color: rgba(0, 174, 239, 1);
}

.navigator__href_metascop > p > span {
  color: #231f20;
}
.navigator__line {
  width: 100%;
  display: flex;
  font-family: "HeliosCond";
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.navigator__line:hover .navigator__href > p {
  color: rgba(19, 127, 195, 1);
}
.navigator__line:hover > .navigator__href:hover p > span {
  color: rgba(19, 127, 195, 1);
}
.navigator__list {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
}

.navigator__list > .navigator__line:first-of-type > .navigator__href {
  padding-top: 0%;
}
.footer {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  background: #f5f7fa;
  z-index: 5;
  margin-top: auto;
}

.footer__rowBox {
  width: calc(100vw - 24px);
  margin: 40px 0 0 12px;
  grid-template-rows: auto auto;
  grid-template-columns: auto;
  gap: 0;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #231f20;
}

.footer__rowBox > p {
  margin: 0 0 32px 0;
}

.footer__rowBox > p:first-of-type {
  margin: 0 0 24px 0;
}

@media screen and (min-width: 426px) {
  .footer__rowBox {
    width: calc(100vw - 80px);
    margin: 40px 0  0 40px;
  }
}

@media screen and (min-width: 744px) {
  .footer__rowBox {
    width: calc(100vw - 80px);
    margin-left: 40px;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 40% 40%;
    grid-gap: 20%;
  }
}

@media screen and (min-width: 965px) {
  .footer__rowBox {
    width: calc(100vw - 140px);
    margin-left: 70px;
  }
}
.footer__disclaimer {
  width: calc(100vw - 24px);
  margin: 0 12px 24px 12px;
  font-size: 14px;
  color: #707078;
}

.footer__disclaimer > p {
  margin: 0;
}

@media screen and (min-width: 426px) {
  .footer__disclaimer {
    width: calc(100vw - 80px);
    margin-left: 40px;
  }
}

@media screen and (min-width: 965px) {
  .footer__disclaimer {
    width: calc(100vw - 140px);
    margin-left: 70px;
  }
}

.customdatalist {
  width: 100%;
  display: grid;
  grid-template-rows: var(--formpadding) var(--formpadding);
  grid-template-columns: 100%;
  gap: 4px;
  margin-bottom: 8px;
}

@media screen and (min-width: 701px) {
  .customdatalist {
    width: 100%;
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    grid-template-rows: 30px;
    gap: 4px;
    align-items: baseline;
  }
}
.oktmoContainer {
  box-sizing: border-box;
  box-shadow: none;
  color: #000000;
  font-size: 16px;
  background-color: #ffffff;
  margin-top: 2px;
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 1px;
  margin-bottom: 20px;
}

.oktmoContainer input {
  margin: 0;
  box-sizing: border-box;
  padding: 2px 50px 2px 2px;
  border: 1px solid rgba(215, 215, 219, 1);
  outline: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.oktmoContainer, .oktmoContainer input {
  width: 296px;
  height: 28px;
}

.oktmoContainer input:hover {
  border: 1px solid rgba(0, 174, 239, 1);
  box-sizing: border-box;
  box-shadow: none;
}
.oktmoContainer > div > input:focus-visible {
  outline-color: rgba(19, 127, 195, 1);
  box-sizing: border-box;
}

@media screen and (min-width: 701px) {
  .oktmoContainer, .oktmoContainer input {
    min-width: 410px;
    max-width: 100%;
  }
  
}

.ddcleadButt {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 20%;
  width: 28px;
  height: 28px;
  text-align: center;
  font-size: 12px;
  padding: 0 0 10px 0;
  transform: translateX(-70%);
  background-color: transparent;
  border: none;
  margin-right: 10px;
  color: rgba(215, 215, 219, 1);
}

.ddcleadButt:hover {
  color: #4a4a4a;
}
.ddbutt {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  width: 28px;
  height: 28px;
  padding-top: 50%;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  border: none;
  border-left: 1px solid rgba(215, 215, 219, 1);
  background-color: transparent;
  margin: 0;
  padding: 2px 0 0 0;
  transform: translateY(-100%);
  color: rgba(215, 215, 219, 1);
}

.ddbutt:hover {
  color: #4a4a4a;
}.oktmopanel {
  color: #4a4a4a;
  font-size: 1rem;
  font-weight: 400;
  font-family: "HeliosCond", "Helvetica Neue";
  line-height: 1;
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  left: 1px;
  width: 400px;
  height: 400px;
  overflow-y: scroll;
  border: 1px solid rgba(215, 215, 219, 1);
  z-index: 1;
  background: white;
  display: none;
}

.oktmopanel > ul,
li > ul {
  list-style: none;
}
.caret {
  color: rgba(215, 215, 219, 1);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.caret::before {
  content: "\25B6";
  display: inline-block;
  margin-right: 12px;
}

.caret:hover {
  color: #4a4a4a;
}
.arrow-down {
  width: 70%;
  height: 90%;
}
#ulOKTMO {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ulOKTMO > li > ul {
  margin-left: 10px;
}

/*///////////////Ivan*/
.data-found {
  font-size: 20px;
  text-align: left;
  align-self: start;
  margin: -11px 0 22px 12px;
  color: rgb(172, 172, 180);
}

/*#form-contractsex .data-found {
  margin: -22px 0 22px 12px;
}*/

.table-inner {
  width: 100%;
  height: 100%;
  align-self: flex-start;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  border: none;
}

.table-inner tr {
  border: none;
}

.table-inner td {
  padding: 2px;
  border: 1px solid #d7d7db;
}

.table-inner th {
  padding: 2px;
  border: 1px solid #d7d7db;
}

.table-inner tr:first-child td {
  border-top: none;
}

.table-inner tr:first-child th {
  border-top: none;
}

.table-inner tr:last-child td {
  border-bottom: none;
}

.table-inner tr:last-child th {
  border-bottom: none;
}

.table-inner tr td:first-child {
  border-left: none;
}

.table-inner tr th:first-child {
  border-left: none;
}

.table-inner tr td:last-child {
  border-right: none;
}

.table-inner tr th:last-child {
  border-right: none;
}

.table td,
th {
  padding: 2px;
}

.meta-count {
  align-self: start;
  text-align: left;
  margin: -11px 0 11px 12px;
}

.no-left-margin {
  margin-left: 0;
}


.sort {
  position: relative;
}

.sort:before,
.sort:after {
  border: 4px solid transparent;
  content: "";
  display: block;
  height: 0;
  right: 5px;
  top: 90%;
  position: absolute;
  width: 0;
}
.sortable:before {
  border-bottom-color: #aaa;
  margin-top: -9px;
}
.sortable:after {
  border-top-color: #aaa;
  margin-top: 1px;
}

.sortdesc:before {
  border-bottom-color: black;
  margin-top: -9px;
}

.sortasc:after {
  border-top-color: black;
  margin-top: 1px;
}

@media screen and (min-width: 426px) {
  .data-found {
    margin-left: 40px;
  }
  .meta-count {
    margin: -11px 0 11px 40px;
  }
  
}

@media screen and (min-width: 966px) {
  .data-found {
    margin-left: 70px;
  }
  .meta-count {
    margin: -11px 0 11px 70px;
  }
  
}
body {
width: 100%;
display: flex;
flex-flow: column;
align-items: flex-start;
background-color: white;
font-family: "HeliosCond", Arial, Helvetica, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
}

a {
text-decoration: underline;
color: rgba(0, 174, 239, 1);
}

a:hover {
color: #137fc3;
}

input {
justify-self: flex-start;
height: 28px;
color: #000000;
font-size: 16px;
background-color: #ffffff;
height: auto;
box-sizing: border-box;
padding: 4px;
border: 1px solid rgba(215, 215, 219, 1);
box-shadow: none;
}

input:focus-visible {
outline-color: rgba(19, 127, 195, 1);
}

input:hover {
border: 1px solid #00aeef;
}

label {
margin-right: 2px;
font-size: 16px;
line-height: 18px;
}

li > .active {
border: none;
}

thead {
position: -webkit-sticky;
position: sticky !important;
top: 0;
}

td {
text-align: left;
vertical-align:text-top;
font-weight: 400;
padding: 2px;
width: auto;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
border: 1px solid #d7d7db;
}

th {
background-color: white;
background-clip: padding-box;
position: static;
font-family: "HeliosCond";
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 18px;
color: #231f20;
text-align: left;
padding: 2px;
width: auto;
align-self: center;
border: 1px solid #707078;
}

tr {
min-height: 54px;
}

tr .c_red {
background-color: #ff3030;
}

tr .c_green {
background-color: #10ef10;
}

tr .c_missed {
background-color: #f3d8d8;
}

tr .c_blue {
background-color: #00aeef;
color: #ffffff;
}

tr .c_blue a {
color: #ffffff;
}

tr .c_blue a:hover {
color: #000000;
}

tr .c_red {
background-color: #ff3030;
}

tr .c_green {
background-color: #f7f7a7;
}

span .c_missed {
background-color: #fa6600;
}