@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/opensans.woff2') format('woff2'), url('../fonts/opensans.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/opensansbold.woff2') format('woff2'), url('../fonts/opensansbold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/opensansitalic.woff2') format('woff2'), url('../fonts/opensansitalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('../fonts/opensanscondensedbold.woff2') format('woff2'), url('../fonts/opensanscondensedbold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
*:focus {
  outline-color: #7ab7ee;
}
:root {
  --header-color: #ffffff;
  --logo-color: #ffffff;
  --main-color: #51ddd4;
}
html,
body {
  height: 100%;
  scroll-behavior: smooth;
}
.main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main-page {
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.prompt {
  display: block;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: none;
  background-image: url("../img/icon_question.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  cursor: pointer;
  border-radius: 50%;
  padding-left: 10px;
}
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
div.ya-chat-widget {
  right: auto!important;
  left: 20px!important;
}
.break {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 0;
}
.breakColumn {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 0;
}
.overflowHidden {
  height: 100%;
  overflow: hidden;
}
.visuallyhidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.textClipboard {
  position: absolute;
  top: -100vh;
  left: -100vh;
}
.dblclick {
  position: relative;
}
.dblclick::after {
  position: absolute;
  content: "2x";
  background-color: white;
  top: -10px;
  right: -10px;
  border-radius: 50%;
  padding: 2px;
  color: #51ddd4;
  font-weight: bold;
  border: 1px solid #51ddd4;
}
.dblclick--enter::after {
  content: "2x Enter";
  right: -40px;
  border-radius: 8px;
}
.dblclick--alt_enter::after {
  content: "Alt + Enter";
  right: -60px;
  border-radius: 8px;
}
.dblclick--ctrl_enter::after {
  content: "Ctrl + Enter";
  right: -60px;
  border-radius: 8px;
}
.dblclick--ctrl_arrowLeft::after {
  content: "Ctrl ←";
  top: -14px;
  border-radius: 8px;
}
.dblclick--ctrl_arrowRight::after {
  content: "Ctrl →";
  top: -14px;
  border-radius: 8px;
}
.dblclick[data-disabled="true"]::after {
  border-color: #dcd7de;
  color: #dcd7de;
}
@media (max-width: 800px) {
  .dblclick--ctrl_arrowLeft::after {
    content: none;
  }
  .dblclick--ctrl_arrowRight::after {
    content: none;
  }
}
::-webkit-scrollbar-track {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-right: none;
  border-radius: 5px;
  width: 2px;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--main-color);
}
::-webkit-resizer {
  background-image: url('');
  background-repeat: no-repeat;
  width: 4px;
  height: 0px;
}
::-webkit-scrollbar {
  width: 10px;
}
*[data-state="hide"] {
  display: none;
}
.text {
  margin: 0;
  margin-bottom: 10px;
}
.text--error,
.text--red {
  color: #fe0321;
}
.text--center {
  text-align: center;
}
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}
.text--bold {
  font-weight: 700;
}
.text--italic {
  font-style: italic;
}
.text--bold_italic {
  font-weight: 700;
  font-style: italic;
}
.text--big {
  font-size: 16px;
  line-height: 22px;
}
.text--title {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  color: #999999;
}
.text--ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.listItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.separator {
  border: 1px solid #dcd7de;
  border-radius: 50%;
  margin: 10px 0;
}
.updown {
  position: fixed;
  height: 70px;
  width: 70px;
  bottom: 20px;
  left: 90px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70px;
  opacity: 0.8;
  z-index: 9999;
}
.updown[data-mode="up"] {
  background-image: url("../img/updown.svg");
}
.updown[data-mode="up"]:hover {
  background-image: url("../img/updown_turqiouse.svg");
}
.updown[data-mode="down"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("../img/updown.svg");
}
.updown[data-mode="down"]:hover {
  background-image: url("../img/updown_turqiouse.svg");
}
.upscroller {
  opacity: 0;
  position: fixed;
  height: 70px;
  width: 70px;
  bottom: 30px;
  right: 20px;
  cursor: pointer;
  z-index: 300;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background-color: var(--main-color);
  border: 3px solid var(--main-lighten-color);
  background-image: url("../img/arrow_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.upscroller[data-show="true"] {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
@media (max-width: 680px) {
  .updown {
    left: 10px;
    bottom: 10px;
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
  .upscroller {
    width: 50px;
    height: 50px;
    background-size: 30px;
  }
  .overflowHidden {
    position: fixed;
    width: 100%;
  }
  .mobileHide {
    display: none;
  }
}
.page {
  font-family: "Open Sans", "Arial", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #4e515a;
}
.page--formReg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
}
.page--formReg main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.page--formReg .footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.page__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 10px;
}
.page__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.page__button {
  background-image: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  border: none;
  border-radius: 5px;
  padding: 10px 30px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
}
.page__button--grey {
  background-image: none;
  background-color: #dcd7de;
}
.page__button--white {
  background-image: none;
  background-color: #f3f4f8;
  color: #000000;
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px;
}
.page--grey {
  background-color: #f3f4f8;
}
.page--error {
  background-color: rgba(252, 160, 171, 0.1);
}
#page {
  display: none;
}
.page__loading {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100vw;
  height: 100vh;
  background-color: #d8fff8;
}
.page__loading--opacity {
  opacity: 0.7;
}
.page__loading--logo {
  background-color: #ffffff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page__loading--logo img {
  width: 300px;
}
.page__loading[data-status="hide"] {
  display: none;
}
.page__message {
  text-align: center;
  margin-left: 20px;
  margin-top: 20px;
}
.page__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
}
.spinner {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  z-index: 2;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
}
.spinner .path {
  stroke: #51ddd4;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
}
@media (max-width: 680px) {
  .page__flex[data-placement="formReg"] {
    padding-top: 10px;
    position: relative;
  }
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@media (max-width: 680px) {
  .page__flex--refereeForm {
    padding-top: 0;
  }
  .page__flex--refereeForm .page__control {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .page__flex--refereeForm .page__control .page__searchIdWrap .master__button {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    min-height: auto;
  }
  .page__flex--refereeForm .page__message {
    margin: 0;
  }
}
.container {
  width: 100%;
  max-width: 1340px;
  min-width: 280px;
  margin: 0 auto;
}
.container-flex {
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .container-flex {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-flex[data-page="referee"] .breadcrumbs {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 560px) {
  .container-flex {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
  }
}

.button {
  background-color: transparent;
  color: white;
  border-radius: 5px;
  border: 2px solid white;
  text-transform: uppercase;
  padding: 8px 10px;
  font-weight: 700;
  cursor: pointer;
  font-family: "Open Sans", "Arial", sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  text-align: center;
}
.button__choice {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #999999;
  border-radius: 5px;
  cursor: pointer;
  padding: 4px 8px;
}
.button__choice:hover {
  background-color: #f3f4f8;
}
.tooltip {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: help;
}
.tooltip:hover .tooltip__text {
  visibility: visible;
}
.tooltip[data-position="right"] .tooltip__text {
  right: 0;
  left: auto;
}
.tooltip[data-position="right"] .tooltip__text::after {
  left: auto;
  margin-left: 0;
  right: 6px;
}
.tooltip[data-position="center"] .tooltip__text {
  width: 120px;
  top: 150%;
  left: 50%;
  text-align: center;
  margin-left: -60px;
}
.tooltip[data-position="none"] .tooltip__text::after {
  content: none;
}
.tooltip svg {
  fill: #999999;
}
.tooltip__text {
  visibility: hidden;
  background-color: #ffffff;
  color: #000000;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  border: 1px solid var(--main-color);
}
.tooltip__text::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--main-color) transparent;
}
.mark {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: block;
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mark svg {
  width: 22px;
  height: 22px;
}
.unit__ranks {
  display: grid;
  grid-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  margin-bottom: 10px;
}
.unit__ranksId {
  margin: 0;
  font-weight: 700;
}
.main__headingBg {
  background-color: #f3f4f8;
}
.main__headingWrap {
  margin: 0 auto;
  min-height: 399px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main__headingTitle {
  padding-left: 30px;
  width: 538px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 20px;
  padding-top: 20px;
}
.main__headingTitle img {
  width: 50%;
  max-width: 320px;
}
.main__socialWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #fe0321;
}
.main__social {
  width: 40px;
  min-height: 40px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #fe0321;
  display: block;
}
.main__social:hover {
  background-color: #f3f4f8;
}
.main__socialText {
  display: none;
}
.main__logo {
  font-weight: 700;
  margin: 0;
  padding-top: 30px;
  padding-bottom: 40px;
  color: #51ddd4;
  font-size: 16px;
  text-decoration: none;
}
.main__logo--white {
  color: #ffffff;
  font-size: 30px;
}
.main__lead {
  color: #ffffff;
  font-size: 16px;
  margin: 0;
}
.main__login {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main__login .form-registration__wrap,
.main__login .dropDownList__wrap {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.main__login .form-registration__button {
  margin: 0 auto;
  padding: 20px 70px;
  display: block;
}
.main__login .form-registration__label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  width: 100px;
}
.main__login .dropDownList__errorMessage {
  position: absolute;
  background-color: #ffffff;
  z-index: 100;
  top: 100%;
  border: 1px solid #dcd7de;
  left: 0;
  border-radius: 5px;
}
.main__loginInfo {
  color: #999999;
  font-size: 18px;
  text-align: center;
  margin: 0;
  padding-bottom: 30px;
}
.main__loginLink {
  color: #999999;
}
.main__loginLink:hover {
  color: #51ddd4;
}
.main__subTitle {
  color: #999999;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 15px;
}
.main__title {
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  margin: 0;
  margin-bottom: 80px;
}
.main__about {
  padding: 80px 20px;
  background-color: #ffffff;
}
.main__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
.main__listTitle {
  font-size: 20px;
}
.main__listItem {
  position: relative;
  padding-top: 120px;
  padding-left: 40px;
  padding-right: 40px;
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}
.main__listItem::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  top: 10px;
  left: 50%;
  margin-left: -40px;
  background-repeat: no-repeat;
  background-size: 90px;
  background-position: center;
}
.main__listItem--organizers::before {
  background-image: url("../img/org.png");
}
.main__listItem--players::before {
  background-image: url("../img/playe.png");
}
.main__listItem--referees::before {
  background-image: url("../img/referee.png");
}
.main__listTitle {
  font-weight: 400;
}
.main__listText {
  color: #999999;
  font-size: 12px;
}
.main__using {
  padding: 80px 20px;
  background-color: #f3f4f8;
}
.main__sheme {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  width: 780px;
}
.main__shemeItem {
  border: 2px solid #dcd7de;
  width: 280px;
  padding: 20px;
  position: relative;
  min-height: 100px;
  background-color: #ffffff;
}
.main__shemeItem::before {
  position: absolute;
  background-color: #ffffff;
  content: "";
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  border: 2px solid #dcd7de;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
}
.main__shemeItem--step1::before {
  background-image: url("../img/step1.svg");
}
.main__shemeItem--step2::before {
  background-image: url("../img/step2.svg");
}
.main__shemeItem--step3::before {
  background-image: url("../img/step3.png");
}
.main__shemeItem--step4::before {
  background-image: url("../img/step4.png");
}
.main__shemeItem--step5::before {
  background-image: url("../img/step5.svg");
}
.main__shemeItem::after {
  position: absolute;
  background-color: #dcd7de;
  content: "";
  width: 43px;
  height: 2px;
  top: 50%;
  margin-top: 1px;
}
.main__shemeItem:nth-child(odd) {
  -webkit-box-shadow: 65px 0 0 0 #f3f4f8, 67px 0 0 0 #dcd7de;
          box-shadow: 65px 0 0 0 #f3f4f8, 67px 0 0 0 #dcd7de;
}
.main__shemeItem:nth-child(odd)::before {
  right: -95px;
}
.main__shemeItem:nth-child(odd)::after {
  right: -43px;
}
.main__shemeItem:nth-child(even) {
  -webkit-box-shadow: -65px 0 0 0 #f3f4f8, -67px 0 0 0 #dcd7de;
          box-shadow: -65px 0 0 0 #f3f4f8, -67px 0 0 0 #dcd7de;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.main__shemeItem:nth-child(even)::before {
  left: -95px;
}
.main__shemeItem:nth-child(even)::after {
  left: -43px;
}
.main__shemeItem:first-child {
  -webkit-box-shadow: 65px 55px 0 0 #f3f4f8, 67px 55px 0 0 #dcd7de;
          box-shadow: 65px 55px 0 0 #f3f4f8, 67px 55px 0 0 #dcd7de;
}
.main__shemeItem:last-child {
  -webkit-box-shadow: 65px -54px 0 0 #f3f4f8, 67px -54px 0 0 #dcd7de;
          box-shadow: 65px -54px 0 0 #f3f4f8, 67px -54px 0 0 #dcd7de;
}
.main__shemeTitle {
  font-weight: 400;
  font-size: 16px;
  margin-top: 6px;
}
.main__shemeText {
  font-size: 12px;
  color: #999999;
}
.main__try {
  padding: 50px 0;
  background-image: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
}
.main__try .main__title {
  color: #ffffff;
  text-transform: uppercase;
}
.main__try .main__subTitle {
  color: #ffffff;
}
.main__try .main__text {
  font-size: 14px;
  color: #ffffff;
}
.main__reviews {
  padding: 60px 20px;
}
.main__reviews .main__title {
  margin-bottom: 0;
}
.main__reviewsWrap {
  max-width: 780px;
}
.main__feedback {
  padding: 60px 20px;
  background-color: #f3f4f8;
}
.main__tryWrap {
  padding: 0 20px;
  max-width: 780px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main__button {
  border: 2px solid #ffffff;
  border-radius: 5px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  padding: 15px 40px;
  font-size: 12px;
  font-weight: 700;
  margin-left: 100px;
  cursor: pointer;
}
.main__top {
  position: sticky;
  min-height: 40px;
  top: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
}
.main__link {
  color: #fe0321;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  padding: 15px 30px;
  display: block;
  text-decoration: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 30%;
          flex: 1 0 30%;
  text-align: center;
  border: 1px solid #fe0321;
  border-top: none;
  border-left: none;
}
.main__link:last-child {
  border-right: none;
}
.main__link:hover {
  background-color: #f3f4f8;
}
@media (max-width: 740px) {
  .main__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main__top a {
    border-right: none;
  }
  .main__headingWrap {
    display: block;
  }
  .main__socialWrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 30px;
    min-height: 46px;
  }
  .main__socialText {
    display: block;
    color: #fe0321;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0;
  }
  .main__headingTitle {
    padding: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main__headingTitle img {
    width: 200px;
  }
  .main__login {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .main__login .form-registration__wrap {
    margin-top: 0;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .main__loginInfo {
    margin: 0;
    padding-bottom: 20px;
  }
  .main__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  .main__about {
    padding: 40px 20px;
  }
  .main__list {
    display: block;
  }
  .main__using {
    padding: 40px 20px;
  }
  .main__sheme {
    width: auto;
  }
  .main__shemeItem,
  .main__shemeItem:first-child,
  .main__shemeItem:last-child {
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    margin-bottom: 10px;
    max-width: 400px;
  }
  .main__shemeItem:nth-child(even) {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .main__shemeItem::after {
    content: none;
  }
  .main__shemeItem::before {
    border: none;
  }
  .main__shemeItem:nth-child(odd)::before,
  .main__shemeItem:nth-child(even)::before {
    right: auto;
    left: 0;
    top: 0;
    margin-top: 10px;
  }
  .main__shemeItem:nth-child(odd),
  .main__shemeItem:nth-child(even) {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.form__comment--basic {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.form__comment--basic .dropDownList__wrap {
  height: 100%;
}
.form__comment--basic .dropDownList__wrap .dropDownList__input {
  height: 100%;
}
.form__comment--down {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form__comment--down .modal__button {
  background-image: none;
  background-color: #f3f4f8;
  color: #000000;
}
.form__input {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  padding: 12px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form__points {
  padding-top: 10px;
  margin-bottom: 10px;
}
.form__points--active {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}
@media (min-width: 768px) {
  .form__main {
    width: 500px;
  }
}
@media (min-width: 1200px) {
  .form__main {
    width: 300px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .form__add {
    width: 740px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 740px;
            flex: 0 0 740px;
  }
}
.breadcrumbs {
  padding: 0 10px;
}
.breadcrumbs[data-status="hide"] {
  display: none;
}
.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: #999999;
}
.breadcrumbs__list a {
  cursor: pointer;
  color: #999999;
  text-decoration: none;
  padding: 10px 0;
  display: block;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.breadcrumbs__list a:hover {
  color: #000000;
}
.breadcrumbs__list span {
  padding: 10px 0;
  display: block;
}
.breadcrumbs__item {
  position: relative;
  display: inline-block;
  padding-left: 24px;
}
.breadcrumbs__item::before {
  position: absolute;
  content: ">";
  top: 10px;
  left: 7px;
  width: 15px;
  height: 15px;
}
.breadcrumbs__item:first-child::before {
  content: none;
}
.breadcrumbs__item:first-child {
  padding-left: 0;
}
@media (min-width: 680px) {
  .breadcrumbs {
    padding: 0 20px;
  }
}
@media (max-width: 680px) {
  .breadcrumbs--mobileHide {
    display: none;
  }
}
.language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 5px;
  padding: 10px 20px;
}
.language .dropDownList__checkLabel {
  font-size: 0;
  background-color: var(--main-color);
  border: none;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 40px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 40px;
  background-image: url("../img/flag_korean.svg");
  -webkit-filter: grayscale(1) contrast(0.8);
          filter: grayscale(1) contrast(0.8);
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: -webkit-filter 0.3s, -webkit-transform 0.3s;
  transition: -webkit-filter 0.3s, -webkit-transform 0.3s;
  transition: filter 0.3s, transform 0.3s;
  transition: filter 0.3s, transform 0.3s, -webkit-filter 0.3s, -webkit-transform 0.3s;
}
.language .dropDownList__checkLabel::before {
  content: none;
}
.language .dropDownList__checkLabel:hover {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.language .dropDownList__checkbox:checked + .dropDownList__checkLabel::after {
  content: none;
}
.language .dropDownList__checkbox[value="ru"] + .dropDownList__checkLabel {
  background-image: url("../img/flag_russian.svg");
}
.language .dropDownList__checkbox[value="ko"] + .dropDownList__checkLabel {
  background-image: url("../img/flag_korean.svg");
}
.language .dropDownList__checkbox[value="en"] + .dropDownList__checkLabel {
  background-image: url("../img/flag_english.svg");
}
.language .dropDownList__checkbox[value="zh"] + .dropDownList__checkLabel {
  background-image: url("../img/flag_chinese.svg");
}
.language .dropDownList__checkbox:checked + .dropDownList__checkLabel {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.language__flag {
  background-color: var(--main-color);
  border: none;
  padding: 10px 20px;
  display: block;
  cursor: pointer;
  width: 40px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 40px;
  -webkit-filter: grayscale(1) contrast(0.8);
          filter: grayscale(1) contrast(0.8);
}
.language__flag:checked {
  -webkit-filter: none;
          filter: none;
}
.language__flag--ko {
  background-image: url("../img/flag_korean.svg");
}
.language__flag--ru {
  background-image: url("../img/flag_russian.svg");
}
.language__flag--en {
  background-image: url("../img/flag_english.svg");
}
.language__flag--zh {
  background-image: url("../img/flag_chinese.svg");
}
.pop {
  width: 220px;
  background-color: #ffffff;
  position: fixed;
  top: 20vh;
  z-index: 300;
  left: 50%;
  margin-left: -110px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  padding: 25px 30px;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  display: none;
  max-height: 100vh;
}
.pop[data-status="show"] {
  display: block;
}
.pop--active {
  display: block;
}
.pop--result {
  width: 700px;
  margin-left: -350px;
  padding: 25px 40px;
}
.pop--performanceRegistered,
.pop--sendRegisterForm,
.pop--performanceRegisteredShort {
  width: 400px;
  margin-left: -200px;
  top: 50px;
}
.pop--sendRegisterForm a {
  color: #7ab7ee;
}
.pop--sendRegisterForm .pop__text {
  text-align: left;
}
.pop--clearForm {
  width: 250px;
  margin-left: -150px;
}
.pop--changeOkBtn,
.pop--changeOk {
  background-image: url("../img/change_ok.svg");
  background-repeat: no-repeat;
  background-position: top 40px center;
  background-size: 100px;
  padding-top: 150px;
}
.pop--changeOkBtn .pop__text,
.pop--changeOk .pop__text {
  text-align: center;
}
.pop--changeOkBtn .pop__button {
  width: 100%;
  margin-left: 0;
}
.pop--error,
.pop--changeError,
.pop--turnNewError {
  background-image: url("../img/change_error.svg");
  background-repeat: no-repeat;
  background-position: top 30px center;
  background-size: 100px;
  padding-top: 130px;
  width: 320px;
  margin-left: -160px;
  top: 50%;
  margin-top: -240px;
}
.pop--changeWarning {
  background-image: url("../img/change_warning.svg");
  background-repeat: no-repeat;
  background-position: top 30px center;
  background-size: 100px;
  padding-top: 160px;
  width: 360px;
  margin-left: -210px;
  top: 50%;
  margin-top: -240px;
}
.pop--changeWarning .pop__buttonWrap {
  margin-left: -15px;
  margin-right: -15px;
}
.pop--notFinished .pop__button {
  margin-bottom: 10px;
}
.pop--notFinished,
.pop--warningFillng,
.pop--warningFillngTab4 {
  width: 420px;
  margin-left: -210px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop--notFinished .pop__button,
.pop--warningFillng .pop__button,
.pop--warningFillngTab4 .pop__button {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.pop--notFinished .pop__text,
.pop--warningFillng .pop__text,
.pop--warningFillngTab4 .pop__text {
  text-align: center;
  line-height: 22px;
}
.pop--turnNewError {
  width: 260px;
  margin-left: -130px;
}
.pop--editPlayers {
  top: 90px;
  width: 1040px;
  margin-left: -540px;
  padding: 25px 20px 20px;
}
.pop--editPlayers .pop__buttonWrap {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pop--editPlayers .pop__button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14%;
          flex: 0 0 14%;
  margin-left: 20px;
}
.pop--orderTurnNew {
  top: 10vh;
  width: 1040px;
  margin-left: -540px;
  padding: 25px 20px 20px;
}
.pop--orderTurnNew .pop__buttonWrap {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pop--orderTurnNew .pop__button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14%;
          flex: 0 0 14%;
  margin-left: 20px;
}
.pop--formTeam,
.pop--formOrg,
.pop--formPeople {
  width: 720px;
  margin-left: -390px;
}
.pop--formPlayer {
  width: 420px;
  margin-left: -210px;
  top: 50%;
  margin-top: -220px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop--formDirector,
.pop--formPlayer {
  width: 420px;
  margin-left: -210px;
  top: 50%;
  margin-top: -220px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop__iframe {
  width: calc(100% + 70px);
  min-height: 400px;
  margin-left: -35px;
  margin-top: 10px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
}
.pop__title {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  color: #999999;
  padding-bottom: 20px;
}
.pop__password {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5px;
}
.pop__password span {
  font-size: 16px;
  line-height: 22px;
}
.pop__btnCopy {
  background-color: transparent;
  cursor: pointer;
  border: none;
  width: 40px;
  height: 40px;
  background-image: url("../img/copy_grey.svg");
  background-size: 18px 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
}
.pop__btnCopy:hover {
  background-image: url("../img/copy.svg");
}
.pop__text {
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 18px;
  text-align: justify;
}
.pop__text--12px {
  font-size: 12px;
  padding-bottom: 10px;
}
.pop__text--bold {
  font-weight: 700;
}
.pop__text--italic {
  font-style: italic;
}
.pop__text--error {
  color: #fca0ab;
  font-weight: 700;
  text-align: center;
}
.pop__text--warning {
  color: #FFBB00;
  font-weight: 700;
  text-align: center;
}
.pop__text--note {
  font-size: 12px;
  color: #fe0321;
  padding-bottom: 10px;
}
.pop__text--callOrganization[data-status="hide"] {
  display: none;
}
.pop__border {
  border: 1px solid #dcd7de;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 100%;
}
.pop__border .pop__button {
  width: 100%;
}
.pop__info {
  color: #999999;
  margin: 0;
}
.pop__buttonClose {
  position: absolute;
  background-color: #ffffff;
  border: none;
  padding: 0;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-image: url("../img/close_grey.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.pop__buttonClose:hover {
  background-image: url("../img/close.svg");
}
.pop__buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.pop__button {
  background-color: var(--main-color);
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  text-align: center;
}
.pop__button:hover {
  background-image: linear-gradient(45deg, #66ccff 0%, #51ddd4 100%);
}
.pop__button[data-width="100%"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 20px);
          flex: 1 0 calc(100% - 20px);
}
.pop__button:disabled,
.pop__button[data-disabled="true"] {
  background-image: none;
  background-color: #dcd7de;
}
.pop__button--error {
  margin: 0 auto;
  min-width: 180px;
  background-image: linear-gradient(45deg, #fca0ab 0%, #f84949 100%);
}
.pop__button--error:hover {
  background-image: linear-gradient(45deg, #f84949 0%, #fca0ab 100%);
}
.pop__button--warning {
  margin: 0 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
  min-width: none;
  background-image: linear-gradient(45deg, #FFEE00 0%, #FFBB00 100%);
}
.pop__button--warning:hover {
  background-image: linear-gradient(45deg, #FFBB00 0%, #FFEE00 100%);
}
.pop__button[data-status="hide"] {
  display: none;
}
.pop--performanceRegistered .pop__button,
.pop--performanceRegisteredShort .pop__button {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-top: 10px;
  margin-left: 0;
}
.pop--footer {
  width: 480px;
  margin-left: -290px;
  padding: 30px 50px;
  max-height: 480px;
  overflow-y: auto;
  cursor: default;
}
.pop--footerMedium {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
@media (max-width: 860px) {
  .pop--performanceRegistered,
  .pop--sendRegisterForm,
  .pop--performanceRegisteredShort {
    width: 280px;
    margin-left: -170px;
  }
  .pop__button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
  .pop__button--warning {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 39%;
            flex: 0 1 39%;
  }
  .pop__buttonCalendar {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .pop--footerMedium {
    top: 50px;
    min-width: 280px;
    width: auto;
  }
}
@media (max-width: 680px) {
  .pop--editPlayers {
    top: 10px;
    width: auto;
    margin-left: 0;
    padding: 16px 10px 10px;
    left: 5px;
    right: 5px;
  }
}
@media (max-width: 560px) {
  .pop__text {
    text-align: left;
  }
  .pop--changeError,
  .pop--confirm,
  .pop--errorContest,
  .pop--changeWarning,
  .pop--notFinished,
  .pop--warningFillng,
  .pop--warningFillngTab4,
  .pop--performanceRegistered,
  .pop--sendRegisterForm,
  .pop--performanceRegisteredShort {
    min-width: 290px;
    width: 92%;
    left: 0;
    margin-left: 4%;
    margin-right: 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 15px;
  }
  .pop--formPlayer,
  .pop--formDirector {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .pop--formPlayer .pop__wrap,
  .pop--formDirector .pop__wrap {
    min-width: 290px;
    position: absolute;
    width: 92%;
    left: 0;
    margin-top: 4%;
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom: 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
            box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
    background-color: #ffffff;
  }
}
.popup {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 300;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup--close {
  display: none;
}
.popup__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(215, 215, 214, 0.5);
}
.popup__wrap {
  background-color: #ffffff;
  position: absolute;
  top: 80px;
  bottom: 40px;
  left: 20px;
  right: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.popup__wrap[data-size="small"] {
  width: 340px;
  top: 20vh;
  bottom: auto;
  padding: 20px;
}
.popup__wrap[data-size="medium-scroll"],
.popup__wrap[data-size="medium"] {
  width: 620px;
  top: 20vh;
  bottom: auto;
  padding: 20px;
  margin-bottom: 50px;
}
.popup__wrap[data-size="large"] {
  top: 80px;
  bottom: auto;
  max-width: 1000px;
  padding: 20px;
}
.popup__wrap[data-size="large"] .popup__wrapFragment[data-scroll="true"] {
  max-height: calc(100% - 146px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.popup__wrap[data-size="full"] {
  margin-top: 20px;
  margin-bottom: 20px;
  top: 20px;
  bottom: auto;
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content 1fr -webkit-min-content;
  grid-template-rows: min-content min-content min-content 1fr min-content;
  max-width: none;
  padding: 20px;
}
.popup__wrap[data-size="full"] .popup__wrapFragment[data-scroll="true"] {
  max-height: calc(100% - 146px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.popup__wrap[data-style="error"] {
  background-image: url("../img/change_error.svg");
  background-repeat: no-repeat;
  background-position: top 20px center;
  background-size: 100px;
  padding-top: 130px;
}
.popup__wrap[data-style="error"] .popup__titleWrap {
  padding-right: 0;
}
.popup__wrap[data-style="error"] .popup__title {
  color: #fca0ab;
  font-weight: 700;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 0;
}
.popup__wrap[data-style="error"] .popup__button {
  background-color: #fca0ab;
}
.popup__wrap[data-style="error"] .popup__button:hover {
  opacity: 0.7;
}
.popup__wrap[data-style="warning"] .popup__title {
  color: #ffbb00;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.popup__wrap[data-style="warning"] .popup__button {
  background-color: #ffbb00;
}
.popup__wrap[data-style="warning"] .popup__button:hover {
  opacity: 0.7;
}
.popup__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 30px;
  margin-bottom: 20px;
}
.popup__title {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  color: #999999;
  padding-right: 25px;
  padding-bottom: 10px;
}
.popup__titleArticle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.popup__input {
  width: 50px;
  text-align: center;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 5px;
  border: 1px solid #999999;
}
.popup__input:disabled {
  border: none;
  background-color: transparent;
}
.popup__img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 70vh;
  overflow: hidden;
}
.popup__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.popup__canvas {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 70vh;
  overflow: hidden;
  position: relative;
}
.popup__canvas canvas {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.popup__canvas .slider__control {
  display: block;
}
.popup__iframe {
  width: 100%;
  min-height: 400px;
  margin-top: 10px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
}
.popup__buttonClose,
.popup__btnClose {
  position: absolute;
  background-color: #ffffff;
  border: none;
  padding: 0;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-image: url("../img/close_grey.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  font-size: 0;
}
.popup__buttonClose:hover,
.popup__btnClose:hover {
  background-image: url("../img/close.svg");
}
.popup__border {
  border: 1px solid #dcd7de;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.popup__border .pop__button {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-top: 10px;
  margin-left: 0;
}
.popup__text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
}
.popup__separator {
  margin: 20px;
  border: none;
  border-top: 2px solid #dcd7de;
  background-color: transparent;
}
.popup__separator--solid {
  border-top-style: solid;
}
.popup__separator--dashed {
  border-top-style: dashed;
}
.popup__separator--dotted {
  border-top-style: dotted;
}
.popup__tableListItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px;
  margin: 0;
  list-style: none;
  font-size: 14px;
  line-height: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup__tableListItems li {
  text-align: center;
}
.popup__tableListItems li:first-child {
  font-weight: 700;
  text-align: left;
}
.popup__tableListItems li[data-disabled="true"] {
  color: #999999;
}
.popup__tableListItems:first-child {
  font-weight: 700;
}
.popup__tableListItems:nth-child(odd) {
  background-color: #f3f4f8;
}
.popup__sliderControl {
  -webkit-transform: none;
          transform: none;
  top: 70px;
  bottom: 0;
  height: auto;
}
.popup__tableListItems2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px;
  margin: 0;
  list-style: none;
  font-size: 14px;
  line-height: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 86px;
  width: 100%;
}
.popup__tableListItems2 li {
  text-align: center;
}
.popup__tableListItems2 li:first-child {
  font-weight: 700;
  text-align: left;
}
.popup__tableListItems2 li[data-disabled="true"] {
  color: #999999;
}
.popup__tableListItems2:nth-child(even) {
  background-color: #ffffff;
}
.popup__tableColumn2 {
  width: 150px;
  border-right: 1px solid #dcd7de;
  border-left: 1px solid #dcd7de;
  text-align: center;
}
.popup__tableListItems2Head {
  height: 60px;
  overflow: hidden;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}
.popup__miniFilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}
.popup__miniFilterItem {
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  cursor: pointer;
}
.popup__miniFilterItem[data-mode="error"] {
  background-color: #fcccd2;
}
.popup__miniFilterItem[data-mode="full"] {
  background-color: #d8fff8;
}
.popup__miniFilterItem[data-mode="notfull"] {
  background-color: #fffac9;
}
.popup__miniFilterItem[data-mode="not_required"] {
  background-color: #f3f4f8;
}
.popup__miniFilterItem[data-mode="reset"] {
  margin-left: auto;
}
.popup__wrapText {
  overflow: hidden;
}
.popup__wrapText p {
  margin: 0;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  text-align: justify;
}
.popup__wrapText p .indent {
  text-indent: 1.5em;
}
.popup__wrapText img {
  width: 100%;
}
.popup__wrapButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.popup__listContestCopy {
  list-style: none;
  padding: 10px;
  margin: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: calc(100vh - 350px);
  -webkit-box-shadow: inset 0px 0px 6px 2px #dcd7de;
          box-shadow: inset 0px 0px 6px 2px #dcd7de;
  border: 1px solid #dcd7de;
  border-radius: 5px;
}
.popup__listContestCopy[data-contestes-id=""] {
  display: none;
}
.popup__contestCopy {
  position: relative;
  padding: 10px 20px;
  padding-right: 40px;
  margin-bottom: 20px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  background-color: #ffffff;
}
.popup__contestCopy .master__btn--delete {
  top: 11px;
  right: -3px;
}
.popup__contestCopy--contestTitle {
  font-weight: 700;
  margin: 0;
  margin-bottom: 10px;
}
.popup__contestCopy--listRow {
  padding: 0;
  margin: 0;
  list-style: none;
}
.popup__contestCopy--row {
  min-height: 48px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: 10px;
  border-bottom: 2px solid #dcd7de;
}
.popup__contestCopy--row:last-child {
  border-bottom: none;
}
.popup__contestCopy--row .dropDownList__wrap {
  margin-bottom: 0;
  width: 20%;
}
.popup__contestCopy--item {
  display: grid;
  border: 1px solid #dcd7de;
  padding: 5px;
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 5px;
}
.popup__contestCopy--itemTitle {
  margin: 0;
  background-color: #f3f4f8;
  text-align: center;
  padding: 5px;
}
.popup__contestCopy--text {
  margin: 0;
  text-align: center;
  font-weight: bold;
}
.popup__contestCopy--name {
  width: 200px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 200px;
          flex: 1 0 200px;
  padding-right: 20px;
  margin: 0;
}
.popup__contestCopy--nomination {
  width: 20%;
  text-align: center;
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.popup__contestCopy--ageCategory {
  width: 20%;
  text-align: center;
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.popup__blockTitleContest {
  border: 1px solid #dcd7de;
  border-radius: 5px;
  background-color: #ffffff;
  position: relative;
}
.popup__blockTitleContest--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup__blockTitleContest--name {
  width: 200px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.popup__blockTitleContest--nomination {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.popup__blockTitleContest--ageCategory {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.popup__button {
  background-color: var(--main-color);
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  width: 40%;
  margin: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  text-align: center;
}
.popup__button:disabled,
.popup__button[data-disabled="true"] {
  background-color: #dcd7de;
}
.popup__button:disabled:hover,
.popup__button[data-disabled="true"]:hover {
  background-image: none;
}
.popup__button[data-loader="on"] {
  background-image: url("../img/search-loader.gif");
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  color: rgba(0, 0, 0, 0);
}
.popup__buttonAdd {
  background-color: #dcd7de;
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px;
  text-align: center;
  display: block;
  margin-top: -10px;
  margin-bottom: 10px;
  width: 100%;
  cursor: pointer;
}
.popup__buttonAdd:hover {
  background-color: var(--main-color);
  color: #ffffff;
}
.popup__wrapFragment[data-scroll="true"] {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 300px;
  -webkit-box-shadow: inset 0px 0px 6px 2px #dcd7de;
          box-shadow: inset 0px 0px 6px 2px #dcd7de;
  border: 1px solid #dcd7de;
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
}
.popup__wrapFragment[data-printed="hide"] .popup__printDiploma[data-mode="printed"] {
  display: none;
}
.popup__wrapFragment[data-empty-category="hide"] .popup__categoryItem[data-empty] {
  display: none;
}
.popup__wrapFragment[data-empty-category="hide"] .popup__sublist li.emptyTeam {
  display: none;
}
.popup__wrapFragment[data-empty-city="hide"] .popup__categoryItem[data-empty] {
  display: none;
}
.popup__wrapFragment[data-empty-city="hide"] .popup__item[data-empty] {
  display: none;
}
.popup__list[data-name="statDiscipline"][data-empty-category='hide'] li.emptyTeam {
  display: none;
}
.popup__list[data-name="statDiscipline"] .popup__sublist {
  text-decoration: none;
}
.popup__list[data-name="statDiscipline"] .popup__sublist li {
  display: block;
  border-top: 1px dashed #dcd7de;
  padding-top: 5px;
  font-weight: 700;
}
.popup__list[data-name="statDiscipline"] .popup__sublist li::before {
  top: 10px;
}
.popup__list[data-name="statDiscipline"] .popup__subsublist {
  text-transform: none;
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 5px;
}
.popup__list[data-name="statDiscipline"] .popup__subsublist li {
  padding-left: 20px;
  padding-bottom: 5px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: none;
  padding-top: 0;
  font-weight: normal;
}
.popup__list[data-name="statDiscipline"] .popup__subsublist li::before {
  position: absolute;
  content: "";
  left: 5px;
  top: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000000;
  border: 1px solid #000000;
}
.popup__list[data-name="statDiscipline"] .popup__subsublist li:nth-child(odd) {
  background-color: #f3f4f8;
}
.popup__list[data-name="statDiscipline"] .popup__subsublist span[data-name="team"] {
  width: 30%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
.popup__list[data-name="statDiscipline"] .popup__subsublist span[data-name="city"] {
  width: 17%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 17%;
          flex: 0 0 17%;
}
.popup__list[data-name="statDiscipline"] .popup__subsublist span[data-name="count"] {
  width: 12%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12%;
          flex: 0 0 12%;
}
.popup__list[data-name="statDiscipline"] .popup__subsublist span[data-name="director"] {
  width: 30%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
.popup__list[data-name="statCityPeople"] li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
}
.popup__list[data-name="statCityPeople"] span[data-name="city"] {
  width: 50%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.popup__list[data-name="statCityPeople"] span[data-name="count"] {
  width: 45%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
}
.popup__list[data-name="statCityDirector"] li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.popup__list[data-name="statCityDirector"] .popup__sublist li::before {
  top: 11px;
}
.popup__btn {
  background-color: var(--main-color);
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  margin-right: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  text-align: center;
}
.popup__printDiploma {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dcd7de;
}
.popup__printDiploma .checkbox {
  display: none;
}
.popup__printDiploma .label {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  padding-left: 30px;
  cursor: pointer;
  display: block;
}
.popup__printDiploma .label::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #dcd7de;
  border-radius: 4px;
  background-color: #ffffff;
}
.popup__printDiploma .checkbox:checked:disabled + .label {
  color: #999999;
}
.popup__printDiploma .checkbox:checked:disabled + .label::before {
  border-color: #dcd7de;
}
.popup__printDiploma .checkbox:checked:disabled + .label::after {
  background-image: url("../img/check-checkbox_grey.svg");
}
.popup__printDiploma .checkbox:checked + .label::before {
  border-color: #51ddd4;
}
.popup__printDiploma .checkbox:checked + .label::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../img/check-checkbox.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  top: -2px;
  left: -2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.popup__list {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  line-height: 18px;
}
.popup__item {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dcd7de;
  text-transform: uppercase;
}
.popup__item:last-child {
  border-bottom: none;
}
.popup__sublist {
  text-transform: none;
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 5px;
}
.popup__sublist li {
  padding-left: 20px;
  padding-bottom: 5px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup__sublist li span {
  width: 60%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 60%;
          flex: 1 0 60%;
}
.popup__sublist li button {
  width: 37%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 37%;
          flex: 1 0 37%;
  text-align: center;
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  font-weight: 700;
}
.popup__sublist li button[data-print="true"]:hover {
  text-decoration: underline;
}
.popup__sublist li::before {
  position: absolute;
  content: "";
  left: 5px;
  top: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #000000;
}
@media (max-width: 680px) {
  .popup__wrap {
    left: 5px;
    right: 5px;
    top: 10px;
    bottom: 10px;
    padding: 25px;
  }
  .popup__wrap[data-size="small"] {
    min-width: 280px;
    max-width: 340px;
    width: auto;
  }
  .popup__wrap[data-size="medium"] {
    top: 50px;
    min-width: 280px;
    width: auto;
  }
  .popup__wrap[data-size="medium-scroll"] {
    min-width: 280px;
    width: auto;
    position: fixed;
    top: 10px;
    margin-bottom: 0;
  }
  .popup__wrap[data-size="medium-scroll"] .popup__wrapText {
    overflow-y: auto;
    max-height: calc(100vh - 200px);
  }
  .popup__titleWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .popup__miniFilter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .popup__miniFilterItem {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
            flex: 1 0 20%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .popup {
    top: 0;
    bottom: 0;
    height: auto;
    z-index: 10151;
  }
  .popup__wrap {
    top: 0;
  }
  .popup__wrap[data-size="medium"],
  .popup__wrap[data-size="large"] {
    top: 0;
  }
}
@media (max-width: 480px) {
  .popup__wrap {
    top: 50px;
    margin-bottom: 140px;
  }
  .popup__wrap[data-size="large"] {
    top: 0;
    min-width: 280px;
    width: auto;
    left: 0;
    right: 0;
    border-radius: 0;
    margin-bottom: auto;
    bottom: auto;
    padding: 20px 15px;
  }
}
.popup__input.js--ratingReferee[data-player-id="var(--player-id)"] {
  display: none;
}
.pac-container {
  z-index: 10200;
}
.popNew {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(215, 215, 214, 0.5);
  z-index: 200;
}
.popNew[data-status="hide"] {
  display: none;
}
.popNew[data-scroll="no"] {
  overflow: visible;
}
.popNew__wrap {
  width: 420px;
  top: 40px;
  left: 50%;
  margin-left: -210px;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  padding: 25px 30px;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
@media (max-width: 680px) {
  .popNew__wrap {
    min-width: 200px;
    width: calc(100% - 20px);
    margin-left: calc(-50% + 10px);
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 15px;
    top: 0;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .popNew .dropDownList__wrap[data-mode="dropDownList"][data-list="show"] {
    top: -10px;
    margin-left: -5%;
    margin-right: -5%;
    width: 108%;
  }
}
.overlay,
.overlayEdit {
  position: fixed;
  z-index: 299;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(215, 215, 214, 0.5);
}
.overlay[data-status="show"],
.overlayEdit[data-status="show"] {
  display: none;
}
.overlay[data-status="showlight"],
.overlayEdit[data-status="showlight"] {
  display: none;
  opacity: 0.5;
}
.overlay[data-status="hide"],
.overlayEdit[data-status="hide"] {
  display: none;
}
.overlay--active {
  display: block;
}
.dropDownList__wrap {
  position: relative;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  background-color: #ffffff;
  padding: 5px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
}
.dropDownList__wrap[data-error="true"] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dropDownList__wrap[data-prompt-text="open"] .dropDownList__prompt {
  display: block;
}
.dropDownList__wrap[data-list="show"] .dropDownList__btnOpen--oneArrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dropDownList__wrap[data-list="hide"] .dropDownList__select {
  display: none;
}
.dropDownList__wrap[data-list="hide"] .dropDownList__message {
  display: none;
}
.dropDownList__wrap[data-status="hide"] {
  display: none;
}
.dropDownList__wrap[data-style="table"] {
  border: none;
  border-right: 1px solid #dcd7de;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
  width: 10%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
}
.dropDownList__wrap[data-style="table"] .dropDownList__label {
  background-color: transparent;
}
.dropDownList__wrap[data-style="table"] .dropDownList__input {
  width: auto;
}
.dropDownList__wrap[data-style="table"][data-cell-width="100"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.dropDownList__wrap[data-style="table"][data-cell-width="auto"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.dropDownList__wrap[data-style="table"][data-cell-width="10"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
  width: 10%;
}
.dropDownList__wrap[data-style="table"][data-cell-width="15"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 15%;
          flex: 0 1 15%;
}
.dropDownList__wrap[data-style="table"][data-cell-width="20"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
}
.dropDownList__wrap[data-style="table"][data-cell-width="30"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 01 30%;
          flex: 0 01 30%;
}
.dropDownList__wrap[data-list="show"][data-pop="true"] .dropDownList__select {
  display: none;
}
.dropDownList__wrap[data-mode="button"] {
  background-color: var(--main-color);
  border: none;
  margin-bottom: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 140px;
          flex: 0 1 140px;
}
.dropDownList__wrap[data-mode="button"][data-list="show"] {
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.dropDownList__wrap[data-mode="button"][data-list="show"] .dropDownList__btnOpen--oneArrow {
  border-left: none;
  border-right: 1px solid #ffffff;
}
.dropDownList__wrap[data-mode="button"][data-list="show"] .dropDownList__select {
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dropDownList__wrap[data-mode="button"] .dropDownList__input {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  text-transform: uppercase;
}
.dropDownList__wrap[data-mode="button"] .dropDownList__btnOpen--oneArrow {
  background-image: url(../img/arrow_white.svg);
  border-left: 1px solid #ffffff;
  padding-left: 5px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.dropDownList__wrap[data-mode="button"] .dropDownList__optionText--hide {
  display: none;
}
.dropDownList__wrap[data-width="100%"] {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  border-bottom: 1px solid #dcd7de;
}
.dropDownList__wrap[data-width="1col"] {
  width: 94%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 94%;
          flex: 1 0 94%;
  border-bottom: 1px solid #dcd7de;
  margin-right: 35px;
}
.dropDownList__wrap[data-width="1col"] .dropDownList__label {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
}
.dropDownList__wrap[data-width="2col"] {
  width: 45%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  padding-right: 5px;
}
.dropDownList__wrap[data-width="2col"] .dropDownList__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38%;
          flex: 0 0 38%;
}
.dropDownList__wrap[data-width="2col"][data-list="hide"],
.dropDownList__wrap[data-width="2col"][data-list="show"] {
  padding-right: 35px;
}
.dropDownList__wrap[data-width="3col"] {
  width: 31%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 31%;
          flex: 0 0 31%;
  padding-right: 5px;
}
.dropDownList__wrap[data-width="3col"][data-list="hide"],
.dropDownList__wrap[data-width="3col"][data-list="show"] {
  padding-right: 35px;
}
.dropDownList__wrap[data-btn-status="hide"] .dropDownList__btnOpen {
  display: none;
}
.dropDownList__wrap[data-btn-status="show"] {
  padding-right: 35px;
}
.dropDownList__wrap[data-required="true"] .dropDownList__label {
  position: relative;
  padding-right: 15px;
}
.dropDownList__wrap[data-required="true"] .dropDownList__label::after {
  position: absolute;
  content: "*";
  color: #fe0321;
}
.dropDownList__wrap[data-mode="checkWrap"] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dropDownList__wrap[data-mode="checkWrap"] .dropDownList__label {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-right: none;
}
.dropDownList__wrap[data-prompt="true"] {
  margin-right: 30px;
  width: calc(100% - 30px);
}
.dropDownList__wrap[data-validate="ok"] {
  border-color: #51ddd4;
  -webkit-box-shadow: inset 0px 0px 0px 1px #51ddd4;
          box-shadow: inset 0px 0px 0px 1px #51ddd4;
}
.dropDownList__wrap[data-icon] {
  padding-left: 30px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center  left 5px;
}
.dropDownList__wrap[data-icon="team"] {
  background-image: url("../img/icon_team2.svg");
}
.dropDownList__wrap[data-icon="performance"] {
  background-image: url("../img/icon_performance.svg");
}
.dropDownList__wrap[data-icon="organization"] {
  background-image: url("../img/icon_organization.svg");
}
.dropDownList__wrap[data-icon="nomination"] {
  background-image: url("../img/icon_nomination2.svg");
}
.dropDownList__wrap[data-icon="city"] {
  background-image: url("../img/icon_city.svg");
}
.dropDownList__wrap[data-icon="ageCategory"] {
  background-image: url("../img/icon_age2.svg");
}
.dropDownList__wrap[data-icon="playerCount"] {
  background-image: url("../img/icon_player_count.svg");
}
.dropDownList__wrap[data-validate="error"] {
  border-color: #fca0ab;
  -webkit-box-shadow: inset 0px 0px 0px 1px #fca0ab;
          box-shadow: inset 0px 0px 0px 1px #fca0ab;
}
.dropDownList__wrap[data-validate="error"][data-icon] {
  background-image: url("../img/change_error.svg");
}
.dropDownList__wrap[data-validate="error"] .dropDownList__btnPrompt {
  background-color: #fca0ab;
  background-image: url("../img/icon_question_white.svg");
  -webkit-animation: blink 2s linear infinite;
          animation: blink 2s linear infinite;
}
.dropDownList__wrap[data-validate="error"] .dropDownList__prompt {
  background-color: #fcccd2;
}
.dropDownList__wrap[data-disabled="true"] {
  background-color: #f3f4f8;
}
.dropDownList__wrap[data-disabled="true"] .dropDownList__label {
  background-color: #f3f4f8;
}
.dropDownList__wrap[data-disabled="true"] .dropDownList__btnOpen {
  display: none;
}
.dropDownList__wrap[data-disabled="true"] .master__btn {
  display: none;
}
.dropDownList__wrap[data-disabled="true"] .dropDownList__input {
  pointer-events: none;
  color: #999999;
}
.dropDownList__wrap--textarea .dropDownList__label {
  width: 30%;
}
.dropDownList__wrap--textarea[data-resize="vertical"] textarea {
  resize: vertical;
  margin-bottom: 6px;
}
.dropDownList__wrap--textarea[data-resize="vertical"] svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  bottom: -15px;
  right: -2px;
}
.dropDownList__wrap--textarea[data-resize="horizontal"] textarea {
  resize: horizontal;
}
.dropDownList__wrap--textarea[data-resize="horizontal"] svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  bottom: -15px;
  right: 0;
}
.dropDownList__wrap[data-searching="true"]::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  right: 7px;
  background-color: #ffffff;
  background-image: url("../img/search-loader.gif");
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  z-index: 15;
}
.dropDownList__titleBtn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 3px;
}
@-webkit-keyframes blink {
  50% {
    background-color: #fca0ab;
    background-image: url("../img/icon_question_white.svg");
  }
  51% {
    background-color: transparent;
    background-image: url("../img/icon_question.svg");
  }
  100% {
    background-color: transparent;
    background-image: url("../img/icon_question.svg");
  }
}
@keyframes blink {
  50% {
    background-color: #fca0ab;
    background-image: url("../img/icon_question_white.svg");
  }
  51% {
    background-color: transparent;
    background-image: url("../img/icon_question.svg");
  }
  100% {
    background-color: transparent;
    background-image: url("../img/icon_question.svg");
  }
}
.dropDownList__label {
  position: relative;
  color: #999999;
  font-size: 12px;
  line-height: 14px;
  padding: 10px 8px;
  border-right: 1px solid #dcd7de;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #ffffff;
}
.dropDownList__label--after {
  border-right: none;
  border-left: 1px solid #dcd7de;
}
.dropDownList__input {
  padding: 10px 15px;
  font-size: 12px;
  border: none;
  background-color: transparent;
  color: #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  width: 50%;
  resize: none;
}
.dropDownList__input[data-cursor="progress"] {
  cursor: progress;
}
.dropDownList__input[type="text"] {
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis;
  /* Добавляем многоточие */
}
.dropDownList__input[type="color"] {
  padding: 0;
}
.dropDownList__input--age,
.dropDownList__input--nomination {
  font-size: 10px;
  padding: 10px 5px;
}
.dropDownList__range {
  width: 50%;
  margin: 0 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.dropDownList__reload {
  position: absolute;
  z-index: 8;
  top: 50%;
  margin-top: -15px;
  right: 40px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("../img/reload_edit.svg");
  background-size: 24px;
  background-position: center;
}
.dropDownList__btnOpen {
  position: absolute;
  z-index: 8;
  right: 5px;
  background-color: transparent;
  border: none;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.dropDownList__btnOpen--oneArrow {
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center;
}
.dropDownList__btnOpen--twoArrowUp {
  top: -2px;
  right: 4px;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: center top 6px;
}
.dropDownList__btnOpen--twoArrowDown {
  top: 21px;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center top 6px;
}
.dropDownList__btnIcon {
  padding: 0;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.dropDownList__btnIcon + .dropDownList__select {
  width: 220px;
}
.dropDownList__btnClear {
  border: none;
  background-color: transparent;
  padding: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 30px;
  width: 30px;
  height: 30px;
  display: none;
  cursor: pointer;
  background-image: url("../img/close_grey.svg");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.dropDownList__select {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  z-index: 15;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 200px;
  overflow-y: auto;
}
.dropDownList__errorMessage {
  color: #fe0321;
  font-size: 12px;
  border-top: 1px solid #dcd7de;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  padding: 5px;
  padding-top: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dropDownList__option {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.dropDownList__option p {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f3f4f8;
  cursor: pointer;
}
.dropDownList__option[data-check="true"] {
  background-color: #f3f4f8;
}
.dropDownList__option[data-check="true"] p {
  border-bottom-color: #f3f4f8;
  font-weight: 700;
}
.dropDownList__option[data-mark="true"] {
  background-color: #b0d7fa;
}
.dropDownList__option:last-child p {
  border-bottom: none;
}
.dropDownList__option:hover {
  background-color: #f3f4f8;
}
.dropDownList__option:hover p {
  border-bottom-color: #f3f4f8;
}
.dropDownList__option[data-disabled="true"] {
  background-color: #f3f4f8;
}
.dropDownList__option[data-disabled="true"] p {
  cursor: default;
}
.dropDownList__icon {
  fill: var(--main-color);
  padding-right: 10px;
}
.dropDownList__optionItem {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  padding: 14px;
  cursor: pointer;
  border-bottom: 2px solid #f3f4f8;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropDownList__optionItem[data-check="true"] {
  background-color: var(--main-lighten-color);
}
.dropDownList__optionItem[data-check="true"] p {
  border-bottom-color: #f3f4f8;
  font-weight: 700;
}
.dropDownList__optionItem[data-mark="true"] {
  background-color: #b0d7fa;
}
.dropDownList__optionItem:last-child {
  border-bottom: none;
}
.dropDownList__optionItem:hover {
  background-color: #f3f4f8;
}
.dropDownList__optionItem[data-id="addButton"] {
  background-color: #b0d7fa;
  font-weight: bold;
  color: #0067c4;
}
.dropDownList__optionItem[data-id="addButton"]:hover {
  background-color: #e4f1fd;
}
.dropDownList__optionItem[data-disabled="true"] {
  background-color: #f3f4f8;
  cursor: default;
}

.dropDownList__message {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  width: calc(100% - 32px);
  z-index: 10;
  margin: 0;
  background: #ffffff;
  color: #999999;
  padding: 15px;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dropDownList__comment {
  color: #999999;
  padding-left: 10px;
}
.dropDownList__prompt {
  position: absolute;
  bottom: calc(100% - 10px);
  right: -30px;
  background-color: #d8fff8;
  border: 1px solid #dcd7de;
  padding: 10px;
  z-index: 15;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 5px rgba(217, 217, 217, 0.5);
          box-shadow: 3px 3px 5px rgba(217, 217, 217, 0.5);
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  margin-left: 30px;
}
.dropDownList__btnPrompt {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: -25px;
  display: block;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: none;
  background-image: url("../img/icon_question.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  cursor: pointer;
  border-radius: 50%;
}
.dropDownList__checkContainer {
  padding-left: 20px;
}
.dropDownList__checkWrap[data-disabled="true"] .dropDownList__checkLabel {
  color: #999999;
}
.dropDownList__checkWrap[data-disabled="true"] .dropDownList__checkLabel::before {
  background-color: transparent;
}
.dropDownList__checkWrap[data-disabled="true"] .dropDownList__checkbox:checked + .dropDownList__checkLabel::before {
  border-color: #dcd7de;
}
.dropDownList__checkWrap[data-disabled="true"] .dropDownList__checkbox:checked + .dropDownList__checkLabel::after {
  background-image: url("../img/check-checkbox_grey.svg");
}
.dropDownList__checkWrap[data-size="big"] .dropDownList__checkLabel {
  padding: 8px;
  padding-left: 0;
  margin-left: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 18px;
}
.dropDownList__checkWrap[data-size="big"] .dropDownList__checkLabel::before {
  width: 22px;
  height: 22px;
  border: 3px solid #999999;
  top: 7px;
  left: -28px;
}
.dropDownList__checkWrap[data-size="big"] .dropDownList__checkbox:checked + .dropDownList__checkLabel::after {
  width: 28px;
  height: 28px;
  background-size: 28px;
  left: -30px;
}
.dropDownList__checkWrap--autoRatingSwitch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropDownList__checkWrap--autoRatingSwitch .dropDownList__checkLabel::before {
  top: 3px;
}
.dropDownList__checkWrap--autoRatingSwitch .dropDownList__checkbox:checked + .dropDownList__checkLabel::after {
  top: 1px;
}
.dropDownList__checkWrap--autoRatingSwitch .dropDownList__btnPrompt {
  position: static;
  margin-top: 0;
}
.dropDownList__checkLabel {
  position: relative;
  color: #000000;
  font-size: 14px;
  line-height: 14px;
  padding: 5px;
  padding-left: 20px;
  cursor: pointer;
}
.dropDownList__checkLabel--isRepresent {
  color: #000000;
  font-size: 14px;
}
.dropDownList__checkLabel::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #dcd7de;
  border-radius: 4px;
  background-color: #ffffff;
}
.dropDownList__checkbox {
  display: none;
}
.dropDownList__checkbox:checked + .dropDownList__checkLabel::before {
  border-color: var(--main-color);
}
.dropDownList__checkbox:checked + .dropDownList__checkLabel::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../img/check-checkbox.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  top: 4px;
  left: -2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dropDownList__error {
  position: absolute;
  top: 100%;
  color: #fe0321;
  left: 0;
}
@media (max-width: 860px) {
  .dropDownList__input {
    font-size: 16px;
  }
  .dropDownList__label {
    padding-left: 10px;
  }
  .dropDownList__wrap[data-width="3col"],
  .dropDownList__wrap[data-width="4col"] {
    width: 49%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    padding-right: 5px;
  }
}
@media (max-width: 680px) {
  .dropDownList__wrap[data-width="2col"] {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    padding-right: 5px;
  }
  .dropDownList__wrap[data-width="2col"][data-list="hide"],
  .dropDownList__wrap[data-width="2col"][data-list="show"] {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    padding-right: 35px;
  }
  .dropDownList__fieldWrap--fileWrap[data-width="2col"] {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-right: 5px;
  }
  .dropDownWrap {
    background-color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1000;
    left: 0;
    right: 0;
  }
  .dropDownList__wrap[data-list="show"][data-pop="true"] .dropDownList__select {
    display: block;
  }
  .dropDownList__wrap[data-mode="dropDownList"][data-list="show"][data-btn-status="show"] {
    position: absolute;
    top: -48px;
    left: 0;
    z-index: 200;
    padding-right: 50px;
    background-image: none;
    background-color: #d8fff8;
  }
  .dropDownList__wrap[data-mode="dropDownList"][data-list="show"][data-btn-status="show"][data-offset][data-prompt="true"] {
    margin-left: 0;
    width: 100%;
  }
  .dropDownList__wrap[data-mode="dropDownList"][data-list="show"][data-btn-status="show"][data-type="city"]::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100vh;
    top: calc(100% + 1px);
    left: 0;
    z-index: 200;
    background-color: #ffffff;
  }
  .dropDownList__wrap[data-mode="dropDownList"][data-list="show"][data-btn-status="show"][data-validate="error"] {
    background-color: #fcccd2;
  }
  .dropDownList__wrap[data-mode="dropDownList"][data-list="show"][data-btn-status="show"] .dropDownList__input {
    background-color: #ffffff;
  }
  .dropDownList__wrap[data-mode="dropDownList"][data-list="show"][data-btn-status="show"] .dropDownList__select {
    max-height: none;
    height: calc(100vh - 76px);
    border-top: 3px solid #dcd7de;
    padding-bottom: 100px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .dropDownList__wrap[data-mode="dropDownList"][data-list="show"][data-btn-status="show"] .dropDownList__btnPrompt {
    display: none;
  }
  .dropDownList__wrap[data-mode="dropDownList"][data-list="show"][data-btn-status="show"] .dropDownList__optionText {
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .dropDownList__wrap[data-mode="dropDownList"][data-list="show"][data-btn-status="show"] .dropDownList__label {
    background-color: transparent;
    padding-left: 5px;
    color: #000000;
  }
  .dropDownList__wrap[data-mode="dropDownList"][data-list="show"][data-btn-status="show"] .dropDownList__btnOpen--oneArrow {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    background-image: url(../img/change_ok.svg);
    background-size: 30px;
    width: 50px;
  }
  .dropDownList__wrap[data-mode="button"] {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100px;
            flex: 0 1 100px;
    width: 100px;
    background-color: var(--main-color);
    background-image: url(../img/broom_white.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: bottom 5px left 16px;
  }
  .dropDownList__wrap[data-mode="button"] .dropDownList__input {
    display: none;
  }
  .dropDownList__wrap[data-mode="button"] .dropDownList__select {
    top: auto;
    bottom: 90%;
  }
  .dropDownList__wrap[data-mode="button"] .dropDownList__optionText--hide {
    display: inline;
  }
  .dropDownList__wrap[data-mode="button"] .dropDownList__option p {
    padding: 10px;
  }
  .dropDownList__wrap[data-mode="button"][data-list="show"] {
    border-radius: 5px;
  }
  .dropDownList__wrap[data-mode="button"][data-list="show"] .dropDownList__select {
    left: 0;
    width: 180%;
  }
  .dropDownList__wrap[data-width="1col"],
  .dropDownList__wrap[data-width="2col"],
  .dropDownList__wrap[data-width="3col"],
  .dropDownList__wrap[data-width="4col"] {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    padding-right: 5px;
    margin-right: 0;
    display: block;
    padding-right: 35px;
    background-position: top 7px left 5px;
    background-size: 20px;
    padding-left: 10px;
  }
  .dropDownList__wrap[data-width="1col"] .dropDownList__label,
  .dropDownList__wrap[data-width="2col"] .dropDownList__label,
  .dropDownList__wrap[data-width="3col"] .dropDownList__label,
  .dropDownList__wrap[data-width="4col"] .dropDownList__label {
    display: block;
    border-right: none;
    border-bottom: 1px solid #dcd7de;
    border-radius: 0;
    padding: 7px 25px;
    white-space: nowrap;
    /* Запрещаем перенос строк */
    overflow: hidden;
    /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis;
    /* Добавляем многоточие */
    background-color: transparent;
  }
  .dropDownList__wrap[data-width="1col"] .dropDownList__input,
  .dropDownList__wrap[data-width="2col"] .dropDownList__input,
  .dropDownList__wrap[data-width="3col"] .dropDownList__input,
  .dropDownList__wrap[data-width="4col"] .dropDownList__input {
    width: 100%;
  }
  .dropDownList__wrap[data-width="1col"] .dropDownList__btnOpen--oneArrow,
  .dropDownList__wrap[data-width="2col"] .dropDownList__btnOpen--oneArrow,
  .dropDownList__wrap[data-width="3col"] .dropDownList__btnOpen--oneArrow,
  .dropDownList__wrap[data-width="4col"] .dropDownList__btnOpen--oneArrow {
    top: 0;
    margin-top: 0;
    height: 100%;
    border-left: 1px solid #dcd7de;
    right: 0;
  }
  .dropDownList__wrap[data-width="1col"] .dropDownList__btnOpen--twoArrowUp,
  .dropDownList__wrap[data-width="2col"] .dropDownList__btnOpen--twoArrowUp,
  .dropDownList__wrap[data-width="3col"] .dropDownList__btnOpen--twoArrowUp,
  .dropDownList__wrap[data-width="4col"] .dropDownList__btnOpen--twoArrowUp {
    right: 0;
    height: 50%;
    border-right: 1px solid #dcd7de;
    background-position: center;
  }
  .dropDownList__wrap[data-width="1col"] .dropDownList__btnOpen--twoArrowDown,
  .dropDownList__wrap[data-width="2col"] .dropDownList__btnOpen--twoArrowDown,
  .dropDownList__wrap[data-width="3col"] .dropDownList__btnOpen--twoArrowDown,
  .dropDownList__wrap[data-width="4col"] .dropDownList__btnOpen--twoArrowDown {
    height: 50%;
    right: 0;
    border-left: 1px solid #dcd7de;
    background-position: center;
  }
  .dropDownList__wrap[data-width="1col"] .dropDownList__btnPrompt,
  .dropDownList__wrap[data-width="2col"] .dropDownList__btnPrompt,
  .dropDownList__wrap[data-width="3col"] .dropDownList__btnPrompt,
  .dropDownList__wrap[data-width="4col"] .dropDownList__btnPrompt {
    right: 32px;
    top: 5px;
    margin-top: 0;
  }
  .dropDownList__wrap[data-status="hide"] {
    display: none;
  }
}
.checkbox__wrap {
  margin-bottom: auto;
  margin-top: auto;
  margin-left: 10px;
  margin-right: 10px;
}
.checkbox__label {
  position: relative;
  padding-left: 20px;
  display: block;
}
.checkbox__input {
  display: none;
}
.checkbox__input:checked + .checkbox__check::before {
  border-color: #51ddd4;
}
.checkbox__input:checked + .checkbox__check::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../img/check-checkbox.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  top: -1px;
  left: -2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.checkbox__check {
  position: absolute;
  color: #999999;
  left: 0;
  cursor: pointer;
}
.checkbox__check::before {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #dcd7de;
  border-radius: 4px;
  background-color: #ffffff;
}
.dropDownButton__wrap {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  height: 30px;
}
.dropDownButton__wrap svg {
  fill: var(--main-color);
}
.dropDownButton__wrap[data-drop-down-position="right"] .dropDownList__select {
  left: auto;
  right: -1px;
}
.dropDownButton__wrap:hover {
  background-color: #ffffff;
  border-radius: 5px;
}
.dropDownButton__wrap:hover svg {
  fill: #000000;
}
.performance__list[data-archive-mode="non-archive"] .performance__item[data-archive="true"],
.performance__list[data-archive-mode="non-archive"] .performance__item[data-archive="yes"] {
  display: none;
}
.performance__list[data-archive-mode="archive"] .performance__item[data-archive="no"] {
  display: none;
}
.performance__list[data-performance-title="false"] .js--performanceTitle {
  display: none;
}
.performance__list[data-team-title="false"] .js--teamTitle {
  display: none;
}
.performance__list[data-organization-title="false"] .js--organizationTitle {
  display: none;
}
.performance__list[data-performance-city="false"] .js--performanceCity {
  display: none;
}
.performance__list[data-players="false"] .player__wrapPlayers {
  display: none;
}
.performance__list[data-performance-time-start="false"] .js--performanceTimeStart {
  display: none;
}
.performance__list[data-nomination="false"] .js--nomination {
  display: none;
}
.performance__list[data-age-category="false"] .js--ageCategory {
  display: none;
}
.performance__list .performance__item[data-expand="false"] .player__performanceInfo {
  display: none;
}
.performance__list .performance__item[data-expand] .player__statusList {
  grid-template-columns: 60px repeat(6, 1fr) 60px;
}
@media (max-width: 680px) {
  .page--formReg[data-city-edit="true"] .pac-container-wrap {
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 1000;
  }
  .page--formReg[data-city-edit="true"] .pac-container {
    height: calc(200vh - 75px);
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100% !important;
    top: 88px !important;
    position: static !important;
    left: 0 !important;
  }
  .page--formReg[data-city-edit="true"] .pac-item {
    font-family: "Open Sans", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .page--formReg[data-city-edit="true"] .pac-item-query {
    font-size: 16px;
    line-height: 24px;
  }
  .page--formReg[data-city-edit="true"] .pac-icon {
    margin-top: 2px;
  }
}
.notice {
  position: absolute;
  top: 50px;
  right: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border-radius: 5px;
  width: 270px;
  max-height: 50vh;
  overflow-y: auto;
}
.notice[data-status="hide"] {
  display: none;
}
.notice[data-notice="unread"]::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fca0ab;
  top: 20px;
  right: 20px;
}
.btnShowNotice {
  position: relative;
}
.btnShowNotice[data-notice="unread"]::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fca0ab;
  top: 5px;
  right: 5px;
}
.notice__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.notice__item {
  border-bottom: 1px solid #dcd7de;
  cursor: pointer;
  padding: 10px;
  padding-left: 30px;
  position: relative;
}
.notice__item[data-read="false"]::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fca0ab;
  top: 5px;
  left: 5px;
}
.notice__item p {
  margin: 0;
}
.notice__item:last-child {
  border-bottom: none;
}
.notice__item:hover {
  background-color: #d8fff8;
}
.notification {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px 20px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 200;
}
.notification--left {
  width: 450px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  bottom: 150px;
}
@media (max-width: 500px) {
  .notification--left {
    width: calc(100% - 20px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.notification__text {
  margin: 0;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
/* ОСНОВНЫЕ СТИЛИ */
.slider {
  position: relative;
  overflow: hidden;
}
.slider__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  /* 0.6 длительность смены слайда в секундах */
}
.slider__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  /* определяет количество активных слайдов (в данном случае 2 */
  max-width: 20%;
  /* определяет количество активных слайдов (в данном случае 2 */
}
/* СТИЛИ ДЛЯ КНОПОК "НАЗАД" И "ВПЕРЁД" */
.slider__control {
  position: absolute;
  display: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 40px;
  height: 50px;
  opacity: 0.5;
  background: #000;
  border: none;
  cursor: pointer;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.slider__control_show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slider__control:hover,
.slider__control:focus {
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
  /* прозрачность */
}
.slider__control_left {
  left: 0;
}
.slider__control_right {
  right: 0;
}
.slider__control_left {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.slider__control_right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.ratingTable {
  padding-right: 42px;
}
.ratingTable .slider__control {
  top: 0;
  bottom: 0;
  height: auto;
  -webkit-transform: none;
          transform: none;
}
.ratingTable .slider__control_left {
  left: 153px;
}
.ratingTable__header {
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 190px 1fr;
}
.ratingTable__row {
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 190px 1fr;
}
.ratingTable__contentRow {
  height: 100%;
}
.ratingTable__cell {
  border-left: 1px solid #dcd7de;
  border-right: 1px solid #dcd7de;
  height: 100%;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  gap: 10px;
  justify-items: center;
  border-bottom: 1px solid #ffffff;
}
.ratingTable__cell--first {
  padding: 20px 15px;
  padding-right: 40px;
  border-bottom: 1px solid #ffffff;
}
.ratingTable__cell--first p {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}
.ratingTable__cell .master__btn {
  position: static;
}
.ratingTable__cell .dropDownList__wrap {
  margin-bottom: 0;
  grid-column: span 2;
}
.ratingTable__cell .dropDownList__input {
  font-size: 14px;
  padding: 7px 10px;
}
.ratingTable__contentHeaderTitle {
  border-left: 1px solid #dcd7de;
  border-right: 1px solid #dcd7de;
  height: 100%;
}
.ratingTable__contentHeaderTitle p {
  margin: 10px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}
.ratingTable__wrapRow {
  overflow: hidden;
}
.ratingTable__wrapRow .slider__item {
  max-width: none;
}
.ratingTable__row:nth-child(even) .ratingTable__cell--first {
  background-color: #f3f4f8;
}
.ratingTable__row .ratingTable__cell--first[data-is-penalty="true"] {
  background-color: #ffdddd;
}
.ratingTable__row:nth-child(even) .ratingTable__wrapRow {
  background-color: #f3f4f8;
}
.ratingTable__row .ratingTable__wrapRow[data-is-penalty="true"] {
  background-color: #ffdddd;
}
.titerPageSetting__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
.titerPageSetting__preview {
  position: relative;
  background-color: white;
  z-index: -1;
  border: 2px solid #dcd7de;
  padding-bottom: 70%;
}
.monitor__header {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-align: center;
  margin-bottom: 20px;
  grid-gap: 10px;
}
.monitor__header .header__logo {
  background-color: transparent;
  grid-row-start: 1;
  grid-row-end: 3;
}
.monitor__header p {
  margin: 0;
}
.monitor__wrap {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 20px;
}
.monitor__item {
  border: 1px solid #dcd7de;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 20px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 10px;
  font-size: 16px;
  margin-bottom: 10px;
}
.monitor__itemTitle {
  margin: 0;
  font-weight: bold;
  text-decoration: underline;
}
.monitor__itemSent {
  margin: 0;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.monitor__itemRead {
  margin: 0;
}
.monitor__itemAll {
  margin: 0;
  grid-row-start: 2;
  grid-column-start: 1;
  grid-column-end: 4;
  text-align: center;
}
.monitor__current {
  background-color: #ffffff;
  border-radius: 5px;
  border: 2px solid #dcd7de;
  text-align: center;
}
.editableField {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.filterBtnOpen {
  background-image: url("../img/filter.svg");
  background-repeat: no-repeat;
  background-position: 6px 10px;
  background-size: 30px;
  width: 50px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
}
.filterBtnOpen[data-count]::after {
  position: absolute;
  content: attr(data-count);
  background-color: #ffffff;
  border-radius: 5px;
  height: 18px;
  color: #000000;
  right: 5px;
  bottom: 5px;
  line-height: 18px;
  font-size: 14px;
  padding: 0 2px;
  font-weight: bold;
  border: 1px solid #dcd7de;
}
.filterBtnOpen[data-mode="active"] {
  background-color: var(--main-color);
  background-image: url("../img/filter-white.svg");
}
.filter__button-open {
  width: 50px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
}
.filter__button-open:hover {
  background-color: var(--main-lighten-color);
}
.filter__button-open svg {
  width: 30px;
  height: 30px;
  fill: var(--main-color);
  padding-bottom: 6px;
  padding-right: 15px;
}
.filter__button-open[data-count]::after {
  position: absolute;
  content: attr(data-count);
  background-color: #ffffff;
  border-radius: 5px;
  height: 18px;
  color: #000000;
  right: 5px;
  bottom: 5px;
  line-height: 18px;
  font-size: 14px;
  padding: 0 2px;
  font-weight: bold;
  border: 1px solid #dcd7de;
}
.filter__button-open[data-count=""]::after {
  content: none;
}
.filter__button-open[data-mode="active"] {
  background-color: var(--main-color);
}
.filter__button-open[data-mode="active"] svg {
  fill: #ffffff;
}
.filter {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  min-height: 60px;
  padding: 13px;
  width: 1047px;
}
.filter--orderTurn {
  width: auto;
}
.filter[data-status="show"] {
  display: block;
}
.filter[data-status="hide"] {
  display: none;
}
.filter[data-expand="yes"] .filter__list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.filter[data-expand="yes"] .filter__item {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.filter[data-expand="yes"] .filter__label {
  height: auto;
}
.filter[data-expand="yes"] .filter__sublist {
  max-height: none;
  height: auto;
}
.filter[data-expand="true"] .filter__list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.filter[data-expand="true"] .filter__item {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.filter[data-expand="true"] .filter__label {
  height: auto;
}
.filter[data-expand="true"] .filter__sublist {
  max-height: none;
  height: auto;
}
.filter[data-expand="true"] .filterBtn .no-expand {
  display: none;
}
.filter[data-expand="false"] .filterBtn .expand {
  display: none;
}
.filter__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter__title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0;
  margin-right: 20px;
}
.filter__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.filter__sublist {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #dcd7de;
  max-height: 90px;
  overflow-y: auto;
  padding-right: 4px;
  padding-top: 6px;
  margin-bottom: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: auto;
  width: 100%;
}
.filter__label {
  color: #000000;
  font-weight: 700;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: auto;
  width: 100%;
}
.filter__item {
  font-size: 12px;
  padding: 5px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 5px;
  margin-right: 5px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.filter__btnMore {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  width: 16px;
  padding: 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  background-image: url(../img/arrow_grey.svg);
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}
.slick-prev:before,
.slick-next:before {
  color: #51ddd4;
}
.filter__subitem {
  position: relative;
  font-weight: 400;
  padding: 2px;
  cursor: pointer;
  margin-bottom: 3px;
  padding-right: 19px;
}
.filter__subitem--more {
  padding-left: 20px;
}
.filter__subitem[data-status="hide"] {
  display: none;
}
.filter__subitem[data-list="show"] .filter__btnMore {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.filter__subitem[data-choice="yes"] {
  background-color: #d8fff8;
  border-radius: 5px;
}
.filter__subitem[data-choice="yes"]::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  background-image: url("../img/btn_delete_filter.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
}
.filter__subitem--deleteButton[data-choice="yes"] .filter__deleteButton {
  display: block;
}
.filter__subitem--deleteButton[data-choice="yes"]::after {
  content: none;
}
.filter__subitem[data-id="interval"],
.filter__subitem[data-id="some"],
.filter__subitem[data-id="unless"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0;
}
.filter__subitem[data-id="interval"] .master__btn,
.filter__subitem[data-id="some"] .master__btn,
.filter__subitem[data-id="unless"] .master__btn {
  width: 20px;
}
.filter__subitem[data-id="interval"] .master__btn svg,
.filter__subitem[data-id="some"] .master__btn svg,
.filter__subitem[data-id="unless"] .master__btn svg {
  width: 20px;
}
.filter__subitem[data-id="interval"] .master__btn:first-of-type,
.filter__subitem[data-id="some"] .master__btn:first-of-type,
.filter__subitem[data-id="unless"] .master__btn:first-of-type {
  margin-left: auto;
}
.filter__subitem[data-id="interval"][data-choice="yes"]::after,
.filter__subitem[data-id="some"][data-choice="yes"]::after,
.filter__subitem[data-id="unless"][data-choice="yes"]::after {
  content: none;
}
.filter__subitem[data-id="interval"] .filter__input,
.filter__subitem[data-id="some"] .filter__input,
.filter__subitem[data-id="unless"] .filter__input {
  border: none;
  border-bottom: 1px solid #000000;
}
.filter__subitem[data-level] {
  padding-left: 18px;
}
.filter__subitem[data-level][data-sub="true"] {
  padding-left: 30px;
}
.filter__subitem[data-level][data-sub="true"] .filter__btnMore {
  left: 10px;
}
.filter__subitem[data-level="2"] {
  padding-left: 28px;
}
.filter__subitem[data-level="2"][data-sub="true"] {
  padding-left: 40px;
}
.filter__subitem[data-level="2"][data-sub="true"] .filter__btnMore {
  left: 20px;
}
.filter__subitem[data-level="3"] {
  padding-left: 38px;
}
.filter__subitem[data-level="3"][data-sub="true"] {
  padding-left: 50px;
}
.filter__subitem[data-level="3"][data-sub="true"] .filter__btnMore {
  left: 30px;
}
.filter__subitem[data-level="4"] {
  padding-left: 48px;
}
.filter__subitem[data-level="4"][data-sub="true"] {
  padding-left: 60px;
}
.filter__subitem[data-level="4"][data-sub="true"] .filter__btnMore {
  left: 40px;
}
.filter__subitem[data-level="5"] {
  padding-left: 58px;
}
.filter__subitem[data-level="5"][data-sub="true"] {
  padding-left: 70px;
}
.filter__subitem[data-level="5"][data-sub="true"] .filter__btnMore {
  left: 50px;
}
.filter__input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.filter__listWrap {
  height: auto;
}
.filter__btnList {
  border: none;
  background-color: #999999;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 3px 6px;
  cursor: pointer;
  margin-right: 10px;
  margin-top: auto;
}
.filter__btnList:hover {
  background-color: #51ddd4;
}
.filter__btnListWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.filterBtn {
  background-color: var(--main-color);
  color: #ffffff;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  padding: 8px 18px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 10px;
}
.filter__deleteButton {
  background-color: transparent;
  border: none;
  padding: 0;
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  margin-top: -10px;
  background-image: url("../img/btn_delete_filter.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  cursor: pointer;
}
.filter__deleteButton:hover {
  border-radius: 5px;
  background-color: #ffffff;
}
@media (max-width: 500px) {
  .filter__header {
    display: block;
  }
  .filter__title {
    margin-bottom: 10px;
    margin-right: 0;
  }
  .filterBtn {
    margin-bottom: 5px;
  }
}
.edit {
  min-height: 400px;
  background-color: #ffffff;
  border-radius: 5px;
  margin-bottom: 25px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
}
.edit__list {
  padding: 0;
  margin: 0;
  list-style: none;
  background-image: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.edit__tab {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  padding: 15px 25px;
  border-right: 1px solid #ffffff;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  text-align: center;
  cursor: pointer;
}
.edit__tab[data-status="show"] {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #ffffff;
  color: #51ddd4;
  cursor: default;
}
.edit__tab:last-child {
  border-right: none;
}
.edit__tabItem {
  margin: 0 20px;
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.edit__tabItem[data-status="show"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.edit__tabItem--players .edit__table--rows {
  max-height: 153px;
}
.edit__tabItem--checksDuration {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.edit__header {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.edit__header p {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  margin: 0;
}
.edit__title {
  padding: 10px;
  margin: 0;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 11%;
          flex: 1 0 11%;
}
.edit__title[data-width="wider"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 13%;
          flex: 1 0 13%;
}
.edit__title[data-width="shrink"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 1%;
          flex: 1 0 1%;
}
.edit__tableWrap {
  position: relative;
  border-right: 1px solid #dcd7de;
  padding: 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
}
.edit__tableWrap:hover {
  background-color: #d8fff8;
}
.edit__tableWrap:last-child {
  border-right: none;
}
.edit__tableWrap[data-list="show"] .edit__btnOpen--oneArrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.edit__tableWrap[data-list="show"] .edit__select {
  display: block;
}
.edit__tableWrap[data-list="hide"] .edit__select {
  display: none;
}
.edit__tableWrap[data-width="wider"] {
  -webkit-box-flex: 8;
      -ms-flex: 8 0 10%;
          flex: 8 0 10%;
}
.edit__tableBtn {
  border: none;
  width: 43px;
  background-color: inherit;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}
.edit__tableBtn--add {
  background-image: url("../img/add_dir.svg");
  background-size: 25px;
}
.edit__tableBtn--remove {
  background-image: url("../img/btn_delete.svg");
  background-size: 25px;
}
.edit__tableBtn--change {
  background-image: url("../img/btn_change.svg");
  background-size: 25px;
}
.edit__wrap {
  position: relative;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  padding: 10px 5px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28%;
          flex: 0 0 28%;
}
.edit__wrap[data-width="100"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 90%;
          flex: 1 0 90%;
}
.edit__wrap[data-list="show"] .edit__btnOpen--oneArrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.edit__wrap[data-list="show"] .edit__select {
  display: block;
}
.edit__wrap[data-list="hide"] .edit__select {
  display: none;
}
.edit__wrap[data-width="2col"] {
  width: calc(49% - 52px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(49% - 52px);
          flex: 0 0 calc(49% - 52px);
  padding-right: 5px;
}
.edit__wrap[data-width="3col"] {
  width: calc(32% - 12px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(32% - 12px);
          flex: 0 0 calc(32% - 12px);
  padding-right: 5px;
}
.edit__label {
  color: #999999;
  padding: 5px;
}
.edit__btnOpen {
  position: absolute;
  z-index: 8;
  right: 5px;
  background-color: transparent;
  border: none;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.edit__btnOpen--oneArrow {
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center;
}
.edit__btnOpen--twoArrowUp {
  bottom: 50%;
  right: 4px;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: center top 6px;
}
.edit__btnOpen--twoArrowDown {
  top: 50%;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center top 6px;
}
.edit__select {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  z-index: 15;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 174px;
  overflow-y: scroll;
}
.edit__option {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.edit__option p {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f3f4f8;
  cursor: pointer;
}
.edit__option:last-child p {
  border-bottom: none;
}
.edit__option:hover {
  background-color: #d8fff8;
}
.edit__option:hover p {
  border-bottom-color: #d8fff8;
}
.edit__table {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border: 1px solid #dcd7de;
  border-radius: 5px;
}
.edit__table--rows {
  margin-bottom: 20px;
  max-height: 219px;
  overflow-y: auto;
}
.edit__btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.edit__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #dcd7de;
}
.edit__row--title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit__row:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.edit__row:nth-child(odd) {
  background-color: #f3f4f8;
}
.edit__row:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: none;
}
.edit__row--base {
  display: none;
}
.edit__row--title p {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
  font-weight: 700;
}
.edit__row--message {
  padding: 20px;
}
.edit__row[data-status="hide"] {
  display: none;
}
.edit__row[data-status="show"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.edit__message {
  margin: 0 auto;
}
.edit__input {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  background-color: transparent;
  padding: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.edit__input:focus {
  background-color: #ffffff;
}
.edit__wrapItem {
  position: relative;
}
.edit__wrapItem[data-input="active"] .edit__inputEdit {
  border: 1px solid #dcd7de;
  border-radius: 5px;
}
.edit__btn {
  background-color: transparent;
  border: none;
}
.edit__btn--edit {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 4px;
  width: 30px;
  height: 30px;
  background-image: url("../img/edit.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.edit__tabBtn {
  background-image: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  margin-right: 20px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}
.edit__tabBtn:hover {
  background-image: linear-gradient(45deg, #66ccff 0%, #51ddd4 100%);
}
.edit__tabItem--attention {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.edit__attentionWrap {
  padding-top: 110px;
  padding-bottom: 120px;
}
.edit__attention {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.edit__timeAvail--time,
.edit__durationSum--time {
  font-weight: 700;
}
.edit__check1 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.edit__checkTitle {
  font-weight: 700;
}
.edit__checkMessage {
  margin: 0;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
.edit__checkMessage[data-check="ok"] {
  background-image: url("../img/change_ok.svg");
}
.edit__checkMessage[data-check="error"] {
  background-image: url("../img/change_error.svg");
}
.edit__userField {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.edit__userField .mark {
  position: absolute;
  top: -8px;
  left: -8px;
}
.edit__userField .mark svg {
  fill: #ffffff;
}
.modal {
  min-height: 400px;
  border-radius: 5px;
}
.modal .dropDownList__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 150px;
          flex: 0 1 150px;
}
.modal__swiper {
  width: 100%;
}
.modal__tabList {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-top: 20px;
}
.modal__tab {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  padding: 18px 25px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  background-color: var(--main-color);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #dcd7de;
  border-bottom: none;
  -webkit-box-shadow: 0px 0px 10px 2px #b4b2b4;
          box-shadow: 0px 0px 10px 2px #b4b2b4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.modal__tab .modal__btn svg {
  fill: #ffffff;
}
.modal__tab:hover {
  background-color: #7ab7ee;
}
.modal__tab[data-status="show"] {
  background-color: #ffffff;
  color: #999999;
  cursor: default;
  min-height: 25px;
}
.modal__tabButton {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  padding: 15px 25px;
  text-align: center;
  cursor: pointer;
  display: block;
  background-color: #51ddd4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: none;
  width: 180px;
}
.modal__tabButton:hover {
  background-color: #7ab7ee;
}
.modal__tabButton[data-status="show"] {
  background-color: #ffffff;
  color: #51ddd4;
  cursor: default;
  border: 1px solid #dcd7de;
  border-bottom: none;
}
.modal__header {
  position: relative;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--main-lighten-color);
  border: 1px solid #dcd7de;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  z-index: 2;
}
.modal__header p {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  margin: 0;
}
.modal__checkWrap {
  margin-bottom: 10px;
}
.modal__checkWrap[data-status="hide"] {
  display: none;
}
.modal__loader {
  opacity: 0.5;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100%;
  background-color: #d8fff8;
}
.modal__updateLoader {
  position: fixed;
  width: 205px;
  background-color: #fca0ab;
  z-index: 1000;
  padding: 20px;
  border-bottom-right-radius: 10px;
  font-weight: bold;
  color: white;
}
.modal__content {
  padding: 10px 20px;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0px 0px 6px 2px #dcd7de;
          box-shadow: inset 0px 0px 6px 2px #dcd7de;
  border: 1px solid #dcd7de;
  height: 32vh;
  border-top: none;
  border-bottom: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal__content[data-scroll] {
  overflow-y: auto;
}
.modal__content[data-over="true"] {
  opacity: 0.4;
  -webkit-box-shadow: inset 0px 0px 6px 4px #51ddd4;
          box-shadow: inset 0px 0px 6px 4px #51ddd4;
}
.modal__content[data-disabled="true"] {
  background-color: #f3f4f8;
}
.modal__content[data-disabled="true"] .master__text {
  color: #999999;
}
.modal__content--attention {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal__content--attention .modal__checkWrap {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.modal__content--editPerformance,
.modal__content--performance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal__content--players {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal__content--players .dropDownList__wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  width: 49%;
}
.modal__content--players .master__peopleList {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.modal__content--newPlayers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content max-content;
  grid-template-areas: "count diploma" "countName countName" "players players";
}
.modal__content--newPlayers .dropDownList__wrap {
  margin-bottom: 0;
}
.modal__tabItem {
  position: relative;
  display: none;
}
.modal__tabItem[data-status="show"] {
  display: block;
}
.modal__tabItem[data-buttons-position="right"] {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 2fr -webkit-max-content;
  grid-template-columns: 2fr max-content;
}
.modal__tabItem[data-buttons-position="right"] .modal__buttonWrap--content {
  margin-bottom: 0;
  display: grid;
  grid-template-rows: repeat(5, -webkit-min-content);
  grid-template-rows: repeat(5, min-content);
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal__tabItem[data-buttons-position="right"] .modal__button {
  margin-bottom: 10px;
}
.modal__tabItem--content {
  display: block;
}
.modal__tabItem--players .modal__table--rows {
  max-height: 153px;
}
.modal__tabItem--checksDuration {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal__tabItem--team .dropDownList__checkWrap {
  padding-bottom: 10px;
  padding-top: 10px;
}
.modal__tabItem--team .js--teamCity[data-team-id=""] .modal__btn--edit {
  visibility: hidden;
}
.modal__buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
}
.modal__buttonWrap--content {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 10px;
  padding: 10px;
}
.modal__buttonWrap[data-disabled="true"] {
  background-color: #f3f4f8;
}
.modal__buttonWrap--grid {
  display: grid;
}
.modal__button {
  background-color: var(--main-color);
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: background-color 0.2s, color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.01s ease-in;
  transition: background-color 0.2s, color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.01s ease-in;
  transition: background-color 0.2s, color 0.3s, box-shadow 0.3s, transform 0.01s ease-in;
  transition: background-color 0.2s, color 0.3s, box-shadow 0.3s, transform 0.01s ease-in, -webkit-box-shadow 0.3s, -webkit-transform 0.01s ease-in;
}
.modal__button:hover,
.modal__button:focus {
  background-color: #ffffff;
  color: var(--main-color);
  -webkit-box-shadow: 0px 1px 3px 0px #999999;
          box-shadow: 0px 1px 3px 0px #999999;
}
.modal__button:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  -webkit-box-shadow: inset 0px 1px 3px 0px #999999;
          box-shadow: inset 0px 1px 3px 0px #999999;
}
.modal__button[data-count] {
  position: relative;
}
.modal__button[data-count]::after {
  position: absolute;
  content: attr(data-count);
  background-color: white;
  top: -10px;
  right: -10px;
  border-radius: 50%;
  padding: 2px;
  color: var(--main-color);
  font-weight: bold;
  border: 1px solid var(--main-color);
  min-width: 15px;
}
.modal__button--volume {
  background-color: transparent;
  background-image: url("../img/volume_up.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  font-size: 0;
}
.modal__button--volume[data-mode="off"] {
  background-image: url("../img/volume_off.svg");
}
.modal__button--notFinded {
  background-image: none;
  background-color: var(--main-color);
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: calc(100% + 2px);
  margin-left: -1px;
  margin-right: -1px;
  border-bottom: none;
}
.modal__button--white {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #000000;
  width: 100%;
  margin-left: 0;
}
.modal__button--white:hover {
  background-color: var(--main-color);
}
.modal__button--grey {
  background-image: none;
  background-color: #dcd7de;
}
.modal__button--exitTab {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  color: #dcd7de;
  position: absolute;
  top: 10px;
  right: 20px;
  padding-right: 40px;
}
.modal__button--exitTab::before {
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-image: url("../img/arrow_big_grey.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.modal__button--exitTab:hover {
  /* color: #ffffff; */
}
.modal__button[data-status="disabled"],
.modal__button[data-disabled="true"] {
  background-image: none;
  background-color: #dcd7de;
  cursor: default;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal__button[data-status="disabled"]:hover,
.modal__button[data-disabled="true"]:hover {
  background-image: none;
  background-color: #dcd7de;
  color: #ffffff;
}
.modal__button--registration[data-disabled="true"] {
  background-color: var(--main-color);
}
.modal__button--registration[data-disabled="true"]:hover {
  background-color: var(--main-color);
}
.modal__button input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -10;
}
.modal__button input[type=file]:focus + label {
  outline: -webkit-focus-ring-color auto 5px;
}
.modal__button label.focus {
  outline: 1px solid #0078d7;
  outline: -webkit-focus-ring-color auto 5px;
}
.modal__button--asLink {
  background-image: none;
  background-color: #ffffff;
  border: none;
  color: #999999;
  border-bottom: 1px dashed #999999;
  padding: 0 2px;
  text-transform: initial;
  font-weight: 400;
  border-radius: 0;
  margin: 5px 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal__button--asLink:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: none;
  color: #fe0321;
  border-bottom-color: #fe0321;
}
.modal__button--asLinkBlue {
  background-image: none;
  background-color: #ffffff;
  border: none;
  color: #066ffc;
  border-bottom: 1px dashed #066ffc;
  padding: 0 2px;
  text-transform: initial;
  font-weight: 400;
  border-radius: 0;
  margin: 0;
  display: inline;
}
.modal__button--asLinkBlue:hover {
  background-image: none;
  color: #fe0321;
  border-bottom-color: #fe0321;
}
.modal__button--asText {
  background-color: transparent;
  color: #000000;
  text-transform: none;
  font-weight: 300;
  text-align: left;
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.modal__button--asText:hover {
  color: #fe0321;
}
.modal__button--desktopHide {
  display: none;
}
.modal__button--left {
  margin-right: auto;
}
.modal__button--right {
  margin-left: auto;
}
.modal__button--center {
  margin-right: auto;
  margin-left: auto;
}
.modal__button--hidden {
  opacity: 0;
}
.modal__button--hidden:hover {
  opacity: 1;
}
.modal__anchorButtonWrap--center {
  text-align: center;
}
.modal__anchorButtonWrap--left {
  text-align: left;
}
.modal__anchorButtonWrap--right {
  text-align: right;
}
.modal__anchorButton {
  display: inline-block;
  background-color: var(--main-color);
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  text-align: center;
}
.modal__anchorButton:hover {
  color: #ffffff;
}
.modal__title {
  padding: 10px 5px;
  margin: 0;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 11%;
          flex: 1 0 11%;
}
.modal__title[data-width="wider"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 13%;
          flex: 1 0 13%;
}
.modal__title[data-width="shrink"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 1%;
          flex: 1 0 1%;
}
.modal__title[data-cell-width="auto"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.modal__title[data-cell-width="10"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}
.modal__title[data-cell-width="20"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.modal__title[data-cell-width="30"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
.modal__text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
}
.modal__text--bold {
  font-weight: 700;
}
.modal__text--big {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}
.modal__text--message {
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
.modal__text--message[data-check="ok"] {
  background-image: url("../img/change_ok.svg");
}
.modal__text--message[data-check="error"] {
  background-image: url("../img/change_error.svg");
}
.modal__tableWrap {
  position: relative;
  border-right: 1px solid #dcd7de;
  padding: 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-right: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal__tableWrap:hover {
  background-color: #d8fff8;
}
.modal__tableWrap:last-child {
  border-right: none;
}
.modal__tableWrap[data-width="wider"] {
  -webkit-box-flex: 8;
      -ms-flex: 8 0 10%;
          flex: 8 0 10%;
}
.modal__tableWrap--direc[data-people-id=""] .modal__btn--edit,
.modal__tableWrap--phone[data-people-id=""] .modal__btn--edit,
.modal__tableWrap--email[data-people-id=""] .modal__btn--edit {
  visibility: hidden;
}
.modal__cellWrap {
  position: relative;
  border-right: 1px solid #dcd7de;
  padding: 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal__cellWrap:hover {
  background-color: #d8fff8;
}
.modal__cellWrap:last-child {
  border-right: none;
}
.modal__cellWrap[data-cell-width="auto"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.modal__cellWrap[data-cell-width="10"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}
.modal__cellWrap[data-cell-width="20"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.modal__cellWrap[data-cell-width="30"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
.modal__cellWrap[data-width="wider"] {
  -webkit-box-flex: 8;
      -ms-flex: 8 0 10%;
          flex: 8 0 10%;
}
.modal__tableBtn {
  border: none;
  padding: 0;
  width: 43px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 5%;
          flex: 0 1 5%;
  background-color: inherit;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}
.modal__tableBtn--add {
  background-image: url("../img/add_dir.svg");
  background-size: 25px;
}
.modal__tableBtn--remove {
  background-image: url("../img/btn_delete.svg");
  background-size: 25px;
}
.modal__tableBtn--change {
  background-image: url("../img/btn_change.svg");
  background-size: 25px;
}
.modal__tableBtn--download {
  background-image: url("../img/btn_unload.svg");
  background-size: 25px;
}
.modal__label {
  color: #999999;
  padding: 5px;
}
.modal__btnOpen {
  position: absolute;
  z-index: 8;
  right: 5px;
  background-color: transparent;
  border: none;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.modal__btnOpen--oneArrow {
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center;
}
.modal__btnOpen--twoArrowUp {
  bottom: 50%;
  right: 4px;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: center top 6px;
}
.modal__btnOpen--twoArrowDown {
  top: 50%;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center top 6px;
}
.modal__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal__info .dropDownList__wrap {
  margin-right: 10px;
}
.modal__info .modal__checkWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.modal__2column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.modal__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal__column .dropDownList__wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 100%;
  margin-right: 0;
}
.modal__column .dropDownList__wrap[data-prompt="true"] {
  width: calc(100% - 35px);
}
.modal__column .dropDownList__wrap[data-offset]::before {
  position: absolute;
  content: "";
  width: 12px;
  height: calc(100% / 2 + 12px);
  left: -14px;
  top: -12px;
  border-bottom: 2px solid #dcd7de;
  border-left: 2px solid #dcd7de;
  border-bottom-left-radius: 5px;
}
.modal__column .dropDownList__wrap[data-offset="1"] {
  margin-left: 30px;
  width: calc(100% - 30px);
}
.modal__column .dropDownList__wrap[data-offset="1"][data-prompt="true"] {
  width: calc(100% - 65px);
}
.modal__column .dropDownList__wrap[data-offset="2"] {
  margin-left: 60px;
  width: calc(100% - 60px);
}
.modal__column .dropDownList__wrap[data-offset="2"][data-prompt="true"] {
  width: calc(100% - 95px);
}
.modal__column .dropDownList__wrap[data-offset="3"] {
  margin-left: 90px;
  width: calc(100% - 90px);
}
.modal__column .dropDownList__wrap[data-offset="3"][data-prompt="true"] {
  width: calc(100% - 125px);
}
.modal__column .dropDownList__wrap[data-offset="4"] {
  margin-left: 120px;
  width: calc(100% - 120px);
}
.modal__column .dropDownList__wrap[data-offset="4"][data-prompt="true"] {
  width: calc(100% - 155px);
}
.modal__column--left {
  padding-right: 10px;
  border-right: 1px solid #dcd7de;
}
.modal__column--right {
  padding-left: 10px;
}
.modal__column--shrink {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
.modal__videoWrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
.modal__select {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  z-index: 15;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 174px;
  overflow-y: scroll;
}
.modal__option {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.modal__option p {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f3f4f8;
  cursor: pointer;
}
.modal__option:last-child p {
  border-bottom: none;
}
.modal__option:hover {
  background-color: #d8fff8;
}
.modal__option:hover p {
  border-bottom-color: #d8fff8;
}
.modal__table {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border: 1px solid #dcd7de;
}
.modal__table--header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal__table--rows {
  margin-bottom: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.modal__btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #dcd7de;
}
.modal__row--title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal__row:nth-child(odd) {
  background-color: #f3f4f8;
}
.modal__row:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: none;
}
.modal__row--base {
  display: none;
}
.modal__row--title p {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
  font-weight: 700;
}
.modal__row--message {
  padding: 20px;
}
.modal__row[data-status="hide"] {
  display: none;
}
.modal__row[data-status="show"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__row[data-wrap="wrap"] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal__message {
  margin: 0 auto;
}
.modal__input {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  background-color: transparent;
  padding: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.modal__input:focus {
  background-color: #ffffff;
}
.modal__input:first-child:not {
  border-bottom: 1px solid #dcd7de;
}
.modal__btn {
  background-color: transparent;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.modal__btn--edit {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 4px;
  width: 30px;
  height: 30px;
  background-image: url("../img/edit.svg");
}
.modal__btn--edit2 {
  width: 30px;
  height: 30px;
  background-image: url("../img/edit.svg");
  font-size: 0;
}
.modal__btn--editSvg {
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 0;
}
.modal__btn--editSvg svg {
  width: 30px;
  fill: var(--main-color);
}
.modal__btn--editSvg:hover svg {
  background-color: #ffffff;
  border-radius: 5px;
  fill: #000000;
}
.modal__btn--tuneSvg {
  padding: 0;
  width: 36px;
  height: 36px;
  font-size: 0;
}
.modal__btn--tuneSvg svg {
  width: 30px;
  fill: var(--main-color);
}
.modal__btn--tuneSvg:hover {
  border-radius: 5px;
  background-color: #ffffff;
}
.modal__btn--tuneSvg:hover svg {
  fill: #000000;
}
.modal__btn--tuneSvg[data-style="inverse"] {
  background-color: var(--main-color);
  border-radius: 5px;
}
.modal__btn--tuneSvg[data-style="inverse"] svg {
  fill: #ffffff;
}
.modal__btn--tuneSvg[data-style="inverse"][data-mode="active"] {
  background-color: white;
  border: 2px solid var(--main-color);
}
.modal__btn--tuneSvg[data-style="inverse"][data-mode="active"] svg {
  fill: var(--main-color);
}
.modal__btn--doubleCheck {
  fill: var(--main-color);
}
.modal__btn--doubleCheck[data-step="0"] .step-1,
.modal__btn--doubleCheck[data-step="0"] .step-2 {
  display: none;
}
.modal__btn--doubleCheck[data-step="1"] {
  fill: #dcd7de;
}
.modal__btn--doubleCheck[data-step="1"] .step-2 {
  display: none;
}
.modal__btn--doubleCheck[data-step="2"] .step-2 {
  display: none;
}
.modal__btn--doubleCheck[data-step="3"] .step-1 {
  display: none;
}
.modal__btn--trash {
  width: 30px;
  height: 30px;
  background-image: url("../img/trash.svg");
  font-size: 0;
}
.modal__btn--arrow {
  position: absolute;
  content: "";
  top: 5px;
  right: 4px;
  width: 30px;
  height: 30px;
  background-image: url("../img/arrow_up.svg");
  background-size: 20px;
}
.modal__btn--add {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 4px;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_plus.svg");
  background-size: 22px;
}
.modal__btn[data-count] {
  position: relative;
}
.modal__btn[data-count]::after {
  position: absolute;
  content: attr(data-count);
  background-color: white;
  top: -10px;
  right: -10px;
  border-radius: 10px;
  padding: 2px;
  color: var(--main-color);
  font-weight: bold;
  border: 1px solid var(--main-color);
  min-width: 15px;
  font-size: 12px;
}
.modal__btn [data-count=""]::after {
  content: none;
}
.modal__loadPhonogramWrap {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 15;
}
.modal__loadPhonogram {
  width: 40%;
  height: 50%;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal__loadFileWrap {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  right: 0;
  margin: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 15;
  height: calc(100% - 4px);
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal__loadFile {
  width: 50%;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 100%;
  overflow-y: auto;
}
/*
 * Loading Dots
 */
.modal__spinner {
  text-align: center;
  padding-bottom: 10px;
}
.modal__spinner span {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin: 0.19em;
  background: #007DB6;
  border-radius: 50%;
  -webkit-animation: spinnerDots 1s infinite alternate;
          animation: spinnerDots 1s infinite alternate;
}
/*
 * Dots Colors
 * Smarter targeting vs nth-of-type?
 */
.modal__spinner span:nth-of-type(2) {
  background: #008FB2;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.modal__spinner span:nth-of-type(3) {
  background: #009B9E;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.modal__spinner span:nth-of-type(4) {
  background: #00A77D;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.modal__spinner span:nth-of-type(5) {
  background: #00B247;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.modal__spinner span:nth-of-type(6) {
  background: #5AB027;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.modal__spinner span:nth-of-type(7) {
  background: #A0B61E;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
/*
 * Animation keyframes
 * Use transition opacity instead of keyframes?
 */
@-webkit-keyframes spinnerDots {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes spinnerDots {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 1000px) {
  .modal__tabItem[data-buttons-position="right"] {
    display: block;
  }
  .modal__tabItem[data-buttons-position="right"] .modal__buttonWrap--content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-template-rows: none;
    gap: 10px;
  }
  .modal__tabItem[data-buttons-position="right"] .modal__buttonWrap--content .modal__button {
    margin: 0;
  }
}
@media (max-width: 680px) {
  .modal__2column {
    display: block;
  }
  .modal__column {
    width: auto;
  }
  .modal__column--left {
    padding-right: 0;
    border-right: none;
  }
  .modal__column--right {
    padding-left: 0;
  }
  .modal__column .dropDownList__wrap[data-prompt="true"] {
    width: 100%;
  }
  .modal__column .dropDownList__wrap[data-offset="1"][data-prompt="true"] {
    width: calc(100% - 30px);
  }
  .modal__column .dropDownList__wrap[data-offset="2"][data-prompt="true"] {
    width: calc(100% - 60px);
  }
  .modal__column .dropDownList__wrap[data-offset="3"][data-prompt="true"] {
    width: calc(100% - 90px);
  }
  .modal__column .dropDownList__wrap[data-offset="4"][data-prompt="true"] {
    width: calc(100% - 120px);
  }
  .modal__tabScroller {
    overflow-x: auto;
  }
  .modal__tabScroller::-webkit-scrollbar {
    display: none;
  }
  .modal__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 15px 10px 5px;
  }
  .modal__header p {
    margin-bottom: 8px;
  }
  .modal__buttonWrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .modal__buttonWrap .modal__button {
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .modal__buttonWrap .modal__button:first-child {
    margin-left: 0;
  }
  .modal__buttonWrap .modal__button:last-child {
    margin-right: 0;
  }
  .modal__buttonWrap--content {
    margin-bottom: 0;
  }
  .modal__button--desktopHide {
    display: block;
  }
  .modal__content {
    padding: 10px;
  }
  .modal__tabList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-top: 5px;
  }
  .modal__tab {
    margin-right: 5px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .modal__loadFile {
    width: 80%;
  }
}
.master {
  min-height: 400px;
  border-radius: 5px;
}
.master[data-tab-check="1"] .master__header,
.master[data-tab-check="1"] .master__draftDateWrap,
.master[data-tab-check="1"] .master__button--prev,
.master[data-tab-check="1"] .js--clearForm {
  display: none;
}
.master[data-tab-check="1"] .master__button--next {
  margin-left: auto;
}
.master[data-tab-check="2"] .master__header,
.master[data-tab-check="2"] .master__draftDateWrap,
.master[data-tab-check="2"] .master__buttonWrap {
  display: none;
}
.master[data-player-toggle="lock"] .js--playerDetail {
  display: none;
}
.master[data-activate="false"] .master__tab:not(:nth-child(-n+2)) {
  pointer-events: none;
  background-color: #dcd7de;
}
.master[data-activate="false"] .master__tab:not(:nth-child(-n+2))::before {
  background-color: #dcd7de;
}
.master[data-activate="false"] .master__tab:not(:nth-child(-n+2)) .master__buttonWrap {
  display: none;
}
.master[data-auth="true"] .master__button--tabRegistration {
  display: none;
}
.master[data-tab-check="1"][data-auth="false"] .master__button--next {
  display: none;
}
.master__paymentTabHeader {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.master__paymentTabHeader[data-state="hide"] {
  display: none;
}
.master__search {
  width: 100%;
}
.master__search--tabMeet {
  background-color: #d8fff8;
  padding: 10px;
  padding-bottom: 0;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.master__search--tabMeet .master__searchResult {
  width: 100%;
}
.master__search--tabMeet .dropDownList__select {
  max-height: 170px;
  margin-bottom: 10px;
}
.master__searchResult .dropDownList__select {
  position: relative;
  top: 0;
  max-height: 277px;
}
.master__wrapAddPlayer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.master__tabList {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
  counter-reset: myTabCounter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.master__tab {
  list-style: none;
  position: relative;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  padding: 12px 15px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--main-color);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 1;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 45px;
  white-space: nowrap;
  -webkit-box-shadow: 0px -1px 2px 2px #ffffff;
          box-shadow: 0px -1px 2px 2px #ffffff;
}
.master__tab::before {
  position: absolute;
  counter-increment: myTabCounter;
  content: counter(myTabCounter);
  border: 1px solid #51ddd4;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
  letter-spacing: 0;
  display: inline-block;
  line-height: 24px;
  background-color: var(--main-color);
  color: #ffffff;
  top: 50%;
  left: 10px;
  margin-top: -14px;
  border: 1px solid #ffffff;
}
.master__tab[data-validate="false"]::before {
  background-color: #fca0ab;
}
.master__tab[data-hidden="true"] {
  display: none;
}
.master__tab[data-status="show"] {
  background-color: #ffffff !important;
  color: #999999;
  cursor: default;
  border: 1px solid #dcd7de;
  border-bottom: none;
  font-weight: normal;
}
.master__tab[data-status="show"]::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: inherit;
}
.master__tab[data-activate="false"] {
  pointer-events: none;
  background-color: #dcd7de;
}
.master__tab[data-activate="false"]::before {
  background-color: #dcd7de;
}
.master__wrap {
  border-radius: 10px;
  border: 1px solid #dcd7de;
  background-color: #ffffff;
}
.master__wrap--playersChoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 5px;
}
.master__wrap--playersChoice .form-registration__text {
  cursor: pointer;
}
.master__wrap--playersChoice .form-registration__text:first-child {
  padding-right: 20px;
}
.master__wrap--playersChoice[data-player-detail="total"] .form-registration__toggle {
  left: -2px;
  right: auto;
}
.master__wrap--playersChoice[data-player-detail="total"] .form-registration__fieldWrap--total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.master__wrap--playersChoice[data-player-detail="total"] .form-registration__fieldWrap--detail,
.master__wrap--playersChoice[data-player-detail="total"] .form-registration__playerCountName {
  display: none;
}
.master__wrap--playersChoice[data-player-detail="total"] .form-registration__button--addPlayers,
.master__wrap--playersChoice[data-player-detail="total"] .form-registration__button--removePlayers {
  display: none;
}
.master__wrap--playersChoice[data-player-detail="detail"] .form-registration__toggle {
  left: auto;
  right: -2px;
}
.master__wrap--playersChoice[data-player-detail="detail"] .form-registration__fieldWrap--total {
  display: none;
}
.master__wrap--playersChoice[data-player-detail="detail"] .form-registration__fieldWrap--detail,
.master__wrap--playersChoice[data-player-detail="detail"] .form-registration__playerCountName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.master__wrap--playersChoice[data-player-detail="detail"] .form-registration__button--addPlayers,
.master__wrap--playersChoice[data-player-detail="detail"] .form-registration__button--removePlayers {
  display: block;
}
.master__field--role[data-validate="error"] .master__btnTile {
  border-color: #fca0ab;
  -webkit-box-shadow: inset 0px 0px 0px 1px #fca0ab;
          box-shadow: inset 0px 0px 0px 1px #fca0ab;
}
.master__field--note {
  width: 100%;
}
.master__field--note textarea {
  resize: vertical;
}
.master__field--note .dropDownList__wrap {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.master__field--noPhonogram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  text-align: center;
}
.master__field--noPhonogram .modal__button {
  margin-bottom: 10px;
}
.master__field--noPlayers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  width: 100%;
  margin-top: 20px;
}
.master__field--noPlayers .master__text {
  text-align: right;
}
.master__field--noDirectors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  width: 100%;
  height: 100%;
}
.master__field--team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  text-align: center;
}
.master__field--organization {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  text-align: center;
}
.master__field--video {
  width: 100%;
}
.master__field--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.master__field--preview {
  width: 880px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.master__field--preview .previewPDF {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 135%;
  background-color: #f3f4f8;
  margin-top: 10px;
  border-radius: 5px;
  margin-bottom: -100%;
}
.master__field--preview .previewPDF__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 5px;
  overflow: hidden;
}
.master__content--video .master__text {
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 0;
}
.master__content--video .form-registration__wrap {
  margin-top: 0;
}
.master__content--video .form-registration__wrap:hover::before {
  content: none;
}
.master__content--video .form-registration__fieldWrap--file {
  padding-top: 0;
}
.master__header {
  padding: 20px;
  background-color: #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.master__header p {
  margin: 0;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.master__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 20px;
  min-height: 190px;
  position: relative;
}
.master__content--player,
.master__content--director {
  display: block;
}
.master__content--authorization .master__button,
.master__content--meet .master__button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.master__content--contest {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.master__content--payment {
  display: block;
}
.master__content--regFile {
  min-height: 0;
}
.master__content--regFile .form-registration__wrap {
  margin-top: 0;
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
}
.master__content--regFile .form-registration__wrap:hover::before {
  content: none;
}
.master__content--regFile .filesWrap {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-lefy: 10px;
}
.master__content--regFile .form-registration__fieldWrap--file {
  padding-top: 0;
}
.master__content--regLink {
  min-height: 0;
}
.master__tabItem {
  position: relative;
  display: none;
  padding: 20px;
}
.master__tabItem[data-status="show"] {
  display: block;
}
.master__tabItem[data-next-tab="false"] .master__button--next {
  background-image: none;
  background-color: #dcd7de;
  cursor: default;
  outline: none;
}
.master__tabItem[data-next-tab="false"] .master__button--next:hover {
  background-image: none;
  background-color: #dcd7de;
}
.master__tabItem--role .master__content {
  display: block;
}
.master__tabItem[data-placement="formReg"] {
  display: block;
}
.master__buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px;
  padding-top: 5px;
}
.master__buttonWrap--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.master__buttonWrap--content {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 10px;
  padding: 10px;
}
.master__draftDateWrap {
  padding-top: 10px;
  padding-bottom: 5px;
  border-top: 1px solid #dcd7de;
}
.master__draftDate {
  margin: 0;
  text-align: center;
}
.master__draftDate[data-status="hide"] {
  display: none;
}
.master__button {
  background-color: var(--main-color);
  border: none;
  border-radius: 5px;
  padding: 10px 30px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
}
.master__button:hover {
  background-color: var(--main-color);
}
.master__button--rulesLink {
  min-width: 250px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: none;
  background-color: #999999;
  text-align: center;
}
.master__button--rulesLink:hover {
  background-image: none;
  background-color: #dcd7de;
}
.master__button--rulesLink[data-state="hide"] {
  display: none;
}
.master__button--tabRegistration {
  min-width: 250px;
  margin-bottom: 10px;
}
.master__button--tabRegistration[data-state="hide"] {
  display: none;
}
.master__button--left {
  margin-right: auto;
}
.master__button--center {
  margin-left: auto;
  margin-right: auto;
}
.master__button--regForm {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.master__button[data-status="disabled"] {
  background-image: none;
  background-color: #dcd7de;
  cursor: default;
}
.master__button[data-status="disabled"]:hover {
  background-image: none;
  background-color: #dcd7de;
}
.master__button[data-disabled="true"] {
  background-image: none;
  background-color: #dcd7de;
  cursor: default;
}
.master__button[data-disabled="true"]:hover {
  background-image: none;
  background-color: #dcd7de;
}
.master__button[data-status="hide"] {
  display: none;
}
.master__button input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -10;
}
.master__button input[type=file]:focus + label {
  outline: -webkit-focus-ring-color auto 5px;
}
.master__button label.focus {
  outline: 1px solid #0078d7;
  outline: -webkit-focus-ring-color auto 5px;
}
.master__button--desktopHide {
  display: none;
}
.master__btnTile {
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  width: 130px;
  height: 110px;
  background-repeat: no-repeat;
  background-position: top 12px center;
  background-size: 100px;
  padding-top: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.master__btnTile:hover {
  border-color: #51ddd4;
  -webkit-box-shadow: inset 0px 0px 0px 1px #51ddd4;
          box-shadow: inset 0px 0px 0px 1px #51ddd4;
}
.master__btnTile--solo {
  background-image: url("../img/tile_solo_grey.svg");
}
.master__btnTile--team {
  background-image: url("../img/tile_team_grey.svg");
}
.master__title {
  padding: 10px 5px;
  margin: 0;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 11%;
          flex: 1 0 11%;
}
.master__title[data-width="wider"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 13%;
          flex: 1 0 13%;
}
.master__title[data-width="shrink"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 1%;
          flex: 1 0 1%;
}
.master__title[data-cell-width="auto"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.master__title[data-cell-width="10"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}
.master__title[data-cell-width="20"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.master__title[data-cell-width="30"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
.master__text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
}
.master__text[data-status="hide"] {
  display: none;
}
.master__text--attention {
  font-weight: 700;
  color: #fe0321;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0;
  padding-bottom: 10px;
}
.master__text--12px {
  font-size: 12px;
}
.master__text--bold {
  font-weight: 700;
}
.master__text--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.master__text--big {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}
.master__text--message {
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
.master__text--message[data-check="ok"] {
  background-image: url("../img/change_ok.svg");
}
.master__text--message[data-check="error"] {
  background-image: url("../img/change_error.svg");
}
.master__text--note {
  color: #fe0321;
  margin: 0;
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.master__text--noflex {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  margin-right: 30px;
}
.master__text--iconDirectors {
  background-image: url("../img/director-icon_white.svg");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 34px;
}
.master__text--iconPlayers {
  background-image: url("../img/tile_team_white.svg");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 34px;
}
.master__tableWrap {
  position: relative;
  border-right: 1px solid #dcd7de;
  padding: 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-right: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.master__tableWrap:hover {
  background-color: #d8fff8;
}
.master__tableWrap:last-child {
  border-right: none;
}
.master__tableWrap[data-width="wider"] {
  -webkit-box-flex: 8;
      -ms-flex: 8 0 10%;
          flex: 8 0 10%;
}
.master__cellWrap {
  position: relative;
  border-right: 1px solid #dcd7de;
  padding: 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.master__cellWrap:hover {
  background-color: #d8fff8;
}
.master__cellWrap:last-child {
  border-right: none;
}
.master__cellWrap[data-cell-width="auto"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.master__cellWrap[data-cell-width="10"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}
.master__cellWrap[data-cell-width="20"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.master__cellWrap[data-cell-width="30"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
.master__cellWrap[data-width="wider"] {
  -webkit-box-flex: 8;
      -ms-flex: 8 0 10%;
          flex: 8 0 10%;
}
.master__tableBtn {
  border: none;
  padding: 0;
  width: 43px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 5%;
          flex: 0 1 5%;
  background-color: inherit;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}
.master__tableBtn--add {
  background-image: url("../img/add_dir.svg");
  background-size: 25px;
}
.master__tableBtn--remove {
  background-image: url("../img/btn_delete.svg");
  background-size: 25px;
}
.master__tableBtn--change {
  background-image: url("../img/btn_change.svg");
  background-size: 25px;
}
.master__tableBtn--download {
  background-image: url("../img/btn_unload.svg");
  background-size: 25px;
}
.master__label {
  color: #999999;
  padding: 5px;
}
.master__btnOpen {
  position: absolute;
  z-index: 8;
  right: 5px;
  background-color: transparent;
  border: none;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.master__btnOpen--oneArrow {
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center;
}
.master__btnOpen--twoArrowUp {
  bottom: 50%;
  right: 4px;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: center top 6px;
}
.master__btnOpen--twoArrowDown {
  top: 50%;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center top 6px;
}
.master__select {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  z-index: 15;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 174px;
  overflow-y: scroll;
}
.master__option {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.master__option p {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f3f4f8;
  cursor: pointer;
}
.master__option:last-child p {
  border-bottom: none;
}
.master__option:hover {
  background-color: #d8fff8;
}
.master__option:hover p {
  border-bottom-color: #d8fff8;
}
.master__table {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border: 1px solid #dcd7de;
}
.master__table--header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.master__table--rows {
  margin-bottom: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.master__btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.master__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #dcd7de;
}
.master__row--title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.master__row:nth-child(odd) {
  background-color: #f3f4f8;
}
.master__row:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: none;
}
.master__row--base {
  display: none;
}
.master__row--title p {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
  font-weight: 700;
}
.master__row--message {
  padding: 20px;
}
.master__row[data-status="hide"] {
  display: none;
}
.master__row[data-status="show"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.master__row[data-wrap="wrap"] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.master__message {
  margin: 0 auto;
  text-align: center;
}
.master__message[data-status="hide"] {
  display: none;
}
.master__input {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  background-color: transparent;
  padding: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.master__input:focus {
  background-color: #ffffff;
}
.master__input:first-child:not {
  border-bottom: 1px solid #dcd7de;
}
.master__btn-icon {
  fill: #dcd7de;
  width: 26px;
  height: 26px;
}
.master__btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
.master__btn .master__btn-icon--hide,
.master__btn .master__btn-icon--hidePassword {
  display: none;
}
.master__btn[data-size="small"] {
  width: 30px;
  height: 30px;
}
.master__btn[data-size="small"] svg {
  width: 24px;
  height: 24px;
}
.master__btn.show .master__btn-icon--hide,
.master__btn.show .master__btn-icon--hidePassword {
  display: block;
}
.master__btn.show .master__btn-icon--show,
.master__btn.show .master__btn-icon--showPassword {
  display: none;
}
.master__btn--tuning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  gap: 10px;
  font-size: 12px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
}
.master__btn--tuning:hover {
  border-radius: 5px;
  background-color: #dcd7de;
  color: #ffffff;
}
.master__btn--tuning:hover svg {
  fill: #ffffff;
}
.master__btn--tuning[data-color="white"] {
  background-color: transparent;
  color: #ffffff;
}
.master__btn--tuning[data-color="white"] svg {
  fill: #ffffff;
}
.master__btn--align {
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #999999;
  padding: 2px;
}
.master__btn--align .master__btn-icon {
  width: 30px;
  fill: #999999;
}
.master__btn--align.show {
  background-color: #999999;
}
.master__btn--align.show svg {
  fill: #ffffff;
}
.master__btn--show {
  width: 30px;
  height: 30px;
  padding: 2px;
}
.master__btn--diploma {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 65px;
  width: 30px;
  height: 30px;
  background-image: url("../img/trophy-border.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
}
.master__btn--diploma[data-diplom="true"] {
  background-image: url("../img/trophy-fill.svg");
}
.master__btn--diplomaSvg {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 65px;
  width: 30px;
  height: 30px;
}
.master__btn--diplomaSvg svg {
  width: 22px;
  fill: var(--main-color);
}
.master__btn--diplomaSvg:hover svg {
  background-color: #ffffff;
  border-radius: 5px;
  fill: #000000;
}
.master__btn--edit {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 35px;
  width: 30px;
  height: 30px;
  background-image: url("../img/edit.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.master__btn--editSvg {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 35px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.master__btn--editSvg svg {
  width: 22px;
  fill: #51ddd4;
}
.master__btn--editGoogle {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 35px;
  width: 30px;
  height: 30px;
  background-image: url("../img/google-docs.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.master__btn--show {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 35px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.master__btn--showSvg {
  width: 30px;
  height: 30px;
}
.master__btn--showSvg .master__btn-icon {
  height: 30px;
}
.master__btn--showSvg svg {
  width: 30px;
  fill: var(--main-color);
}
.master__btn--showSvg:hover svg {
  background-color: #ffffff;
  border-radius: 5px;
  fill: #000000;
}
.master__btn--moveSvg {
  width: 30px;
  height: 30px;
}
.master__btn--moveSvg svg {
  width: 30px;
  fill: var(--main-color);
}
.master__btn--moveSvg:hover svg {
  background-color: #ffffff;
  border-radius: 5px;
  fill: #000000;
}
.master__btn--replace {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 35px;
  width: 30px;
  height: 30px;
  background-image: url("../img/replace.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.master__btn--replaceSvg {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 35px;
  width: 30px;
  height: 30px;
}
.master__btn--replaceSvg svg {
  width: 22px;
  fill: #51ddd4;
}
.master__btn--replaceSvg:hover svg {
  fill: #999999;
}
.master__btn--check svg {
  fill: #ffffff;
}
.master__btn--check.show {
  border-radius: 5px;
  background-color: #ffffff;
  padding: 5px;
}
.master__btn--check.show svg {
  fill: var(--main-color);
}
.master__btn--delete {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 4px;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_delete_grey.svg");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.master__btn--delete[data-disabled="true"] {
  background-image: url("../img/btn_delete_grey.svg");
  pointer-events: none;
}
.master__btn--delete:hover {
  background-image: url("../img/btn_delete.svg");
}
.master__btn--download {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 65px;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_unload.svg");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.master__btn--downloadSvg {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 65px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.master__btn--downloadSvg svg {
  width: 26px;
  fill: #51ddd4;
}
.master__btn--downloadSvg:hover svg {
  fill: #999999;
}
.master__btn--add {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: 65px;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_plus.svg");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.master__btn--copyLink {
  width: 32px;
  height: 30px;
  background-image: url("../img/copy.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.master__btn--copyLinkSvg {
  width: 32px;
  height: 30px;
  cursor: pointer;
}
.master__btn--copyLinkSvg svg {
  width: 30px;
  fill: var(--main-color);
}
.master__btn--copyLinkSvg:hover svg {
  background-color: #ffffff;
  border-radius: 5px;
  fill: #000000;
}
.master__btn--deleteSvg,
.master__btn--applySvg {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.master__btn--deleteSvg svg,
.master__btn--applySvg svg {
  width: 30px;
  fill: var(--main-color);
}
.master__btn--deleteSvg:hover svg,
.master__btn--applySvg:hover svg {
  background-color: #ffffff;
  border-radius: 5px;
  fill: #000000;
}
.master__btn--svg {
  width: 32px;
  height: 30px;
  cursor: pointer;
}
.master__btn--svg svg {
  width: 22px;
  fill: #51ddd4;
}
.master__btn--svg:hover svg {
  fill: #999999;
}
.master__phonogramList,
.master__peopleList {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.master__people {
  padding: 10px;
  border: 1px solid #dcd7de;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  background-color: #ffffff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47%;
          flex: 0 0 47%;
  width: 47%;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 70px;
}
.master__people p {
  font-size: 12px;
  color: #000000;
  margin: 0;
}
.master__people[data-disabled="true"] {
  background-color: #f3f4f8;
  border-color: #dcd7de;
}
.master__people[data-disabled="true"] .master__btn--edit {
  background-image: url(../img/edit_darkgrey.svg);
}
.master__people[data-disabled="true"] .master__btn--diploma {
  background-image: url(../img/trophy-border_darkgrey.svg);
}
.master__people[data-disabled="true"] .master__btn--delete:hover {
  background-image: url(../img/btn_delete_grey.svg);
}
.master__people[data-disabled="true"] p {
  color: #999999;
}
.master__people--addPlayer {
  padding: 0;
}
.master__people--addPlayer .master__btn {
  color: #999999;
  width: 100%;
  height: 100%;
  padding: 10px;
}
.master__aliasPeopleWrap {
  margin-bottom: 10px;
  padding-left: 10px;
}
.master__aliasPeopleWrap p {
  margin: 0;
}
.master__tileList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.master__tileList .master__tile {
  margin-bottom: 0;
}
.master__tile {
  padding: 10px;
  border: 1px solid #dcd7de;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.master__tile[data-color="red"] {
  background-color: #ffdddd;
}
.master__tile p {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  margin: 0;
}
.master__tile .master__btn--edit {
  right: 8px;
}
.master__tile[data-disabled="true"] {
  background-color: #f3f4f8;
}
.master__tile[data-disabled="true"] .master__peopleText {
  color: #999999;
}
.master__tile[data-disabled="true"] .master__btn--edit {
  background-image: url(../img/edit_darkgrey.svg);
}
.master__wrapTile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.master__wrapTile .master__tile {
  margin-bottom: 0;
  margin-left: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.master__wrapTile .master__iconTile {
  font-size: 16px;
}
.master__listIndex {
  padding: 10px;
  border: 1px solid #dcd7de;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 70px;
}
.master__listIndex p {
  font-size: 12px;
  color: #999999;
  margin: 0;
}
.master__phonogram {
  padding: 10px;
  border: 1px solid #dcd7de;
  background-color: #ffffff;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 90%;
          flex: 1 0 90%;
  width: 90%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.master__phonogram .master__phonogramWrap {
  grid-column: 1;
  grid-row-start: 1;
  grid-row-end: 3;
  width: auto;
}
.master__phonogram p {
  font-size: 12px;
  color: #999999;
  margin: 0;
}
.master__phonogram[data-disabled="true"] {
  background-color: #f3f4f8;
}
.master__phonogram[data-disabled="true"] .master__btn--edit {
  background-image: url(../img/edit_darkgrey.svg);
}
.master__phonogram[data-disabled="true"] .master__btn--delete:hover {
  background-image: url(../img/btn_delete_grey.svg);
}
.master__phonogram[data-disabled="true"] .master__btn--download {
  background-image: url(../img/btn_unload_grey.svg);
}
.master__phonogramWrap {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  width: 48%;
  padding-right: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.master__phonogramAudio {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
.master__phonogramAudio[data-width="2col"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  width: 48%;
}
.master__errorMessage {
  color: #fe0321;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  font-size: 12px;
  line-height: 16px;
}
.master__tabItem--player .js--playerCount,
.master__tabItem--player .js--playerAppendForm {
  display: none;
}
.master__tabItem--player[data-player-detail="detail"] .master__peopleList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.master__tabItem--player[data-player-detail="detail"] .js--playerAppendForm {
  display: block;
}
.master__tabItem--player[data-player-detail="total"] .js--playerCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.master__noteList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.master__note {
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #dcd7de;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 20px;
  position: relative;
}
.master__note .master__btn--edit {
  top: auto;
  margin-top: 0;
  bottom: 2px;
  right: 12px;
}
.master__note[data-disabled="true"] {
  background-color: #f3f4f8;
}
.master__note[data-disabled="true"] .master__btn--edit {
  background-image: url('../img/edit_darkgrey.svg');
}
.master__note--resultPage {
  display: block;
}
.master__noteInfo {
  margin: 0;
  color: #999999;
  padding-bottom: 8px;
}
.master__noteInput {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  border: none;
  border-top: 1px solid #dcd7de;
  padding-top: 8px;
  margin: 0;
  padding-right: 24px;
  min-height: 28px;
}
.master__separator {
  width: 100%;
  border: none;
  border-top: 2px solid #dcd7de;
  background-color: transparent;
}
@media (max-width: 860px) {
  .master__content--authorization .master__button,
  .master__content--meet .master__button {
    margin-right: auto;
  }
}
@media (max-width: 680px) {
  .master[data-scroll="true"] {
    position: relative;
    height: calc(100vh - 10px);
  }
  .master[data-scroll="true"] .master__scroll {
    position: sticky;
    content: "";
    top: 85px;
    margin-left: auto;
    margin-right: auto;
    width: 90px;
    height: 30px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
  }
  .master[data-scroll="true"] .master__tabListWrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    background-color: #f3f4f8;
    padding-top: 5px;
    width: 100%;
  }
  .master[data-scroll="true"] .master__header {
    position: fixed;
    top: 70px;
    z-index: 150;
    width: 100%;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .master[data-scroll="true"] .master__tabItem {
    margin-top: 90px;
  }
  .master[data-scroll="true"] .master__wrap {
    min-height: 100%;
  }
  .master__paymentTabHeader {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .master__wrap {
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: -1px;
    min-height: calc(100vh - 156px);
    overflow: visible;
  }
  .master__tab {
    white-space: nowrap;
    height: 70px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 5px;
  }
  .master__header {
    padding: 5px;
    text-align: center;
    position: sticky;
    top: 79px;
    z-index: 100;
    -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
            box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  }
  .master__header p {
    font-size: 12px;
  }
  .master__tabItem {
    padding: 10px;
  }
  .master__buttonWrap {
    margin-top: auto;
    padding: 10px;
    padding-top: 5px;
    background-color: #ffffff;
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 150;
  }
  .master__button {
    min-height: 70px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
            flex: 0 1 30%;
    width: 30%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    text-align: center;
  }
  .master__button--next {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .master__button--left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .master__button--grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
  }
  .master__button--desktopHide {
    display: block;
  }
  .master__button--mobileReg {
    min-height: 50px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .master__button--rulesLink {
    min-height: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: auto;
  }
  .master__button--tabRegistration {
    min-height: 50px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: auto;
    margin-bottom: 20px;
  }
  .js--clearForm {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .master__draftDateWrap {
    position: fixed;
    bottom: 85px;
    width: 100%;
    left: 0;
    z-index: 150;
    padding-top: 5px;
    background-color: #ffffff;
  }
  .master__tabItem {
    position: static;
    padding-bottom: 250px;
  }
  .master__content {
    position: static;
  }
  .master__tabListWrap {
    position: sticky;
    top: 0;
    padding-top: 5px;
    z-index: 100;
    background-color: #f3f4f8;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
  .master__tabListWrap::-webkit-scrollbar {
    display: none;
  }
  .master__tabList {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .master__tabItem--player[data-player-detail="total"] .js--playerCount {
    display: block;
  }
  .master__people {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 20px);
            flex: 0 0 calc(100% - 20px);
    width: 100%;
  }
  .master__tabItem--video .master__button {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
@media (max-width: 560px) {
}
@media (max-width: 480px) {
  .master__tabList {
    width: 800px;
  }
}
.wrap__result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.wrap__result--left {
  width: 50%;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrap__result--right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrap__result--fix {
  position: fixed;
  top: 80px;
  z-index: 200;
  width: 1065px;
}
.wrap__result--errorfix {
  position: fixed;
  top: 118px;
  z-index: 200;
  width: 1065px;
}
.wrap__result--fix + .wrap__result {
  padding-top: 65px;
}
.wrap__result--errorfix + .wrap__result {
  padding-top: 83px;
}
@media (max-width: 940px) {
  .wrap__result {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
  }
  .wrap__result--left,
  .wrap__result--right {
    width: auto;
    padding-bottom: 10px;
    margin-right: 0;
  }
}
.header {
  position: sticky;
  z-index: 180;
  top: 0;
  width: 100%;
}
.header__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header__overlay[data-status="hide"] {
  display: none;
}
.header__message {
  background-color: #fca0ab;
  color: #ffffff;
  text-transform: uppercase;
  padding: 10px;
  font-weight: 700;
  text-align: center;
}
.header__message p {
  margin: 0;
}
.header__message[data-errormessage-status="show"] {
  display: block;
}
.header__message[data-errormessage-status="hide"] {
  display: none;
}
.header__wrap {
  background-color: var(--header-color);
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.header__wrap[data-status="hide"] {
  display: none;
}
.header__wrap[data-status="show"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__wrap[data-status-item="hide"] .nav__item--event,
.header__wrap[data-status-item="hide"] .nav__item--team,
.header__wrap[data-status-item="hide"] .nav__item--users,
.header__wrap[data-status-item="hide"] .user__item {
  display: none;
}
.header__wrap[data-status-item="hide"] .user__item--news,
.header__wrap[data-status-item="hide"] .user__item--wallet,
.header__wrap[data-status-item="hide"] .user__item--alert {
  display: block;
}
.header__logo {
  background-color: var(--logo-color);
  border-right: 1px solid #f3f4f8;
  width: 246px;
}
.header__logo img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.header__logo a {
  padding: 6px 10px;
  display: block;
  text-align: center;
  height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header__searchContest {
  position: relative;
  display: grid;
  width: 150px;
  grid-template-columns: 1fr 1fr;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 5px;
  border-right: 1px solid white;
}
.header__searchContest input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid grey;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header__searchContest[data-mode="error"] .header__searchContestError {
  display: block;
}
.header__searchContest[data-mode="error"] .header__searchContestButton {
  display: none;
}
.header__searchContest[data-mode="error"] .header__searchContestErrorButton {
  display: block;
}
.header__searchContestButton {
  margin: 0;
  padding: 10px 15px;
}
.header__searchContestErrorButton {
  display: none;
  background-image: url(../img/close_grey.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  background-color: red;
  padding: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
.header__searchContestError {
  display: none;
  background-color: #ffffff;
  color: #fe0321;
  position: absolute;
  top: 100%;
  margin: 0;
  padding: 5px;
  text-align: center;
  border: 1px solid;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-weight: bold;
}
.header__nav {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.header__enter {
  padding-right: 50px;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__enter a {
  padding-top: 15px;
  display: block;
  color: #000000;
  text-decoration: none;
}
.header__enter a:hover {
  color: #51ddd4;
}
.header__enter button {
  padding: 10px;
  border: none;
  background-color: transparent;
}
.header__enter button:hover {
  cursor: pointer;
  color: #51ddd4;
}
.header__enter[data-status="hide"] {
  display: none;
}
.header__btnExpertOff {
  background-color: transparent;
  border: none;
  padding: 0;
  text-decoration: underline;
  color: #ffffff;
  cursor: pointer;
}
.header__burger {
  display: none;
  background-color: #ffffff;
  border: none;
  width: 42px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42px;
          flex: 0 0 42px;
  background-image: url(../img/burger_grey.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: top 10px center;
  border-right: 1px solid #dcd7de;
  cursor: pointer;
  font-size: 12px;
  padding: 0;
  padding-top: 20px;
}
.header__burger:hover {
  background-image: url(../img/burger.svg);
}
@media (max-width: 1090px) {
  .header__burger {
    display: block;
  }
  .header__burger[data-status="hide"] {
    display: none;
  }
  .header__burger--mobile {
    min-height: 48px;
    width: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    border-radius: 5px;
    border: 1px solid #dcd7de;
  }
}
@media (max-width: 680px) {
  .header[data-placement="formReg"] {
    position: static;
  }
  .header .header__wrap {
    min-height: 0;
  }
  .header .main__logo {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header .nav__avatar {
    display: none;
  }
  .header .nav__item {
    height: auto;
  }
  .header .nav__item a {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .header .nav__subitem {
    min-height: 0;
  }
  .header .header__enter {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 560px) {
  .header__logo img {
    width: 140px;
  }
  .header__enter {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.header-site {
  position: sticky;
  z-index: 200;
  top: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .header-site {
    position: static;
  }
}
.header-site__menu-button {
  display: none;
}
.header-site__wrap {
  background-color: var(--header-color);
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  height: 48px;
}
.header-site__logotype {
  width: 246px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 246px;
          flex: 0 0 246px;
  background-color: var(--logo-color);
}
.header-site__user-name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-left: 1px solid #f3f4f8;
}
.header-site__user-logout {
  border-left: 1px solid #f3f4f8;
}
.header-site__user-login {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-left: 1px solid #f3f4f8;
}
.quick-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.quick-links__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quick-links__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.quick-links__link {
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: left 10px center;
  cursor: pointer;
  padding-left: 50px;
  padding-right: 20px;
  display: block;
  line-height: 48px;
  color: #000000;
}
.quick-links__link:hover {
  text-decoration: underline;
}
.quick-links__link--events {
  background-image: url("../img/event_grey.svg");
}
.quick-links__link--events:hover {
  background-image: url("../img/event.svg");
}
.quick-links__link--teams {
  background-image: url("../img/team_grey.svg");
}
.quick-links__link--teams:hover {
  background-image: url("../img/team.svg");
}
.quick-links__link--users {
  background-size: 25px;
  background-image: url("../img/users_grey.svg");
}
.quick-links__link--users:hover {
  background-image: url("../img/users.svg");
}
.info-buttons__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.info-buttons__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  border-left: 1px solid #f3f4f8;
  position: relative;
}
.info-buttons__item:hover .info-buttons__sublist {
  display: block;
}
.info-buttons__button {
  position: relative;
  padding: 0;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
  width: 60px;
  height: 48px;
  display: block;
  cursor: pointer;
}
.info-buttons__button:hover {
  background-color: var(--text-header-color);
}
.info-buttons__button:hover .info-buttons__icon {
  fill: var(--header-color);
}
.info-buttons__button::after {
  position: absolute;
  content: none;
  background-color: #fca0ab;
  border-radius: 5px;
  height: 18px;
  color: #ffffff;
  top: 4px;
  right: 6px;
  line-height: 18px;
  font-size: 14px;
  padding: 0 4px;
  font-weight: bold;
}
.info-buttons__button[data-count]::after {
  content: attr(data-count);
}
.info-buttons__button[data-count=""]::after {
  content: none;
}
.info-buttons__icon {
  fill: var(--text-header-color);
}
.info-buttons__sublist,
.info-buttons__sublist2 {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 180px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  border: 1px solid var(--header-color);
  border-top: none;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
}
.info-buttons__sublist::before,
.info-buttons__sublist2::before {
  position: absolute;
  left: 12px;
  top: 0;
  border: 20px solid transparent;
  border-top: 10px solid var(--header-color);
  z-index: 10;
}
.info-buttons__sublist2 {
  display: block;
  background-color: #ffffff;
  width: 230px;
}
.info-buttons__subitem {
  border-bottom: 1px solid #dcd7de;
}
.info-buttons__subitem:last-child {
  border-bottom: none;
}
.info-buttons__subbutton {
  border: none;
  background-color: #ffffff;
  padding: 15px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  display: block;
}
.info-buttons__subbutton:hover {
  background-color: var(--header-lighten-color);
}
.user-login__button {
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  display: block;
  cursor: pointer;
  background-color: var(--header-color);
  font-size: 12px;
  color: var(--text-header-color);
  margin-left: auto;
  line-height: 12px;
}
.user-login__button svg {
  fill: var(--text-header-color);
  width: 20px;
}
.user-login__button:hover {
  background-color: var(--header-lighten-color);
}
.user-logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #f3f4f8;
}
.user-name {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-name__name {
  margin: 0;
  font-weight: 700;
  color: var(--text-header-color);
  text-align: center;
}
.user-logout__button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
  height: 48px;
  padding: 0;
  border: none;
  display: block;
  cursor: pointer;
  font-size: 12px;
  background-color: transparent;
  color: var(--text-header-color);
  line-height: 12px;
}
.user-logout__button svg {
  fill: var(--text-header-color);
  width: 20px;
}
.user-logout__button:hover {
  background-color: var(--text-header-color);
  color: var(--header-color);
}
.user-logout__button:hover .user-logout__icon {
  fill: var(--header-color);
}
.menu-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-button__burger {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
  height: 48px;
  padding: 0;
  border: none;
  display: block;
  cursor: pointer;
  font-size: 12px;
  background-color: transparent;
  color: var(--text-header-color);
  line-height: 12px;
  border-bottom-left-radius: 5px;
}
.menu-button__burger:hover {
  background-color: var(--text-header-color);
  color: var(--header-color);
}
.menu-button__burger:hover .menu-button__icon {
  fill: var(--header-color);
}
.menu-button__icon {
  fill: var(--text-header-color);
}
.header-site__menu-site {
  position: absolute;
  left: 0;
  top: 48px;
}
@media (max-width: 1100px) {
  .header-site__overlay {
    position: fixed;
    top: 48px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(215, 215, 214, 0.5);
  }
  .header-site__wrap[data-mode-menu="close"] .header-site__menu-site {
    right: 100%;
    left: auto;
  }
  .header-site__wrap[data-mode-menu="close"] .header-site__overlay {
    display: none;
  }
  .header-site__quick-links {
    display: none;
  }
  .logotype__link {
    border-right: none;
  }
  .header-site__menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #f3f4f8;
  }
}
@media (max-width: 650px) {
  .header-site__info-buttons {
    display: none;
  }
}
@media (max-width: 560px) {
  .header-site__menu-site {
    position: fixed;
  }
  .header-site__logotype {
    width: calc(50% - 50px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 50px);
            flex: 0 0 calc(50% - 50px);
  }
  .user-name {
    padding: 5px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .user-name__name span {
    display: none;
  }
}
.main-site {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 1101px) {
  .main-site {
    -webkit-transition: padding-left 0.5s;
    transition: padding-left 0.5s;
    padding-left: 245px;
  }
  .main-site[data-size-menu="expand"] {
    padding-left: 100px;
  }
  .main-site[data-show-menu="false"] {
    padding-left: 0;
  }
}
.main-site__actions {
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 10px;
  display: grid;
  grid-template-areas: "allButton search search awards awards" "viewButton filterButton sort downloadDocument printDocument" "filter filter filter filter filter";
  grid-template-rows: 60px 60px;
  grid-template-columns: 60px 60px 2fr 1fr;
  gap: 10px;
}
@media (max-width: 800px) {
  .main-site__actions {
    padding-left: 10px;
    padding-right: 10px;
    grid-template-areas: "allButton viewButton filterButton ." "awards awards awards awards" "sort sort sort sort" "search search search search" "downloadDocument downloadDocument printDocument printDocument" "filter filter filter filter";
    grid-template-rows: repeat(5, 60px);
    grid-template-columns: repeat(3, 60px) 1fr;
  }
}
.logotype {
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.logotype__link {
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
}
.logotype__link img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.footer {
  padding-top: 50px;
  padding-bottom: 50px;
}
.footer--referee {
  padding: 0;
}
.footer--white {
  background-color: #ffffff;
}
.footer[data-placement="formReg"] {
  background-color: #ffffff;
  margin-top: 20px;
}
.footer__sticky {
  position: fixed;
  background-color: #999999;
  bottom: 0;
  padding: 10px 20px;
  left: 0;
  right: 0;
  z-index: 10;
}
.footer__sticky p {
  margin: 0;
  text-align: center;
  font-weight: 700;
  color: #ffffff;
}
.footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
}
.footer__logo {
  padding: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  padding-right: 50px;
  font-size: 20px;
  font-weight: 700;
  color: #51ddd4;
}
.footer__logo img {
  width: 200px;
}
.footer__logo--technology {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  width: 250px;
  padding-right: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: start;
      align-self: start;
}
.footer__logo--technology p {
  margin: 0;
  color: #000000;
  font-size: 14px;
  text-align: center;
  margin-right: 8px;
}
.footer__logo--technology img {
  width: 60px;
}
.footer__list,
.footer__subList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer__list {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 700px;
}
.footer__subList {
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer__listItem {
  font-size: 16px;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.footer__subListItem {
  color: #999999;
  font-size: 12px;
  cursor: pointer;
}
.footer__subListItem:hover {
  color: #51ddd4;
  text-decoration: underline;
}
.footer__subButton {
  color: #999999;
  border: none;
  background-color: transparent;
  padding: 5px;
  cursor: pointer;
  text-align: left;
}
.footer__subButton:hover {
  color: #51ddd4;
  text-decoration: underline;
}
.footer__link {
  color: #999999;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
}
.footer__link:hover {
  color: #51ddd4;
  text-decoration: underline;
}
.footer__link--pop {
  color: #7ab7ee;
  text-decoration: underline;
  font-size: 14px;
}
@media (max-width: 560px) {
  .footer[data-placement="formReg"] {
    padding: 0;
  }
  .footer[data-placement="formReg"] .footer__wrap {
    display: none;
  }
}
@media (max-width: 980px) {
  .footer__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer__listItem {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
            flex: 1 0 40%;
  }
}
@media (max-width: 740px) {
  .footer {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 320px;
  }
  .footer__logo {
    margin-left: auto;
    margin-right: auto;
  }
  .footer__wrap {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
  }
  .footer__listItem {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
            flex: 1 0 25%;
  }
}
@media (max-width: 560px) {
  .footer__listItem {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}
.nav[data-status="hide"] {
  display: none;
}
.nav[data-status="show"] {
  display: block;
}
.nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.nav__item {
  position: relative;
  border-right: 1px solid #f3f4f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--header-color);
}
.nav__item:hover {
  background-color: #d8fff8;
}
.nav__item a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding-top: 15px;
  padding-left: 45px;
  padding-right: 15px;
  padding-bottom: 15px;
  background-repeat: no-repeat;
  background-position: center left;
  margin-left: auto;
  margin-right: auto;
}
.nav__item--event a {
  background-image: url("../img/event_grey.svg");
  background-size: 30px;
}
.nav__item--event a:hover {
  background-image: url("../img/event.svg");
}
.nav__item--team a {
  background-image: url("../img/team_grey.svg");
  background-size: 30px;
}
.nav__item--team a:hover {
  background-image: url("../img/team.svg");
}
.nav__item--users a {
  background-image: url("../img/users_grey.svg");
  background-size: 25px;
}
.nav__item--users a:hover {
  background-image: url("../img/users.svg");
}
.nav__item--privat a {
  content: none;
}
.nav__item:hover .nav__sublist {
  display: block;
}
.nav__sublist {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 100%;
  width: 100%;
  display: none;
  z-index: 10;
}
.nav__subitem {
  border-radius: 5px;
  min-height: 40px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  background-color: #ffffff;
}
.nav__subitem:hover {
  background-color: #d8fff8;
}
.nav__subitem a {
  padding-left: 20px;
  height: 100%;
}
.nav__avatar {
  position: absolute;
  left: 20px;
  top: 50%;
  display: inline-block;
  margin: 0;
  margin-top: -15px;
  background-color: #dcd7de;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.nav__avatar img {
  border-radius: 50%;
  width: 100%;
}
@media (max-width: 1340px) {
  .nav__item--event,
  .nav__item--team,
  .nav__item--users {
    display: none;
  }
}
.user[data-status="hide"] {
  display: none;
}
.user[data-status="show"] {
  display: block;
}
.user__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.user__sublist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
}
.user__subitem {
  padding: 15px;
}
.user__subitem:hover {
  cursor: pointer;
  background-color: #d8fff8;
}
.user__subitem button {
  cursor: pointer;
  padding: 0;
  border: none;
  background: transparent;
}
.user__item {
  border-right: 1px solid #f3f4f8;
  color: #000000;
  background-color: var(--header-color);
  position: relative;
}
.user__item a {
  display: block;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 4px 10px;
}
.user__item:hover {
  background-color: #d8fff8;
}
.user__item:hover .user__sublist {
  display: block;
}
.user__item--wallet a {
  background-image: url("../img/wallet_grey.svg");
  background-size: 30px;
}
.user__item--wallet a:hover {
  background-image: url("../img/wallet.svg");
}
.user__item--wallet a::after {
  position: absolute;
  content: attr(data-count);
  background-color: #fca0ab;
  border-radius: 5px;
  height: 18px;
  color: #ffffff;
  top: 20px;
  right: 6px;
  line-height: 18px;
  font-size: 14px;
  padding: 0 2px;
  font-weight: bold;
}
.user__item--wallet a[data-count=""]::after {
  content: none;
}
.user__item--message a {
  background-image: url("../img/message_grey.svg");
  background-size: 30px;
}
.user__item--message a:hover {
  background-image: url("../img/message.svg");
}
.user__item--alert {
  position: relative;
}
.user__item--alert .btnShowNotice {
  cursor: pointer;
  background-color: transparent;
  border: none;
  display: block;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 4px 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background-image: url("../img/alert_grey.svg");
  background-size: 26px;
}
.user__item--alert .btnShowNotice:hover {
  background-image: url("../img/alert.svg");
}
.user__item--news button {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  display: block;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 4px 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background-image: url("../img/news.svg");
  background-size: 26px;
}
.user__item--news button:hover {
  background-image: url("../img/news.svg");
}
.user__item--news button::after {
  position: absolute;
  content: attr(data-count);
  background-color: #fca0ab;
  border-radius: 5px;
  height: 18px;
  color: #ffffff;
  top: 4px;
  right: 6px;
  line-height: 18px;
  font-size: 14px;
  padding: 0 4px;
  font-weight: bold;
}
.user__item--news button[data-count=""]::after {
  content: none;
}
.user__item--more a {
  background-image: url("../img/more_grey.svg");
  background-size: 25px;
}
.user__item--more a:hover {
  background-image: url("../img/more.svg");
}
@media (max-width: 1340px) {
  .user[data-status="show"] {
    display: none;
  }
}
.menu {
  font-size: 12px;
  line-height: 14px;
  background-color: #dcd7de;
  position: relative;
  z-index: 20;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
}
.menu--opened {
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  width: 245px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 245px;
          flex: 0 0 245px;
}
.menu--closed {
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.menu--closed .menu__item {
  font-size: 0;
}
.menu--closed .menu__button {
  font-size: 0;
}
.menu--closed .menu__button:hover::before {
  background-image: url("../img/menu_close.svg");
}
.menu--closed .menu__button::before {
  background-image: url("../img/menu_close_grey.svg");
}
.menu[data-status="hide"] {
  display: none;
}
.menu[data-status="show"] {
  display: block;
}
.menu[data-status-item="hide"] .menu__item--portfolio,
.menu[data-status-item="hide"] .menu__item--setting,
.menu[data-status-item="hide"] .menu__item--instruction {
  display: none;
}
.menu__item[data-status="hide"] {
  display: none;
}
.menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu__item {
  min-height: 60px;
  position: relative;
  border-bottom: 1px solid #f3f4f8;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: left 20px center;
}
.menu__item a {
  display: block;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 80px;
  padding-right: 20px;
  color: #000000;
  text-decoration: none;
}
.menu__item--sub::after {
  content: "";
  position: absolute;
  z-index: 13;
  right: 10px;
  top: 20px;
  width: 20px;
  height: 20px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.menu__item--myevent {
  background-image: url("../img/my-event_grey.svg");
  background-size: 38px 40px;
}
.menu__item--myroles {
  background-image: url("../img/my-roles_grey.svg");
  background-size: 26px 38px;
}
.menu__item--myroles svg {
  fill: #dcd7de;
}
.menu__item--add {
  background-image: url("../img/add_grey.svg");
  background-size: 24px 36px;
}
.menu__item--calendar {
  background-image: url("../img/calendar_grey.svg");
  background-size: 33px 32px;
}
.menu__item--statistic {
  background-image: url("../img/stat_grey.svg");
  background-size: 33px 32px;
}
.menu__item--portfolio {
  background-image: url("../img/portfolio_grey.svg");
  background-size: 20px 40px;
}
.menu__item--setting {
  background-image: url("../img/setting_grey.svg");
  background-size: 34px 34px;
}
.menu__item--instruction {
  background-image: url("../img/instruction_grey.svg");
  background-size: 36px 40px;
}
.menu__item--support {
  background-image: url("../img/support_grey.svg");
  background-size: 35px 38px;
}
.menu__item--myevent:hover {
  background-image: url("../img/my-event.svg");
}
.menu__item--myroles:hover {
  background-image: url("../img/my-roles.svg");
}
.menu__item--myroles:hover svg {
  fill: #7ab7ee;
}
.menu__item--add:hover {
  background-image: url("../img/add.svg");
}
.menu__item--calendar:hover {
  background-image: url("../img/calendar.svg");
}
.menu__item--statistic:hover {
  background-image: url("../img/stat.svg");
}
.menu__item--portfolio:hover {
  background-image: url("../img/portfolio.svg");
}
.menu__item--setting:hover {
  background-image: url("../img/setting.svg");
}
.menu__item--instruction:hover {
  background-image: url("../img/instruction.svg");
}
.menu__item--support:hover {
  background-image: url("../img/support.svg");
}
.menu__item:hover {
  background-color: #d8fff8;
}
.menu__item:hover .menu__sublist {
  visibility: visible;
  left: 100%;
}
.menu__sublist {
  position: absolute;
  z-index: -1;
  top: -1px;
  left: 0;
  width: 255px;
  font-size: 12px;
  line-height: 14px;
  visibility: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
  border-left: 1px solid #f3f4f8;
}
.menu__subitem {
  border-bottom: 1px solid #f3f4f8;
  position: relative;
}
.menu__subitem a {
  padding-left: 30px;
}
.menu__subitem button {
  border: none;
  background-color: transparent;
  display: block;
  text-align: left;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 30px;
  padding-right: 20px;
  color: #000000;
  cursor: pointer;
  width: 100%;
}
.menu__subitem:hover {
  background-color: #d8fff8;
}
.menu__button {
  min-height: 60px;
  position: relative;
  background: #ffffff;
  border: none;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 80px;
  padding-right: 20px;
  color: #999999;
  width: 100%;
  cursor: pointer;
  text-align: left;
}
.menu__button:hover {
  background-color: #d8fff8;
}
.menu__button:hover::before {
  background-image: url("../img/menu.svg");
}
.menu__button::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/menu_grey.svg");
  background-size: 24px 20px;
}
.menu__support {
  padding: 20px;
  color: #000000;
}
.menu__title {
  color: #999999;
  margin: 0;
  padding-bottom: 20px;
}
.menu__phone {
  margin: 0;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.menu__phone::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 30px;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/phone.svg");
  background-size: 23px 23px;
}
.menu__email {
  margin: 0;
  padding-left: 40px;
  padding-bottom: 30px;
  position: relative;
}
.menu__email::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 30px;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url("../img/email.svg");
  background-size: 23px 17px;
}
.menu__account {
  margin: 0;
  padding-bottom: 10px;
}
.menu__supportButton {
  background-color: transparent;
  border: none;
  padding: 0;
  color: #51ddd4;
  cursor: pointer;
}
.menu__supportButton:hover {
  color: #7ab7ee;
}
@media (max-width: 1090px) {
  .menu {
    position: absolute;
    right: 100%;
    z-index: 120;
  }
  .menu[data-mobile="show"] {
    right: auto;
    left: 0;
  }
  .menu--referee[data-mobile="show"] {
    top: 64px;
  }
  .menu__button[data-status='hide'] {
    display: none;
  }
}
.menu-site {
  font-size: 12px;
  line-height: 14px;
  background-color: #dcd7de;
  z-index: 20;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  margin-top: 10px;
  width: 245px;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.menu-site[data-action="expand"] {
  width: 100px;
}
.menu-site[data-action="expand"] .menu-site__itemTitle {
  font-size: 0;
}
.menu-site[data-action="expand"] .menu-site__rollupExpandMenuIcon--rollup {
  display: none;
}
.menu-site[data-action="rollup"] .menu-site__rollupExpandMenuIcon--expand {
  display: none;
}
.menu-site__headerWrap {
  display: none;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 3px solid #dcd7de;
}
.menu-site__user {
  margin: 0;
  font-weight: bold;
  padding: 16px;
  font-size: 14px;
}
.menu-site__closeButton {
  background-color: #ffffff;
  border: none;
  padding: 0;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  background-image: url(../img/close_grey.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  font-size: 0;
}
.menu-site__rollupExpandMenuButton {
  background-color: #ffffff;
  border: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  cursor: pointer;
  border-top: 2px solid #dcd7de;
}
.menu-site__rollupExpandMenuButton:hover {
  background-color: var(--main-lighten-color);
}
.menu-site__rollupExpandMenuButton:hover .menu-site__sublist {
  visibility: visible;
  left: 100%;
}
.menu-site__rollupExpandMenuButton:hover .menu-site__icon {
  fill: var(--header-color);
  -webkit-box-shadow: 2px 2px 2px 2px rgba(217, 217, 217, 0.5);
          box-shadow: 2px 2px 2px 2px rgba(217, 217, 217, 0.5);
}
.menu-site__rollupExpandMenuButton:hover .menu-site__iconArrow {
  fill: var(--header-color);
}
.menu-site__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-site__list:last-child {
  border-bottom: none;
}
.menu-site__item {
  position: relative;
  border-bottom: 1px solid #f3f4f8;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.menu-site__item:hover,
.menu-site__item:focus {
  background-color: var(--main-lighten-color);
}
.menu-site__item:hover .menu-site__sublist,
.menu-site__item:focus .menu-site__sublist {
  visibility: visible;
  left: 100%;
}
.menu-site__item:hover .menu-site__icon,
.menu-site__item:focus .menu-site__icon {
  fill: var(--header-color);
  -webkit-box-shadow: 2px 2px 2px 2px rgba(217, 217, 217, 0.5);
          box-shadow: 2px 2px 2px 2px rgba(217, 217, 217, 0.5);
}
.menu-site__item:hover .menu-site__iconArrow,
.menu-site__item:focus .menu-site__iconArrow {
  fill: #ffffff;
}
.menu-site__item--info-buttons {
  display: none;
}
.menu-site__itemContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.menu-site__icon {
  fill: #dcd7de;
  width: 30px;
  height: 30px;
  padding: 5px;
  background-color: white;
  margin-right: 15px;
  border-radius: 5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
}
.menu-site__itemTitle {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  color: black;
  text-decoration: none;
  background-color: transparent;
  border: none;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  cursor: pointer;
}
.menu-site__iconArrow {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  fill: #dcd7de;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -5px;
}
.menu-site__sublist {
  position: absolute;
  z-index: -1;
  top: -1px;
  left: 0;
  width: 244px;
  font-size: 12px;
  line-height: 14px;
  visibility: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #ffffff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border-left: 1px solid #f3f4f8;
}
.menu-site__subitem {
  border-bottom: 1px solid #f3f4f8;
  position: relative;
}
.menu-site__subItemTitle {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  color: black;
  text-decoration: none;
  padding: 20px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.menu-site__subItemTitle:hover {
  background-color: var(--main-lighten-color);
}
.menu-site__support {
  padding: 20px;
  color: #000000;
}
.menu-site__title {
  color: #999999;
  margin: 0;
  padding-bottom: 20px;
}
.menu-site__phone {
  margin: 0;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.menu-site__phone::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 30px;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/phone.svg");
  background-size: 23px 23px;
}
.menu-site__email {
  margin: 0;
  padding-left: 40px;
  padding-bottom: 30px;
  position: relative;
}
.menu-site__email::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 30px;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url("../img/email.svg");
  background-size: 23px 17px;
}
.menu-site__account {
  margin: 0;
  padding-bottom: 10px;
}
.menu-site__list--user-logout {
  display: none;
}
.menu-site__list--quick-links {
  display: none;
}
@media (max-width: 1100px) {
  .menu-site {
    width: 245px;
  }
  .menu-site__rollupExpandMenuButton {
    display: none;
  }
}
@media (max-width: 650px) {
  .menu-site__item--info-buttons {
    display: list-item;
  }
}
@media (max-width: 560px) {
  .menu-site {
    overflow-x: auto;
    width: 100%;
    height: 100vh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 0;
    border-top: 1px solid #f3f4f8;
    top: 0;
    padding-bottom: 150px;
  }
  .menu-site__headerWrap {
    display: grid;
  }
  .menu-site__item {
    display: block;
  }
  .menu-site__item:hover .menu-site__iconArrow {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .menu-site__item[data-list="true"] .menu-site__sublist {
    display: block;
  }
  .menu-site__item[data-list="true"] .menu-site__iconArrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .menu-site__sublist {
    visibility: visible;
    position: static;
    display: none;
    width: 100%;
    border-left: none;
  }
  .menu-site__iconArrow {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.refereeForm__wrap {
  border-radius: 10px;
  background: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  padding: 15px;
  margin-left: 10px;
  margin-right: 10px;
  min-width: 290px;
  margin-bottom: 20px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .refereeForm__wrap {
    margin-left: 0;
    margin-right: 0;
    grid-template-columns: 100%;
  }
}
.referee__next {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 10px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
}
.referee__next[data-status="hide"] {
  display: none;
}
.referee__next[data-btn-status="hide"] .referee__nextBtn {
  display: none;
}
.referee__nextBtn {
  border: 1px solid #ffffff;
  background-image: none;
  background-color: #51ddd4;
  background: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  padding: 0;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 10px;
  margin-left: auto;
  cursor: pointer;
  padding: 10px;
  font-weight: 700;
}
.referee__nextBtn[data-next="true"] {
  -webkit-animation: blinkNext 2s linear infinite;
          animation: blinkNext 2s linear infinite;
}
.referee__nextText,
.referee__nextTitle {
  margin: 0;
}
.page__searchIdWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page__searchIdWrap .master__button {
  margin: 0;
  padding: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.page__searchIdWrap .dropDownList__wrap {
  width: 70px;
  margin-bottom: 0;
}
@media (max-width: 680px) {
  .page__searchIdWrap .master__button {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    min-height: auto;
  }
}
.page__searchIdInput {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
  width: 70px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 100%;
}
.page__searchIdMessage {
  margin: 0;
  color: #fe0321;
  margin-left: 10px;
}
.referee__wrapButton,
.referee__btnMenu,
.referee__btnMoreInfo {
  display: none;
}
.referee__btnSendComment {
  border: 2px solid #ffffff;
  background-color: #51ddd4;
  padding: 8px;
  border-radius: 5px;
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.referee__btnAllRefereePerformance {
  border: 2px solid #ffffff;
  background-color: #51ddd4;
  padding: 8px;
  border-radius: 5px;
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
  font-weight: 700;
}
.referee__btnNextPerformance {
  border: 2px solid #ffffff;
  background-color: #51ddd4;
  padding: 8px;
  border-radius: 5px;
  color: #ffffff;
  text-transform: uppercase;
  margin-left: 5px;
  font-weight: 700;
}
.referee__mode {
  text-align: center;
}
.referee__mode p {
  margin: 0;
  text-transform: uppercase;
}
.referee__mode button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 12px;
}
.referee__mode button span {
  text-decoration: underline;
  cursor: pointer;
  color: #7ab7ee;
}
.referee__mode button span:hover {
  color: #000000;
}
.referee__mode button:focus {
  outline: none;
}
.referee__messageWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.referee__messageWrap[data-status="hide"] {
  display: none;
}
.referee__message {
  border-radius: 10px;
  padding: 20px;
  font-weight: 700;
  text-align: center;
}
.referee__infoBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.referee__infoBlock--left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}
.referee__infoBlock--right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}
.referee__progressCount {
  display: none;
  text-align: center;
}
.referee__totalCount {
  border-bottom: 1px solid #000000;
  margin: 0;
  margin-right: 20px;
  text-align: center;
  font-weight: 700;
  padding-bottom: 6px;
}
.referee__totalCount--count {
  display: block;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}
.referee__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.referee__block--basic .refereeForm__scoring,
.referee__block[data-referee-template="basic"] .refereeForm__scoring {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.referee__block--basic .referee__btnFullScreen,
.referee__block[data-referee-template="basic"] .referee__btnFullScreen {
  margin-bottom: 0;
  margin-top: 10px;
}
.referee__block--cheerleader .referee__listPerformance,
.referee__block[data-referee-template="cheerleader"] .referee__listPerformance {
  display: block;
}
.referee__block--cheerleader .scoring,
.referee__block[data-referee-template="cheerleader"] .scoring {
  padding-right: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 640px;
          flex: 1 0 640px;
}
.referee__block--cheerleader .scoring__list,
.referee__block[data-referee-template="cheerleader"] .scoring__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.referee__block--cheerleader .scoring__item,
.referee__block[data-referee-template="cheerleader"] .scoring__item {
  width: calc(100% / 5 - 10px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 5 - 10px);
          flex: 0 0 calc(100% / 5 - 10px);
  margin-left: 5px;
  margin-right: 5px;
}
.referee__block--cheerleader .scoring__item[data-status="active"],
.referee__block[data-referee-template="cheerleader"] .scoring__item[data-status="active"] {
  border-radius: 10px;
}
.referee__block--cheerleader .scoring__item[data-status="inactive"],
.referee__block[data-referee-template="cheerleader"] .scoring__item[data-status="inactive"] {
  opacity: 0.7;
}
.referee__block--cheerleader .scoring__wrap,
.referee__block[data-referee-template="cheerleader"] .scoring__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}
.referee__block--cheerleader .scoring__name,
.referee__block[data-referee-template="cheerleader"] .scoring__name {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.referee__block--cheerleader .scoring__field,
.referee__block[data-referee-template="cheerleader"] .scoring__field {
  margin-bottom: 10px;
}
.referee__block--list,
.referee__block[data-referee-template="list"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.referee__block--list .referee__listPerformance,
.referee__block[data-referee-template="list"] .referee__listPerformance {
  display: block;
}
.referee__block--list .form__comment,
.referee__block[data-referee-template="list"] .form__comment {
  display: none;
}
.referee__block--list .page__button,
.referee__block[data-referee-template="list"] .page__button {
  margin-bottom: 0;
}
.referee__block--list .scoring__list,
.referee__block[data-referee-template="list"] .scoring__list {
  padding: 10px;
  margin-bottom: 10px;
  height: 300px;
  overflow-y: auto;
  border: 2px solid white;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.3);
}
.referee__block--list .scoring__list .scoring__item,
.referee__block[data-referee-template="list"] .scoring__list .scoring__item {
  border-radius: 5px;
}
.referee__block--list .scoring__list .scoring__wrap,
.referee__block[data-referee-template="list"] .scoring__list .scoring__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.referee__block--list .scoring__list .scoring__wrap .dropDownList__wrap,
.referee__block[data-referee-template="list"] .scoring__list .scoring__wrap .dropDownList__wrap {
  width: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  margin-bottom: 0;
}
.referee__voteChoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.referee__voteChoiceButtonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .referee__voteChoice {
    padding: 20px 10px;
  }
}
.referee__noteList {
  margin: 0;
  list-style: none;
  margin-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 0 5px;
}
.referee__noteItem {
  position: relative;
  border-bottom: 1px dotted #999999;
  padding-bottom: 3px;
  padding-top: 3px;
}
.referee__noteItem:last-child {
  border-bottom: none;
}
.referee__noteItem p {
  margin: 0;
}
.referee__noteItem .master__btn--edit {
  right: 0;
  background-size: 18px;
  background-image: url(../img/edit_white.svg);
}
.referee__addNoteWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.referee__addNoteWrap .dropDownList__wrap {
  margin-bottom: 0;
}
.referee__addNoteWrap .modal__button {
  margin-right: 0;
}
.refereeForm__info[data-referee-template="basic"] .form__comment--down,
.refereeForm__info[data-referee-template="choice"] .form__comment--down {
  display: none;
}
.refereeForm__info[data-referee-template="cheerleader"] .form__comment--down {
  display: none;
}
.referee__listPerformance {
  display: none;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  width: 90px;
  padding: 20px;
  margin-right: 5px;
  margin-left: 10px;
  padding-right: 0;
}
.referee__listPerformance ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: auto;
  padding-right: 10px;
}
.referee__refereePerformanceInfo {
  margin-bottom: 10px;
}
.referee__controlsWrap {
  padding: 10px;
}
.referee__btnOpenOnstart {
  display: none;
}
.referee__onstartPerformance {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
}
.referee__onstartPerformance .referee__currentPerformance {
  width: auto;
  grid-row-start: 1;
  grid-row-end: 3;
}
.referee__onstartPerformance .referee__wrapMissedPerformance {
  width: auto;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
}
.referee__onstartPerformance .dropDownList__wrap {
  margin-bottom: 0;
  min-height: 36px;
}
.referee__mainInfo {
  grid-column-start: 1;
  grid-column-end: 3;
  display: grid;
  grid-gap: 14px;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.referee__mainInfo .text {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .referee__mainInfo {
    grid-column-end: 1;
  }
}
.referee__performanceInfo {
  grid-column-start: 1;
  grid-column-end: 3;
  margin-bottom: 10px;
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(2, 1fr);
}
.referee__performanceInfo .ranks__categoryList {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width: 768px) {
  .referee__controlsWrap {
    position: fixed;
    z-index: 1000;
    background-color: #f3f4f8;
    border: 1px solid #dcd7de;
    top: 50px;
    right: -90%;
    width: 90%;
    height: calc(100vh - 100px);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-transition: right 0.8s;
    transition: right 0.8s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .referee__controlsWrap--open {
    right: 0;
  }
  .referee__btnOpenOnstart {
    position: absolute;
    width: 30px;
    height: 30%;
    background-color: #f3f4f8;
    cursor: pointer;
    padding: 0;
    border: none;
    display: block;
    top: 65px;
    left: -30px;
    border: 1px solid #dcd7de;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-image: url(../img/arrow_left_grey.svg);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .referee__btnOpenOnstart--open {
    background-image: url(../img/arrow_right_grey.svg);
  }
  .referee__onstartPerformance {
    grid-auto-flow: row;
    grid-template-columns: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content min-content min-content;
  }
  .page__control {
    display: grid;
    grid-gap: 10px;
  }
  .referee__performanceInfo {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-template-columns: 1fr;
  }
  .referee__performanceInfo .text {
    margin-bottom: 0;
  }
  .referee__performanceInfo .ranks__categoryList {
    grid-column-end: 1;
  }
}
.referee__dropDownListWrap {
  margin-left: 10px;
  margin-bottom: 0;
}
.referee__dropDownListWrap .dropDownList__label {
  margin-right: 34px;
  width: auto;
}
.referee__dropDownListWrap[data-status="hide"] {
  display: none;
}
.referee__wrapMissedPerformance {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47%;
          flex: 0 0 47%;
  width: 47%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.referee__refereePerformanceInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.referee__viewFiles {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.referee__viewFiles .viewFiles {
  display: block;
}
@media (max-width: 940px) {
  .referee__viewFiles {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
  .referee__viewFiles .viewFiles {
    display: grid;
  }
}
.referee__currentPerformance {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  border-radius: 5px;
  background-color: #d8fff8;
  border: 1px solid #dcd7de;
  padding: 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.referee__currentPerformance p {
  margin: 0;
}
.referee__currentPerformance[data-status="hide"] {
  display: none;
}
.referee__currentPerformance[data-new="true"] {
  -webkit-animation: blinkNewPerformance 2s linear infinite;
          animation: blinkNewPerformance 2s linear infinite;
}
.referee__currentPerformance .modal__button {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 560px) {
  .referee__next {
    border-radius: 10px;
  }
}
@-webkit-keyframes blinkNext {
  50% {
    background-color: #ffffff;
    color: #51ddd4;
  }
  51% {
    background-color: #51ddd4;
    color: #ffffff;
  }
  100% {
    background-color: #51ddd4;
    color: #ffffff;
  }
}
@keyframes blinkNext {
  50% {
    background-color: #ffffff;
    color: #51ddd4;
  }
  51% {
    background-color: #51ddd4;
    color: #ffffff;
  }
  100% {
    background-color: #51ddd4;
    color: #ffffff;
  }
}
@-webkit-keyframes blinkNewPerformance {
  50% {
    background-color: #51ddd4;
    color: #ffffff;
  }
  51% {
    background-color: #51ddd4;
    color: #ffffff;
  }
}
@keyframes blinkNewPerformance {
  50% {
    background-color: #51ddd4;
    color: #ffffff;
  }
  51% {
    background-color: #51ddd4;
    color: #ffffff;
  }
}
@media (max-width: 680px) {
  .referee__btnMenu {
    background-color: #078190;
    background-image: url(../img/more_white.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
    width: 50px;
    height: 40px;
    font-size: 0;
  }
  .referee__btnMoreInfo {
    background-color: #078190;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    cursor: pointer;
  }
}
.info__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.info__wrap--title {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info__wrap--title .info__performanceTitle {
  padding-bottom: 0;
}
.info__title {
  font-weight: 700;
  text-transform: uppercase;
}
.info__teamTitle {
  font-weight: 700;
}
.info__performanceTitle {
  margin: 0;
  padding-bottom: 10px;
}
.info__teamTitle {
  margin: 0;
  padding-bottom: 10px;
}
.ranks {
  display: grid;
  grid-auto-flow: column;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  padding: 10px 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ranks__identifier {
  margin: 0;
  font-weight: 700;
}
.ranks__categoryList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.ranks__categoryItem {
  border-radius: 5px;
  text-align: center;
  color: black;
  border: 1px solid #dcd7de;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 5px;
  margin-left: -10px;
  margin-right: -10px;
}
.category__button {
  margin-right: 10px;
  margin-bottom: 8px;
  text-align: left;
  background-color: transparent;
  border: none;
  display: block;
  padding: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 45%;
          flex: 0 1 45%;
  border-radius: 5px;
  margin-left: 10px;
  text-align: center;
  color: #000000;
}
@media (max-width: 940px) {
  .category__button {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
  }
}
.performanceInfo {
  margin-bottom: 10px;
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(2, 1fr);
}
.performanceInfo .text {
  margin-bottom: 0;
}
@media (max-width: 530px) {
  .performanceInfo {
    grid-template-columns: auto;
    grid-gap: 5px;
  }
}
.scoring {
  width: 640px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 640px;
          flex: 0 0 640px;
  padding-left: 10px;
  margin-left: auto;
  margin-right: auto;
}
.scoring .slick-prev:before,
.scoring .slick-next:before {
  color: #ffffff;
}
.scoring .slick-track {
  margin-left: 0;
}
.scoring .jsInput--note {
  height: 60px;
}
.scoring[data-status="hide"] {
  display: none;
}
@media (max-width: 1060px) {
  .scoring {
    width: 560px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 560px;
            flex: 0 1 560px;
  }
}
.scoring__field {
  padding-top: 5px;
  margin: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.scoring__base {
  display: none;
}
.scoring__field .slick-next {
  right: -3px;
}
.scoring__field .slick-prev {
  left: -3px;
}
.scoring__pop {
  background-color: white;
  border-radius: 5px;
  min-height: 80px;
  text-align: center;
  position: absolute;
  top: 5px;
  left: 0;
  width: 30%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 1px;
  opacity: 0;
}
.scoring__pop--active {
  opacity: 1;
  width: 100%;
}
.scoring__question {
  margin: 0;
  font-weight: 700;
  padding: 10px;
  text-transform: uppercase;
}
.scoring__button {
  background-image: linear-gradient(45deg, #66ccff 0%, #51ddd4 100%);
  padding: 8px 10px;
  border: 1px solid #ffffff;
  margin-bottom: 5px;
}
.scoring__button:hover {
  color: #51ddd4;
  background-color: white;
  background-image: none;
  border-color: #51ddd4;
}
.scoring__descption {
  text-align: left;
  padding-left: 8px;
}
.scoring__list {
  padding: 0 20px;
}
.scoring__list[data-template="list"] .scoring__name {
  white-space: normal;
}
.scoring__item[data-status="hide"] .scoring__wrap {
  display: none;
}
.scoring__item[data-status="active"] {
  background-color: rgba(255, 255, 255, 0.3);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.scoring__wrap {
  margin: 0 auto;
  text-align: center;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.scoring__wrap[data-is-penalty="true"] .dropDownList__wrap {
  background-color: #ffdddd;
}
.scoring__wrap--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.scoring__wrap--list .dropDownList__wrap {
  width: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  margin-bottom: 0;
}
.scoring__name {
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  padding-bottom: 6px;
  font-family: "Open Sans Condensed", "Arial", sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scoring__score {
  position: relative;
}
.scoring__input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  padding: 14px 8px;
  padding-right: 5px;
  /* padding-right: 18px; */
  text-align: center;
}
.scoring__input[data-status="active"] {
  border-color: #00bcd4;
  background-color: transparent;
}
/* Для Chrome */
.scoring__input::-webkit-inner-spin-button,
.scoring__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
/* Для Firefox */
.scoring__input {
  -moz-appearance: textfield;
}
.scoring__number {
  display: none;
  /* position: absolute;
  border: none;
  padding: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: transparent;
  background-image: url('../img/arrow_grey.svg');
  background-size: 12px 6px;
  background-position: top 4px center;
  background-repeat: no-repeat; */
}
/* .scoring__number--plus {
  transform: rotate(180deg);
  top: 0;
  right: 0;
}

.scoring__number--minus {
  bottom: 0;
  right: 0;
} */
.scoring__wrap .dropDownList__input {
  padding: 10px 2px;
  padding-right: 22px;
}
@media (max-width: 768px) {
  .scoring {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .scoring .js--note {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .scoring .jsInput--note {
    height: 80px;
    width: 100%;
  }
}
@media (max-width: 680px) {
  .scoring__list {
    padding: 0 10px;
  }
  .scoring__wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 530px) {
  .scoring {
    width: 100%;
  }
}
.points {
  text-align: center;
}
.points[data-mode="0"] .points__item--prize {
  display: block;
}
.points[data-mode="5"] .points__item--ones {
  display: block;
}
.points[data-mode="5"] .points__item--ones .points__button[value="6"],
.points[data-mode="5"] .points__item--ones .points__button[value="7"],
.points[data-mode="5"] .points__item--ones .points__button[value="8"],
.points[data-mode="5"] .points__item--ones .points__button[value="9"],
.points[data-mode="5"] .points__item--ones .points__button[value="10"] {
  display: none;
}
.points[data-mode="5"] .points__item--ones .points__button[value="0"] {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.points[data-mode="5"] .points__item--ones .points__wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.points[data-mode="10"] .points__item--ones {
  display: block;
}
.points[data-mode="10"] .points__item--ones .points__button[value="0"] {
  display: none;
}
.points[data-mode="100"] .points__item--tens,
.points[data-mode="100"] .points__item--tenths,
.points[data-mode="100"] .points__item--ones {
  display: block;
}
.points[data-mode="100"] .points__item--ones .points__button[value="10"],
.points[data-mode="100"] .points__button[value="1.0"] {
  display: none;
}
.points[data-mode="100"] .points__nav {
  display: block;
}
.points[data-mode="100"] .points__item[data-status="hide"] {
  display: none;
}
.points__item {
  border: none;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 4px;
}
.points__item[data-status="hide"] {
  display: none;
}
.points__item--prize .points__button {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 12px;
}
.points__nav {
  display: none;
}
.points__button,
.points__nav {
  width: 60px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 60px;
          flex: 1 0 60px;
  height: 50px;
  margin-bottom: 6px;
  margin-left: 9px;
  margin-right: 9px;
  /* margin-top: 5px; */
  font-size: 16px;
  background-image: linear-gradient(45deg, #66ccff 0%, #51ddd4 100%);
}
.points__button:hover,
.points__nav:hover {
  color: #51ddd4;
  background-color: white;
  background-image: none;
}
.points__button[data-active="on"] {
  color: #51ddd4;
  background-color: white;
  background-image: none;
}
.points__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 350px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .points[data-mode="100"] .points__item[data-status="hide"] {
    display: block;
  }
  .points[data-mode="100"] .points__nav {
    display: none;
  }
  .points__wrap {
    max-width: 340px;
  }
  .points__wrap {
    max-width: none;
  }
  .points__nav {
    display: none;
  }
  .points {
    text-align: left;
  }
  .points__button {
    width: 55px;
    height: 55px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55px;
            flex: 0 0 55px;
    margin-right: 7px;
    margin-left: 0;
  }
  .points__button--hidden {
    display: none;
  }
}
@media (min-width: 1024px) {
}
.numbers {
  padding-bottom: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.numbers__onlinePerformanceId {
  font-weight: 700;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
}
.numbers__turn {
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  text-align: right;
}
.person {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.person__avatar {
  margin: 0;
  border-radius: 50%;
  background-color: #dcd7de;
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
.person__avatar img {
  width: 35px;
  height: 35px;
}
.person__teamChief {
  margin: 0;
  font-style: italic;
}
.nominants {
  margin-top: 25px;
}
.nominants .player__inputWrap {
  height: 46px;
}
.nominants .dropDownList__wrap {
  margin-bottom: 0;
}
.nominant__hidden {
  display: none;
}
.nominant {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 1fr 220px 200px;
  gap: 10px;
}
.nominant .category__button {
  border: 1px solid #dcd7de;
  margin-bottom: 0;
}
.nominant__base {
  display: none;
}
.nominant__groupWrap {
  border: 2px solid #dcd7de;
  margin-bottom: 10px;
  border-radius: 5px;
}
.nominant__groupWrap > .nominant {
  margin-bottom: 0;
}
.nominant__groupWrap > .nominant > .nominant__total {
  padding: 5px 0;
}
.nominant__groupWrap > .nominant > .nominant__extra {
  padding: 5px;
}
.nominant__grouppedPerformancesWrap {
  padding: 10px;
  border-top: 2px solid #dcd7de;
}
.nominant__grouppedPerformancesWrap .nominant:last-child {
  margin-bottom: 0;
}
.nominant__category {
  background-color: #fec35d;
  border: none;
  color: #ffffff;
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  border-radius: 5px;
  margin-right: 10px;
  font-weight: 700;
  cursor: pointer;
  padding: 10px;
}
.nominant__category--younger {
  background-color: #ff7b7c;
}
.nominant__wrapInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nominant__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: 150px;
}
.nominant__label {
  font-size: 14px;
  line-height: 16px;
  border: none;
  cursor: pointer;
  background-color: #9d81ef;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 20px;
  margin: 0;
  width: 20px;
  color: #ffffff;
  position: relative;
}
.nominant__labeltext {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin: 0;
  white-space: nowrap;
  font-weight: 700;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  position: absolute;
  bottom: 20px;
  left: 10px;
}
.nominant__labeltext::after {
  content: "";
  float: left;
  margin-top: 100%;
}
.nominant__wrap {
  padding: 10px 20px;
  width: 100%;
}
.nominant__PerformanceId br {
  display: none;
}
.nominant__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.nominant__prize {
  padding-top: 36px;
}
.nominant__amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  padding: 10px;
  border: 1px solid #dcd7de;
  min-height: 32px;
  margin-bottom: 5px;
}
.nominant__amount[data-status="hide"] {
  display: none;
}
.nominant__amount[data-status="show"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nominant__controlPanel {
  display: grid;
  grid-gap: 5px;
  padding-top: 5px;
}
.nominant__titleAmount {
  position: relative;
  color: #999999;
  font-size: 12px;
  line-height: 14px;
  padding-left: 30px;
  margin: 0;
  padding-right: 10px;
  border-right: 1px solid #dcd7de;
  padding-top: 10px;
  padding-bottom: 10px;
}
.nominant__titleAmount[data-status="show"] {
  display: block;
}
.nominant__titleAmount[data-status="hide"] {
  display: none;
}
.nominant__titleAmount::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  background-image: url("../img/star.svg");
}
.nominant__rating {
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  text-align: center;
}
.nominant__buttonmore {
  background-color: #ffffff;
  color: #000000;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  border-radius: 5px;
  border: 1px solid #dcd7de;
}
.nominant__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
}
.nominant__printOneDiploma {
  position: relative;
  display: block;
  background-color: #ffffff;
  color: #000000;
  text-transform: uppercase;
  width: 50px;
  height: 58px;
  padding: 0;
  border: 1px solid #dcd7de;
  font-size: 12px;
  line-height: 14px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
}
.nominant__printOneDiploma:hover {
  background-color: #d8fff8;
}
.nominant__printOneDiploma::before {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 50px;
  height: 56px;
  background-image: url("../img/print.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
}
.nominant__extra {
  border-radius: 5px;
}
.nominant__extra p {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
}
.nominant__change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.nominant__change[data-status="show"] {
  display: block;
}
.nominant__change[data-status="hide"] {
  display: none;
}
.nominant__buttonchange {
  position: relative;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  width: 50px;
  height: 25px;
  border: 1px solid #dcd7de;
  background-color: #ffffff;
}
.nominant__buttonchange::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 25px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 20px 25px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.nominant__buttonchange--down {
  margin-top: 6px;
}
.nominant__buttonchange--up::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.nominant__buttonchange:hover {
  background-color: #ffffff;
}
.nominant__buttonchange:hover::before {
  background-image: url("../img/arrow_down.svg");
}
.nominant__buttonchange--up:hover::before {
  background-image: url("../img/arrow_up.svg");
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.nominant__show {
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border: 1px solid #dcd7de;
  background-color: #ffffff;
  padding: 20px;
  margin: 40px auto;
  display: block;
  border-radius: 5px;
  font-size: 10px;
  text-transform: uppercase;
}
.nominant__dropWrap {
  background-color: #ffffff;
  padding: 0;
  margin-bottom: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.nominant__dropWrap:hover {
  background-color: #d8fff8;
}
.nominant__dropInput {
  border-right: 1px solid #dcd7de;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis;
  /* Добавляем многоточие */
}
.nominant__dropBtnOpen {
  position: static;
  margin-top: 0;
  height: auto;
}
.prize {
  position: relative;
}
.prize .dropDownList__wrap {
  background-repeat: no-repeat;
  background-position: left 6px center;
  padding-right: 15px;
  width: calc(100% - 5px);
}
.prize .dropDownList__wrap[data-id="0"] {
  color: #999999;
}
.prize__wrap {
  position: relative;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  background-color: #ffffff;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
  margin-top: 5px;
}
.prize__wrap[data-list="show"] .prize__btnOpen--oneArrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.prize__wrap[data-list="show"] .prize__select {
  display: block;
}
.prize__wrap[data-list="hide"] .prize__select {
  display: none;
}
.prize__wrap[data-list="hide"],
.prize__wrap[data-list="show"] {
  width: calc(100% - 42px);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 42px);
  flex: 0 0 calc(100% - 42px);
  padding-right: 35px;
}
.prize__choiceprogramm {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #999999;
  font-weight: 700;
  padding-top: 8px;
  padding-left: 25px;
  padding-bottom: 27px;
  padding-right: 20px;
  width: 140px;
  height: 10px;
  margin: 0;
  border-radius: 5px;
}
.prize__choiceprogramm[data-status="show"] {
  display: block;
  top: 5px;
  right: -3px;
}
.prize__choiceprogramm[data-status="hide"] {
  display: none;
}
.prize__choiceprogramm[data-prize-id="0"] {
  display: none;
}
.prize__select {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  z-index: 15;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 174px;
  overflow-y: scroll;
}
.prize__option {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background-repeat: no-repeat;
  background-position: left 5px center;
}
.prize__option p {
  margin: 0;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f3f4f8;
  cursor: pointer;
}
.prize__option:last-child p {
  border-bottom: none;
}
.prize__option:hover {
  background-color: #d8fff8;
}
.prize__option:hover p {
  border-bottom-color: #d8fff8;
}
.prize__option[data-prize-id="1"] {
  background-image: url("../img/grand_prix_grey.svg");
  background-size: 30px;
}
.prize__option[data-prize-id="1"]:hover {
  background-image: url("../img/grand_prix.svg");
}
.prize__option[data-prize-id="2"] {
  background-image: url("../img/medal_1_grey.svg");
  background-size: 22px;
}
.prize__option[data-prize-id="2"]:hover {
  background-image: url("../img/medal_1.svg");
}
.prize__option[data-prize-id="3"] {
  background-image: url("../img/medal_2_grey.svg");
  background-size: 22px;
}
.prize__option[data-prize-id="3"]:hover {
  background-image: url("../img/medal_2.svg");
}
.prize__option[data-prize-id="4"] {
  background-image: url("../img/medal_3_grey.svg");
  background-size: 22px;
}
.prize__option[data-prize-id="4"]:hover {
  background-image: url("../img/medal_3.svg");
}
.prize__option[data-prize-id="5"] {
  background-image: url("../img/diplomant_1_grey.svg");
  background-size: 27px;
}
.prize__option[data-prize-id="5"]:hover {
  background-image: url("../img/diplomant_1.svg");
}
.prize__option[data-prize-id="6"] {
  background-image: url("../img/diplomant_2_grey.svg");
  background-size: 27px;
}
.prize__option[data-prize-id="6"]:hover {
  background-image: url("../img/diplomant_2.svg");
}
.prize__option[data-prize-id="7"] {
  background-image: url("../img/diplomant_3_grey.svg");
  background-size: 27px;
}
.prize__option[data-prize-id="7"]:hover {
  background-image: url("../img/diplomant_3.svg");
}
.sorting2,
.sorting {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sorting2[data-list="show"] .sorting__select,
.sorting[data-list="show"] .sorting__select {
  display: block;
}
.sorting2[data-list="hide"] .sorting__select,
.sorting[data-list="hide"] .sorting__select {
  display: none;
}
.sorting2[data-list="hide"] .sorting__message,
.sorting[data-list="hide"] .sorting__message {
  display: none;
}
.sorting2[data-status="hide"],
.sorting[data-status="hide"] {
  display: none;
}
.sorting2 .dropDownList__wrap,
.sorting .dropDownList__wrap {
  margin-bottom: 0;
}
.sorting2 .dropDownList__label,
.sorting .dropDownList__label {
  padding-left: 34px;
}
.sorting3 {
  display: grid;
  width: 100%;
}
.sorting3[data-status="hide"] {
  display: none;
}
.sorting3[data-over="false"] .sorting__list {
  position: static;
}
.sorting3[data-mode="extend"] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.sorting3[data-mode="extend"] .sorting__content {
  grid-gap: 5px;
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
  grid-template-columns: min-content 1fr min-content;
  height: 100%;
}
.sorting3 .modal__button {
  margin: 0;
  height: 100%;
}
.sorting3 .modal__btn--trash {
  height: 100%;
  background-size: 20px;
}
.sorting3 .modal__btn--trashAll {
  height: 50px;
  background-size: 28px;
  position: relative;
  padding: 0;
  -ms-flex-item-align: end;
      align-self: end;
  margin: 5px;
}
.sorting3 .modal__btn--trashAll::after {
  position: absolute;
  content: "ВСЕ";
  background-color: #ffffff;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 2px;
  color: #51ddd4;
  font-weight: bold;
  border: 1px solid #51ddd4;
  font-size: 12px;
  border-radius: 5px;
}
.sorting3 .contest-setting__headerBtn {
  -ms-flex-item-align: end;
      align-self: end;
  margin-bottom: 5px;
  width: 50px;
  height: 22px;
}
.sorting3 .contest-setting__headerBtn[data-show="true"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sorting3 .dropDownList__wrap {
  margin-bottom: 0;
}
.sorting3 .dropDownList__label {
  width: 20px;
}
.sorting3 .sorting__modeButton {
  background-image: url(../img/plus_color.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  width: 40px;
  background-color: #ffffff;
  border: none;
  cursor: pointer;
  height: 100%;
  border-right: 1px solid #dcd7de;
}
.sorting3 .sorting__expandButton {
  background-image: url(../img/plus_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #51ddd4;
  background-size: 24px;
  width: 50px;
  border: none;
  cursor: pointer;
  height: 100%;
  border: 1px solid #dcd7de;
  border-radius: 5px;
}
.sorting3 .sorting__btnSort {
  position: static;
  top: auto;
  margin-top: 0;
  border-right: 1px solid #dcd7de;
  width: 40px;
  height: 40px;
}
.sorting3 .sorting__content {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  position: relative;
}
.sorting3 .sorting__list {
  grid-column-start: 2;
  grid-column-end: 4;
  position: absolute;
  top: 100%;
  background-color: #ffffff;
  z-index: 100;
  padding: 5px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  width: 100%;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  grid-gap: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sorting3 .sorting__item {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr 30px;
  grid-template-columns: min-content 1fr 30px;
  grid-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
}
.sorting3 .sorting__item span {
  font-size: 20px;
  font-weight: 700;
}
.sorting3 .sorting__directionArrow {
  border: none;
  background: transparent;
  paddong: 0;
}
.sorting__wrap {
  position: relative;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  background-color: #ffffff;
  padding: 5px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 12px);
  min-height: 44px;
}
.sorting__wrap[data-status="hide"] {
  visibility: hidden;
}
.sorting__wrap::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.sorting__wrap[data-list="show"] .sorting__btnOpen--oneArrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sorting__wrap[data-list="show"] .sorting__select {
  display: block;
}
.sorting__wrap[data-list="hide"] .sorting__select {
  display: none;
}
.sorting__btnOpen {
  position: absolute;
  z-index: 8;
  right: 5px;
  background-color: transparent;
  border: none;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.sorting__btnOpen--oneArrow {
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center;
}
.sorting__label {
  position: relative;
  color: #999999;
  font-size: 12px;
  line-height: 14px;
  padding-left: 34px;
  padding-right: 15px;
  padding-top: 11px;
  padding-bottom: 9px;
  border-right: 1px solid #dcd7de;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #ffffff;
  max-width: calc(52% - 45px);
}
.sorting__btnSort {
  position: absolute;
  border: none;
  background-color: transparent;
  padding: 0;
  top: 50%;
  margin-top: -15px;
  left: 5px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  background-image: url("../img/sort_az.svg");
  cursor: pointer;
  z-index: 5;
}
.sorting__btnSort[data-direction="down"],
.sorting__btnSort[data-direction="d"] {
  background-image: url("../img/sort_za.svg");
}
.sorting__input {
  padding: 10px 15px;
  font-size: 12px;
  border: none;
  background-color: transparent;
  color: #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  width: 50%;
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis;
  /* Добавляем многоточие */
}
.sorting__select {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  z-index: 15;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 174px;
  overflow-y: scroll;
}
.sorting__option {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.sorting__option p {
  margin: 0;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f3f4f8;
  cursor: pointer;
}
.sorting__option:last-child p {
  border-bottom: none;
}
.sorting__option:hover {
  background-color: #d8fff8;
}
.sorting__option:hover p {
  border-bottom-color: #d8fff8;
}
.sorting__applied {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.sorting__deleteApplyCriteria {
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 940px) {
  .sorting2,
  .sorting {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
.search {
  border-radius: 5px;
  border: 1px solid #dcd7de;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.search[data-list="show"] .search__select {
  display: block;
}
.search[data-list="hide"] .search__select {
  display: none;
}
.search[data-list="hide"] .search__message {
  display: none;
}
.search__input {
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  padding: 20px;
  padding-left: 20px;
  padding-right: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 12px;
  line-height: 14px;
  background-color: transparent;
  width: 100%;
}
.search__button {
  position: absolute;
  top: 0;
  right: 5px;
  background-color: transparent;
  border: none;
  width: 55px;
  height: 55px;
  background-image: url("../img/search.svg");
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.search__select {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  z-index: 15;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 174px;
  overflow-y: scroll;
}
.search__option {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.search__option:last-child .search__optionText {
  border-bottom: none;
}
.search__option:hover {
  background-color: #d8fff8;
}
.search__option:hover .search__optionText {
  border-bottom-color: #d8fff8;
}
.search__optionText {
  margin: 0;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f3f4f8;
  cursor: pointer;
}
.search__optionText--grey {
  color: #999999;
  padding-left: 10px;
  display: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}
.awards {
  background-color: #ffffff;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border-radius: 5px;
  border: 1px solid #dcd7de;
  margin-left: 5px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.awards__info {
  text-align: center;
  color: #fca0ab;
}
.awards__info[data-status="show"] {
  display: block;
}
.awards__info[data-status="hide"] {
  display: none;
}
.awards__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  min-height: 55px;
  padding-right: 30px;
}
.awards__list[data-status="show"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.awards__list[data-status="hide"] {
  display: none;
}
.awards__item {
  width: 45px;
  height: 55px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  cursor: pointer;
  background-image: url("../img/diplomant_3_grey.svg");
  background-size: 37px 41px;
}
.awards__item:hover {
  background-image: url("../img/diplomant_3.svg");
}
.awards__item--base {
  display: none;
}
.awards__item:nth-child(1) {
  background-image: url("../img/grand_prix_grey.svg");
  background-size: 44px 41px;
}
.awards__item:nth-child(1):hover {
  background-image: url("../img/grand_prix.svg");
}
.awards__item:nth-child(2) {
  background-image: url("../img/medal_1_grey.svg");
  background-size: 27px 41px;
}
.awards__item:nth-child(2):hover {
  background-image: url("../img/medal_1.svg");
}
.awards__item:nth-child(3) {
  background-image: url("../img/medal_2_grey.svg");
  background-size: 27px 41px;
}
.awards__item:nth-child(3):hover {
  background-image: url("../img/medal_2.svg");
}
.awards__item:nth-child(4) {
  background-image: url("../img/medal_3_grey.svg");
  background-size: 27px 41px;
}
.awards__item:nth-child(4):hover {
  background-image: url("../img/medal_3.svg");
}
.awards__item:nth-child(5) {
  background-image: url("../img/diplomant_1_grey.svg");
  background-size: 37px 41px;
}
.awards__item:nth-child(5):hover {
  background-image: url("../img/diplomant_1.svg");
}
.awards__item:nth-child(6) {
  background-image: url("../img/diplomant_2_grey.svg");
  background-size: 37px 41px;
}
.awards__item:nth-child(6):hover {
  background-image: url("../img/diplomant_2.svg");
}
.awards__item:nth-child(7) {
  background-image: url("../img/diplomant_3_grey.svg");
  background-size: 37px 41px;
}
.awards__item:nth-child(7):hover {
  background-image: url("../img/diplomant_3.svg");
}
.awards__item:first-child .awards__message {
  left: -10px;
  margin-left: auto;
}
.awards__item:last-child .awards__message {
  left: auto;
  right: -10px;
  margin-left: auto;
}
.awards__item:hover .awards__message {
  opacity: 1;
  -webkit-transform: translateY(-48px);
          transform: translateY(-48px);
}
.awards__item[data-prize-status="base"] .awards__total,
.awards__item[data-prize-status="base"] .awards__message {
  background-color: #dcd7de;
}
.awards__item[data-prize-status="many"] .awards__total,
.awards__item[data-prize-status="many"] .awards__message {
  background-color: #fca0ab;
}
.awards__item[data-prize-status="few"] .awards__total,
.awards__item[data-prize-status="few"] .awards__message {
  background-color: #7ab7ee;
}
.awards__item[data-prize-status="ok"] .awards__total,
.awards__item[data-prize-status="ok"] .awards__message {
  background-color: #51ddd4;
}
.awards__total {
  position: absolute;
  top: 1px;
  right: -13px;
  display: block;
  width: 30px;
  height: 30px;
  background-color: #dcd7de;
  border-radius: 50%;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
}
.awards__message {
  overflow: hidden;
  position: absolute;
  width: 130px;
  height: 26px;
  color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  top: 11px;
  opacity: 0;
  z-index: -1;
  left: 50%;
  margin-left: -70px;
  border-radius: 5px;
  background-color: #dcd7de;
  padding: 5px;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.awards__message p {
  margin: 0;
}
.awards__amount {
  font-weight: 700;
}
.printing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 5px;
}
.printing__wrap {
  background-color: #ffffff;
  padding: 0;
  margin-bottom: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 30%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 30%;
          flex: 1 0 30%;
}
.printing__wrap:hover {
  background-color: #d8fff8;
}
.printing__input {
  border-right: 1px solid #dcd7de;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis;
  /* Добавляем многоточие */
}
.printing__btnOpen {
  position: static;
  margin-top: 0;
  height: auto;
}
.printing__button {
  position: relative;
  background-color: #ffffff;
  color: #000000;
  text-transform: uppercase;
  padding: 10px 20px;
  padding-left: 50px;
  border: 1px solid #dcd7de;
  font-size: 12px;
  line-height: 16px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 10px;
  text-decoration: none;
}
.printing__button:last-child {
  margin-right: 0;
}
.printing__button:hover {
  background-color: #d8fff8;
}
.printing__button::before {
  left: 16px;
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  background-image: url("../img/print.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
}
.printing__button--protocol {
  width: calc(50% - 10px);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(50% - 10px);
          flex: 1 0 calc(50% - 10px);
}
.page-result {
  border-radius: 10px;
  background: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
  display: none;
}
.page-result {
  padding-left: 20px;
}
.page-result__wrap {
  padding-left: 60px;
}
.page-result__performanceList {
  padding-left: 20px;
  padding-right: 10px;
}
.page-result__title {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}
.page-result__spinner {
  margin: 0 auto;
}
.page-result__spinner[data-status="show"] {
  display: block;
}
.page-result__spinner[data-status="hide"] {
  display: none;
}
.page-result__loading {
  height: 50px;
}
.page-result__loading[data-status="show"] {
  display: block;
}
.page-result__loading[data-status="hide"] {
  display: none;
}
.page-result__btn {
  display: none;
}
@media (max-width: 800px) {
  .page-result__performanceList {
    padding-left: 0;
  }
}
.result .slick-prev:before,
.result .slick-next:before {
  color: #51ddd4;
}
.result .slick-prev,
.result .slick-next {
  top: 10px;
}
.result__wrapTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.result__title {
  padding-left: 20px;
  color: #999999;
}
.result__wrap {
  padding-bottom: 20px;
}
.result__name {
  display: block;
  width: 100%;
  text-align: center;
  border-bottom: 2px solid #dcd7de;
  text-transform: uppercase;
  padding-bottom: 20px;
}
.result__input {
  border: none;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.result__note {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 20px 10px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 10px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 10px rgba(217, 217, 217, 0.5);
}
.result__item {
  position: relative;
}
.result__referee {
  color: #999999;
  margin: 0;
  position: absolute;
  padding-top: 25px;
  white-space: nowrap;
}
.result__count {
  display: block;
  padding-top: 50px;
  text-align: center;
}
.result__point {
  display: block;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
  font-weight: 700;
  border-top: 2px solid #dcd7de;
}
.result__total {
  color: #51ddd4;
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding-top: 30px;
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"] {
  border: none;
  width: calc(100% - 10px);
  margin-bottom: 10px;
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__btnOpen--oneArrow {
  background-image: url("../img/arrow_white.svg");
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__label {
  color: #ffffff;
  background-color: transparent;
  font-weight: 700;
  border-color: #ffffff;
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__input {
  color: #ffffff;
  font-weight: 700;
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"][data-info="base"] {
  background-color: #dcd7de;
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"][data-info="error"] {
  background-color: #fca0ab;
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"][data-info="check"] {
  background-color: #7ab7ee;
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"][data-info="ok"] {
  background-color: #51ddd4;
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__option[data-info="error"] {
  background-color: #fcccd2;
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__option[data-info="check"] {
  background-color: #b0d7fa;
}
.player__infoPhonogram .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__option[data-info="ok"] {
  background-color: #d8fff8;
}
.page-contestadm__performanceList {
  padding-left: 20px;
  padding-right: 10px;
}
.page-contestadm__actions {
  grid-template-areas: "filterButton sort search allButton" "filter filter filter filter" "choice choice choice choice";
  grid-template-rows: 60px;
  grid-template-columns: 60px 1fr 1fr 60px;
}
.page-contestadm__actions[data-mode="choice"] {
  display: block;
  position: sticky;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 199;
  top: 0;
}
.page-contestadm__actions[data-mode="choice"] .page-contestadm__filterBtnOpen,
.page-contestadm__actions[data-mode="choice"] .sorting3,
.page-contestadm__actions[data-mode="choice"] .filter,
.page-contestadm__actions[data-mode="choice"] .pagesearch,
.page-contestadm__actions[data-mode="choice"] .pageAllButton {
  display: none;
}
.page-contestadm__actions[data-mode="none"] .choice {
  display: none;
}
.page-contestadm__filterBtnOpen {
  grid-area: filterButton;
  margin-right: 0;
  width: auto;
}
.page-contestadm__wrap {
  position: relative;
  display: grid;
  grid-template-columns: 70% 30%;
}
.page-contestadm__infoWrap {
  border-right: 1px solid #dcd7de;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: max-content 1fr;
}
.page-contestadm__info {
  padding: 15px 20px;
  border-bottom: 1px solid #dcd7de;
  grid-column-start: 1;
  grid-column-end: 3;
}
.page-contestadm__dataWrap {
  border-right: 1px solid #dcd7de;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-contestadm__contactWrap {
  border-right: 1px solid #dcd7de;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-contestadm__data {
  display: block;
  text-align: left;
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  margin-bottom: 10px;
}
.page-contestadm__data:hover {
  text-decoration: underline;
}
.page-contestadm__data--teamTitle {
  color: #999999;
}
.page-contestadm__data--organizationTitle {
  color: #999999;
  font-weight: bold;
}
.page-contestadm__data--registrator {
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-image: url(../img/phone.svg);
  background-size: 24px;
  padding: 5px;
  padding-left: 40px;
}
.page-contestadm__arhiveBtn {
  background-color: #ffffff;
  color: #999999;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  font-size: 12px;
  margin-bottom: 10px;
}
.page-contestadm__arhiveBtn:hover {
  background-color: #999999;
  color: #ffffff;
}
.page-contestadm__mediaWrap[data-mode="files"] .page-contestadm__media--files {
  display: grid;
}
.page-contestadm__mediaWrap[data-mode="phonograms"] .page-contestadm__media--phonograms {
  display: grid;
}
.page-contestadm__mediaTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  border-bottom: 1px solid #dcd7de;
}
.page-contestadm__mediaTab {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 20px;
  color: #999999;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  text-align: center;
}
.page-contestadm__mediaTab:hover,
.page-contestadm__mediaTab[data-active="true"] {
  background-color: var(--main-color);
  color: #ffffff;
}
.page-contestadm__media {
  padding: 15px 20px;
  display: none;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 940px) {
  .page-contestadm__wrap {
    grid-template-columns: 100%;
  }
  .page-contestadm__media .viewFiles {
    display: block;
  }
  .page-contestadm__media .viewFiles .viewFiles__previewList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-contestadm__media .viewFiles .viewFiles__view {
    height: 250px;
  }
  .page-contestadm__media .viewFiles .viewFiles__view img {
    max-height: 250px;
  }
}
@media (max-width: 800px) {
  .page-contestadm__actions {
    grid-template-areas: "filterButton sort" "allButton search" "filter filter" "choice choice";
    grid-template-rows: 60px 60px;
    grid-template-columns: 60px 1fr;
  }
  .page-contestadm__performanceList {
    padding-left: 0;
    padding-right: 0;
  }
  .page-contestadm__infoWrap {
    width: 100%;
    grid-template-columns: 1fr;
  }
  .page-contestadm__info {
    grid-column-start: auto;
    grid-column-end: auto;
  }
  .page-contestadm__dataWrap,
  .page-contestadm__contactWrap {
    border-right: none;
    border-bottom: 1px solid #dcd7de;
  }
}
.page-orderturn__actions {
  grid-template-columns: 60px 60px 180px 180px repeat(6, 60px) 1fr;
  grid-template-areas: "viewButton previewButton timeAvail durationSum keyboardSetting flowButton . . . . ." "filterButton search search search newTurnButton newTurnButton newTurnButton updateTurnButton updateTurnButton updateTurnButton ." "filter filter filter filter filter filter filter filter filter filter filter" "address address address address address address address address address address address" "note note note note note note note note note note note";
}
@media (max-width: 1200px) {
  .page-orderturn__actions {
    grid-template-columns: 60px 60px 180px 180px 60px 200px 1fr;
    grid-template-areas: "viewButton previewButton timeAvail durationSum keyboardSetting newTurnButton ." "filterButton search search search flowButton updateTurnButton ." "filter filter filter filter filter filter filter" "address address address address address address address" "note note note note note note note";
  }
}
@media (max-width: 830px) {
  .page-orderturn__actions {
    grid-template-columns: 60px 60px 1fr 1fr;
    grid-template-areas: "viewButton previewButton timeAvail durationSum" "keyboardSetting flowButton newTurnButton updateTurnButton" "filterButton search search search" "filter filter filter filter" "address address address address" "note note note note";
    grid-template-rows: repeat(3, 60px);
  }
}
@media (max-width: 560px) {
  .page-orderturn__actions {
    grid-template-columns: repeat(6, 60px) 1fr;
    grid-template-areas: "viewButton previewButton keyboardSetting flowButton . . ." "timeAvail timeAvail timeAvail durationSum durationSum durationSum ." "newTurnButton newTurnButton newTurnButton updateTurnButton updateTurnButton updateTurnButton ." "filterButton search search search search search search" "filter filter filter filter filter filter filter" "address address address address address address address" "note note note note note note note";
    grid-template-rows: repeat(4, 60px);
  }
}
@media (max-width: 440px) {
  .page-orderturn__actions {
    grid-template-columns: 60px 1fr;
    grid-template-areas: "viewButton timeAvail" "previewButton durationSum" "keyboardSetting newTurnButton" "flowButton updateTurnButton" "filterButton search" "filter filter" "address address" "note note";
    grid-template-rows: repeat(5, 60px);
  }
}
.page-compere__actions {
  grid-template-columns: 60px 60px 180px 180px repeat(6, 60px) 1fr;
  grid-template-areas: "viewButton previewButton timeAvail durationSum keyboardSetting flowButton . . . . ." "filterButton search search search userCommand userCommand userCommand . . . ." "filter filter filter filter filter filter filter filter filter filter filter" "address address address address address address address address address address address";
}
@media (max-width: 1200px) {
  .page-compere__actions {
    grid-template-columns: 60px 60px 180px 180px 60px 200px 1fr;
    grid-template-areas: "viewButton previewButton timeAvail durationSum keyboardSetting userCommand ." "filterButton search search search flowButton . ." "filter filter filter filter filter filter filter" "address address address address address address address";
  }
}
@media (max-width: 830px) {
  .page-compere__actions {
    grid-template-columns: 60px 60px 1fr 1fr;
    grid-template-areas: "viewButton previewButton timeAvail durationSum" "keyboardSetting flowButton userCommand ." "filterButton search search search" "filter filter filter filter" "address address address address";
    grid-template-rows: repeat(3, 60px);
  }
}
@media (max-width: 560px) {
  .page-compere__actions {
    grid-template-columns: repeat(6, 60px) 1fr;
    grid-template-areas: "viewButton previewButton keyboardSetting flowButton . . ." "timeAvail timeAvail timeAvail durationSum durationSum durationSum ." "userCommand userCommand userCommand . . . ." "filterButton search search search search search search" "filter filter filter filter filter filter filter" "address address address address address address address";
    grid-template-rows: repeat(4, 60px);
  }
}
@media (max-width: 440px) {
  .page-compere__actions {
    grid-template-columns: 60px 1fr;
    grid-template-areas: "viewButton timeAvail" "previewButton durationSum" "keyboardSetting userCommand" "flowButton ." "filterButton search" "filter filter" "address address";
    grid-template-rows: repeat(5, 60px);
  }
}
.form-registration[data-anketa="none"] .form-registration__field--role,
.form-registration[data-anketa="none"] .form-registration__field--shortAnketa {
  display: none;
}
.form-registration[data-anketa="short"] .form-registration__field--shortAnketa {
  display: block;
}
.form-registration[data-anketa="short"] .form-registration__field--role {
  display: none;
}
.form-registration[data-anketa="full"] .form-registration__field--role {
  display: block;
}
.form-registration[data-anketa="full"] .form-registration__field--shortAnketa {
  display: none;
}
.form-registration[data-role="none"] .form-registration__attention,
.form-registration[data-role="none"] .form-registration__field--team,
.form-registration[data-role="none"] .form-registration__field--players,
.form-registration[data-role="none"] .form-registration__field--director,
.form-registration[data-role="none"] .form-registration__field--file,
.form-registration[data-role="none"] .form-registration__field--info {
  display: none;
}
.form-registration[data-anketa="short"] .form-registration__attention,
.form-registration[data-anketa="short"] .form-registration__field--team,
.form-registration[data-anketa="short"] .form-registration__field--players,
.form-registration[data-anketa="short"] .form-registration__field--director,
.form-registration[data-anketa="short"] .form-registration__field--file {
  display: none;
}
.form-registration[data-anketa="short"] .form-registration__field--info {
  display: block;
}
.form-registration[data-role="solo"][data-anketa="full"] .form-registration__attention,
.form-registration[data-role="solo"][data-anketa="full"] .form-registration__field--team,
.form-registration[data-role="solo"][data-anketa="full"] .form-registration__field--players,
.form-registration[data-role="solo"][data-anketa="full"] .form-registration__field--director,
.form-registration[data-role="solo"][data-anketa="full"] .form-registration__field--file,
.form-registration[data-role="solo"][data-anketa="full"] .form-registration__field--info {
  display: block;
}
.form-registration[data-role="solo"][data-anketa="full"] .js_inputTeamName {
  display: none;
}
.form-registration[data-role="solo"][data-anketa="full"] .js_inputOrganization {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.form-registration[data-role="team"][data-anketa="full"] .form-registration__attention,
.form-registration[data-role="team"][data-anketa="full"] .form-registration__field--team,
.form-registration[data-role="team"][data-anketa="full"] .form-registration__field--players,
.form-registration[data-role="team"][data-anketa="full"] .form-registration__field--director,
.form-registration[data-role="team"][data-anketa="full"] .form-registration__field--file,
.form-registration[data-role="team"][data-anketa="full"] .form-registration__field--info {
  display: block;
}
.form-registration[data-overlay="true"] {
  height: 80%;
  position: absolute;
  overflow: hidden;
}
.form-registration__searchIntroduceTab {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.form-registration__resultIntroduceTab {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-registration__shortRegisterIntroduceTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 20px;
}
.form-registration__field {
  border: none;
  padding: 0;
  margin: 0;
  padding-top: 5px;
  margin-bottom: 20px;
}
.form-registration__field--director {
  position: relative;
}
.form-registration__field--director[data-btn="hide"] .form-registration__button--removeDirector {
  display: none;
}
.form-registration__field--director[data-btn="show"] .form-registration__button--removeDirector {
  display: block;
}
.form-registration__field--players {
  position: relative;
}
.form-registration__field--players[data-btn="hide"] .form-registration__button--removeDirector {
  display: none;
}
.form-registration__field--players[data-btn="show"] .form-registration__button--removeDirector {
  display: block;
}
.form-registration__legend {
  font-size: 12px;
}
.form-registration__legend--red {
  color: #fe0321;
}
.form-registration__text {
  font-size: 12px;
  color: #999999;
  margin: 0;
}
.form-registration__text--link {
  color: #7ab7ee;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 700;
  padding-left: 4px;
}
.form-registration__text--link:hover {
  color: #51ddd4;
}
.form-registration__text--bold {
  font-weight: 700;
}
.form-registration__text--red {
  color: #fe0321;
}
.form-registration__text--delete,
.form-registration__text--cancelLoad {
  font-size: 10px;
  margin-left: 10px;
  border-bottom: 1px dashed #999999;
  cursor: pointer;
}
.form-registration__text--delete:hover,
.form-registration__text--cancelLoad:hover {
  color: #fca0ab;
  border-color: #fca0ab;
}
.form-registration__text[data-status="hide"] {
  display: none;
}
.form-registration__text[data-status="show"] {
  display: block;
}
.break {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 0;
}
.form-registration__fieldWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.form-registration__fieldWrap--file {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.form-registration__fieldWrap--fileWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-registration__fieldWrap--fileWrap[data-width="2col"] {
  width: calc(49% - 12px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(49% - 12px);
          flex: 0 0 calc(49% - 12px);
  padding-right: 5px;
}
.form-registration__fieldWrap--team,
.form-registration__fieldWrap--total,
.form-registration__fieldWrap--director,
.form-registration__fieldWrap--detail,
.form-registration__fieldWrap--file {
  position: relative;
  border: 2px solid #dcd7de;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.form-registration__wrap {
  position: relative;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  background-color: #ffffff;
  padding: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-registration__wrap[data-status="hide"] {
  visibility: hidden;
}
.form-registration__wrap[data-check="off"] .form-registration__legend--red {
  display: none;
}
.form-registration__wrap::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.form-registration__wrap::before {
  content: attr(data-message);
  position: absolute;
  width: 100%;
  height: 22px;
  left: 0;
  bottom: 100%;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  line-height: 22px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.form-registration__wrap[data-validate="base"]::before {
  background-color: #7ab7ee;
}
.form-registration__wrap[data-validate="error"]::before {
  opacity: 1;
  visibility: visible;
  background-color: #fca0ab;
}
.form-registration__wrap[data-validate="ok"]::before {
  opacity: 1;
  visibility: visible;
  background-color: #51ddd4;
}
.form-registration__wrap:hover::before {
  opacity: 1;
  visibility: visible;
}
.form-registration__wrap[data-disabled="true"] {
  background-color: #f3f4f8;
}
.form-registration__wrap[data-disabled="true"] .form-registration__label {
  background-color: #f3f4f8;
}
.form-registration__wrap[data-disabled="true"] .form-registration__btnOpen {
  display: none;
}
.form-registration__wrap[data-validate="error"] .form-registration__label {
  background-color: rgba(252, 160, 171, 0.3);
  color: #000000;
}
.form-registration__wrap[data-list="show"] .form-registration__btnOpen--oneArrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.form-registration__wrap[data-list="show"] .form-registration__select {
  display: block;
}
.form-registration__wrap[data-list="hide"] .form-registration__select {
  display: none;
}
.form-registration__wrap[data-list="hide"] .form-registration__message {
  display: none;
}
.form-registration__wrap[data-btn-status="hide"] .form-registration__btnOpen {
  display: none;
}
.form-registration__wrap[data-btn-status="show"] .form-registration__btnOpen {
  display: block;
}
.form-registration__wrap--videoFile {
  margin-top: 0;
  margin-bottom: 0;
}
.form-registration__wrap--videoFile::before {
  content: none;
}
.form-registration__wrap {
  width: calc(100% - 12px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 12px);
          flex: 0 0 calc(100% - 12px);
  padding-right: 5px;
}
.form-registration__wrap[data-list="hide"],
.form-registration__wrap[data-list="show"] {
  width: calc(100% - 42px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 42px);
          flex: 0 0 calc(100% - 42px);
  padding-right: 35px;
}
.form-registration__wrap[data-width="2col"] {
  width: calc(49% - 12px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(49% - 12px);
          flex: 0 0 calc(49% - 12px);
  padding-right: 5px;
}
.form-registration__wrap[data-width="2col"][data-list="hide"],
.form-registration__wrap[data-width="2col"][data-list="show"] {
  width: calc(49% - 42px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(49% - 42px);
          flex: 0 0 calc(49% - 42px);
  padding-right: 35px;
}
.form-registration__wrap[data-width="3col"] {
  width: calc(32% - 12px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(32% - 12px);
          flex: 0 0 calc(32% - 12px);
  padding-right: 5px;
}
.form-registration__wrap[data-width="3col"][data-list="hide"],
.form-registration__wrap[data-width="3col"][data-list="show"] {
  width: calc(32% - 42px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(32% - 42px);
          flex: 0 0 calc(32% - 42px);
  padding-right: 35px;
}
.form-registration__wrap[data-width="4col"] {
  width: calc(24% - 12px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(24% - 12px);
          flex: 0 0 calc(24% - 12px);
  padding-right: 5px;
}
.form-registration__wrap[data-width="4col"][data-list="hide"],
.form-registration__wrap[data-width="4col"][data-list="show"] {
  width: calc(24% - 42px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(24% - 42px);
          flex: 0 0 calc(24% - 42px);
  padding-right: 35px;
}
.form-registration__btnOpen {
  position: absolute;
  z-index: 8;
  right: 5px;
  background-color: transparent;
  border: none;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.form-registration__btnOpen--oneArrow {
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center;
}
.form-registration__btnOpen--twoArrowUp {
  top: 4px;
  right: 4px;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: center top 6px;
}
.form-registration__btnOpen--twoArrowDown {
  bottom: 4px;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center top 6px;
}
/* Для Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
/* Для Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.form-registration__label {
  position: relative;
  color: #999999;
  font-size: 12px;
  line-height: 14px;
  padding-left: 30px;
  padding-right: 15px;
  padding-top: 11px;
  padding-bottom: 9px;
  border-right: 1px solid #dcd7de;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #ffffff;
  max-width: calc(52% - 45px);
}
.form-registration__label::before {
  position: absolute;
  content: "";
  top: 0;
  left: 5px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.form-registration__label[data-img="star"]::before {
  background-size: 15px;
  background-image: url("../img/star_fill_grey.svg");
}
.form-registration__input {
  padding: 10px 15px;
  font-size: 12px;
  border: none;
  background-color: transparent;
  color: #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  width: 50%;
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis;
  /* Добавляем многоточие */
}
.form-registration__input--number {
  width: 50px;
}
.form-registration__input--teamComment {
  resize: none;
}
.form-registration__checkbox {
  cursor: pointer;
}
.form-registration__button {
  border: none;
  background-image: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  border-radius: 5px;
  padding: 20px 30px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
}
.form-registration__button[disabled] {
  background-image: none;
  background-color: #dcd7de;
}
.form-registration__button--clear {
  background-image: none;
  background-color: #dcd7de;
}
.form-registration__button--addDirector {
  position: absolute;
  top: -10px;
  right: 0;
  height: 30px;
  padding: 0;
  background-image: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  padding: 10px;
  margin-right: 0;
}
.form-registration__button--removeDirector {
  height: 30px;
  width: 30px;
  padding: 0;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  margin-right: auto;
  margin-bottom: auto;
  right: -15px;
  background-image: url("../img/btn_delete.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f3f4f8;
  background-size: 25px;
}
.form-registration__field--players[data-toggle="unlock"] .form-registration__button--addPlayers {
  top: 25px;
}
.form-registration__button--addPlayers {
  position: absolute;
  top: -10px;
  right: 0;
  height: 30px;
  padding: 0;
  background-image: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  padding: 10px;
  margin-right: 0;
}
.form-registration__input--file {
  background-color: #ffffff;
  border: 2px dashed #999999;
  border-radius: 5px;
  min-height: 80px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  white-space: normal;
  margin-top: 10px;
  margin-bottom: 10px;
}
.form-registration__input--file[data-upload="no"] .js_phonogramHeader {
  display: block;
}
.form-registration__input--file[data-upload="yes"] .js_phonogramHeader {
  display: none;
}
.form-registration__input--file input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -10;
}
.form-registration__input--file input[type=file]:focus + label {
  outline: -webkit-focus-ring-color auto 5px;
}
.form-registration__input--file label.focus {
  outline: 1px solid #0078d7;
  outline: -webkit-focus-ring-color auto 5px;
}
.form-registration__input--file[data-disabled="true"] {
  point-events: none;
  cursor: no-drop;
  background-color: #f3f4f8;
}
#upload.dragover {
  background-color: #f3f4f8;
  border-color: #51ddd4;
  outline-offset: -17px;
}
.form-registration__nameFile {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-registration__nameFile::after {
  content: attr(data-progress);
  position: absolute;
  width: 40px;
  height: 20px;
  right: 50%;
  margin-right: -20px;
  top: 14px;
  color: #000000;
  font-size: 12px;
}
.form-registration__nameFile[data-status="hide"] {
  display: none;
}
.form-registration__nameFile[data-status="show"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-registration__nameFile[data-progress="100%"]::after {
  font-weight: 700;
  color: #ffffff;
}
.form-registration__nameFile[data-progress="100%"] ::-webkit-progress-bar {
  background: #51ddd4;
}
.form-registration__nameFile[data-progress="100%"] ::-webkit-progress-value {
  background: #51ddd4;
}
progress::-webkit-progress-bar {
  background: #ffffff;
  border-radius: 5px;
}
::-webkit-progress-bar {
  background: #7ab7ee;
}
::-webkit-progress-value {
  background: #7ab7ee;
}
::-moz-progress-bar {
  background: #7ab7ee;
}
.form-registration__progress {
  display: block;
  background: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 300px;
  height: 25px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
}
.form-registration__progress--video {
  position: relative;
  margin-top: 5px;
}
.form-registration__progress--video::before {
  content: attr(data-progress);
  position: absolute;
  color: #000000;
  font-size: 12px;
  left: 10px;
  right: 10px;
  line-height: 23px;
}
.form-registration__progress--video[data-progress="100%"]::before {
  font-weight: 700;
  color: #ffffff;
}
.form-registration__message {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  width: calc(100% - 32px);
  z-index: 10;
  margin: 0;
  background: #ffffff;
  color: #999999;
  padding: 15px;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.form-registration__message[data-status="hide"] {
  display: none;
}
.form-registration__message[data-status="show"] {
  display: block;
}
.form-registration__select {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  z-index: 15;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 174px;
  overflow-y: scroll;
}
.form-registration__option {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.form-registration__option p {
  margin: 0;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f3f4f8;
  cursor: pointer;
}
.form-registration__option:last-child p {
  border-bottom: none;
}
.form-registration__option:hover {
  background-color: #d8fff8;
}
.form-registration__option:hover p {
  border-bottom-color: #d8fff8;
}
.form-registration__result {
  margin: 0;
  padding: 15px;
}
.form-registration__error {
  color: #fe0321;
}
.form-registration__link {
  color: #7ab7ee;
}
.form-registration__link:hover {
  color: #51ddd4;
}
.form-registration__playerCountName {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  font-size: 12px;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-registration__playerCountName p {
  margin: 0;
  padding-right: 10px;
}
.form-registration__playerCountName .form-registration__label {
  background-color: transparent;
  padding: 5px;
  border: none;
  color: #000000;
  cursor: pointer;
}
.form-registration__fieldOrganization,
.form-registration__fieldTeam {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  width: 48%;
  margin-bottom: 20px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-registration__fieldOrganization .dropDownList__error,
.form-registration__fieldTeam .dropDownList__error {
  padding-top: 5px;
}
.form-registration__fieldOrganization .dropDownList__wrap[data-error="true"],
.form-registration__fieldTeam .dropDownList__wrap[data-error="true"] {
  margin-bottom: 30px;
}
.form-registration__fieldOrganization .dropDownList__checkWrap,
.form-registration__fieldTeam .dropDownList__checkWrap {
  margin-bottom: 10px;
}
.form-registration__fieldOrganization2,
.form-registration__fieldTeam2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-registration__fieldOrganization2 .dropDownList__error,
.form-registration__fieldTeam2 .dropDownList__error {
  padding-top: 5px;
}
.form-registration__fieldOrganization2 .dropDownList__wrap[data-error="true"],
.form-registration__fieldTeam2 .dropDownList__wrap[data-error="true"] {
  margin-bottom: 30px;
}
.form-registration__fieldOrganization2 .dropDownList__checkWrap,
.form-registration__fieldTeam2 .dropDownList__checkWrap {
  margin-bottom: 10px;
}
.form-registration__field--players[data-player-detail="total"] .form-registration__toggle {
  left: -2px;
  right: auto;
}
.form-registration__field--players[data-player-detail="total"] .form-registration__fieldWrap--total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-registration__field--players[data-player-detail="total"] .form-registration__fieldWrap--detail,
.form-registration__field--players[data-player-detail="total"] .form-registration__playerCountName {
  display: none;
}
.form-registration__field--players[data-player-detail="total"] .form-registration__button--addPlayers,
.form-registration__field--players[data-player-detail="total"] .form-registration__button--removePlayers {
  display: none;
}
.form-registration__field--players[data-player-detail="detail"] .form-registration__toggle {
  left: auto;
  right: -2px;
}
.form-registration__field--players[data-player-detail="detail"] .form-registration__fieldWrap--total {
  display: none;
}
.form-registration__field--players[data-player-detail="detail"] .form-registration__fieldWrap--detail,
.form-registration__field--players[data-player-detail="detail"] .form-registration__playerCountName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-registration__field--players[data-player-detail="detail"] .form-registration__button--addPlayers,
.form-registration__field--players[data-player-detail="detail"] .form-registration__button--removePlayers {
  display: block;
}
.form-registration__field--players[data-toggle="lock"] .form-registration__playersChoice {
  display: none;
}
.form-registration__field--players[data-toggle="unlock"] .form-registration__playersChoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-registration__fieldDuration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.form-registration__fieldDuration .master__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  position: relative;
}
.form-registration__fieldDuration .dropDownList__wrap {
  width: 49%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
}
.form-registration__fieldDuration[data-required="true"] .master__text::after {
  position: absolute;
  content: "*";
  color: #fe0321;
}
.form-registration__playersChoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 5px;
}
.form-registration__playersChoice .form-registration__text {
  cursor: pointer;
}
.form-registration__wrapToggle {
  width: 44px;
  height: 18px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  background-color: #ffffff;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}
.form-registration__toggle {
  position: absolute;
  top: -2px;
  width: 26px;
  height: 22px;
  border-radius: 5px;
  background-color: #51ddd4;
}
.form-registration__info {
  text-align: center;
}
.form-registration__info--fillForm[data-status="hide"] {
  display: none;
}
.form-registration__info--fillForm[data-status="show"] {
  display: block;
}
.form-registration__info--bold {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.form-registration__attention {
  text-align: center;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 15px 20px;
  font-weight: 700;
  border: 1px solid #dcd7de;
}
input::-webkit-clear-button {
  display: none;
}
.form-registration__wrap.js_inputCity {
  margin-bottom: 36px;
}
.form-registration__printCity {
  position: absolute;
  width: 100%;
  top: 100%;
  font-size: 12px;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-registration__printCity p {
  margin: 0;
  padding-right: 10px;
}
.form-registration__printCity .form-registration__label {
  background-color: transparent;
  padding: 5px;
  border: none;
  color: #000000;
  cursor: pointer;
}
.form-registration__role {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
}
.form-registration__role p {
  margin: 0;
  padding-right: 40px;
}
.form-registration__role .form-registration__label {
  font-size: 14px;
  background-color: transparent;
  padding: 5px;
  border: none;
  color: #000000;
  cursor: pointer;
}
.form-registration__anketa {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
}
.form-registration__anketa p {
  margin: 0;
  padding-right: 40px;
}
.form-registration__anketa .form-registration__label {
  font-size: 14px;
  background-color: transparent;
  padding: 5px;
  border: none;
  color: #000000;
  cursor: pointer;
}
.form-registration__titleWrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-registration__titleWrap .form-registration__title {
  padding-left: 22px;
}
.form-registration__titleWrap[data-info="close"] .form-registration__moreInfo {
  display: none;
}
.form-registration__titleWrap[data-info="open"] .form-registration__moreInfo {
  display: block;
}
.form-registration__moreInfo {
  position: absolute;
  top: 100%;
  left: 0;
  width: 200%;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  padding: 10px;
  z-index: 15;
  -webkit-box-shadow: 3px 3px 5px rgba(217, 217, 217, 0.5);
          box-shadow: 3px 3px 5px rgba(217, 217, 217, 0.5);
}
.form-registration__btnMoreInfo {
  position: absolute;
  top: -5px;
  left: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: none;
  background-image: url("../img/icon_question.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  cursor: pointer;
}
.content[data-expert="off"] .form-registration__wrap--ageCategory {
  display: none;
}
.form-registration__btnWrapChoiceAnketa {
  width: 50%;
  margin: 0 auto;
}
.form-registration__btnWrapChoiceAnketa[data-anketa="full"] .form-registration__btnChoiceAnketa--short {
  display: none;
}
.form-registration__btnWrapChoiceAnketa[data-anketa="short"] .form-registration__btnChoiceAnketa--full {
  display: none;
}
.form-registration__btnChoiceAnketa {
  background-color: #51ddd4;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  border: none;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.form-registration__btnChoiceAnketa--short {
  background-image: -webkit-gradient(linear, left bottom, right top, from(#51ddd4), to(#66ccff));
  background-image: linear-gradient(to top right, #51ddd4 0%, #66ccff 100%);
  color: #ffffff;
}
.form-registration__btnChoiceAnketa--full {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  color: #000000;
}
.form-registration__btnChoiceAnketa:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fa4923;
  opacity: 0;
  z-index: 1;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.form-registration__btnChoiceAnketa:after {
  content: "";
  display: block;
  width: 20px;
  height: 300px;
  margin-left: 60px;
  background-color: #d8fff8;
  position: absolute;
  left: -40px;
  top: -150px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-animation-name: slideme;
          animation-name: slideme;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  opacity: 0.5;
}
.master__field--phonograms,
.master__field--player {
  position: relative;
}
.form-registration__fieldDuration2 {
  position: relative;
}
.form-registration__fieldStartPoint {
  position: relative;
}
.form-registration__componentLabel {
  position: absolute;
  width: 10px;
  background-color: #dcd7de;
  height: calc(100% + 2px);
  display: block;
  top: -1px;
  left: -8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.master__field--performance {
  position: relative;
}
@-webkit-keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0px;
  }
  30% {
    left: 110%;
    margin-left: 80px;
  }
  100% {
    left: 110%;
    margin-left: 80px;
  }
}
.form-registration__master {
  margin-top: 30px;
}
@media (max-width: 860px) {
  .form-registration__input {
    font-size: 16px;
  }
  .form-registration__label {
    padding-left: 10px;
  }
  .form-registration__wrap[data-width="3col"],
  .form-registration__wrap[data-width="4col"] {
    width: calc(49% - 12px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(49% - 12px);
            flex: 0 0 calc(49% - 12px);
    padding-right: 5px;
  }
  .form-registration__wrap[data-width="3col"][data-list="hide"],
  .form-registration__wrap[data-width="4col"][data-list="hide"],
  .form-registration__wrap[data-width="3col"][data-list="show"],
  .form-registration__wrap[data-width="4col"][data-list="show"] {
    width: calc(49% - 42px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(49% - 42px);
            flex: 0 0 calc(49% - 42px);
    padding-right: 35px;
  }
  .form-registration__btnWrapChoiceAnketa {
    width: 75%;
  }
}
@media (max-width: 680px) {
  .form-registration__wrap[data-width="2col"] {
    width: calc(100% - 12px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 12px);
            flex: 0 0 calc(100% - 12px);
    padding-right: 5px;
  }
  .form-registration__wrap[data-width="2col"][data-list="hide"],
  .form-registration__wrap[data-width="2col"][data-list="show"] {
    width: calc(100% - 42px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 42px);
            flex: 0 0 calc(100% - 42px);
    padding-right: 35px;
  }
  .form-registration__fieldWrap--fileWrap[data-width="2col"] {
    width: calc(100% - 12px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 12px);
            flex: 0 0 calc(100% - 12px);
    padding-right: 5px;
  }
  .form-registration__master {
    margin-top: 0;
  }
  .form-registration__fieldWrap--mobileHide .form-registration__wrap {
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .form-registration__fieldWrap--mobileHide .form-registration__input--file {
    background-color: transparent;
    border: none;
    min-height: auto;
    height: auto;
    padding: 0;
  }
  .form-registration__fieldWrap--mobileHide .form-registration__input--file[data-upload="no"] .js_phonogramHeader {
    display: none;
  }
  .form-registration__fieldTeam,
  .form-registration__fieldOrganization {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.form-registration__adapterWrap {
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #f3f4f8;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.form-registration__adapterWrap .dropDownList__wrap {
  margin-bottom: 0;
}
.form-registration__adapterWrap .dropDownList__checkWrap {
  margin-bottom: 10px;
}
.form-registration__adapterWrap[data-is-valid="true"] {
  border-color: green;
}
.form-registration__adapterWrap[data-is-valid="false"] {
  border-color: red;
}
.form-registration__adapterWrap[dragabble="true"] {
  cursor: move;
}
.form-registration__adapterWrap[dragabble="true"]::after {
  position: absolute;
  content: "";
  background-color: #f3f4f8;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.form-registration__adapterWrap[data-is-edit="true"][data-is-show="false"] .dropDownList__wrap {
  /* border-color: orange; */
  opacity: 0.5;
}
.form-registration__adapterWrap[data-is-edit="true"] .form-registration__adapterControls {
  display: grid;
  gap: 8px;
}
.form-registration__adapterWrap[data-is-edit="true"] .form-registration__adapterControls .master__btn,
.form-registration__adapterWrap[data-is-edit="true"] .form-registration__adapterControls .modal__btn {
  position: relative;
  z-index: 5;
}
.form-registration__adapterWrap[data-is-edit="true"] .form-registration__adapterControls .dropDownButton__wrap {
  position: relative;
  z-index: 10;
}
.form-registration__placeholderWrap[data-is-edit="true"][data-is-show="false"] {
  opacity: 0.5;
}
.form-registration__tabContent {
  position: relative;
  padding: 20px;
}
.form-registration__tabContent[data-is-drag="true"] {
  padding-top: 54px;
}
.form-registration__tabContent[data-is-drag="true"] .form-registration__addComponentWrap {
  display: none;
}
.form-registration__tabContent[data-is-drag="true"] .form-registration__adapterWrap {
  margin-bottom: 54px;
}
.form-registration__tabContent[data-is-drag="true"] .form-registration__adapterWrap::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 36px;
  background-color: #f3f4f8;
  top: calc(100% + 10px);
  border: 1px dashed #dcd7de;
}
.form-registration__addComponentWrap {
  text-align: center;
}
.form-registration__addComponentWrap .modal__btn {
  background-color: white;
  position: relative;
  width: 100%;
}
.form-registration__addComponentWrap .modal__btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #f3f4f8;
  top: 14px;
  left: 0;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.form-registration__addComponentWrap .modal__btn svg {
  position: relative;
}
.form-registration__addComponentWrap:hover .modal__btn::before {
  background-color: red;
}
.form-registration__cleaningButton {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 140px;
          flex: 0 1 140px;
  background-color: var(--main-color);
  margin-bottom: 0;
  border: none;
  padding-right: 46px;
}
.form-registration__cleaningButton svg {
  display: none;
}
.form-registration__cleaningButton .dropDownList__btnIcon {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: white;
  text-transform: uppercase;
}
.form-registration__cleaningButton .dropDownList__btnOpen--oneArrow {
  background-image: url(../img/arrow_white.svg);
  border-left: 1px solid #ffffff;
  padding-left: 5px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.form-registration__cleaningButton[data-list="show"] .dropDownList__btnOpen--oneArrow {
  border-left: none;
  border-right: 1px solid #ffffff;
}
@media (max-width: 680px) {
  .form-registration__cleaningButton {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100px;
            flex: 0 1 100px;
    width: 100px;
  }
  .form-registration__cleaningButton svg {
    display: inline;
    fill: #ffffff;
  }
  .form-registration__cleaningButton .dropDownList__btnIcon {
    font-size: 0;
    line-height: 0;
  }
}
@media (max-width: 560px) {
  .form-registration__wrap[data-width="3col"],
  .form-registration__wrap[data-width="4col"] {
    width: calc(100% - 12px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 12px);
            flex: 0 0 calc(100% - 12px);
    padding-right: 5px;
  }
  .form-registration__wrap[data-width="3col"][data-list="hide"],
  .form-registration__wrap[data-width="4col"][data-list="hide"],
  .form-registration__wrap[data-width="3col"][data-list="show"],
  .form-registration__wrap[data-width="4col"][data-list="show"] {
    width: calc(100% - 42px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 42px);
            flex: 0 0 calc(100% - 42px);
    padding-right: 35px;
  }
  .form-registration__progress {
    width: 210px;
  }
}
@media (max-width: 480px) {
  .form-registration__btnWrapChoiceAnketa {
    width: 100%;
  }
}
.form-registration2[data-form="hide"] .form-registration__btnWrapChoiceAnketa,
.form-registration2[data-form="hide"] .form-registration__attention,
.form-registration2[data-form="hide"] .form-registration__master {
  display: none;
}
.form-registration2[data-form="show"] .form-registration__field--contest .form-registration__legend {
  display: none;
}
.form-registration2[data-anketa="short"] .form-registration__attention,
.form-registration2[data-anketa="short"] .form-registration__master {
  display: none;
}
.form-registration2[data-role="solo"] .master__wrap--teamTitle {
  display: none;
}
.form-registration2[data-role="solo"] .master__btnTile--solo {
  background-image: url("../img/tile_solo.svg");
  border: 2px solid #51ddd4;
  background-color: #d8fff8;
}
.form-registration2[data-role="team"] .master__btnTile--team {
  background-image: url("../img/tile_team.svg");
  border: 2px solid #51ddd4;
  background-color: #d8fff8;
}
.form-registration2 .form-registration__fieldWrap--file {
  border: none;
}
.form-registration__imageWrap {
  max-width: 200px;
  max-height: 200px;
}
.form-registration__imageWrap img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-registration__imageWrap--center {
  margin-left: auto;
  margin-right: auto;
}
.form-registration__imageWrap--left {
  margin-right: auto;
}
.form-registration__imageWrap--right {
  margin-left: auto;
}
.form-registration__field--contest .form-registration__legend {
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
}
.master__tabItem--authorization,
.master__tabItem--meet {
  width: 50%;
  margin: 0 auto;
}
.master__field--player .form-registration__fieldWrap {
  border: none;
}
.master__field--player .master__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.master__field--player .master__field--detail {
  display: block;
}
.master__field--player[data-player-detail="total"] .form-registration__toggle {
  left: -2px;
  right: auto;
}
.master__field--player[data-player-detail="total"] .master__field--detail,
.master__field--player[data-player-detail="total"] .form-registration__playerCountName {
  display: none;
}
.master__field--player[data-player-detail="detail"] .form-registration__toggle {
  left: auto;
  right: -2px;
}
.master__field--player[data-player-detail="detail"] .master__field--total {
  display: none;
}
.master__field--player[data-toggle="lock"] .form-registration__playersChoice {
  display: none;
}
.master__field--player[data-toggle="unlock"] .form-registration__playersChoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-registration__field--shortAnketa {
  padding-top: 10px;
}
.form-registration__field--shortAnketa .form-registration__text {
  text-align: center;
  padding-bottom: 10px;
}
.form-registration__field--shortAnketa .master__button {
  width: 50%;
  margin: 0 auto;
  display: block;
}
.form-registration__field--shortAnketa .dropDownList__wrap[data-required="true"] .dropDownList__label::after {
  content: none;
}
.form-registration__field--shortAnketa .dropDownList__wrap[data-validate="error"] {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #dcd7de;
}
.form-registration__buttonLink {
  background-color: transparent;
  padding: 10px;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  color: #51ddd4;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
}
.form-registration__buttonLink:hover {
  color: #7ab7ee;
}
.form-registration__link--fillForm {
  margin-bottom: 10px;
}
@media (max-width: 860px) {
  .master__tabItem--authorization,
  .master__tabItem--meet {
    width: 75%;
    padding-bottom: 50px;
  }
  .master__tabItem--authorization .master__button,
  .master__tabItem--meet .master__button {
    width: 70%;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  .master__tabItem--authorization,
  .master__tabItem--meet {
    width: auto;
  }
  .master__field--player .master__field {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.player .dropDownList__wrap[data-name="ageCategory"],
.player .dropDownList__wrap[data-name="nomination"] {
  width: 38%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-left: 5px;
  background-color: #ffffff;
  padding-right: 35px;
}
.player .dropDownList__wrap[data-name="phonogramStatus"] {
  border: none;
  width: calc(100% - 10px);
  margin-bottom: 10px;
}
.player .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__btnOpen--oneArrow {
  background-image: url("../img/arrow_white.svg");
}
.player .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__label {
  color: #ffffff;
  background-color: transparent;
  font-weight: 700;
  border-color: #ffffff;
}
.player .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__input {
  color: #ffffff;
  font-weight: 700;
}
.player .dropDownList__wrap[data-name="phonogramStatus"][data-info="base"] {
  background-color: #dcd7de;
}
.player .dropDownList__wrap[data-name="phonogramStatus"][data-info="error"] {
  background-color: #fca0ab;
}
.player .dropDownList__wrap[data-name="phonogramStatus"][data-info="check"] {
  background-color: #7ab7ee;
}
.player .dropDownList__wrap[data-name="phonogramStatus"][data-info="ok"] {
  background-color: #51ddd4;
}
.player .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__option[data-info="error"] {
  background-color: #fcccd2;
}
.player .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__option[data-info="check"] {
  background-color: #b0d7fa;
}
.player .dropDownList__wrap[data-name="phonogramStatus"] .dropDownList__option[data-info="ok"] {
  background-color: #d8fff8;
}
.player__menu {
  padding-bottom: 20px;
}
.player__performanceMoney[data-disabled="true"],
.player__performanceDocuments[data-disabled="true"] {
  background-color: #f3f4f8;
  border: 1px solid #ffffff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.player__performanceGroup > .player__categoryComponent {
  background-color: white;
  border: 1px solid #dcd7de;
}
.player__performanceGroup .player__statusList {
  grid-template-columns: 60px repeat(6, 1fr) 60px;
}
.player__performanceGroupWrap {
  padding: 10px;
  border: 1px solid #dcd7de;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 15px;
}
.player__performanceGroupWrap .player__item {
  margin-bottom: 0;
}
.player__performanceGroupWrap .player__statusList {
  opacity: 0.7;
}
.player__turn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.player__turnBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.player__turnBtnWrap .player__turnBtn {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.player__turnBtn {
  position: relative;
  background-color: #ffffff;
  color: #999999;
  text-transform: uppercase;
  padding: 10px 15px;
  border: 1px solid #dcd7de;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
  text-align: center;
  text-decoration: none;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.player__turnBtn--nonBtn {
  cursor: default;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.player__turnBtn--unloadAll {
  padding-top: 20px;
}
.player__turnBtn:last-child {
  margin-right: 0;
}
.player__turnBtn[data-link="no"] {
  pointer-events: none;
}
.player__performanceDelete {
  margin-bottom: 20px;
}
.player__performanceDeleteBtn {
  background-color: #ffffff;
  color: #51ddd4;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  font-size: 12px;
}
.player__performanceDeleteBtn:hover {
  background-color: #51ddd4;
  color: #ffffff;
}
.player__turnBtnSub {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  color: #999999;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  width: 47%;
  cursor: pointer;
}
.player__turnBtnSub:hover {
  background-color: #d8fff8;
}
.player__turnBtn-text {
  margin: 0;
}
.player__sort {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.player__base {
  display: none;
}
.player__item {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 5px;
  margin-bottom: 15px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
}
.player__item[data-checked="true"] .player__btnSelect {
  background-color: #ffffff;
  background-image: url("../img/change_ok.svg");
}
.player__item[data-checked="true"] .player__statusList {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.player__item[data-checked="true"] .player__statusItem {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.player__item[data-checked="true"] .player__info {
  opacity: 0.5;
  pointer-events: none;
}
.player__statusList {
  margin: 0;
  list-style: none;
  background-color: var(--main-color);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  display: grid;
  grid-template-columns: 60px repeat(6, 1fr);
}
.player__statusItem {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  padding: 5px 15px;
  border-right: 1px solid #ffffff;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
.player__statusItem:last-child {
  border-right: none;
}
.player__statusItem[data-check="true"] {
  background-color: white;
  color: #51ddd4;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-box-shadow: 0px 0px 0px 5px #ffffff;
          box-shadow: 0px 0px 0px 5px #ffffff;
}
.player__statusItem[data-check="true"] button {
  color: #51ddd4;
}
.player__statusItem--select {
  padding: 5px 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.player__statusItem--group {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  text-transform: none;
}
.player__statusItem--toggle {
  width: 30px;
  height: 30px;
  background-image: url(../img/arrow_white.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -ms-flex-item-align: center;
      align-self: center;
}
.player__statusItem--toggle.open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.player__statusItem--performanceEdit,
.player__statusItem--edit {
  width: 30px;
  height: 30px;
  background-image: url("../img/edit_white.svg");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.player__statusItem--editButton .modal__btn {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
}
.player__statusItem--editButton .modal__btn svg {
  fill: #ffffff;
}
.player__statusItem--editButton .modal__btn:hover svg {
  fill: #000000;
}
.player__statusItem--performanceView {
  width: 30px;
  height: 30px;
  background-image: url("../img/eye_white.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.player__statusItem--performanceView,
.player__statusItem--performanceEdit {
  width: auto;
  height: auto;
  display: grid;
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
  padding-left: 32px;
  background-size: 22px;
  background-position: left 8px center;
}
.player__statusItem--money {
  position: relative;
  /* padding-left: 35px; */
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 8px center;
}
.player__statusItem--money[data-payment="notPaid"] {
  background-image: url("../img/pay_ok_yellow.svg");
}
.player__statusItem--money[data-payment="paid"] {
  background-image: url("../img/pay_ok.svg");
}
.player__statusItem--money[data-payment="overpaid"] {
  background-image: url("../img/pay_over.svg");
}
.player__statusItem--money[data-payment="unknown"] {
  background-image: url("../img/pay_ques.svg");
}
.player__statusItem--money[data-payment="invoice"] {
  background-image: url("../img/pay_ok_red.svg");
}

.player__statusItemIcon {
  font-size: 12px;
}
.blink3 {
  -webkit-animation: blink3 1s linear;
          animation: blink3 1s linear;
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
}
@-webkit-keyframes blink3 {
  100% {
    opacity: 0;
  }
}
@keyframes blink3 {
  100% {
    opacity: 0;
  }
}
.player__btnSelect {
  border: none;
  background-color: transparent;
  border-radius: 5px;
  padding: 0;
  cursor: pointer;
  background-image: url("../img/check_white.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  width: 32px;
  height: 32px;
}
.player__statusButton {
  border: none;
  background-color: transparent;
  padding: 10px 15px;
  cursor: pointer;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}
.player__btnSelectAll {
  border: 1px solid #dcd7de;
  background-color: #ffffff;
  padding: 0;
  border-radius: 5px;
  cursor: pointer;
  background-image: url("../img/change_ok.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  width: 50px;
  min-height: 50px;
  margin-right: 5px;
}
.player__btnSelectAll[data-mode="true"] {
  background-color: #51ddd4;
  background-image: url("../img/check_white.svg");
}
.player__category {
  width: 90%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 90%;
          flex: 0 1 90%;
  padding-bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
}
.player__category .category__button {
  border: 1px solid #dcd7de;
  margin-bottom: 0;
}
.player__performanceInfo {
  min-height: 100px;
  position: relative;
}
.player__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.player__infoMain {
  border-right: 1px solid #dcd7de;
  padding: 15px 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.player__infoMainWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.player__infoWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  border-right: 1px solid #dcd7de;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  width: 70%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.player__categoryComponent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #dcd7de;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.player__performanceId {
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0;
}
.player__age {
  padding: 10px 15px;
  background-color: #fec35d;
  border: none;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 700;
  margin-left: 10px;
  max-width: 45%;
}
.player__nomination {
  background-color: #9d81ef;
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 700;
  margin-left: 10px;
  max-width: 45%;
}
.player__performanceMoney {
  padding: 20px;
}
.player__performanceMoney .modal__2column {
  margin-bottom: 0;
}
.player__performanceMoney .tabMoney__btnWrap {
  margin: 20px -5px;
}
.player__performanceMoney .tabMoney__btn {
  padding: 15px;
}
.player__performanceMoney .tabMoney__dropDownWrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.player__performanceMoney .tabMoney__dropDownWrap .dropDownList__wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47%;
          flex: 0 0 47%;
  width: 47%;
}
.player__performanceMoney .tabMoney__sendEmail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.player__performanceMoney .tabMoney__sendEmail .text {
  margin-bottom: 10px;
}
.player__performanceMoney .tabMoney__sendEmail .dropDownList__wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
  margin-bottom: 0;
}
.player__performanceDocuments {
  padding: 20px;
}
.player__performanceDocuments .player__documentList {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 12px;
}
.player__performanceDocuments .player__documentItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 10px;
  border-bottom: 1px solid #dcd7de;
  background-color: #ffffff;
}
.player__performanceDocuments .player__documentItem:hover {
  background-color: #d8fff8;
}
.player__performanceDocuments .player__documentItem p {
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  width: 200px;
}
.player__performanceDocuments .player__documentItem[data-disabled="true"] {
  background-color: #f3f4f8;
}
.player__performanceDocuments .player__documentItem[data-disabled="true"]:hover {
  background-color: #f3f4f8;
}
.player__performanceDocuments .modal__button--documentsLoad {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 250px;
}
.player__performanceDocuments .text {
  text-align: center;
  margin-top: 20px;
}
.player__inputText {
  border: none;
}
.player__btnEdit {
  background: transparent;
  border: none;
  width: 30px;
  height: 30px;
  background-image: url("../img/edit.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  border-radius: 5px;
  cursor: pointer;
}
.player__btnEdit:hover {
  background-color: #d8fff8;
}
.player__performanceTitle {
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}
.player__teamTitle {
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  cursor: pointer;
}
.player__teamOrganization {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #999999;
  cursor: pointer;
}
.player__infoAdd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.player__director {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 5px;
  border: 1px solid #ffffff;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.player__director[data-list="true"]:hover {
  border: 1px solid #dcd7de;
}
.player__director[data-list="true"]:hover .player__listPlayers {
  display: block;
}
.player__director[data-list="true"]:hover .player__btnMoreDirector {
  text-decoration: underline;
  background-color: #ffffff;
}
.player__director[data-list="true"][data-direction-list="down"]:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.player__director[data-list="true"][data-direction-list="down"]:hover .player__listPlayers {
  top: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.player__director[data-list="true"][data-direction-list="up"]:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.player__director[data-list="true"][data-direction-list="up"]:hover .player__listPlayers {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.player__avatarDirector {
  width: 35px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35px;
          flex: 0 0 35px;
  height: 35px;
  background-color: #ffffff;
}
.player__avatarDirector img {
  width: 24px;
}
.player__teamDirector {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  padding-left: 5px;
}
.player__teamPlayer {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  padding-left: 5px;
}
.player__btnMoreDirector,
.player__btnMorePlayer {
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  border: 1px solid #ffffff;
  border-bottom: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 5px;
}
.player__wrapPlayers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 5px 0;
  border: 1px solid transparent;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.player__wrapPlayers[data-list="true"]:hover {
  border: 1px solid #dcd7de;
}
.player__wrapPlayers[data-list="true"]:hover .player__listPlayers {
  display: block;
}
.player__wrapPlayers[data-list="true"]:hover .player__btnMorePlayer {
  text-decoration: underline;
  background-color: #ffffff;
}
.player__wrapPlayers[data-list="true"][data-direction-list="down"]:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.player__wrapPlayers[data-list="true"][data-direction-list="down"]:hover .player__listPlayers {
  top: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.player__wrapPlayers[data-list="true"][data-direction-list="up"]:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.player__wrapPlayers[data-list="true"][data-direction-list="up"]:hover .player__listPlayers {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.player__wrapRegistrator {
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-image: url("../img/phone.svg");
  background-size: 24px;
  padding: 5px;
  padding-left: 40px;
  cursor: pointer;
}
.player__avatarPlayer {
  width: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  height: 35px;
  border-radius: 5px;
}
.player__avatarPlayer img {
  width: 24px;
}
.player__listPlayers {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0;
  right: 0;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 0 5px;
  z-index: 1;
  max-height: 120px;
  overflow-y: auto;
}
.player__listPlayers li {
  padding: 5px;
  border-bottom: 1px dotted #dcd7de;
}
.player__listPlayers li:last-child {
  border-bottom: none;
}
.player__teamAge {
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  border: 1px solid #ffffff;
  border-bottom: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 5px;
}
.player__teamCity {
  font-size: 12px;
  line-height: 16px;
  color: #999999;
}
.player__teamComment {
  font-size: 12px;
  line-height: 16px;
  color: #999999;
}
.player__inputWrap {
  position: relative;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 12px);
}
.player__inputWrap--white {
  background-color: #ffffff;
}
.player__inputWrap[data-list="show"] .player__btnOpen--oneArrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.player__inputWrap[data-list="show"] .player__select {
  display: block;
}
.player__inputWrap[data-list="hide"] .player__select {
  display: none;
}
.player__inputWrap[data-status="hide"] {
  display: none;
}
.player__inputWrap[data-status="show"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.player__label {
  position: relative;
  color: #999999;
  font-size: 12px;
  line-height: 14px;
  padding: 10px;
  border-right: 1px solid #dcd7de;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #ffffff;
}
.player__input {
  padding: 10px 15px;
  font-size: 12px;
  border: none;
  background-color: transparent;
  color: #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  width: 50%;
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis;
  /* Добавляем многоточие */
}
.player__input--age,
.player__input--nomination {
  font-size: 10px;
  padding: 10px 5px;
}
.player__btnOpen {
  position: absolute;
  z-index: 8;
  right: 5px;
  background-color: transparent;
  border: none;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.player__btnOpen--oneArrow {
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center;
}
.player__btnOpen--twoArrowUp {
  bottom: 50%;
  right: 4px;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: center top 6px;
}
.player__btnOpen--twoArrowDown {
  top: 50%;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center top 6px;
}
.player__select {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  z-index: 15;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 174px;
  overflow-y: scroll;
}
.player__option {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.player__option p {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f3f4f8;
  cursor: pointer;
}
.player__option:last-child p {
  border-bottom: none;
}
.player__option:hover {
  background-color: #d8fff8;
}
.player__option:hover p {
  border-bottom-color: #d8fff8;
}
.player__spinner {
  margin: 0 auto;
}
.player__spinner[data-status="show"] {
  display: block;
}
.player__spinner[data-status="hide"] {
  display: none;
}
.player__loading {
  height: 50px;
}
.player__loading[data-status="show"] {
  display: block;
}
.player__loading[data-status="hide"] {
  display: none;
}
.player__btn {
  display: none;
}
.player__infoPhonogram {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  width: 30%;
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.player__infoPhonogram[data-over="true"] {
  opacity: 0.5;
  -webkit-box-shadow: inset 0px 0px 6px 4px #51ddd4;
          box-shadow: inset 0px 0px 6px 4px #51ddd4;
}
.player__infoPhonogram[data-without-phonogram="yes"] .player__phonogramLoad,
.player__infoPhonogram[data-without-phonogram="yes"] .js--phonogramStatus,
.player__infoPhonogram[data-without-phonogram="yes"] .player__phonogramVerification,
.player__infoPhonogram[data-without-phonogram="yes"] .js--startPoint {
  display: none;
}
.player__infoPhonogram[data-disabled="true"] {
  background-color: #f3f4f8;
}
.player__infoPhonogram .modal__button {
  margin-top: 10px;
}
.player__infoVideo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  width: 30%;
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.player__infoVideo .videoYoutube {
  margin-top: 0;
}
.player__infoVideo .videoYoutube__media {
  width: 100%;
}
.player__editVideo {
  height: 29vh;
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.player__editVideo .videoYoutube {
  margin-top: 0;
  height: 100%;
  width: 35%;
  padding-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.player__phonogramLabel {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}
.player__phonogramLoad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 10px;
  width: 100%;
}
.player__phonogramLoad .player__turnBtn {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.player__inputWrap--phonogram {
  border: none;
  width: calc(100% - 10px);
  margin-bottom: 10px;
}
.player__phonogramBtn {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  background-size: 33px;
  background-position: center;
  background-repeat: no-repeat;
  height: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 10px;
  cursor: pointer;
  padding: 0;
  font-size: 0;
}
/* .player__phonogramBtn--unload {
  height: 38px;
} */
.player__phonogramBtn input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -10;
}
.player__phonogramBtn input[type=file]:focus + label {
  outline: -webkit-focus-ring-color auto 5px;
}
.player__phonogramBtn label.focus {
  outline: 1px solid #0078d7;
  outline: -webkit-focus-ring-color auto 5px;
}
.player__phonogramBtn:last-child {
  margin-right: 0;
}
.player__phonogramBtn--download {
  height: 38px;
  background-image: url("../img/unload.svg");
}
.player__phonogramBtn--download[data-disabled="true"] {
  background-image: url("../img/unload_grey.svg");
}
.player__phonogramBtn--delete {
  background-image: url("../img/delete.svg");
}
.player__phonogramBtn--delete[data-disabled="true"] {
  background-image: url("../img/delete_grey.svg");
}
.player__phonogramBtn--reload {
  background-image: url("../img/reload.svg");
}
.player__phonogramBtn--reload[data-disabled="true"] {
  background-image: url("../img/reload_grey.svg");
}
.player__phonogramBtn--unload {
  background-image: url("../img/download.svg");
}
.player__phonogramBtn--unload[data-disabled="true"] {
  background-image: url("../img/download_grey.svg");
}
.player__phonogramBtn--more {
  background-image: url("../img/more_phonogram.svg");
}
.player__phonogramBtn[data-disabled="true"] {
  pointer-events: none;
}
.player__phonogramBtn[data-blocked="true"] {
  background-color: #f3f4f8;
}
.player__phonogramVerification {
  margin-bottom: 10px;
}
.player__phonogramVerification[data-mode="pause"] .player__phonogramVerificationBtn {
  background-image: url("../img/play.svg");
}
.player__phonogramVerification[data-mode="play"] .player__phonogramVerificationBtn {
  background-image: url("../img/audio_stop.svg");
}
.player__phonogramVerification[data-mode="error"] .player__phonogramVerificationBtn {
  background-image: url("../img/change_error.svg");
  background-position: left 10px center;
}
.player__phonogramVerificationBtn {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  padding: 10px 20px;
  padding-left: 40px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: left 5px center;
  background-size: 24px;
}
.player__phonogramVerificationBtn[data-disabled="true"] {
  background-color: #f3f4f8;
}
.player__phonogramVerificationAudio {
  width: 100%;
}
.player__phonogramVerificationTimer {
  font-weight: 700;
  padding-left: 20px;
}
.player__input--file {
  background-color: #ffffff;
  color: #999999;
  text-transform: uppercase;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  cursor: pointer;
}
#upload.dragover {
  background-color: #f3f4f8;
  border-color: #51ddd4;
  outline-offset: -17px;
}
.player__nameFile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.player__nameFile::after {
  content: attr(data-progress);
  position: absolute;
  height: 20px;
  top: 4px;
  color: #000000;
  font-size: 12px;
}
.player__nameFile[data-mode="none"] .player__progress,
.player__nameFile[data-mode="none"] .player__text--cancelLoad,
.player__nameFile[data-mode="none"] .player__text--info {
  display: none;
}
.player__nameFile[data-mode="none"]::after {
  content: none;
}
.player__nameFile[data-mode="load"] .player__progress,
.player__nameFile[data-mode="load"] .player__text--cancelLoad {
  display: block;
}
.player__nameFile[data-mode="load"] .player__text--info {
  display: none;
}
.player__nameFile[data-mode="load"]::after {
  content: attr(data-progress);
}
.player__nameFile[data-mode="info"] .player__progress,
.player__nameFile[data-mode="info"] .player__text--cancelLoad {
  display: none;
}
.player__nameFile[data-mode="info"] .player__text--info {
  display: block;
}
.player__nameFile[data-mode="info"]::after {
  content: none;
}
.player__nameFile[data-progress="100%"]::after {
  font-weight: 700;
  color: #ffffff;
}
.player__nameFile[data-progress="100%"] ::-webkit-progress-bar {
  background: #51ddd4;
}
.player__nameFile[data-progress="100%"] ::-webkit-progress-value {
  background: #51ddd4;
}
progress::-webkit-progress-bar {
  background: #ffffff;
  border-radius: 5px;
}
::-webkit-progress-bar {
  background: #7ab7ee;
}
::-webkit-progress-value {
  background: #7ab7ee;
}
::-moz-progress-bar {
  background: #7ab7ee;
}
.player__progress {
  display: block;
  background: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 25px;
  text-align: center;
  margin-bottom: 5px;
}
.player__text {
  font-size: 12px;
  color: #999999;
  margin: 0;
}
.player__text--link {
  color: #7ab7ee;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 700;
  padding-left: 4px;
}
.player__text--link:hover {
  color: #51ddd4;
}
.player__text--red {
  color: #fe0321;
}
.player__text--delete,
.player__text--cancelLoad {
  font-size: 10px;
  margin-left: 10px;
  border-bottom: 1px dashed #999999;
  cursor: pointer;
}
.player__text--delete:hover,
.player__text--cancelLoad:hover {
  color: #fca0ab;
  border-color: #fca0ab;
}
.player__text[data-status="hide"] {
  display: none;
}
.player__text[data-status="show"] {
  display: block;
}
@media (max-width: 940px) {
  .player__turn {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
  }
  .player__turnBtn {
    width: 100%;
  }
  .player__turnBtn--unloadAll {
    padding-top: 10px;
  }
  .player__menu {
    padding-bottom: 0;
  }
  .player__info {
    display: block;
  }
  .player__infoWrap {
    width: auto;
    border-right: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .player__infoMain {
    width: auto;
    border-right: none;
    border-bottom: 1px solid #dcd7de;
  }
  .player__infoAdd {
    width: auto;
    border-right: none;
    border-bottom: 1px solid #dcd7de;
    padding: 10px 20px;
  }
  .player__infoPhonogram {
    width: auto;
    padding: 10px 20px;
    height: 100%;
  }
  .player__infoVideo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
  .player__editVideo .videoYoutube {
    width: 100%;
  }
  .player__statusItem--mobileHide {
    display: none;
  }
  .player__statusList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .player__statusItem {
    border-bottom: 1px solid #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media (max-width: 560px) {
  .player__statusItem--performanceEdit {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-column-end: -1;
  }
  .player__performanceGroup .player__statusItem--performanceEdit {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-column-end: -1;
  }
}
@media (max-width: 680px) {
  .player__performanceDocuments .player__documentItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 0;
  }
  .player__performanceDocuments .player__documentItem p {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: auto;
    text-align: center;
    margin-bottom: 6px;
  }
  .player__performanceDocuments .modal__button--printDocument {
    display: none;
  }
  .player__statusList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.orderTurn[data-moving="true"] .orderTurn__moveHereOrder {
  display: block;
}
.orderTurn[data-moving="true"] .orderTurn__wrapBtnMove {
  display: none;
}
.orderTurn[data-moving="true"] .orderTurn__btnChoice {
  display: block;
}
.orderTurn[data-moving="true"] .orderTurn__btnChoiceRange {
  display: block;
}
.orderTurn[data-copying-landmark="true"] .orderTurn__copyHereOrder {
  display: block;
}
.orderTurn[data-copying-landmark="true"] .orderTurn__wrapBtnMove {
  display: none;
}
.orderTurn[data-copying-landmark="true"] .orderTurn__addLandmark {
  display: none;
}
.orderTurn[data-moving-landmark="true"] .orderTurn__moveHereOrder {
  display: block;
}
.orderTurn[data-moving-landmark="true"] .orderTurn__wrapBtnMove {
  display: none;
}
.orderTurn[data-moving-landmark="true"] .orderTurn__addLandmark {
  display: none;
}
.orderTurn[data-is-moving="true"] .orderTurn__placeButton {
  display: block;
}
.orderTurn[data-is-moving="true"] .orderTurn__addLandmark {
  display: none;
}
.orderTurn__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orderTurn__progressLoad meter {
  width: 100%;
}
.orderTurn__infoLoadPhonograms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orderTurn__infoLoadPhonograms p {
  margin-top: 4px;
  margin-bottom: 4px;
}
.orderturn__master {
  display: none;
}
.orderTurn__base {
  display: none;
}
.orderTurn__list[data-filter-landmark="show"] .orderTurn__landmark {
  display: block;
}
.orderTurn__list[data-filter-landmark="hide"] .orderTurn__landmark {
  display: none;
}
.orderTurn__list[data-filter-landmark-before-time="show"] .orderTurn__landmarkBeforeTime[data-status="show"] {
  display: block;
}
.orderTurn__list[data-filter-landmark-before-time="hide"] .orderTurn__landmarkBeforeTime[data-status="show"] {
  display: none;
}
.orderTurn__list[data-filter-performance="show"] .orderTurn__performance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.orderTurn__list[data-filter-performance="show"] .orderTurn__item .orderturn__time {
  display: block;
}
.orderTurn__list[data-filter-performance="hide"] .orderTurn__performance {
  display: none;
}
.orderTurn__list[data-filter-performance="hide"] .orderTurn__item .orderturn__time {
  display: none;
}
.orderTurn__list[data-filter-before-performance="show"] .orderTurn__performanceBefore[data-status="show"] {
  display: block;
}
.orderTurn__list[data-filter-before-performance="hide"] .orderTurn__performanceBefore[data-status="show"] {
  display: none;
}
.orderTurn__list[data-filter-after-performance="show"] .orderTurn__performanceAfter[data-status="show"] {
  display: block;
}
.orderTurn__list[data-filter-after-performance="hide"] .orderTurn__performanceAfter[data-status="show"] {
  display: none;
}
.orderTurn__list[data-filter-after-performance="hide"][data-filter-before-performance="hide"][data-filter-performance="hide"] .orderTurn__item {
  display: none;
}
.orderTurn__item {
  position: relative;
  margin-left: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}
.orderTurn__item::before {
  position: absolute;
  content: "";
  width: 110%;
  height: 4px;
  top: -2px;
  left: -60px;
}
.orderTurn__item[data-info="error"] .orderTurn__performance {
  background-color: #ffeff1;
}
.orderTurn__item[data-turn-id=""] .orderTurn__moveHereOrder,
.orderTurn__item[data-turn-id=""] .orderTurn__copyHereOrder {
  display: none;
}
.orderTurn__item[data-turn-id=""]::before {
  content: none;
}
.orderTurn__item[data-is-active="true"] .orderTurn__itemWrap {
  outline: 5px solid green;
}
.orderTurn__item--opacity {
  opacity: 0.5;
}
.orderTurn__item--opacity .orderTurn__moveHereOrder,
.orderTurn__item--opacity .orderTurn__copyHereOrder {
  visibility: hidden;
}
.orderTurn__item--drop {
  opacity: 0.7;
  border-top: none;
}
.orderTurn__item--drop .orderturn__time {
  display: none;
}
.orderTurn__item[data-over="true"]::before {
  background-color: #fca0ab;
}
.orderTurn__item[data-over="true"] .orderTurn__droppable {
  position: absolute;
  top: -50px;
  left: 0;
  z-index: 9000;
  height: 100px;
  width: 100%;
}
.orderTurn__item[data-check="true"] .orderTurn__btnChoice::before {
  background-color: #51ddd4;
}
.orderTurn__item[data-source="group"] .orderTurn__chainIcon,
.orderTurn__item[data-source="landmark"] .orderTurn__chainIcon,
.orderTurn__item[data-source="performance"] .orderTurn__chainIcon {
  position: absolute;
  display: block;
  width: 3px;
  height: 20px;
  bottom: 100%;
  right: -26px;
  border-right: 3px solid #51ddd4;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.orderTurn__item[data-source="group"] .orderTurn__chainIcon::before,
.orderTurn__item[data-source="landmark"] .orderTurn__chainIcon::before,
.orderTurn__item[data-source="performance"] .orderTurn__chainIcon::before {
  position: absolute;
  content: "";
  right: -3px;
  bottom: 100%;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_curve.svg");
  background-size: 30px;
  background-position: top right;
  background-repeat: no-repeat;
}
.orderTurn__item[data-source="group"] .orderTurn__chainIcon::after,
.orderTurn__item[data-source="landmark"] .orderTurn__chainIcon::after,
.orderTurn__item[data-source="performance"] .orderTurn__chainIcon::after {
  position: absolute;
  content: "";
  top: 100%;
  right: -3px;
  width: 28px;
  height: 22px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 0px 100%;
  border-bottom: 1px solid #51ddd4;
  border-right: 3px solid #51ddd4;
}
.orderTurn__item[data-source="group"] .orderTurn__chainIcon:hover,
.orderTurn__item[data-source="landmark"] .orderTurn__chainIcon:hover,
.orderTurn__item[data-source="performance"] .orderTurn__chainIcon:hover {
  border-right: 3px solid #fca0ab;
}
.orderTurn__item[data-source="group"] .orderTurn__chainIcon:hover::before,
.orderTurn__item[data-source="landmark"] .orderTurn__chainIcon:hover::before,
.orderTurn__item[data-source="performance"] .orderTurn__chainIcon:hover::before {
  background-image: url("../img/arrow_curve_rose.svg");
}
.orderTurn__item[data-source="group"] .orderTurn__chainIcon:hover::after,
.orderTurn__item[data-source="landmark"] .orderTurn__chainIcon:hover::after,
.orderTurn__item[data-source="performance"] .orderTurn__chainIcon:hover::after {
  border-bottom: 1px solid #fca0ab;
  border-right: 3px solid #fca0ab;
}
.orderTurn__item[data-source="group"] .orderTurn__chainIcon.more,
.orderTurn__item[data-source="landmark"] .orderTurn__chainIcon.more,
.orderTurn__item[data-source="performance"] .orderTurn__chainIcon.more {
  right: -35px;
}
.orderTurn__item[data-source="group"] .orderTurn__chainIcon.more::before,
.orderTurn__item[data-source="landmark"] .orderTurn__chainIcon.more::before,
.orderTurn__item[data-source="performance"] .orderTurn__chainIcon.more::before {
  background-size: 35px;
  width: 35px;
}
.orderTurn__item[data-source="group"] .orderTurn__chainIcon.more::after,
.orderTurn__item[data-source="landmark"] .orderTurn__chainIcon.more::after,
.orderTurn__item[data-source="performance"] .orderTurn__chainIcon.more::after {
  width: 38px;
}
.orderTurn__item--opacity + .orderTurn__item .orderTurn__moveHereOrder,
.orderTurn__item--opacity + .orderTurn__item .orderTurn__copyHereOrder {
  visibility: hidden;
}
.orderTurn__item[data-check="true"] + .orderTurn__item .orderTurn__moveHereOrder {
  display: none;
}
.orderTurn__item[data-check="true"] + .orderTurn__landmarkWrap .orderTurn__moveHereOrder {
  display: none;
}
.orderTurn__landmarkWrap[data-check="true"] + .orderTurn__item .orderTurn__moveHereOrder {
  display: none;
}
.orderTurn__landmarkWrap[data-check="true"][data-source="time"] + .orderTurn__item .orderTurn__moveHereOrder {
  display: block;
}
.orderTurn__landmarkWrap[data-check="true"] .orderTurn__moveHereOrder {
  display: none;
}
.orderTurn__line {
  position: relative;
  background-color: #ffffff;
  border-right: 1px solid #dcd7de;
  border-left: 1px solid #dcd7de;
  width: 50px;
  margin-right: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
}
.orderturn__time {
  width: 50px;
  background-color: #7ab7ee;
  padding: 10px 15px;
  padding-left: 0;
  position: absolute;
  left: -55px;
  top: 15px;
  font-weight: 700;
  color: #ffffff;
  text-align: right;
  z-index: 10;
  -webkit-box-shadow: 2px 4px 10px 0px #699ac8ba;
          box-shadow: 2px 4px 10px 0px #699ac8ba;
}
.orderturn__time::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  border: 19px solid #7ab7ee;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.orderturn__time[data-info="landmark"] {
  top: -5px;
  background-color: #fca0ab;
  -webkit-box-shadow: 2px 4px 10px 0px #c98189;
          box-shadow: 2px 4px 10px 0px #c98189;
}
.orderturn__time[data-info="landmark"]::after {
  border: 19px solid #fca0ab;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.orderturn__time[data-info="error"] {
  background-color: #fca0ab;
  -webkit-box-shadow: 2px 4px 10px 0px #c98189;
          box-shadow: 2px 4px 10px 0px #c98189;
}
.orderturn__time[data-info="error"]::after {
  border: 19px solid #fca0ab;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.orderturn__different {
  width: 70px;
  background-color: #7ab7ee;
  padding: 10px 15px;
  padding-left: 0;
  position: absolute;
  left: -55px;
  top: 60px;
  font-weight: 700;
  color: #ffffff;
  text-align: right;
  z-index: 10;
  -webkit-box-shadow: 2px 4px 10px 0px #699ac8ba;
          box-shadow: 2px 4px 10px 0px #699ac8ba;
}
.orderturn__different::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  border: 19px solid #7ab7ee;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.orderturn__different[data-different="error"] {
  background-color: red;
  -webkit-box-shadow: 2px 4px 10px 0px #aaaaaa;
          box-shadow: 2px 4px 10px 0px #aaaaaa;
}
.orderturn__different[data-different="error"]::after {
  border: 19px solid red;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.orderturn__different[data-different="warning"] {
  background-color: yellow;
  color: #000000;
  -webkit-box-shadow: 2px 4px 10px 0px #aaaaaa;
          box-shadow: 2px 4px 10px 0px #aaaaaa;
}
.orderturn__different[data-different="warning"]::after {
  border: 19px solid yellow;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.orderturn__different[data-different="ok"] {
  background-color: green;
  -webkit-box-shadow: 2px 4px 10px 0px #aaaaaa;
          box-shadow: 2px 4px 10px 0px #aaaaaa;
}
.orderturn__different[data-different="ok"]::after {
  border: 19px solid green;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.orderturn__different[data-different="undefined"] {
  width: 50px;
  background-color: #dcd7de;
  -webkit-box-shadow: 2px 4px 10px 0px #aaaaaa;
          box-shadow: 2px 4px 10px 0px #aaaaaa;
}
.orderturn__different[data-different="undefined"]::after {
  border: 19px solid #dcd7de;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.orderTurn__landmarkWrap {
  position: relative;
  margin-bottom: 10px;
  margin-top: 20px;
  margin-left: 60px;
}
.orderTurn__landmarkWrap::before {
  position: absolute;
  content: "";
  width: 110%;
  height: 4px;
  top: -12px;
  left: -60px;
}
.orderTurn__landmarkWrap[data-first] .orderTurn__moveHereOrder,
.orderTurn__landmarkWrap[data-first] .orderTurn__copyHereOrder {
  display: none;
}
.orderTurn__landmarkWrap[data-first]::before {
  content: none;
}
.orderTurn__landmarkWrap[data-over="true"]::before {
  background-color: #fca0ab;
}
.orderTurn__landmarkWrap[data-over="true"] .orderTurn__droppable {
  position: absolute;
  top: -50px;
  left: 0;
  z-index: 9000;
  height: 100px;
  width: 100%;
}
.orderTurn__landmarkWrap[data-source="performance"] .orderTurn__landmark {
  background-color: #fbae5e;
}
.orderTurn__landmarkWrap[data-source="performance"] .orderturn__time[data-info="landmark"] {
  background-color: #fbae5e;
  -webkit-box-shadow: 2px 4px 10px 0px #a98a4a;
          box-shadow: 2px 4px 10px 0px #a98a4a;
}
.orderTurn__landmarkWrap[data-source="performance"] .orderturn__time[data-info="landmark"]::after {
  border-color: #fbae5e;
  border-left-color: transparent;
  border-right-color: transparent;
}
.orderTurn__landmarkWrap[data-source="landmark"] .orderTurn__chainIcon,
.orderTurn__landmarkWrap[data-source="performance"] .orderTurn__chainIcon {
  position: absolute;
  display: block;
  width: 3px;
  height: 20px;
  bottom: 100%;
  right: -26px;
  border-right: 3px solid #51ddd4;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.orderTurn__landmarkWrap[data-source="landmark"] .orderTurn__chainIcon::before,
.orderTurn__landmarkWrap[data-source="performance"] .orderTurn__chainIcon::before {
  position: absolute;
  content: "";
  right: -3px;
  bottom: 100%;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_curve.svg");
  background-size: 30px;
  background-position: top right;
  background-repeat: no-repeat;
}
.orderTurn__landmarkWrap[data-source="landmark"] .orderTurn__chainIcon::after,
.orderTurn__landmarkWrap[data-source="performance"] .orderTurn__chainIcon::after {
  position: absolute;
  content: "";
  top: 100%;
  right: -3px;
  width: 28px;
  height: 22px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 0px 100%;
  border-bottom: 1px solid #51ddd4;
  border-right: 3px solid #51ddd4;
}
.orderTurn__landmarkWrap[data-source="landmark"] .orderTurn__chainIcon:hover,
.orderTurn__landmarkWrap[data-source="performance"] .orderTurn__chainIcon:hover {
  border-right: 3px solid #fca0ab;
}
.orderTurn__landmarkWrap[data-source="landmark"] .orderTurn__chainIcon:hover::before,
.orderTurn__landmarkWrap[data-source="performance"] .orderTurn__chainIcon:hover::before {
  background-image: url("../img/arrow_curve_rose.svg");
}
.orderTurn__landmarkWrap[data-source="landmark"] .orderTurn__chainIcon:hover::after,
.orderTurn__landmarkWrap[data-source="performance"] .orderTurn__chainIcon:hover::after {
  border-bottom: 1px solid #fca0ab;
  border-right: 3px solid #fca0ab;
}
.orderTurn__landmarkWrap[data-source="landmark"] .orderTurn__chainIcon.more,
.orderTurn__landmarkWrap[data-source="performance"] .orderTurn__chainIcon.more {
  right: -35px;
}
.orderTurn__landmarkWrap[data-source="landmark"] .orderTurn__chainIcon.more::before,
.orderTurn__landmarkWrap[data-source="performance"] .orderTurn__chainIcon.more::before {
  background-size: 35px;
  width: 35px;
}
.orderTurn__landmarkWrap[data-source="landmark"] .orderTurn__chainIcon.more::after,
.orderTurn__landmarkWrap[data-source="performance"] .orderTurn__chainIcon.more::after {
  width: 38px;
}
.orderTurn__landmarkWrap[data-source="time"] .orderTurn__chainIcon {
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: 8px;
  right: 6px;
  background-image: url(../img/clock.svg);
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
  background-color: white;
  border-radius: 50%;
}
.orderTurn__landmarkWrap[data-source="time"] .orderTurn__settingsLandmarkWrap {
  right: 36px;
}
.orderTurn__item[data-check="true"] + .orderTurn__item .orderTurn__placeButton {
  display: none;
}
.orderTurn__item[data-check="true"] + .orderTurn__landmarkWrap .orderTurn__placeButton {
  display: none;
}
.orderTurn__landmarkWrap[data-check="true"] + .orderTurn__item .orderTurn__placeButton {
  display: none;
}
.orderTurn__landmarkWrap[data-check="true"] .orderTurn__placeButton {
  display: none;
}
.orderTurn__landmarkBeforeTime {
  background-color: #dcd7de;
  padding: 15px;
  margin-bottom: 5px;
}
.orderTurn__landmarkBeforeTime p {
  color: #000000;
  margin: 0;
  text-align: center;
}
.orderTurn__landmarkBeforeTime[data-status="hide"] {
  display: none;
}
.orderTurn__landmarkBeforeTime[data-status="show"] {
  display: block;
}
.orderTurn__landmark {
  position: relative;
  background-color: #fca0ab;
  text-align: center;
  padding: 15px;
}
.orderTurn__landmark p {
  color: #ffffff;
  font-weight: 700;
  margin: 0;
}
.orderTurn__landmark:first-child::before {
  content: none;
}
.orderTurn__itemWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 90%;
          flex: 1 0 90%;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border-radius: 5px;
}
.orderTurn__performance {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  border: 1px solid #dcd7de;
}
.orderTurn__performanceWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.orderTurn__performanceBefore,
.orderTurn__performanceAfter {
  background-color: #d8fff8;
  text-align: center;
  padding: 6px 15px;
}
.orderTurn__performanceBefore p,
.orderTurn__performanceAfter p {
  margin: 0;
}
.orderTurn__performanceBefore[data-status="hide"],
.orderTurn__performanceAfter[data-status="hide"] {
  display: none;
}
.orderTurn__performanceBefore[data-status="show"],
.orderTurn__performanceAfter[data-status="show"] {
  display: block;
}
.orderTurn__performanceBefore {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #dcd7de;
  border-bottom: none;
}
.orderTurn__performanceAfter {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fffac9;
  border: 1px solid #dcd7de;
  border-top: none;
}
.orderTurn__performanceBefore[data-status="show"] + .orderTurn__performance {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.orderTurn__performanceInfo {
  width: 40%;
  border-right: 1px solid #dcd7de;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
}
.orderTurn__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  padding-right: 40px;
  padding-bottom: 10px;
}
.orderTurn__note {
  padding-left: 20px;
  padding-right: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
}
.orderTurn__performanceId {
  margin: 0;
}
.orderTurn__category {
  width: 90%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 90%;
          flex: 0 1 90%;
  padding-bottom: 0;
}
.orderTurn__category .category__button {
  border: 1px solid #dcd7de;
  margin-bottom: 0;
}
.orderTurn__inputWrap {
  position: relative;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 12px);
}
.orderTurn__inputWrap--white {
  background-color: #ffffff;
}
.orderTurn__inputWrap[data-list="show"] .orderTurn__btnOpen--oneArrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.orderTurn__inputWrap[data-list="show"] .orderTurn__select {
  display: block;
}
.orderTurn__inputWrap[data-list="hide"] .orderTurn__select {
  display: none;
}
.orderTurn__inputWrap--turnId {
  width: 50px;
  border: none;
  border-right: 1px solid #dcd7de;
  background-color: #ffffff;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: -10px;
  margin-bottom: -10px;
  -webkit-box-shadow: 5px 0px 8px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 0px 8px rgba(217, 217, 217, 0.5);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.orderTurn__inputWrap--turnId[data-editable="true"]:hover {
  cursor: pointer;
  background-color: #f3f4f8;
}
.orderTurn__inputWrap--turnIdEdit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  border: none;
  border-right: 1px solid #dcd7de;
  background-color: #ffffff;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: -10px;
  margin-bottom: -10px;
  -webkit-box-shadow: 5px 0px 8px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 0px 8px rgba(217, 217, 217, 0.5);
}
.orderTurn__inputWrap--turnIdEdit .dropDownList__wrap {
  margin-bottom: 0;
}
.orderTurn__inputWrap--turnIdEdit .dropDownList__input {
  padding: 7px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.orderTurn__inputWrap--turnIdEdit .orderTurn__turnIdSetting {
  position: absolute;
  top: 50%;
  left: 100%;
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: -54px;
  z-index: 2;
  padding: 2px 0;
}
.orderTurn__inputWrap--age,
.orderTurn__inputWrap--nomination {
  width: 38%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-left: 5px;
  background-color: #ffffff;
  padding-right: 35px;
}
.orderTurn__label {
  position: relative;
  color: #999999;
  font-size: 12px;
  line-height: 14px;
  padding: 10px;
  border-right: 1px solid #dcd7de;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #ffffff;
}
.orderTurn__input {
  padding: 10px 15px;
  font-size: 12px;
  border: none;
  background-color: transparent;
  color: #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  width: 50%;
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis;
  /* Добавляем многоточие */
}
.orderTurn__input--age,
.orderTurn__input--nomination {
  font-size: 10px;
  padding: 10px 5px;
}
.orderTurn__input--turnId {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  padding: 5px;
  margin: 0;
  padding: 6px;
  padding: 6px;
  border: 1px solid #ffffff;
  border-radius: 5px;
  background-color: #ffffff;
}
.orderTurn__btnOpen {
  position: absolute;
  z-index: 8;
  right: 5px;
  background-color: transparent;
  border: none;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.orderTurn__btnOpen--oneArrow {
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center;
}
.orderTurn__btnOpen--twoArrowUp {
  bottom: 50%;
  right: 4px;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: center top 6px;
}
.orderTurn__btnOpen--twoArrowDown {
  top: 50%;
  width: 30px;
  height: 24px;
  background-image: url("../img/arrow_grey.svg");
  background-size: 15px 8px;
  background-position: center top 6px;
}
.orderTurn__joinButton {
  background-color: #ffffff;
  background-image: url("../img/lock.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  border: none;
  border-radius: 5px;
  width: 32px;
  height: 32px;
  padding: 5px;
  cursor: pointer;
  border: 1px solid #dcd7de;
}
.orderTurn__joinButton[data-join="rating"] {
  background-image: url("../img/unlock.svg");
}
.orderTurn__editBtn {
  background-image: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  padding: 8px 20px;
  cursor: pointer;
  font-weight: 700;
}
.orderTurn__wrapBtnMove {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.orderTurn__wrapBtnMove[data-status-btn="hide"] .orderTurn__btnMove:not(.js--moveOrder) {
  display: none;
}
.orderTurn__btnMove {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  border: none;
  border-radius: 5px;
  width: 32px;
  height: 32px;
  padding: 0;
  cursor: pointer;
  border: 1px solid #dcd7de;
}
.orderTurn__btnMove svg {
  width: 30px;
  height: 30px;
  fill: var(--main-color);
  top: 0;
  left: 0;
}
.orderTurn__btnMove--play {
  display: none;
}
.orderTurn__btnMove--hide {
  display: none;
}
.orderTurn__btnMove[data-mode="move"] {
  background-color: #51ddd4;
  background-image: url("../img/move_white.svg");
}
.orderTurn__btnMove[data-lock="true"] {
  position: relative;
}
.orderTurn__btnMove[data-lock="true"] svg {
  fill: #999999;
}
.orderTurn__btnMove[data-lock="true"]::after {
  position: absolute;
  content: "";
  background-image: url(../img/lock.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  top: -10px;
  right: -4px;
  border-radius: 4px;
  padding: 2px;
  color: #51ddd4;
  border: 1px solid #51ddd4;
  width: 14px;
  height: 14px;
}
.orderTurn__btnMove:disabled {
  pointer-events: none;
  cursor: no-drop;
}
.orderTurn__btnChoice {
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0;
  display: none;
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 62px;
  width: calc(100% - 62px);
  border-radius: 5px;
  cursor: pointer;
}
.orderTurn__btnChoice::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  right: 20px;
  top: 50%;
  margin-top: -25px;
  background-image: url("../img/check_white.svg");
  background-color: #dcd7de;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border-radius: 10px;
}
.orderTurn__btnChoiceRange {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: none;
}
.orderTurn__moveHereOrder,
.orderTurn__copyHereOrder {
  position: absolute;
  top: -25px;
  left: -60px;
  width: 110%;
  height: 30px;
  padding: 0;
  background-color: transparent;
  border: none;
  display: none;
  margin: 0;
  cursor: pointer;
}
.orderTurn__moveHereOrder::before,
.orderTurn__copyHereOrder::before {
  position: absolute;
  content: "";
  height: 4px;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -2px;
  background-color: #fca0ab;
  -webkit-transition: all cubic-bezier(0.55, 0.09, 0.68, 0.53) 300ms;
  transition: all cubic-bezier(0.55, 0.09, 0.68, 0.53) 300ms;
}
.orderTurn__moveHereOrder:hover::before,
.orderTurn__copyHereOrder:hover::before {
  background-color: #51ddd4;
  height: 8px;
  margin-top: -4px;
  -webkit-transition: all cubic-bezier(0.55, 0.09, 0.68, 0.53) 300ms;
  transition: all cubic-bezier(0.55, 0.09, 0.68, 0.53) 300ms;
}
.orderTurn__copyHereOrder::before {
  background-color: #7ab7ee;
}
.orderTurn__placeButton {
  position: absolute;
  top: -25px;
  left: -60px;
  width: 110%;
  height: 30px;
  margin: 0;
  background-color: transparent;
  border: none;
  display: none;
  padding: 0;
  cursor: pointer;
}
.orderTurn__placeButton::before {
  position: absolute;
  content: "";
  height: 4px;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -2px;
  background-color: #fca0ab;
  -webkit-transition: all cubic-bezier(0.55, 0.09, 0.68, 0.53) 300ms;
  transition: all cubic-bezier(0.55, 0.09, 0.68, 0.53) 300ms;
}
.orderTurn__placeButton:hover::before {
  background-color: #51ddd4;
  height: 8px;
  margin-top: -4px;
  -webkit-transition: all cubic-bezier(0.55, 0.09, 0.68, 0.53) 300ms;
  transition: all cubic-bezier(0.55, 0.09, 0.68, 0.53) 300ms;
}
.orderTurn__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.orderTurn__turnBtn {
  position: relative;
  background-color: #ffffff;
  color: #999999;
  text-transform: uppercase;
  padding: 10px 15px;
  border: 1px solid #dcd7de;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.orderTurn__turnBtn:hover {
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
}
.orderTurn__turnBtn:last-child {
  margin-right: 0;
}
.orderTurn__turnBtn[data-link="no"] {
  pointer-events: none;
}
.orderTurn__turnBtn[data-status="hide"] {
  display: none;
}
.orderTurn__turnBtn svg {
  position: absolute;
  content: "";
  background-color: #ffffff;
  top: -10px;
  right: -4px;
  border-radius: 4px;
  padding: 2px;
  border: 1px solid #999999;
  width: 24px;
  height: 24px;
}
.orderTurn__turnBtn svg .master__btn-icon--lock,
.orderTurn__turnBtn svg .master__btn-icon--unlock,
.orderTurn__turnBtn svg .master__btn-icon--somelock {
  display: none;
}
.orderTurn__turnBtn[data-lock-mode="all"] svg {
  fill: red;
}
.orderTurn__turnBtn[data-lock-mode="all"] .master__btn-icon--lock {
  display: block;
}
.orderTurn__turnBtn[data-lock-mode="none"] svg {
  fill: green;
}
.orderTurn__turnBtn[data-lock-mode="none"] .master__btn-icon--unlock {
  display: block;
}
.orderTurn__turnBtn[data-lock-mode="some"] svg {
  fill: red;
}
.orderTurn__turnBtn[data-lock-mode="some"] .master__btn-icon--somelock {
  display: block;
}
.orderTurn__timeAvail,
.orderTurn__durationSum {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  color: #999999;
  text-transform: uppercase;
  padding: 10px 15px;
  border: 1px solid #dcd7de;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.orderTurn__timeAvail--time,
.orderTurn__durationSum--time {
  text-transform: none;
}
.orderTurn__keyboardSetting {
  background-color: #ffffff;
  color: #999999;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  padding: 5px;
  background-image: url("../img/keyboard.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
  cursor: pointer;
  width: 60px;
}
.orderTurn__orderTurnFlowButton {
  background-color: #ffffff;
  color: #999999;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  padding: 5px;
  background-image: url("../img/timeline.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
  cursor: pointer;
  width: 60px;
}
.orderTurn__addLandmark {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  padding: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  bottom: -12px;
  left: -30px;
  background-image: url("../img/plus_color.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.orderTurn__settingsLandmarkWrap {
  position: absolute;
  bottom: 6px;
  right: 6px;
  z-index: 1;
}
.orderTurn__settingsLandmarkWrap[data-mode="show"] .orderTurn__settingsLandmark,
.orderTurn__settingsLandmarkWrap[data-mode="show"] .shortMenu {
  opacity: 1;
  display: block;
}
.orderTurn__settingsLandmarkWrap[data-mode="active"] .orderTurn__settingsLandmark {
  opacity: 1;
  display: block;
}
.orderTurn__settingsLandmark {
  background-color: transparent;
  border: none;
  border-radius: 5px;
  padding: 0;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background-image: url("../img/settings_white_2.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  margin-left: auto;
}
.orderTurn__dateContestWrap {
  padding: 5px;
  padding-top: 25px;
  padding-left: 60px;
  position: relative;
}
.orderTurn__dateContestWrap::before {
  position: absolute;
  content: "";
  width: 110%;
  height: 4px;
  top: 8px;
  left: -60px;
}
.orderTurn__dateContestWrap[data-first] .orderTurn__moveHereOrder,
.orderTurn__dateContestWrap[data-first] .orderTurn__copyHereOrder {
  display: none;
}
.orderTurn__dateContestWrap[data-first]::before {
  content: none;
}
.orderTurn__dateContestWrap[data-over="true"]::before {
  background-color: #fca0ab;
}
.orderTurn__dateContestWrap[data-over="true"] .orderTurn__droppable {
  position: absolute;
  top: -50px;
  left: 0;
  z-index: 9000;
  height: 100px;
  width: 100%;
}
.orderTurn__dateContest {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
.orderTurn__contestTimeZone {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  background-color: #d8fff8;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  padding: 20px;
}
.orderTurn__contestTimeZone p {
  margin: 0;
}
.orderTurn__contestCity {
  font-weight: 700;
  padding-bottom: 10px;
}
.orderTurn__btnShowBtnMove {
  display: none;
}
.orderTurn__currentTurn {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 500;
  -webkit-box-shadow: 0px -6px 6px rgba(217, 217, 217, 0.5);
          box-shadow: 0px -6px 6px rgba(217, 217, 217, 0.5);
}
.orderTurn__currentTurn[data-status="hide"] {
  display: none;
}
.orderTurn__currentTurn[data-mode="play"] .orderTurn__currentTurnBtn--play {
  display: none;
}
.orderTurn__currentTurn[data-mode="pause"] .orderTurn__currentTurnBtn--pause {
  display: none;
}
.orderTurn__currentTurn .performanceTitle {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.orderTurn__currentTurn .performanceTime {
  width: 50px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
}
.orderTurn__currentTurn meter {
  height: 30px;
  width: 100%;
}
.orderTurn__currentTurnWrap {
  margin: 10px auto;
  margin-left: 325px;
  margin-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-template-columns: 1fr repeat(6, -webkit-min-content);
  grid-template-columns: 1fr repeat(6, min-content);
}
.orderTurn__wrapAudio {
  background-color: #ffffff;
  border-radius: 5px;
}
.orderTurn__wrapAudio .orderTurn__phonogramTitle {
  margin: 0;
}
.orderTurn__controlsWrap {
  text-align: center;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.orderTurn__phonogram {
  position: relative;
}
.orderTurn__audioProgress {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  font-weight: 700;
}
.orderTurn__phonogramAudio {
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.orderTurn__btnPlay {
  background-color: #ffffff;
  background-image: url(../img/play.svg);
  background-repeat: no-repeat;
  background-position: left 5px center;
  background-size: 24px;
  border: none;
  border-radius: 5px;
  padding: 10px 15px;
  padding-left: 40px;
  cursor: pointer;
  border: 1px solid #dcd7de;
  -webkit-box-shadow: 0px 0px 4px 2px rgba(217, 217, 217, 0.5);
          box-shadow: 0px 0px 4px 2px rgba(217, 217, 217, 0.5);
}
.orderTurn__btnPlay[data-status="press"] {
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(217, 217, 217, 0.5);
          box-shadow: inset 0px 0px 4px 2px rgba(217, 217, 217, 0.5);
}
.orderTurn__btnPlay:active {
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(217, 217, 217, 0.5);
          box-shadow: inset 0px 0px 4px 2px rgba(217, 217, 217, 0.5);
}
.orderTurn__btnPlay[data-status="hide"] {
  display: none;
}
.orderTurn__btnPrepared {
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  padding: 10px 15px;
  cursor: pointer;
  border: 1px solid #dcd7de;
  -webkit-box-shadow: 0px 0px 4px 2px rgba(217, 217, 217, 0.5);
          box-shadow: 0px 0px 4px 2px rgba(217, 217, 217, 0.5);
  display: block;
  margin-left: auto;
}
.orderTurn__btnPrepared[data-status="hide"] {
  display: none;
}
.orderTurn__performanceTitle {
  font-weight: 700;
}
.orderTurn__groupPerformances {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 10px;
}
.orderTurn__groupPerformances .orderTurn__performanceTitle {
  padding-right: 10px;
  margin: 0;
}
.orderTurn__audioPlay {
  background-color: #51ddd4;
  border: none;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  background-image: url(../img/play-big-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  padding: 0;
  cursor: pointer;
}
.orderTurn__audioPlay[data-mode="pause"] {
  background-image: url(../img/pause_white.svg);
}
.orderTurn__audioPlay[disabled] {
  background-color: #dcd7de;
}
.orderTurn__audioStart {
  background-color: #51ddd4;
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-image: url(../img/onstart-big-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  padding: 0;
  cursor: pointer;
}
.orderTurn__audioStart[disabled] {
  background-color: #dcd7de;
}
.orderTurn__audioStop {
  background-color: #51ddd4;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 5px;
  background-image: url(../img/stop_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  padding: 0;
  cursor: pointer;
}
.orderTurn__audioStop[disabled] {
  background-color: #dcd7de;
}
.orderTurn__audioPrepare {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: left 5px center;
  background-size: 24px;
  padding: 10px 15px;
  cursor: pointer;
}
.orderTurn__phonogramInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orderTurn__phonogramStatus {
  padding-right: 20px;
  font-weight: 700;
}
.orderTurn__progressPlayingWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.orderTurn__progressPlaying {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-left: 10px;
  margin-right: 10px;
}
.orderTurn__currentTurnBtn {
  background-color: #51ddd4;
  border: none;
  padding: 0;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  margin-right: 10px;
  margin-left: 10px;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
}
.orderTurn__currentTurnBtn--play {
  background-image: url(../img/play-big-white.svg);
}
.orderTurn__currentTurnBtn--pause {
  background-image: url(../img/pause_white.svg);
}
.orderTurn__currentTurnBtn--onstart {
  background-image: url(../img/onstart-big-white.svg);
}
.orderTurn__currentTurnBtn--stop {
  background-image: url(../img/stop_white.svg);
}
.orderTurn__currentTurnBtn--finish {
  background-image: url(../img/finish_white.svg);
}
.orderTurn__currentTurnBtn--close {
  background-color: #ffffff;
  background-image: url(../img/close_grey.svg);
  background-size: 20px;
}
@media (max-width: 1090px) {
  .orderTurn__currentTurnWrap {
    margin-left: 145px;
  }
}
@media (max-width: 780px) {
  .orderTurn__currentTurnWrap {
    grid-template-columns: repeat(6, -webkit-min-content);
    grid-template-columns: repeat(6, min-content);
  }
  .orderTurn__currentTurnWrap .performanceTitle {
    grid-column-start: 1;
    grid-column-end: 8;
  }
}
@media (max-width: 680px) {
  .orderTurn__item {
    margin-left: 0;
  }
  .orderTurn__performance {
    cursor: pointer;
    min-height: 76px;
  }
  .orderTurn__performance[data-mode="hide"] .orderTurn__duration,
  .orderTurn__performance[data-mode="hide"] .orderTurn__teamTitle {
    display: none;
  }
  .orderTurn__inputWrap--turnId {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    padding-top: 30px;
  }
  .orderTurn__input--turnId {
    margin-bottom: 6px;
    margin-top: 6px;
  }
  .orderTurn__performanceWrap {
    display: block;
    padding-left: 15px;
    padding-right: 40px;
  }
  .orderTurn__performanceInfo {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    border-right: none;
  }
  .orderTurn__info {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .orderTurn__note {
    padding-top: 6px;
    padding-left: 0;
    padding-right: 0;
  }
  .orderTurn__performanceTitle,
  .orderTurn__performanceId {
    margin: 0;
  }
  .orderTurn__performanceId {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-right: 10px;
  }
  .orderTurn__category {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .orderTurn__category .category__button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 47%;
            flex: 0 1 47%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    padding: 1px 4px;
    width: 50px;
  }
  .orderturn__time {
    left: 0;
    top: 8px;
    padding-left: 10px;
    padding-right: 0;
    text-align: left;
    width: 43px;
  }
  .orderturn__time::after {
    left: auto;
    right: -10px;
  }
  .orderTurn__duration {
    margin: 0;
    margin-top: 10px;
  }
  .orderTurn__teamTitle {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .orderTurn__landmark {
    margin-left: 0;
  }
  .orderTurn__dateContestWrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .orderTurn__wrapBtnMove {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 64px;
    right: 6px;
    width: 100%;
    left: 0;
    right: 0;
    top: 100%;
    -webkit-box-shadow: 0px 5px 20px rgba(217, 217, 217, 0.5);
            box-shadow: 0px 5px 20px rgba(217, 217, 217, 0.5);
    z-index: 100;
  }
  .orderTurn__wrapBtnMove[data-status="hide"] {
    display: none;
  }
  .orderTurn__btnPlay {
    height: 40px;
    text-align: left;
    margin-top: 8px;
  }
  .orderTurn__btnPlay[data-status="hide"] {
    display: none;
  }
  .orderTurn__groupPerformances {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .orderTurn__btnMove {
    width: 30%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 30%;
            flex: 1 0 30%;
    height: 50px;
  }
  .orderTurn__btnMove--first {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .orderTurn__btnMove--up {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .orderTurn__btnMove--move {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .orderTurn__btnMove--last {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .orderTurn__btnMove--down {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .orderTurn__btnMove--play {
    background-image: url(../img/play.svg);
    display: block;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .orderTurn__btnMove--hide {
    background-image: none;
    display: block;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .orderTurn__moveHereOrder,
  .orderTurn__copyHereOrder {
    width: calc(100% - 80px);
    left: 70px;
  }
  .orderTurn__btnShowBtnMove {
    display: block;
    background-color: #ffffff;
    border: none;
    padding: 0;
    width: 30px;
    position: absolute;
    top: 10px;
    bottom: 0;
    right: 0;
    background-image: url(../img/arrow_grey.svg);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #dcd7de;
  }
  .orderTurn__currentTurn {
    display: block;
  }
}
.loaderButton {
  background-image: url("../img/search-loader.gif");
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  color: rgba(0, 0, 0, 0);
}
.loaderButton:hover {
  color: rgba(0, 0, 0, 0);
}
.authDocument {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.authDocument .master__button {
  margin-left: auto;
  margin-right: auto;
}
.authDocument__result {
  margin-right: 45px;
}
.authDocument__result[data-status="hide"] {
  display: none;
}
.authDocument__title {
  font-weight: 700;
  color: #51ddd4;
  font-size: 18px;
}
.authDocument__list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
.authDocument__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.authDocument__item p {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 45%;
          flex: 1 0 45%;
  width: 45%;
  padding: 10px;
  border: 1px solid #dcd7de;
}
.authDocument__item p:first-child {
  font-weight: 700;
}
.allRefereePerformance {
  overflow-y: auto;
  height: calc(100% - 90px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  padding-bottom: 0;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  background-color: rgba(220, 215, 222, 0.5);
}
.allRefereePerformance .category__button {
  margin-bottom: 0;
  padding: 6px 10px;
}
.allRefereePerformance[data-filter="full"] .allRefereePerformance--item {
  display: none;
}
.allRefereePerformance[data-filter="full"] .allRefereePerformance--item[data-rating="full"] {
  display: block;
}
.allRefereePerformance[data-filter="empty"] .allRefereePerformance--item {
  display: none;
}
.allRefereePerformance[data-filter="empty"] .allRefereePerformance--item[data-rating="empty"] {
  display: block;
}
.allRefereePerformance[data-filter="notfull"] .allRefereePerformance--item {
  display: none;
}
.allRefereePerformance[data-filter="notfull"] .allRefereePerformance--item[data-rating="notfull"] {
  display: block;
}
.allRefereePerformance[data-filter="error"] .allRefereePerformance--item {
  display: none;
}
.allRefereePerformance[data-filter="error"] .allRefereePerformance--item[data-rating="error"] {
  display: block;
}
.allRefereePerformance[data-filter="not_required"] .allRefereePerformance--item {
  display: none;
}
.allRefereePerformance[data-filter="not_required"] .allRefereePerformance--item[data-rating="not_required"] {
  display: block;
}
.allRefereePerformance--item {
  background-color: #ffffff;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 15px 15px 5px;
  cursor: pointer;
  border: 1px solid #ffffff;
}
.allRefereePerformance--item:hover {
  -webkit-box-shadow: 0px 0px 3px 3px #fca0ab;
          box-shadow: 0px 0px 3px 3px #fca0ab;
}
.allRefereePerformance--item[data-rating="error"] {
  background-color: #fcccd2;
}
.allRefereePerformance--item[data-rating="full"] {
  background-color: #d8fff8;
}
.allRefereePerformance--item[data-rating="notfull"] {
  background-color: #fffac9;
}
.allRefereePerformance--item[data-rating="not_required"] {
  background-color: #f3f4f8;
}
.allRefereePerformance--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.allRefereePerformance--wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.allRefereePerformance--id {
  margin: 0;
  font-weight: 700;
  margin-right: 10px;
}
.allRefereePerformance--performanceTitle {
  margin: 0;
  margin-right: 20px;
}
.allRefereePerformance--teamTitle {
  margin: 0;
  font-weight: 700;
  margin-left: 20px;
}
.allRefereePerformance--rating {
  margin: 0;
  margin-right: 20px;
}
.allRefereePerformance--list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
}
.allRefereePerformance--listItem {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.allRefereePerformance--listItem .rating {
  border: 1px solid #dcd7de;
  padding: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  display: block;
}
.allRefereePerformance__criteriaTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.allRefereePerformance__criteriaTitleList {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.allRefereePerformance__criteriaTitleList li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15%;
          flex: 0 0 15%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 680px) {
  .allRefereePerformance {
    height: calc(100% - 135px);
  }
  .allRefereePerformance--block {
    display: block;
  }
  .allRefereePerformance--wrap {
    display: block;
  }
  .allRefereePerformance--id br {
    display: none;
  }
  .allRefereePerformance--list {
    margin-left: -5px;
    margin-right: -5px;
  }
  .allRefereePerformance--listItem {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
            flex: 1 0 20%;
  }
  .allRefereePerformance--teamTitle {
    margin-left: 0;
  }
}
.fadeIn,
.fadeOut,
.slideInDown,
.slideOutUp {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  visibility: visible;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  opacity: 0;
  visibility: hidden;
}
@-webkit-keyframes slideInDown {
  from {
    top: -320px;
  }
  to {
    top: 180px;
  }
}
@keyframes slideInDown {
  from {
    top: -320px;
  }
  to {
    top: 180px;
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  top: 180px;
}
@-webkit-keyframes slideOutUp {
  from {
    top: 180px;
  }
  to {
    top: -320px;
  }
}
@keyframes slideOutUp {
  from {
    top: 180px;
  }
  to {
    top: -320px;
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
  top: -320px;
}
.selectPerformance {
  position: relative;
}
.selectPerformance::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 128, 0, 0.5);
          box-shadow: 0px 0px 10px 5px rgba(0, 128, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 2s ease;
  transition: opacity 2s ease;
}
.selectPerformance.show::after {
  opacity: 1;
}
.view__btn,
.preview__btn {
  background-color: #ffffff;
  color: #000000;
  text-transform: uppercase;
  border: 1px solid #dcd7de;
  font-size: 12px;
  line-height: 16px;
  border-radius: 5px;
  cursor: pointer;
  width: 50px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
}
.preview__btn {
  width: auto;
}
.backdrop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Open Sans", "Arial", sans-serif;
  font-style: normal;
}
.backdrop[data-mode="hide"] .backdrop__title,
.backdrop[data-mode="hide"] .backdrop__organization,
.backdrop[data-mode="hide"] .backdrop__logo {
  display: none;
}
.backdrop__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.backdrop__image[data-fit="contain"] {
  -o-object-fit: contain;
     object-fit: contain;
}
.backdrop__image[data-fit="no-scale"] {
  -o-object-fit: none;
     object-fit: none;
}
.backdrop__image[data-fit="fill"] {
  -o-object-fit: fill;
     object-fit: fill;
}
.backdrop__liveLink {
  position: absolute;
  width: 50%;
}
.backdrop__liveLink .viewFiles__view {
  height: auto;
}
.backdrop__liveLink[data-position="top-left"] {
  left: 2.5em;
  top: 2.5em;
  margin-right: 2.5em;
}
.backdrop__liveLink[data-position="top-right"] {
  right: 2.5em;
  top: 2.5em;
  margin-left: 2.5em;
}
.backdrop__liveLink[data-position="bottom-left"] {
  left: 2.5em;
  bottom: 2.5em;
  margin-right: 2.5em;
}
.backdrop__liveLink[data-position="bottom-right"] {
  right: 2.5em;
  bottom: 2.5em;
  margin-left: 2.5em;
}
.backdrop__liveLink[data-position="center"] {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.backdrop__logoCity {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  right: 5%;
  left: 5%;
}
.backdrop__logoCity img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.backdrop__title {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  right: 5%;
  left: 5%;
}
.backdrop__city {
  text-align: center;
  margin: 0;
}
.backdrop__team {
  text-align: center;
  margin: 0;
}
.backdrop__organization {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.backdrop__organizationLogo {
  position: absolute;
  width: 100%;
  margin: 0;
}
.backdrop__organizationLogo img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.backdrop__organizationSite {
  margin: 0;
  line-height: 1.3;
  padding-left: 10%;
}
.backdrop__logo {
  position: absolute;
}
.backdrop__logo img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.backdrop__rating {
  background-color: #ffffff99;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 20px;
}
.backdrop__rating p {
  font-size: 2em;
}
.scoreboard .view__btn {
  opacity: 0;
}
.scoreboard .view__btn:hover {
  opacity: 1;
}
.contest-setting {
  padding: 20px;
}
.contest-setting__dates--new {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.contest-setting__dates--new p {
  min-width: auto;
  margin-bottom: 0;
  margin-right: 10px;
}
.contest-setting__dates--new > p:first-child {
  grid-column-start: 1;
  grid-column-end: -1;
}
.contest-setting__dates--new .contest__settings__dateItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contest-setting__header {
  margin: 20px 0;
  background-color: #dcd7de;
  border: 1px solid #999999;
  border-radius: 5px;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contest-setting__header p {
  margin: 0;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.contest-setting__header[data-show="true"] .contest-setting__headerBtnSvg,
.contest-setting__header[data-show="true"] .contest-setting__headerBtn {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.contest-setting__headerBtn {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 5px;
  cursor: pointer;
  background-image: url("../img/arrow_grey.svg");
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
}
.contest-setting__headerBtnSvg {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  font-size: 0;
}
.contest-setting__headerBtnSvg svg {
  fill: #dcd7de;
}
.contest-setting__headerBtnSvg:hover svg {
  fill: #999999;
}
.contest-setting__table {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}
.contest-setting__table--nomination {
  margin-left: 50px;
}
.contest-setting__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.contest-setting__row[data-status="hide"] {
  display: none;
}
.contest-setting__row--header .contest-setting__cell {
  padding: 10px;
}
.contest-setting__row[data-type="nomination"] .master__btn--edit {
  right: auto;
  left: -30px;
  background-color: #ffffff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #dcd7de;
  visibility: visible;
}
.contest-setting__row[data-type="nomination"] .master__btn--copyLink {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  right: auto;
  left: -60px;
  background-color: #ffffff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #dcd7de;
  visibility: visible;
}
.contest-setting__title {
  width: calc(100% - 200px);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 200px);
          flex: 1 0 calc(100% - 200px);
  overflow: hidden;
}
.contest-setting__title[data-active="off"] {
  display: none;
}
.contest-setting__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contest-setting__subtitle .contest-setting__cell {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10px;
          flex: 1 0 10px;
  width: 10px;
  -webkit-writing-mode: tb;
      -ms-writing-mode: tb;
          writing-mode: tb;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  max-height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contest-setting__subtitle .contest-setting__cell[data-color="red"] {
  background-color: #ffdddd;
}
.contest-setting__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.contest-setting__content .contest-setting__cell {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10px;
          flex: 1 0 10px;
  width: 10px;
}
.contest-setting__content .contest-setting__cell:first-child {
  padding: 0;
}
.contest-setting__content[data-active="off"] {
  display: none;
}
.contest-setting__cell {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10px;
          flex: 1 0 10px;
  border: 1px solid #dcd7de;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  display: block;
}
.contest-setting__cell .master__btn--show {
  right: auto;
  left: auto;
  bottom: 0;
  top: auto;
  margin-top: 0;
  background-color: #ffffff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid #dcd7de;
  visibility: hidden;
}
.contest-setting__cell--title {
  font-weight: 700;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contest-setting__cell--titleBtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  font-weight: 700;
  position: relative;
}
.contest-setting__cell:hover .master__btn--show {
  visibility: visible;
}
.contest-setting__button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 10px;
}
.contest-setting__button[data-mode="on"] {
  background-color: #d8fff8;
  background-image: url('../img/change_ok.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
}
.contest-setting__button[data-is-penalty="true"][data-mode="on"] {
  background-color: #ffdddd;
}
.contest-setting__button[data-mode="on-disabled"] {
  background-color: #f3f4f8;
  background-image: url('../img/change_ok_grey.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
}
.contest-setting__button[data-mode="off"] {
  background-color: #f3f4f8;
}
.contest-setting__button[data-mode="disabled"] {
  background-color: #f3f4f8;
  background-image: url('../img/close_grey.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
  pointer-events: none;
}
.contest-setting__titleBtn {
  background-color: transparent;
  position: relative;
  border: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  font-weight: inherit;
  padding: 10px;
  text-align: left;
  padding-right: 25px;
}
.contest-setting__titleBtn[data-level] {
  font-weight: 300;
}
.contest-setting__titleBtn[data-level="0"] {
  font-weight: inherit;
}
.contest-setting__titleBtn[data-level="2"] {
  padding-left: 30px;
}
.contest-setting__titleBtn[data-level="3"] {
  padding-left: 50px;
}
.contest-setting__titleBtn[data-level="4"] {
  padding-left: 70px;
}
.contest-setting__titleBtn[data-active="on"] {
  background-color: #51ddd4;
  color: #ffffff;
}
.contest-setting__btnOpenSubCell {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 100%;
  padding: 0;
  background-color: #d8fff8;
  cursor: pointer;
  border: none;
  border-left: 1px solid #dcd7de;
  background-image: url("../img/arrow_grey.svg");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
}
.contest-setting__btnOpenSubCell:hover {
  background-color: #51ddd4;
  background-image: url("../img/arrow_white.svg");
}
.contest-setting__btn--nextNomination {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.contest-setting__btn--prevNomination {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  right: 32px;
}
.contest-setting__parameterWrap {
  padding-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 15px;
  grid-row-gap: 5px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.contest-setting__parameterWrap .text {
  margin-bottom: 0;
}
.contest-setting__parameterWrap a {
  max-width: 600px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.contest-setting__contestTitle .modal__btn--edit,
.contest-setting__shortContestTitle .modal__btn--edit,
.contest-setting__linkRules .modal__btn--edit,
.contest-setting__contestTitle .master__btn--delete,
.contest-setting__shortContestTitle .master__btn--delete,
.contest-setting__linkRules .master__btn--delete {
  position: relative;
  margin-top: 0;
}
.contest-setting__contestTitle .master__btn--delete,
.contest-setting__shortContestTitle .master__btn--delete,
.contest-setting__linkRules .master__btn--delete {
  width: 50px;
}
.contest-setting__documentTable {
  text-align: center;
  width: 100%;
}
.contest-setting__documentTable th:first-child {
  width: 50%;
}
.contest-setting__constrictorReg {
  border: 1px solid var(--main-color);
  padding: 10px;
  background-color: #ffffff;
  border-radius: 5px;
}
.contest-setting__colorWrap {
  border: 1px solid var(--main-color);
  padding: 10px;
  background-color: #ffffff;
  border-radius: 5px;
}
.contest-setting__checkWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.contest-setting__checkWrap .contest-setting__checkbox {
  display: none;
}
.contest-setting__checkWrap .contest-setting__checkbox:checked + .contest-setting__checkLabel {
  background-color: #ffffff;
  color: var(--main-color);
  border: 1px solid var(--main-color);
  border-bottom: none;
}
.contest-setting__checkLabel {
  background-color: #dcd7de;
  border: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 10px 20px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}
.contest-setting__checkLabel:hover {
  background-color: var(--main-color);
}
.contest-setting__constrictorReg {
  border: 1px solid var(--main-color);
  padding: 10px;
  background-color: #ffffff;
  border-radius: 5px;
}
.contest-setting__colorWrap {
  border: 1px solid var(--main-color);
  padding: 10px;
  background-color: #ffffff;
  border-radius: 5px;
}
.contest-setting__checkWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.contest-setting__checkWrap .contest-setting__checkbox {
  display: none;
}
.contest-setting__checkWrap .contest-setting__checkbox:checked + .contest-setting__checkLabel {
  background-color: #ffffff;
  color: var(--main-color);
  border: 1px solid var(--main-color);
  border-bottom: none;
}
.contest-setting__checkLabel {
  background-color: #dcd7de;
  border: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 10px 20px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}
.contest-setting__checkLabel:hover {
  background-color: var(--main-color);
}
@media (max-width: 768px) {
  .contest-setting__parameterWrap {
    padding-bottom: 20px;
    grid-template-columns: 1fr 0fr -webkit-min-content;
    grid-template-columns: 1fr 0fr min-content;
  }
  .contest-setting__parameterWrap .text:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .contest-setting__parameterWrap .text:nth-child(2) {
    grid-column-start: 1;
  }
}
.registrationCheer form[data-disabled="true"] .registrationCheer__container {
  opacity: 0.5;
  pointer-events: none;
}
.registrationCheer .master__peopleList {
  margin-left: auto;
  margin-right: auto;
}
.registrationCheer .master__people {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
}
.registrationCheer .master__button {
  margin-left: auto;
}
.registrationCheer .master__button--regForm {
  margin-left: 0;
}
.registrationCheer .form-registration__wrap--file {
  width: calc(100% - 42px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 42px);
          flex: 0 0 calc(100% - 42px);
}
.registrationCheer .master__btnWrap {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.registrationCheer .js--fieldPlayer,
.registrationCheer .js--fieldDirector {
  border-bottom: 1px solid #dcd7de;
  margin-bottom: 20px;
}
.registrationCheer__text {
  font-size: 12px;
  color: #999999;
  margin: 0;
}
.registrationCheer__text .red {
  color: #fe0321;
}
.registrationCheer__contestTitle {
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}
.registrationCheer__meet {
  text-align: right;
}
.registrationCheer__meet[data-status="hide"] {
  display: none;
}
.registrationCheer__link {
  color: #7ab7ee;
}
.registrationCheer__link:hover {
  color: #000000;
  text-decoration: none;
}
.registrationCheer__link--rules {
  text-align: center;
  display: block;
  margin-bottom: 30px;
}
.registrationCheer__btnLink {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #7ab7ee;
  text-decoration: underline;
}
.registrationCheer__btnLink:hover {
  color: #000000;
  text-decoration: none;
}
.registrationCheer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.registrationCheer__wrapLeft {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}
.registrationCheer__wrapRight {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.registrationCheer__wrapRight .dropDownList__wrap--note {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-right: 0;
}
@media (max-width: 680px) {
  .registrationCheer .form-registration__wrap--file {
    width: calc(100% - 12px);
  }
  .registrationCheer .master__button {
    min-height: 0;
    margin-left: 0;
  }
  .registrationCheer .master__btnWrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .registrationCheer .registrationCheer__wrapRight {
    padding-left: 10px;
    padding-right: 10px;
  }
  .registrationCheer__container {
    display: block;
  }
  .registrationCheer__contestTitle,
  .registrationCheer__meet {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.tabMoney[data-mode="status"] .tabMoney__sum {
  display: none;
}
.tabMoney[data-mode="status"] .tabMoney__toggleBtn--status {
  background-color: #51ddd4;
}
.tabMoney[data-mode="sum"] .tabMoney__statusBtn {
  display: none;
}
.tabMoney[data-mode="sum"] .tabMoney__toggleBtn--sum {
  background-color: #51ddd4;
}
.tabMoney[data-mode="none"] .tabMoney__statusBtn,
.tabMoney[data-mode="none"] .tabMoney__sum {
  display: none;
}
.tabMoney__toggleBtn {
  border: 1px solid #dcd7de;
  background-color: #dcd7de;
  border-radius: 5px;
  padding: 10px 16px;
  text-transform: uppercase;
  cursor: pointer;
  color: #ffffff;
  font-weight: 700;
}
.tabMoney__statusBtn {
  margin-left: -5px;
  margin-right: -5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tabMoney__statusBtn .master__message {
  margin-bottom: 10px;
}
.tabMoney__btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabMoney__btnWrap[data-disabled="true"] .tabMoney__btn {
  background-color: #dcd7de;
}
.tabMoney__btnWrap[data-disabled="true"] .tabMoney__btn:hover {
  background-color: #dcd7de;
}
.tabMoney__btnWrap[data-access="false"] .tabMoney__btn {
  pointer-events: none;
}
.tabMoney__btnWrap[data-access="false"] .tabMoney__btn[data-status="active"] {
  /* opacity: 0.5; */
}
.tabMoney__btn {
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% / 7 - 10px);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 7 - 10px);
          flex: 1 0 calc(100% / 7 - 10px);
  color: var(--main-color);
  font-weight: 700;
  font-size: 16px;
  border: 2px solid currentColor;
  border-left-width: 4px;
  border-right-width: 4px;
  transition: color 0.3s, border-color 0.3s;
}
.tabMoney__btn[data-status="inactive"] {
  /* border-color: #dcd7de; */
  color: #dcd7de;
}
.tabMoney__btn:hover {
  /* border-color: var(--tab-color); */
  color: var(--main-color);
}
.tabMoney__sum {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tabMoney__dropDownWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.tabMoney__dropDownWrap .dropDownList__wrap {
  margin-left: 5px;
  margin-right: 5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
}
.tabMoney__dropDownWrap .tabMoney__info {
  padding-left: 20px;
}
.tabMoney__payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
@media (max-width: 680px) {
  .tabMoney__btnWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tabMoney__btn {
    margin-bottom: 10px;
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .tabMoney__dropDownWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tabMoney__dropDownWrap .dropDownList__wrap {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .tabMoney__payment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.shortMenu {
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #dcd7de;
  display: none;
  position: absolute;
  top: 0;
  right: 40px;
}
.shortMenu[data-show="true"] {
  display: block;
}
.shortMenu--new {
  display: block;
  position: relative;
  right: 0;
  background-color: transparent;
  border-radius: none;
  border: none;
}
.shortMenu--new .shortMenu__list {
  display: none;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #dcd7de;
}
.shortMenu--new[data-show="true"] .shortMenu__list {
  display: block;
  position: absolute;
  top: 0;
  right: 40px;
}
.shortMenu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shortMenu__item {
  position: relative;
}
.shortMenu__item::after {
  position: absolute;
  content: "";
  left: 5px;
  right: 5px;
  top: 100%;
  height: 2px;
  background-color: #f3f4f8;
}
.shortMenu__item:last-child::after {
  content: none;
}
.shortMenu__button {
  background-color: transparent;
  border-radius: 5px;
  border: none;
  padding: 13px 16px;
  cursor: pointer;
  text-align: left;
  width: 100%;
  color: #000000;
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(2, -webkit-max-content);
  grid-template-columns: repeat(2, max-content);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.shortMenu__button:hover {
  background-color: #d8fff8;
}
.shortMenu__button--disabled {
  color: #999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.videoYoutube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #f3f4f8;
  margin-top: 10px;
  border-radius: 5px;
  top: 0;
}
.videoYoutube__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoYoutube__text {
  margin: 0;
  padding: 10px 5px;
  text-align: center;
}
.videoYoutube__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 5px;
}
.videoYoutube__media:focus {
  outline: 2px solid red;
}
.videoYoutube__button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  padding: 0;
  width: 68px;
  height: 48px;
  border: none;
  background-color: transparent;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.videoYoutube__playButton {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  cursor: pointer;
  padding: 0;
  width: 60px;
  height: 60px;
  border: none;
  background-color: #ffffff;
  background-image: url(../img/play.svg);
  background-size: 48px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 5px;
  border: 1px solid #dcd7de;
}
.videoYoutube__button-shape {
  fill: #212121;
  fill-opacity: 0.8;
}
.videoYoutube__button-icon {
  fill: #ffffff;
}
.videoYoutube__button:focus {
  outline: none;
}
.videoYoutube:hover .videoYoutube__button-shape,
.videoYoutube__button:focus .videoYoutube__button-shape {
  fill: #ff0000;
  fill-opacity: 1;
}
/* Enabled */
.viewFiles {
  margin-top: 10px;
}
.viewFiles--vertical {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 100px 1fr 140px;
  gap: 10px;
  justify-items: center;
  height: 100%;
  margin-top: 0;
}
.viewFiles--vertical .viewFiles__previewList {
  overflow-y: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding-right: 15px;
  max-width: 140px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.viewFiles--vertical .viewFiles__previewItem {
  margin-right: 0;
}
.viewFiles--vertical .viewFiles__view {
  height: 100%;
  width: 100%;
  max-width: 550px;
  max-height: 30vh;
}
.viewFiles--vertical .viewFiles__controls .modal__button {
  margin-left: 0;
  margin-right: 0;
}
.viewFiles--refereePage .modal__button {
  background-color: #ffffff;
  color: #000000;
}
.viewFiles--refereePage .viewFiles__controls {
  padding-top: 5px;
  display: grid;
  grid-gap: 7px;
}
.viewFiles__previewList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 14px;
  overflow: auto;
  padding-top: 10px;
  padding-left: 10px;
}
.viewFiles__previewItem {
  position: relative;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
  border: 2px solid #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f3f4f8;
}
.viewFiles__previewItem::before {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -12px;
  left: 8px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  border-radius: 5px;
}
.viewFiles__previewItem--video::before,
.viewFiles__previewItem--media::before,
.viewFiles__previewItem--link::before {
  background-color: rgba(243, 244, 248, 0.9);
  background-image: url("../img/play.svg");
}
.viewFiles__previewItem--image::before {
  background-color: rgba(243, 244, 248, 0.9);
  background-image: url("../img/zoom.svg");
}
.viewFiles__previewItem--pdf::before {
  content: "PDF";
  line-height: 23px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  left: 6px;
  width: 28px;
}
.viewFiles__previewItem--unknown::before {
  background-color: rgba(243, 244, 248, 0.9);
  background-image: url("../img/icon_question.svg");
}
.viewFiles__previewItem--live_link::before {
  background-color: rgba(243, 244, 248, 0.9);
  content: "LIVE";
  padding: 3px;
  font-size: 10px;
  font-weight: bold;
  color: red;
  line-height: 10px;
  width: auto;
  height: auto;
  margin-top: 0;
  top: 5px;
  left: 5px;
  margin-left: 0;
}
.viewFiles__previewItem[data-archive="true"]::before {
  background-color: rgba(243, 244, 248, 0.9);
  background-image: url("../img/close_red.svg");
}
.viewFiles__previewItem img {
  width: 40px;
  height: 40px;
}
.viewFiles__previewItem[data-is-check="true"],
.viewFiles__previewItem:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  border-bottom: 4px solid #51ddd4;
}
.viewFiles__previewItem[data-inversion] {
  border: 2px solid #51ddd4;
}
.viewFiles__previewItem[data-inversion][data-is-check="true"],
.viewFiles__previewItem[data-inversion]:hover {
  opacity: 0.7;
  border: 2px solid #ffffff;
}
.viewFiles__viewWrap {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  gap: 10px;
}
.viewFiles__viewList {
  width: 100%;
}
.viewFiles__plug {
  width: 40px;
  height: 40px;
  background-color: #dcd7de;
}
.viewFiles__showButton {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.viewFiles__label {
  margin: 0;
  padding: 5px;
}
.viewFiles__view {
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.viewFiles__view.hide {
  display: none;
}
.viewFiles__view--unknown {
  background-color: #f3f4f8;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.viewFiles__view--unknown p {
  margin: 0;
}
.viewFiles__view .videoYoutube {
  margin-top: 0;
}
.viewFiles__view img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
}
@media (max-width: 800px) {
  .viewFiles--edit .viewFiles__viewWrap {
    display: block;
  }
  .viewFiles--edit .viewFiles__controls {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
  }
}
@media (max-width: 940px) {
  .viewFiles {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    justify-items: center;
    height: 100%;
    margin-top: 0;
  }
  .viewFiles .viewFiles__previewList {
    display: block;
  }
  .viewFiles .viewFiles__previewItem {
    margin-bottom: 10px;
  }
  .viewFiles .viewFiles__view {
    height: auto;
    width: 100%;
    max-width: 550px;
  }
}
.mailServer .dropDownList__wrap {
  width: 50%;
}
.mailServer .master__button {
  margin-left: 0;
}
.mailServer .dropDownList__checkWrap {
  margin-bottom: 10px;
}
.mailServer__choiceType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mailServer__btnChoice {
  background-color: #51ddd4;
  border: 1px solid #dcd7de;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 20px;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
}
.mailServer__btnChoice[data-active="true"] {
  background-color: #ffffff;
  color: #51ddd4;
}
.mailServer__wrap {
  border: 1px solid #dcd7de;
  border-top: none;
  padding: 20px;
  background-color: #ffffff;
}
.mailServer__buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mailServer__list {
  margin: -5px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.mailServer__item {
  width: 100px;
  height: 70px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100px;
          flex: 1 0 100px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  background-color: #ffffff;
  margin: 5px;
}
.mailServer__item button {
  background-color: transparent;
  border: none;
  padding: 5px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px;
}
.mailServer__item button[data-server="yandex"] {
  background-image: url("../img/post-yandex-icon.png");
}
.mailServer__item button[data-server="gmail"] {
  background-image: url("../img/post-gmail-icon.png");
}
.mailServer__item button[data-server="icloud"] {
  background-image: url("../img/post-icloud-icon.png");
}
.mailServer__item button[data-server="mail"] {
  background-image: url("../img/post-mail-icon.png");
}
.mailServer__item button[data-server="outlook"] {
  background-image: url("../img/post-outlook-icon.png");
}
.mailServer__item button[data-server="yahoo"] {
  background-image: url("../img/post-yahoo-icon.png");
}
.mailServer__item button[data-server="aol"] {
  background-image: url("../img/post-aol-icon.png");
}
.mailServer__item button[data-server="rambler"] {
  background-image: url("../img/post-rambler-icon.svg");
}
.mailServer__item[data-active="true"] {
  background-color: #d8fff8;
}
.googleDocs__linkWrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.googleDocs__link {
  display: block;
  margin-left: auto;
}
.googleDocs__iframe {
  width: 100%;
  height: 92vh;
}
.payment__payer {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-bottom: 10px;
}
.payment__payer .text {
  grid-column-start: 1;
  grid-column-end: 3;
}
.payment__payer .modal__button {
  margin: 0;
}
.payment__payer .dropDownList__wrap {
  margin-bottom: 0;
}
.payment__options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  margin-bottom: 10px;
}
.payment__options .text {
  grid-column-start: 2;
  grid-column-end: 4;
  margin-bottom: 0;
}
.payment__option {
  padding: 10px 15px;
  border: 1px solid #dcd7de;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.payment__option:hover {
  cursor: pointer;
}
.payment__option--card {
  grid-column-start: 2;
  grid-column-end: 4;
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  row-gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment__option--card .text {
  grid-column-start: auto;
  grid-column-end: auto;
}
.payment__option--card .modal__button {
  grid-row-start: 1;
  grid-row-end: -1;
  grid-column-start: 2;
}
.payment__option--cards {
  grid-column-start: 1;
  grid-column-end: -1;
  display: grid;
  grid-template-columns: 1fr 1fr -webkit-min-content;
  grid-template-columns: 1fr 1fr min-content;
  row-gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment__option--cards .text {
  grid-column-start: auto;
  grid-column-end: auto;
}
.payment__option--cards .payment__logoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.payment__option--cards .payment__quickPay {
  grid-column-start: 1;
  grid-column-end: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.payment__option--cards .payment__quickPay .dropDownList__checkWrap {
  margin-right: 20px;
}
.payment__option--sendLink {
  grid-column-start: 1;
  grid-column-end: 3;
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding: 10px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment__option--sendLink .text {
  margin-bottom: 0;
  grid-column-start: auto;
  grid-column-end: auto;
}
.payment__option--QRcode {
  grid-column-start: 3;
  grid-column-end: 5;
  display: grid;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.payment__option--QRcode .text {
  grid-column-start: 1;
  grid-column-end: 3;
}
.payment__logo {
  margin: 0;
}
.payment__logo img {
  width: 100%;
}
@media (max-width: 680px) {
  .payment__option--card,
  .payment__option--cards {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
  }
  .payment__option--card .payment__logoWrap,
  .payment__option--cards .payment__logoWrap {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .payment__option--card .payment__quickPay,
  .payment__option--cards .payment__quickPay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .payment__option--card .payment__quickPay .dropDownList__checkWrap,
  .payment__option--cards .payment__quickPay .dropDownList__checkWrap {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .payment__option--card .payment__quickPay .text,
  .payment__option--cards .payment__quickPay .text {
    text-align: center;
  }
}
.paymentSystem {
  margin-top: 20px;
}
.paymentSystem__list {
  margin: -5px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.paymentSystem__item {
  margin: 5px;
  cursor: pointer;
}
.paymentSystem__item[data-active="true"] {
  border-color: #51ddd4;
}
.paymentSystem__item button {
  border: 2px solid #dcd7de;
  border-radius: 5px;
  background-color: #ffffff;
  width: 160px;
  height: 80px;
  padding: 5px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120px;
}
.paymentSystem__item button[data-payment-system="sber"] {
  background-image: url("../img/sberbank_new.svg");
}
.paymentSystem__item button[data-payment-system="stripe"] {
  background-image: url("../img/logo_stripe.svg");
  background-size: 80px;
}
.paymentSystem__item button[data-payment-system="robo"] {
  background-image: url("../img/logo-robokassa.svg");
}
.paymentSystem__item button[data-payment-system="yandex"] {
  background-image: url("../img/logo-iomoney.svg");
}
.paymentSystem__item button[data-payment-system="ukassa"] {
  background-image: url("../img/logo-iomoney.svg");
}
.paymentSystem__item a {
  text-align: center;
  display: block;
  text-decoration: none;
  color: #999999;
  font-weight: 700;
  margin-top: 5px;
}
.paymentSystem__item a:hover {
  text-decoration: underline;
}
.paymentPage__wrap {
  width: 50%;
  margin: 20px auto;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #dcd7de;
}
@media (max-width: 768px) {
  .paymentPage {
    padding: 20px;
  }
  .paymentPage__wrap {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.constructor--step3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.constructor--step3 .text {
  grid-column-start: -1;
  grid-column-end: 1;
}
.constructor .modal__buttonWrap {
  position: sticky;
  bottom: 0;
  background-color: #f3f4f8;
  padding: 10px 0;
  -webkit-box-shadow: 0px -20px 15px -8px rgba(217, 217, 217, 0.5);
          box-shadow: 0px -20px 15px -8px rgba(217, 217, 217, 0.5);
  border-top: 1px solid #dcd7de;
  z-index: 14;
  margin-top: 10px;
}
.contructor__baseBlocksWrap {
  display: grid;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
  grid-gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contructor__settingTab {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-bottom: 10px;
}
.contructor__settingTab[draggable="true"] .dropDownList__label {
  cursor: move;
}
.contructor__settingTab[draggable="false"] .dropDownList__label {
  cursor: not-allowed;
  background-color: #f3f4f8;
}
.contructor__settingTab.draggable {
  opacity: 0.5;
}
.contructor__settingTab .dropDownList__wrap {
  margin-bottom: 0;
}
.contructor__fieldWrap {
  display: grid;
  grid-gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contructor__field {
  background-color: #ffffff;
  border: 2px solid #dcd7de;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  color: #000000;
  text-align: center;
}
.contructor__field[data-active="true"] {
  border-color: var(--main-color);
}
.contructor__field[data-used="true"] {
  color: #dcd7de;
  cursor: not-allowed;
}
.contructor__field[draggable="true"] {
  cursor: move;
}
.contructor__fillingTabWrap {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contructor__fillingTab {
  background-color: #ffffff;
  border: 2px solid #dcd7de;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  margin: 10px 0;
}
.contructor__fillingTab[data-disabled="true"] {
  background-color: #f3f4f8;
}
.contructor__fillingComponentWrap {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;
}
.contructor__fillingComponent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid #dcd7de;
  border-radius: 5px;
  margin-bottom: 7px;
}
.contructor__fillingComponent:last-child {
  margin-bottom: 0;
}
.contructor__fillingComponent--empty {
  border: none;
}
.contructor__fillingComponent[draggable="true"] {
  cursor: move;
}
.contructor__fillingComponent[draggable="false"] {
  cursor: not-allowed;
}
.contructor__fillingComponent p {
  margin: 0;
}
.contructor__fillingComponent .master__btn--delete {
  position: static;
  margin-top: 0;
  margin-left: 5px;
}
.contructor__fillingComponent.draggable {
  opacity: 0.8;
  border-style: dashed;
}
.contructor__fillingComponentLabel {
  position: absolute;
  width: 14px;
  background-color: red;
  height: 100%;
  display: block;
  left: -14px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.contructor__fillingComponentLabel[style=""] {
  width: 0;
}
.contructor__settingFieldWrap {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contructor__settingFieldWrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contructor__settingFieldWrap .contructor__fillingTab .contest-setting__headerBtn[data-show="true"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.constructor__settingWrap {
  position: relative;
  border-radius: 5px;
  border: 1px solid #dcd7de;
  padding: 10px;
  margin: 10px 0;
}
.constructor__settingWrap .contructor__fillingComponentLabel {
  height: calc(100% - 20px);
}
.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.social__icon {
  fill: #E43834;
}
.contact__wrap {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  margin-bottom: 10px;
}
.contact__wrap .text {
  margin-bottom: 0;
  grid-column-start: 1;
  grid-column-end: 3;
}
.contact__wrap .dropDownList__wrap {
  margin-bottom: 0;
}
@media (max-width: 680px) {
  .contact__wrap {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
  .contact__wrap .text {
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.copyContest {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.copyContest__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.copyContest__listItem {
  padding: 8px 0;
}
@media (max-width: 560px) {
  .copyContest {
    grid-template-columns: 1fr;
  }
}
.vote__wrap {
  border-radius: 10px;
  background: linear-gradient(45deg, #51ddd4 0%, #66ccff 100%);
  padding: 15px;
  margin-left: 10px;
  margin-right: 10px;
  min-width: 290px;
  margin-bottom: 20px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-areas: "header header" "message message" "files form" "files note" "info info";
}
.vote__wrap[data-style="black"] {
  background-color: #000000;
  background-image: none;
  color: #c6c9cf;
}
.vote__wrap[data-is-files="false"] {
  grid-template-areas: "header header" "message message" "form form" "note note" "info info";
}
.vote__wrap[data-is-files="false"] .vote__form .scoring {
  width: auto;
}
.vote__wrap[data-is-files="false"] .vote__note {
  width: auto;
  margin: 0;
}
.vote__wrap[data-is-files="false"] .vote__files {
  display: none;
}
.vote__wrap[data-info-position="top"] {
  grid-template-areas: "header header" "message message" "info info" "files form" "files note";
}
.vote__wrap[data-info-position="top"][data-is-files="false"] {
  grid-template-areas: "header header" "message message" "info info" "form form" "note note";
}
.vote__header {
  grid-area: header;
}
.vote__message {
  grid-area: message;
}
.vote__files {
  grid-area: files;
}
.vote__form {
  grid-area: form;
}
.vote__note {
  grid-area: note;
}
.vote__info {
  grid-area: info;
}
@media (max-width: 1000px) {
  .vote__wrap {
    margin-left: 0;
    margin-right: 0;
    grid-template-columns: 100%;
    min-height: calc(100vh - 290px);
    margin-bottom: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    grid-template-rows: repeat(6, -webkit-min-content);
    grid-template-rows: repeat(6, min-content);
    padding: 10px 0;
    grid-gap: 0;
    height: 100%;
    grid-template-areas: "header" "message" "files" "form" "note" "info";
  }
  .vote__wrap[data-info-position="top"] {
    grid-template-areas: "header" "message" "info" "files" "form" "note";
  }
  .vote__wrap[data-info-position="top"][data-is-files="false"] {
    grid-template-areas: "header" "message" "info" "form" "note";
  }
  .vote__wrap[data-is-files="false"] {
    grid-template-areas: "header" "message" "form" "note" "info";
  }
  .vote__wrap[data-is-files="false"] .vote__form .scoring {
    width: 100%;
  }
}
.vote__header {
  display: grid;
  grid-gap: 14px;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vote__header .text {
  margin-bottom: 0;
}
@media (max-width: 1000px) {
  .vote__header {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1000px) {
  .vote__message {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 800px) {
  .vote__files {
    padding-right: 15px;
    padding-top: 5px;
    height: calc(100vh - 460px);
    overflow: hidden;
  }
  .vote__files .viewFiles__viewList {
    width: 100%;
  }
  .vote__files .referee__viewFiles {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
  }
  .vote__files .viewFiles {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .vote__files .viewFiles .viewFiles__previewList {
    height: 100%;
    overflow-y: auto;
    padding-left: 16px;
    padding-top: 10px;
  }
}
@media (max-width: 1000px) {
  .vote__form {
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vote__form .points__item {
    padding-left: 0;
    padding-right: 0;
  }
  .vote__form .form__points {
    margin-right: -30px;
  }
  .vote__form .points__button {
    height: 48px;
    margin-bottom: 5px;
  }
  .vote__form .scoring__wrap .dropDownList__input {
    padding: 5px 2px;
  }
}
.vote__note {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1000px) {
  .vote__note {
    margin-left: 90px;
    width: calc(100% - 90px);
    gap: 10px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vote__note .modal__button {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 5px;
  }
  .vote__note .referee__nextBtn {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1000px) {
  .vote__info {
    margin-left: 90px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
  }
  .vote__info .modal__button {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.item {
  padding: 10px;
  border: 1px solid #dcd7de;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  background-color: #ffffff;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
}
.item button {
  position: static;
  top: 0;
  margin-top: 0;
}
.item__title {
  font-size: 12px;
  color: #000000;
  margin: 0;
}
.item__bound {
  border: 1px solid #dcd7de;
  border-radius: 5px;
  padding: 10px;
  margin: 0;
}
.item__bound[data-style="base"] {
  background-color: #fcccd2;
}
.item__bound[data-style="org"] {
  background-color: #fffac9;
}
.item__bound[data-style="contest"] {
  background-color: #a8f6a8;
}
@media (max-width: 768px) {
  .item {
    grid-template-columns: 1fr;
    width: 50vw;
  }
  .item__wrapButtons {
    justify-self: end;
  }
}
.semaphore {
  margin: 0;
  font-family: "Open Sans", "Arial", sans-serif;
  font-style: normal;
}
.semaphore-arrow-down {
  margin: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: absolute;
  right: 0;
}
.semaphore-arrow-down span {
  display: block;
  width: 30px;
  height: 30px;
  border-bottom: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: semaphore-arrow-down 2s infinite;
          animation: semaphore-arrow-down 2s infinite;
}
.semaphore-arrow-down span:nth-child(2) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.semaphore-arrow-down span:nth-child(3) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
@-webkit-keyframes semaphore-arrow-down {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(-20px, -20px);
            transform: rotate(-45deg) translate(-20px, -20px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(20px, 20px);
            transform: rotate(-45deg) translate(20px, 20px);
  }
}
@keyframes semaphore-arrow-down {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(-20px, -20px);
            transform: rotate(-45deg) translate(-20px, -20px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(20px, 20px);
            transform: rotate(-45deg) translate(20px, 20px);
  }
}
.semaphore__background {
  position: fixed;
  width: 100%;
  height: 100vh;
  font-size: 300%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 2vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.semaphore__background[data-mode="open"] {
  background-color: green;
}
.semaphore__background[data-mode="close"] {
  background-color: red;
}
.semaphore__background[data-current="true"] .semaphore__currentWrap {
  border: 0.5vh solid white;
}
.semaphore__currentWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 70%;
          flex: 1 0 70%;
  padding: 2vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3vh;
  display: grid;
  grid-template-columns: 30% 1fr;
  text-align: center;
  color: white;
  font-size: 2.5rem;
}
.semaphore__preparedWrap {
  padding: 2vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.editor {
  overflow-y: auto;
  border: 2px solid #999999;
  border-radius: 8px;
  padding: 10px;
}
.editor__wrapButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.editor__tab {
  background-color: #999999;
  color: #ffffff;
  border: 1px solid #999999;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 20px;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  text-align: center;
}
.editor__tab:hover {
  color: #999999;
  background-color: #ffffff;
}
.editor__tab--active {
  color: #999999;
  background-color: #ffffff;
}
.editor__wrapSections {
  display: grid;
  gap: 5px;
  border: 1px solid #999999;
  padding: 10px;
}
.editor__section {
  border: 1px solid #dcd7de;
  padding: 10px;
}
.editor__section .master__btn--show {
  width: 40px;
  height: 40px;
}
.editor__section .master__btn-icon {
  fill: #ffffff;
  width: 36px;
}
.editor__section--block {
  background-color: #fcccd2;
}
.editor__section--other {
  background-color: #ffffff;
}
.editor__controls {
  display: grid;
  grid-auto-flow: column;
  gap: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: cneter;
      -ms-flex-align: cneter;
          align-items: cneter;
  margin-bottom: 10px;
  padding-left: 10px;
}
.editor__controls .dropDownList__wrap {
  width: auto;
  border: none;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 0;
}
.editor__controls .dropDownList__input {
  width: 40px;
  padding: 10px 10px 10px 0;
}
.editor__controls .dropDownList__label {
  border: none;
  background-color: transparent;
  line-height: 12px;
  padding-right: 0;
}
.editor__controls .dropDownList__btnOpen {
  height: auto;
  background-position: center center;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  top: -1px;
  bottom: -1px;
}
.editor__controls .dropDownList__btnOpen--twoArrowUp {
  right: 0;
}
.editor__controls .dropDownList__btnOpen--twoArrowDown {
  left: 0;
}
.editor__content {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  padding: 20px;
  margin: 0;
  overflow-x: auto;
  margin-bottom: 10px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
  border-radius: 5px;
  font-size: 14px;
}
.editor__preview {
  background-color: #ffffff;
  border: 1px solid #dcd7de;
  padding: 20px;
  margin: 0;
  overflow-x: auto;
  font-size: 14px;
}
.editor__row {
  margin: 0;
}
.editor__row:focus {
  outline: none;
}
.editor__row p {
  min-height: 16px;
}
.editor__row span {
  display: block;
  min-height: 16px;
  margin: 12px 0;
}
.calendar {
  padding: 20px;
}
.alerts-border {
  border: 3px red solid;
  -webkit-animation: blink2 2s;
          animation: blink2 2s;
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
}
@-webkit-keyframes blink2 {
  50% {
    border-color: #fff;
  }
}
@keyframes blink2 {
  50% {
    border-color: #fff;
  }
}
.zipLoad {
  position: fixed;
  bottom: 150px;
  width: 245px;
  background-color: white;
  padding: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
          box-shadow: 5px 5px 30px rgba(217, 217, 217, 0.5);
}
.scenaPageSetting__wrapTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
}
.scenaPageSetting__tab {
  background-color: var(--main-color);
  color: #ffffff;
  border: 1px solid var(--main-color);
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 20px;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  text-align: center;
}
.scenaPageSetting__tab:hover {
  color: var(--main-color);
  background-color: #ffffff;
}
.scenaPageSetting__tab--active {
  color: var(--main-color);
  background-color: #ffffff;
}
.scenaPageSetting__wrapContent {
  border: 1px solid var(--main-color);
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.scenaPageSetting__content {
  display: none;
}
.scenaPageSetting__content--active {
  display: block;
}
.scenaPageSetting__setting {
  margin-bottom: 10px;
}
.scenaPageSetting__setting[data-show="false"] .scenaPageSetting__settingContent {
  display: none;
}
.scenaPageSetting__setting[data-type="group"] .scenaPageSetting__settingTitle {
  background-color: #90c47b;
}
.scenaPageSetting__setting[data-type="group"] .scenaPageSetting__settingContent {
  border-color: #90c47b;
}
.scenaPageSetting__setting[data-type="block"] .scenaPageSetting__settingTitle {
  background-color: #87bbf9;
}
.scenaPageSetting__setting[data-type="block"] .scenaPageSetting__settingContent {
  border-color: #87bbf9;
}
.scenaPageSetting__setting[data-type="text"] .scenaPageSetting__settingTitle {
  background-color: #f1cc4c;
}
.scenaPageSetting__setting[data-type="text"] .scenaPageSetting__settingContent {
  border-color: #f1cc4c;
}
.scenaPageSetting__setting[data-type="countdown"] .scenaPageSetting__settingTitle {
  background-color: #cd8af1;
}
.scenaPageSetting__setting[data-type="countdown"] .scenaPageSetting__settingContent {
  border-color: #cd8af1;
}
.scenaPageSetting__setting[data-type="video"] .scenaPageSetting__settingTitle {
  background-color: #eb7979;
}
.scenaPageSetting__setting[data-type="video"] .scenaPageSetting__settingContent {
  border-color: #eb7979;
}
.scenaPageSetting__settingContent {
  border: 2px solid #dcd7de;
  padding: 0 5px;
  border-radius: 5px;
  padding-top: 10px;
}
.scenaPageSetting__settingTitle {
  background-color: #dcd7de;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  border: 1px solid #ffffff;
  padding: 5px 10px;
  gap: 10px;
  position: relative;
  margin-left: 40px;
}
.scenaPageSetting__settingTitle .text {
  margin-bottom: 0;
}
.scenaPageSetting__settingTitle .master__btn--show {
  margin-left: auto;
}
.scenaPageSetting__settingTitle .master__btn,
.scenaPageSetting__settingTitle .modal__btn {
  background-color: white;
  border-radius: 5px;
  padding: 0;
  margin-left: 0;
}
.scenaPageSetting__settingTitle .master__btn--show {
  padding: 2px;
}
.scenaPageSetting__settingTitle .master__btn:last-child {
  margin-left: auto;
}
.scenaPageSetting__positionButtonWrap {
  position: absolute;
  left: -40px;
  width: 40px;
}
.scenaPageSetting__positionButton {
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  cursor: pointer;
  width: 40px;
  height: 20px;
  background-image: url("../img/arrow_grey.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}
.scenaPageSetting__positionButton--up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.scenaPageSetting__positionButton:hover {
  background-color: var(--main-color);
}
.newsList {
  background-color: #fca0ab;
}
.newsList__wrap {
  position: relative;
  padding: 10px 20px;
  padding-right: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.newsList__title {
  margin: 0;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newsList__newsButton {
  background-color: transparent;
  border: none;
  padding: 0;
  text-decoration: underline;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  padding-right: 8px;
}
.newsList__closeButton {
  position: absolute;
  background-color: #ffffff;
  border: none;
  padding: 0;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-image: url(../img/close_grey.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  font-size: 0;
  border-radius: 5px;
}
.newsList__controlsWrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.newsList__controlsWrap[data-mode="show"] .shortMenu {
  display: block;
}
.newsList__showAllButton {
  background-color: transparent;
  color: #ffffff;
  border: none;
  padding: 0;
  display: block;
  margin: 0 auto;
  padding-top: 10px;
  cursor: pointer;
}
.newsList__showAllButton:hover {
  text-decoration: underline;
}
.newsList__fragmentPopup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.newsList__newsTitlePopup {
  background-color: transparent;
  border: none;
  padding: 7px;
  cursor: pointer;
  font-size: 16px;
}
.newsList__newsTitlePopup span {
  padding-left: 15px;
  color: #dcd7de;
  font-size: 14px;
}
.newsList__newsTitlePopup:hover {
  color: #dcd7de;
}
.newsList__newsTitlePopup:hover span {
  color: #000000;
}
.choice {
  border: 1px solid #999999;
  background-color: #f3f4f8;
  border-radius: 5px;
  grid-area: choice;
}
.choice__actionButtonsWrap {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.choice__actionButtonsWrap .modal__button {
  margin: 0;
}
.choice__text {
  margin: 0;
  padding-left: 10px;
  padding-bottom: 10px;
  overflow: auto;
  max-height: 20vh;
}
.choice__controlButtonsWrap {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  border-top: 1px solid #999999;
}
.choice__controlButtonsWrap .modal__button {
  margin: 0;
}
.choice__deletePerformance {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 5px;
  cursor: pointer;
  padding: 5px;
  padding-right: 20px;
  margin: 3px;
}
.choice__deletePerformance:hover {
  background-color: var(--main-color);
}
.choice__deletePerformance::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url(../img/close_darkgrey.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  right: 3px;
}
.swiper__button {
  background-color: #999999;
  opacity: 0.5;
  padding: 0;
  border: none;
  cursor: pointer;
  width: 40px;
  height: 50px;
  font-size: 0;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 100;
  border-radius: 5px;
}
.swiper__button:hover {
  opacity: 0.9;
}
.swiper__button svg {
  fill: #ffffff;
}
.swiper__button--prev {
  left: 0;
}
.swiper__button--prev svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.swiper__button--next {
  right: 0;
}
.swiper__button--next svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.swiper__button--disabled {
  display: none;
}
.transaction__list {
  margin: 0;
  padding: 5px;
  list-style: none;
  display: grid;
  gap: 10px;
  border: 1px solid var(--main-color);
}
.transaction__list[data-view="all"] .transaction__item {
  display: grid;
}
.transaction__list[data-view="paid"] {
  border-color: #228b22;
}
.transaction__list[data-view="paid"] .transaction__item[data-status="paid"] {
  display: grid;
}
.transaction__list[data-view="processing"] {
  border-color: #999999;
}
.transaction__list[data-view="processing"] .transaction__item[data-status="processing"] {
  display: grid;
}
.transaction__list[data-view="canceled"] {
  border-color: red;
}
.transaction__list[data-view="canceled"] .transaction__item[data-status="canceled"] {
  display: grid;
}
.transaction__item {
  display: none;
  border: 1px solid #dcd7de;
  border-left-width: 3px;
  border-right-width: 3px;
  border-radius: 5px;
  padding: 5px 10px;
  grid-template-columns: -webkit-min-content repeat(5, 1fr);
  grid-template-columns: min-content repeat(5, 1fr);
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transaction__item p {
  margin: 0;
  text-align: center;
}
.transaction__item .modal__button {
  margin: 0;
}
.transaction__item[data-status="paid"] {
  border-color: #228b22;
  background-color: #f0fff0;
}
.transaction__item[data-status="processing"] {
  border-color: #999999;
  background-color: #f3f4f8;
}
.transaction__item[data-status="canceled"] {
  border-color: red;
  background-color: #fff6f6;
}
.transaction__id {
  font-weight: bold;
}
.transaction__parameter {
  font-size: 14px;
  display: grid;
  grid-template-columns: repeat(2, 50%);
}
.transaction__parameter span:last-child {
  font-weight: bold;
}
.transaction__wrapLink {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transaction__action {
  display: grid;
  grid-template-columns: repeat(2, -webkit-min-content);
  grid-template-columns: repeat(2, min-content);
  gap: 10px;
  margin-bottom: 10px;
}
.transaction__buttonSort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 8px;
  border: 1px solid #dcd7de;
  border-radius: 5px;
  background-color: white;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.transaction__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.transaction__filterButton {
  background-color: #dcd7de;
  border: none;
  display: block;
  cursor: pointer;
  padding: 10px 15px;
  font-size: 14px;
  color: white;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.transaction__filterButton--all {
  background-color: var(--main-color);
}
.transaction__filterButton--paid {
  background-color: #228b22;
}
.transaction__filterButton--processing {
  background-color: #999999;
}
.transaction__filterButton--canceled {
  background-color: red;
}
@media (max-width: 600px) {
  .transaction__item {
    grid-template-columns: repeat(4, 1fr);
  }
  .transaction__title {
    grid-row-start: 2;
    grid-column-end: 5;
    grid-column-start: 1;
  }
}
.new {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 5px;
  left: 5px;
}
.new::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: -5px;
  left: -5px;
  background-color: red;
  -webkit-animation: notifying linear 2.6s infinite;
          animation: notifying linear 2.6s infinite;
  z-index: 1;
}
.new::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: red;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@-webkit-keyframes notifying {
  from {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes notifying {
  from {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.new__text {
  border: 2px solid red;
  border-radius: 9px;
  color: red;
  font-weight: bold;
  padding: 0px 3px;
  font-size: 10px;
  margin-left: 5px;
}
.changeColor {
  -webkit-animation: changeColor ease-out 3s 5;
          animation: changeColor ease-out 3s 5;
}
@-webkit-keyframes changeColor {
  0% {
    background-color: var(--main-color);
    color: #ffffff;
  }
  50% {
    background-color: #ffffff;
    color: var(--main-color);
  }
  100% {
    background-color: var(--main-color);
    color: #ffffff;
  }
}
@keyframes changeColor {
  0% {
    background-color: var(--main-color);
    color: #ffffff;
  }
  50% {
    background-color: #ffffff;
    color: var(--main-color);
  }
  100% {
    background-color: var(--main-color);
    color: #ffffff;
  }
}
.case {
  margin-bottom: 10px;
}
.case .dropDownList__wrap {
  margin-bottom: 0;
  border-radius: 0;
  display: grid;
  grid-template-columns: 40% 1fr;
  padding: 0;
}
.case .dropDownList__input {
  width: 100%;
}
.watermark {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0.5;
}
.watermark__text {
  font-size: 70px;
  line-height: 1.2;
  color: red;
  margin: 0;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.filter-template {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dcd7de;
}
.filter-template__controls {
  display: grid;
  gap: 5px;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.filter-template__button {
  margin: 0;
  grid-row: span 2;
}
.filter-template__modeInput {
  grid-column: 3;
  grid-row-start: 1;
  grid-row-end: span 2;
  margin-bottom: 0;
}
.filter-template__templates {
  margin-top: 10px;
}
.filter-template__list {
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 10px;
  max-height: 200px;
  overflow: auto;
  border: 1px solid #dcd7de;
  padding: 15px 10px;
  border-radius: 5px;
}
.filter-template__list[data-mode="full"] {
  display: grid;
}
.filter-template__list[data-mode="full"] .short {
  display: none;
}
.filter-template__list[data-mode="short"] .full {
  display: none;
}
.filter-template__list .modal__button {
  margin-left: 0;
  margin-right: 15px;
}
@media (max-width: 800px) {
  .filter-template__controls {
    grid-template-columns: -webkit-max-content 1fr 1fr;
    grid-template-columns: max-content 1fr 1fr;
  }
  .filter-template__modeInput {
    grid-column-start: 2;
    grid-column-end: span 2;
    grid-row-start: auto;
    grid-row-end: auto;
  }
}
@media (max-width: 660px) {
  .filter-template__controls {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
  }
  .filter-template__modeInput {
    grid-column-start: 2;
    grid-column-end: auto;
  }
  .filter-template__countCheckbox {
    grid-row: 3;
    grid-column: span 2;
  }
  .filter-template__showEmptyCheckbox {
    grid-row: 4;
    grid-column: span 2;
  }
}
.prize__header,
.prize__result {
  display: grid;
  grid-template-columns: 1fr repeat(8, 80px);
  gap: 5px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.prize__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.prize__item {
  display: grid;
  grid-template-columns: 1fr repeat(8, 80px);
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.prize__item .dropDownList__input {
  padding: 8px 10px;
}
.toolbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 10px;
  padding: 10px;
  padding-right: 40px;
}
.referee-progress {
  height: 7px;
  width: 100%;
  border: 1px solid lightgray;
  border-radius: 10px;
  display: grid;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}
.referee-progress__referee {
  border-right: 1px solid #dcd7de;
  height: 100%;
}
.referee-progress__referee--unchecked {
  background-color: white;
}
.referee-progress__referee:last-child {
  border-right: none;
}

.fg-emoji-container {
  /* position: fixed;
  top: 0;
  left: 0; */
  /* width: ${this.pickerWidth}px; */
  /* height: ${this.pickerHeight}px; */
  border-radius: 5px;
  /* box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.62); */
  background-color: white;
  overflow: hidden;
  z-index: 9999;
}

.fg-emoji-container svg {
  max-width: 100%;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
}

.fg-emoji-picker-category-title {
  display: block;
  margin: 20px 0 0 0;
  padding: 0 10px 5px 10px;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: bold;
  flex: 0 0 calc(100% - 20px);
  border-bottom: 1px solid #ededed;
}

.fg-emoji-nav {
  background-color: #646772;
}

.fg-emoji-nav li a svg {
  transition: all .2s ease;
  fill: white;
}

.fg-emoji-nav li:hover a svg {
  fill: black;
}

.fg-emoji-nav ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dbdbdb;
}

.fg-emoji-nav ul li {
  flex: 1;
}

.fg-emoji-nav ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  transition: all .2s ease;
}

.fg-emoji-nav ul li a:hover {
  background-color: #e9ebf1;
}

.fg-emoji-nav ul li.active a {
  background-color: #e9ebf1;
}

.fg-emoji-nav ul li.emoji-picker-nav-active a {
  background-color: #e9ebf1;
}

.fg-emoji-nav ul li.emoji-picker-nav-active a svg {
  fill: #646772;
}

.fg-emoji-picker-move {
  /* pointer-events: none; */
  cursor: move;
}

.fg-picker-special-buttons a {
  background-color: ${this.specialButtons ? this.specialButtons : `#ed5e28`};
}

.fg-picker-special-buttons:last-child a {
  box-shadow: inset 1px 0px 0px 0 rgba(0, 0, 0, 0.11);
}

.fg-emoji-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 323px;
}

.fg-emoji-picker-category-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

.fg-emoji-list li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex: 0 0 calc(100% / 6);
  height: 50px;
}

.fg-emoji-list li span {
  position: absolute;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 23px;
  background-color: #ffffff;
  border-radius: 3px;
  transition: all .3s ease;
}

.fg-emoji-list li span:hover {
  background-color: #ebebeb;
}

.fg-emoji-picker-search {
  position: relative;
}

.fg-emoji-picker-search input {
  border: none;
  box-shadow: 0 0 0 0;
  outline: none;
  width: calc(100% - 30px);
  display: block;
  padding: 10px 15px;
  background-color: #f3f3f3;
}

.fg-emoji-picker-search .fg-emoji-picker-search-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}