/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./node_modules/normalize.css/normalize.css ***!
  \********************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

/*! 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;
}

/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[2].use[2]!./src/templates/common.css ***!
  \****************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  font-family: ProximaNova, sans-serif !important;
  font-family: var(--fontFamily) !important;
}

html {
  font-size: 10px;
}

html[data-has-landscape="true"] {
    font-size: calc(10px / sqrt(2));
  }

@media screen and (min-width: 1660px) {
    html {
      font-size: 13px;
    }
      html[data-has-landscape="true"] {
        font-size: calc(13px / sqrt(2));
      }
}

@media screen and (min-width: 2160px) {
    html {
      font-size: 17px;
    }
      html[data-has-landscape="true"] {
        font-size: calc(17px / sqrt(2));
      }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 2080px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 2080px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 2080px),
only screen and (                -webkit-min-device-pixel-ratio: 2) and (min-width: 2080px),
only screen and (                min-resolution: 192dpi) and (min-width: 2080px),
only screen and (                -webkit-min-device-pixel-ratio: 2)  and (min-width: 2080px),
only screen and (                min-resolution: 2dppx)  and (min-width: 2080px) {
    html {font-size: 13px;}
}

body {font-size: 16px;}

.rich-menu {
  position: absolute;
  z-index: 1;
  top: -10000px;
  left: -10000px;
  margin-top: -6px;
  opacity: 0;
  -webkit-transition: opacity .75s;
  transition: opacity .75s;
  border-radius: 6px;
  background-color: undefined;
  background-color: var(--color_primary);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15);
          box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rich-menu .button {
  cursor: pointer;
  padding: 7px 8px 6px 8px;
  color: #77B5FF;
  font-family: Tahoma, serif;
  font-size: undefined;
  font-size: var(--fontSize_tab);
  line-height: 17px;
  display: block;
}

.rich-menu .button:not(:first-child) {
  border-left: 1px solid #77B5FF;
}

.rich-menu .button:hover {
  color: #ffffff;
}

.rich-menu .custom-icons {

}

.rich-menu .button[data-active*="true"] {
  color: #FFFFFF;
  background-color: #1962B8;
}

.rich-menu .button:first-child {
  border-radius: 6px 0 0 6px;
}

.rich-menu .button:last-child {
  border-radius: 0 6px 6px 0 ;
}

.custom-scroll:hover {
  background-color: #bababa !important;
}

.no-scrollbar {
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
  }

.private {
  display: none;
}

.remove-mark {
  text-decoration: line-through;
  color: red;
}

.public-remove {
  text-decoration: line-through;
  color: red;
}

.private-remove {
  text-decoration: none;
  color: #212121;
}

.private-remove .remove-mark {
    text-decoration: none;
    color: #212121;
  }

.dashedUnderline {
  -webkit-text-decoration-color: rgba(21, 126, 251, 0.2);
          text-decoration-color: rgba(21, 126, 251, 0.2);
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 20%;
  text-decoration-thickness: 1px;
  -webkit-transition: -webkit-text-decoration-color 0.3s ease;
  transition: -webkit-text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
}

.dashedUnderline:hover, .dashedUnderline:focus, .dashedUnderline:focus-within {
    -webkit-text-decoration-color: rgba(21, 126, 251, 1);
            text-decoration-color: rgba(21, 126, 251, 1);
  }

.remove-mark-deleted {
  text-decoration: line-through;
  color: #212121;
}

.add-remove {
  display: none;
}

.h1 {
  font-size: undefined;
  font-size: var(--fontSize_h1);
  font-weight: bold;
  line-height: 1.18;
  letter-spacing: 0.01px;
  color: #212121;
}

.h2 {
  font-size: undefined;
  font-size: var(--fontSize_h2);
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.01px;
  color: undefined;
  color: var(--color_black);
}

.h3 {
  font-size: undefined;
  font-size: var(--fontSize_h3);
  font-weight: bold;
  color: undefined;
  color: var(--color_black);
}

.h4 {
  font-size: undefined;
  font-size: var(--fontSize_h4);
  color: undefined;
  color: var(--color_gray);
  font-weight: bold;
}

.h4black {
  font-size: undefined;
  font-size: var(--fontSize_h4);
  color: undefined;
  color: var(--color_black);
  font-weight: bold;
}

.h4size {
  font-size: undefined;
  font-size: var(--fontSize_h4);
}

.space5 {
  height: 5px;
}

.space20 {
  height: 20px;
}

.space40 {
  height: 40px;
}

.space50 {
  height: 50px;
}

.space120 {
  height: 120px;
}

.marginb10 {
  margin-bottom: 10px;
}

.marginb20 {
  margin-bottom: 20px;
}

.marginb40 {
  margin-bottom: 40px;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.greyback {
  background-color: #f8f8f8;
}

.counter {
  margin-right: 11px;
  font-size: undefined;
  font-size: var(--fontSize_tip);
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: undefined;
  background-color: var(--color_darkRed);
}

.close-cross { /* HTML template: <span className='close-cross'>+</span> */
  position: absolute;
  top: 30px;
  right: 38px;
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  color: #d8d8d8;
  -webkit-transition: color .2s;
  transition: color .2s;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.close-cross:hover {
    color: #b9b9b9;
  }

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

.at {
  position: relative;
  font-weight: bold;
}

.scaffold {
  height: 30px;
  width: 1px;
  position: relative;
}

.scaffold::after {
    position: absolute;
    background-color: green;
    width: 2000px;
    height: 1px;
    bottom: 0px;
    left: -600px;
    z-index: 16;
  }

.arrow {
  display: inline;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  position: relative;
  padding: 0 7px;
  margin: 0;
}

.arrow::before {
    content: '';
    border-radius: 1px;
    position: absolute;
    background-color: undefined;
    background-color: var(--color_gray);
    bottom: 6px;
    left: 3px;
    width: 1px;
    height: 8px;
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
    }

.arrow::after {
    content: '';
    border-radius: 1px;
    position: absolute;
    background-color: undefined;
    background-color: var(--color_gray);
    bottom: 6px;
    left: 3px;
    width: 1px;
    height: 8px;
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
    }

.arrow::after {
    left: 9px;
    -webkit-transform: rotate(50deg);
            transform: rotate(50deg);
  }

.arrow.arrowOpen::before {
    -webkit-transform: rotate(50deg);
            transform: rotate(50deg);  
  }

.arrow.arrowOpen::after {
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);  
  }

.borderHeader {
    height: 50px;
    -ms-flex-item-align: start;
        align-self: flex-start;
    border-left: undefined;
    border-left: 1px solid var(--color_lightGray);
    position: relative;
    top: 2px;
}

/* color classes */

.color_primary {
    color: undefined;
    color: var(--color_primary);
}

.color_orange {
    color: undefined;
    color: var(--color_orange);
}

.color_lightRed {
    color: undefined;
    color: var(--color_lightRed);
}

.color_lightGray2 {
  color: undefined;
  color: var(--color_lightGray2);
}

.color_darkGray {
  color: undefined;
  color: var(--color_darkGray);
}

/*  */

.helpBtn {
    position: relative;
    height: 40px;
    width: 40px;
    padding: 5px;
    top: 5px;
    right: -5px;
    color: undefined;
    color: var(--color_primary);
    text-align: center;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    font-weight: bold;
    line-height: 35px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_alert);
            box-shadow: var(--shadow_alert);
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
}

.helpBtn.helpBtnBlue {
        opacity: 1;
        background-color: undefined;
        background-color: var(--color_primary);
        color: white;
        -webkit-transition: background-color .5s;
        transition: background-color .5s;
    }

.helpBtn:hover {
        opacity: 1;
    }

.wrapper {
  max-width: inherit;   
}

[data-strokeplus="1"] path {
    stroke: undefined;
    stroke: var(--color_black);
}

.pointable {
  cursor: pointer;
}

.dev-button-std {
  padding: 2px 10px;
  border-radius: 5px;  
  font-size: undefined;  
  font-size: var(--fontSize_standart);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.dev-menu-std {  
  width: 200px;
  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: 20px;
  border-radius: 10px;
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_menu);
          box-shadow: var(--shadow_menu);
  background-color: undefined;
  background-color: var(--color_white);  
  z-index: 8;
}

.dev-menu-std-line {
    position: relative;
    left: -20px;
    width: 200px;
    border-top: undefined;
    border-top: solid 1px var(--color_lightGray)
  }

.dev-screen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 8;
  background-color: undefined;
  background-color: var(--color_opaque);
}

.dev-std-buttons-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-top: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dev-large-buttons-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dev-std-input {
  width: 100%;
  padding: 2px 5px;
  font-size: undefined;
  font-size: var(--fontSize_readable);
  color: undefined;
  color: var(--color_darkGray);
  border-radius: 4px;
  border: undefined;
  border: 1px solid var(--color_lightGray);
}

.dev-link {
  color: undefined;
  color: var(--color_primary);
  cursor: pointer;
}

.dev-std-pager {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size: undefined;
  font-size: var(--fontSize_readable);
  color: undefined;
  color: var(--color_darkGray);
  gap: 40px;
}

.dev-std-pager > div {
    border-bottom: 5px solid transparent;
    padding-bottom: 15px;
    cursor: pointer;
  }

.dev-std-pager > div.dev-std-pager-selected {
      border-color: undefined;
      border-color: var(--color_lightGray2);
    }

.dev-std-radio {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-radius: 5px;
  border: undefined;
  border: 1px solid var(--color_lightGray2);
}

.dev-std-radio > div:first-child {
    border-radius: 4px 0 0 4px;
  }

.dev-std-radio > div:last-child {
    border-radius: 0 4px 4px 0;
  }

.dev-std-radio > div:not(:last-child) {
    border-right: undefined;
    border-right: solid 1px var(--color_lightGray2);
  }

.dev-std-radio > div {
    padding: 2px 10px;
    color: undefined;
    color: var(--color_darkGray);
    background-color: undefined;
    background-color: var(--color_white);
    cursor: pointer;
    white-space: nowrap;
  }

.dev-std-radio > div.dev-std-radio-selected {
    color: undefined;
    color: var(--color_white);
    background-color: undefined;
    background-color: var(--color_gray);
    border-right-color: undefined;
    border-right-color: var(--color_gray);
    cursor: initial;
  }

[data-closed="1"] + [data-tree], [data-closed="1"] [data-on-open], [data-on-close] {
  display: none;
}

[data-closed="1"] [data-on-close] {
  display: initial;
}

[data-filterset="0"] [data-check="1"],
[data-filterset="1"] [data-check="0"],
[data-filterset] [data-filter-hide="1"],
[data-filterset*="s"] [data-filters="1"],
[data-filterset*="a"] [data-filter-approve="1"],
[data-filterset*="p"] [data-filter-progress="1"],
[data-filterset*="f"] [data-filter-fin="1"] {
  display: none !important;
}

.dev-fade-text {
  white-space: nowrap; 
  overflow: hidden; 
  mask-image: -webkit-gradient(linear, left top, right top, color-stop(80%, black), color-stop(92%, transparent)); 
  mask-image: linear-gradient(to right, black 80%, transparent 92%); 
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(80%, black), color-stop(92%, transparent)); 
  -webkit-mask-image: linear-gradient(to right, black 80%, transparent 92%); 
}

.dev-tooltip-container {
  position: absolute;
  font-size: undefined;
  font-size: var(--fontSize_tip);
  background-color: undefined;
  background-color: var(--color_darkGray);
  color: undefined;
  color: var(--color_lightGray2);
  padding: 10px;
  border-radius: 4px;
  font-size: 12px;
  z-index: 1000;
  white-space: nowrap;  
  -webkit-transition: opacity .2s, visibility .2s;  
  transition: opacity .2s, visibility .2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  opacity: 0;
  visibility: collapse;    
}

[data-tt-visible="1"] .dev-tooltip-container {
  opacity: 1;
  visibility: visible;
}

.dev-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;    
}

.dev-member {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;  
  z-index: 8;
}

/* background-color: white; */

.dev-member > div {
  width: 400px;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,0.15);
          box-shadow: 0 1px 20px 0 rgba(0,0,0,0.15);
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
 }

.dev-member::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    z-index: -1;
  }

/* .dragOver {
  display: block;
  width: 360px;
  height: 1px;
  background: var(--color_orange);
  margin-bottom: 10px;
} */

.dragOverTop {
  display: block;
  width: 360px;
  height: 0px;
  /* background: var(--color_orange); */
  padding-bottom: 10px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
  /* background: undefined;
  background: var(--color_orange); */
  border-top: undefined;
  border-top: 1px solid var(--color_orange);
}

.dragOverBottom {
  display: block;
  width: 360px;
  height: 0px;
  /* background: var(--color_orange); */
  /* padding-top: 10px; */
  margin-bottom: 10px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
  /* background: undefined;
  background: var(--color_orange); */
  border-bottom: undefined;
  border-bottom: 1px solid var(--color_orange);
}

.cardWrapperZ {
  z-index: 1;
  background: #00000000;
  height: 100%;
  position: absolute;
  width: 100%;
  display: none;
}

.tip > div {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s, visibility .2s;
  transition: opacity .2s, visibility .2s;
  bottom: calc(100% + 10px);
  left: 0;
}

.tip:hover > div {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .2s, visibility .2s;
  transition: opacity .2s, visibility .2s;
}

textarea.disabledColor {
  color: #dedede;
}

.contextMenu {
  position: absolute;
  width: 200px; 
  /* height: 100px; */
  background: #fff;
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_menu);
          box-shadow: var(--shadow_menu);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 100000000;
}

.contextMenu.active {
    visibility: visible;
    opacity: 1;
  }

.contextMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
  
}

.contextMenu > .contextBlock {
    padding: 20px;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
    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;
  }

.contextMenu > .contextBlock:last-child {
      border: none
    }

.contextMenu > .contextBlock > button {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      font-size: 12px;
      color: undefined;
      color: var(--color_primary);
      border: none;
      background: none;
      outline: none;
      line-height: 1.25;
      padding: 0;
      text-align: left;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
    }

.contextMenu > .contextBlock > button:hover {
        color: undefined;
        color: var(--color_primary_hover);
      }

.contextMenu > .contextBlock > button.green {
        color: undefined;
        color: var(--color_green);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 9px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }

.contextMenu > .contextBlock > button.green:hover {
          color: undefined;
          color: var(--color_green_hover);
        }

.contextMenu > .contextBlock > button > img {
        width: 10px;
        margin: 0;
        position: relative;
        top: 2px;
      }

.sidebar-document-buttons {
  position: relative;
  padding-left: 40px;
}

.sidebar-document-buttons .counter {
      display: inline-block;
      margin-left: 11px;
  }

.sidebar-document-buttons > button, .sidebar-document-buttons > div:not(.expDocSpinner) {
      display: block;
      margin-right: 40px;
      margin-bottom: 10px;
      white-space: nowrap;
  }

.sidebar-document-buttons > button > div, .sidebar-document-buttons > div:not(.expDocSpinner) > div {
          margin-right: 0;
      }

.sidebar-document-buttons > div:last-child, .sidebar-document-buttons > button:last-child {
      margin-bottom: 0;
  }

.document {
  position: relative;
  color: undefined;
  color: var(--color_darkGray);
  margin-bottom: 20px;
  padding-left: 40px;
}

.document > span {
      font-size: undefined;
      font-size: var(--fontSize_tab);
  }

.document img {
      position: absolute;
      left: 0;
      height: 15px;
  }

.sidebar-document {
  margin-bottom: 50px;
}

.sidebar-document-desc {
      padding-left: 40px;
      color: undefined;
      color: var(--color_darkGray);
      margin-bottom: 15px;
      font-size: undefined;
      font-size: var(--fontSize_standart);
  }

.sidebar-document-desc div {
          padding-bottom: 2px;
      }

.sidebar-document-desc span {
          color: undefined;
          color: var(--color_gray);
      }

.sidebar-documentName {
  cursor: default;
  border: none;
  line-height: 19px;
  overflow-y: hidden;
  font-size: undefined;
  font-size: var(--fontSize_tab);
  resize: none;
  color: undefined;
  color: var(--color_darkGray);
  width: 100%;
  height: 21px;
  padding: 0;
}

.sidebar-documentName:focus {
      cursor: text;
  }

.sidebar-documentName.parent {
    color: undefined;
    color: var(--color_gray);
  }

.sidebar-documentNameDiv {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  line-height: 19px;
  color: undefined;
  color: var(--color_darkGray);
  height: auto;
  word-break: break-word;
}

.sidebar-documentName:hover ~ .sidebar-document-hintPlace {
  visibility: visible;
  opacity: 1;
}

.sidebar-document-hintPlace {
  color: undefined;
  color: var(--color_darkGray);
  width: auto;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  top: -35px;
  left: 5px;
  position: absolute;
  -webkit-transition: all .2s;
  transition: all .2s;
  z-index: 4;
}

.sidebar-document-hintPlace div {
      width: 100%;
      position: static;
  }

.sidebar-document-hintContainer {
  position: relative;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/appRoot.css ***!
  \*************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

:root {
  /* colors variables */
  --color_primary: #157efb; 
  --color_primary_opacity: rgb(21, 126, 251, 0.2);
  --color_primary_hover: #1DA6E5; 
  --color_primary_hover__dark: #0368e0;
  --color_primary_semi: #b7d6fc;
  --color_black: #212121;
  --color_light_black: #252525;
  --color_darkGray: #606060;
  --color_gray: #ACACAC; --color_gray_hover: rgba(172, 172, 172, 0.75);
  --color_lightGray2: #DEDEDE;
  --color_lightGray3: #F7F7F7;
  --color_lightGray4: #b5b5b5;
  --color_lightGray: #EEEEEE;
  --color_white: #FFF;
  --color_green: #00ab26; 
  --color_green_hover: rgba(0, 171, 38, 0.75);
  --color_green_semi: rgba(0, 171, 38, 0.35);
  --color_green_light: rgba(0, 171, 38, 0.15);
  --color_darkRed: #D0021B; --color_darkRed_hover: rgba(208, 2, 27, 0.75);
  --color_lightRed: #FF6C6C;
  --color_orange: #F89540; 
  --color_orange_hover: #ffb85c;
  --color_orange_semi: rgba(248, 149, 64, 0.502);
  --color_orange_light: rgba(248, 149, 64, 0.15);
  --color_yellow_light: rgba(255, 233, 0, 0.2);
  --color_yellow_semi: rgba(255, 233, 0, 0.5);
  --color_yellow: #ffc003;
  --color_yellow_frame: #ffeb3b38;
  --color_draft: rgba(248, 149, 64, 0.15);
  --color_collab: rgba(255, 108, 108, 0.15);
  --color_external: #e7f1ff;
  --color_attention: #f2d9f6;
  --color_action: #d9f3df;
  --color_final: rgba(0, 171, 38, 0.15);
  --color_violet: #f3d9f7;
  --color_approve: #AF00CC;
  --color_opaque: rgba(255, 255, 255, 0.9);

  /* font-size variables */
  --fontSize_h1: 35px;
  --fontSize_h2: 21px;
  --fontSize_18: 19px;
  --fontSize_h3: 17px;
  --fontSize_h4: 15px;
  --fontSize_tab: 15px;
  --fontSize_standart: 13px;
  --fontSize_medium: 14px;
  --fontSize_9: 10px;
  --fontSize_tip: 11px;
  --fontSize_button: 13px;
  --fontSize_bigPopup: 24px;
  --fontSize_readable: 15px;

  --fontSize_frameSmall: 10px;
  --fontSize_frameNormal: 12px;

  /* box-shadow variables */
  --shadow_big: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
  --shadow_menu: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
  --shadow_alert: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  --shadow_stylesBlock: 0 1px 5px 0 rgba(0, 0, 0, 0.11);

  /* border variables */
  --dashed_border: 1px dashed var(--color_orange);
  --dashed_border_grey: 1px dashed var(--color_lightGray2);

  /* buttons variables */
  --btn_borderRadius_small: 4px;
  --btn_borderRadius_primary: 5px;
  --btn_borderRadius_big: 6px;
  --btn_padding: 2px 10px;

  /* gradient colors */
  --gradient_black0: rgba(255, 255, 255, 0);

  /* переменная для определения ширины в документах, переопределяется в js */
  /* 80rem - вертикальный документ */
  /* 116rem - документ с горизонтальными секциями */
  --root_document_width: 80rem;
  
  --verticalOrient_width: 80rem;
  --horizontalOrient_width: 116rem;
}

.appRoot-wrapper-3o0fmz {
  /*min-width: 1346px;*/
  max-width: 2520px;
  margin: 0 auto;
  min-height: 100vh;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  color: #212121;
  color: var(--color_black);
  position: relative;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/spinner/Spinner.css ***!
  \**************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.Spinner-spinnerWrapper-2xYhkF {
  position: absolute;
  top: calc(50% - 4em);
  left: calc(50% - 4em);
  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;
}

.Spinner-spinner-1f9HpW {
  margin: 25px;
  width: 30px;
  height: 30px;
  -webkit-animation: Spinner-load8-9ybwYB 0.8s infinite linear;
          animation: Spinner-load8-9ybwYB 0.8s infinite linear;
}

@-webkit-keyframes Spinner-load8-9ybwYB {
  0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
  }
}

@keyframes Spinner-load8-9ybwYB {
  0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
  }
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/logo/logo.css ***!
  \********************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.logo-wrapper-rgNKMM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_18);
  font-weight: bold;
  color: undefined;
  color: var(--color_darkGray);
}
div.logo-wrapper-rgNKMM {
    cursor:default;
    -ms-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
}
.logo-one-3SYVX0 {
  width: 42px;
  height: 22px;
  border-radius: 8px;
  background-color: undefined;
  background-color: var(--color_darkGray);
  margin-left: 6px;
  font-size: undefined;
  font-size: var(--fontSize_h3);
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.01px;
  color: #ffffff;
  text-align: center;
}
.logo-text-32CWRS {
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: 22px;
  letter-spacing: 0;
  text-align: left;
  color: undefined;
  color: var(--color_darkGray);
  opacity: 0.5;
}
.logo-span-32zIr0 {
  margin-left: 8px;
  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;
  width: 42px;
  height: 25px;
  color: #fff;
  border-radius: 8px;
  background-color: #acacac;
  opacity: 0.5;
}
.logo-icon-xzp1_9 {
  width: 132px;
  height: 25px;
}

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/paragraphList/paragraphList.css ***!
  \***************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
  :root {
  --sky: #157efb;
}
  :root {
  --black: #212121;
}
  :root {
  --color2: #acacac;
}
  :root {
  --color: #606060;
}
  :root {
  --bg: #fff;
}
  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
  :root {
  --errorColor: red;
}
  :root {
  --fontFamily2: Tahoma, sans-serif;
}
  :root {
  --fontFamily: ProximaNova, sans-serif;
}
  .paragraphList-wrapper-h2S7rx {
  min-width: 1286px;
  position: relative;
}
  .paragraphList-wrapper-h2S7rx.paragraphList-_unvisible-36jy5_ {
       display: none;
  }

.paragraphList-popupMode-3uqmWB {
    position: absolute;
    top: 40px;
    padding-bottom: 40px;
    width: calc(100% - 80px);
    background-color: white;
    z-index: 10;
}

.paragraphList-popupModeWindow-vh-wbm {
    padding: 40px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    min-height: 600px;
}

.paragraphList-iframe-22RfUq {
    border: 0 none transparent;
}

.paragraphList-viewFrame-3QCQ_2 {
    width: undefined;
    width: var(--root_document_width);
    height: calc(100vh - 120px);
}

.paragraphList-viewImage-3sct3M {
    overflow: auto;
    max-height: 100%;
}

.paragraphList-viewImageSpan-3xoEYP {
    display: inline-block;
}

.paragraphList-sizeControl-2SbqZ2 {
    position: absolute;
    margin-left: 20px;
    width: 90px;
    top: 0;
    left: undefined;
    left: var(--root_document_width);
    text-align: center;
    cursor: pointer;
    color: undefined;
    color: var(--color_gray);
    font-size: undefined;
    font-size: var(--fontSize_h3);
    font-weight: bold;  
    z-index:15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.paragraphList-sizeControl-2SbqZ2 > div {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }

.paragraphList-sizeControl-2SbqZ2 .paragraphList-percent-2ZH38Y {
        font-weight: normal;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        margin: 5px 0;
    }

.paragraphList-preframe-1mdMWa {
    width: 100%;
    height: 0;
    position: relative;
}

.paragraphList-clauseScreen-1iuHPA {
    position:fixed;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    background-color: #ffffff12;
}

.paragraphList-rulerWrapper-3otbiy {
    width: undefined;
    width: calc(var(--root_document_width) + 480px);
    margin: auto;
    position: sticky;
    top: 110px;
    background-color: undefined;
    background-color: var(--color_white);
    /* height: 0px; */
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/projectList/projectList.css ***!
  \***********************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .projectList-wrapper-2E9rfe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
    .projectList-wrapper-2E9rfe.projectList-_unvisible-i4Jr4n {
        display: none;
    }

.projectList-pdwrapper-21ucoX {
    margin-top: 20px;
    margin-bottom: 100px;
    min-height: 686px;
}

.projectList-pdOptions-2FAxCL {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    /*line-height: 1.5;*/
    letter-spacing: 0.01px;
    color: undefined;
    color: var(--color_black);
    margin: 0;
    /*padding: 2px 0 1px;*/
}

.projectList-pdFind-2V5Oyh {
    width: 200px;
    margin: 0 20px 0 10px;
    border-radius: 4px;
    border: solid 1px #dedede;
    padding-left: 4px;    
}

.projectList-pdNfound-Af_zv8 {
    color: undefined;
    color: var(--color_darkRed);
}

.projectList-pdSearch-ekvuFL {
    margin-right: 40px;
    color: undefined;
    color: var(--color_primary);
    cursor: pointer;
}

.projectList-pdSel-38EYuA {
    color: undefined;
    color: var(--color_primary);
    padding: 2px 0 1px;
    margin: 0 10px 0 15px;
    cursor: pointer;
    border-bottom: undefined;
    border-bottom: dashed 1px var(--color_primary);
}

.projectList-pdSel-38EYuA.projectList-_selected-2b8nze {
        color: undefined;
        color: var(--color_darkGray);
        border-radius: 4px;
        background-color: rgba(222, 222, 222, 0.5);
        cursor: initial;
        border-bottom: none;
        padding: 2px 5px 1px;
        margin: 0 5px 0 10px;
    }

.projectList-pdHeadCont-1xIIVl {
    padding-bottom: 10px;
    border-bottom: undefined;
    border-bottom: solid 1px var(--color_lightGray2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.projectList-pdHead-mh3ikU {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    line-height: 1.5;
    color: undefined;
    color: var(--color_gray);
}

.projectList-pdHeadCont-1xIIVl .projectList-_pdColFirst-3bup_7 {
    -ms-flex-preferred-size: 450px !important;
        flex-basis: 450px !important;
}

.projectList-onHeadCont-3KdNWd .projectList-_pdColFirst-3bup_7 {
    -ms-flex-preferred-size: 450px !important;
        flex-basis: 450px !important;
}

.projectList-onDoc-2EO2GR .projectList-_pdColFirst-3bup_7 {
    -ms-flex-preferred-size: 450px !important;
        flex-basis: 450px !important;
}

.projectList-pdTitleCont-3UxcXT:hover{
    cursor: pointer;
    color: undefined;
    color: var(--color_primary);
}

.projectList-pdCompanyProject-34X9MT .projectList-pdStageInfo-2i8O-U:hover{
    cursor: pointer;
    color: undefined;
    color: var(--color_primary);
}

.projectList-companyWrapper-3eOn5I .projectList-pdColumn-Ib8tQs.projectList-_pdColFirst-3bup_7 {
        -ms-flex-preferred-size: 371px !important;
            flex-basis: 371px !important;
    }

.projectList-pdColumn-Ib8tQs {
    padding-left: 30px;
    background-color: white;
    z-index: 3;
    position: relative;
}

.projectList-pdColumn-Ib8tQs.projectList-_pdColFirst-3bup_7 {
        padding-left: 0;
        -ms-flex-preferred-size: 410px;
            flex-basis: 410px;
        min-width: 250px;
        z-index: 1;
    }

.projectList-pdColumn-Ib8tQs.projectList-_pdColFirst-3bup_7:hover {
        z-index: 4;
    }

.projectList-pdColumn-Ib8tQs .projectList-pdTitleAft-256k3e{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
    }

.projectList-pdColumn-Ib8tQs.projectList-_pdCol10-1BPViL {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 40px;
                flex: 0 0 40px;
    }

.projectList-pdColumn-Ib8tQs.projectList-_pdCol145-35VLjz {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 175px;
                flex: 0 0 175px;
    }

.projectList-pdColumn-Ib8tQs.projectList-_pdCol180-1xyp_9 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 210px;
                flex: 0 0 210px;
    }

.projectList-pdColumn-Ib8tQs.projectList-_pdCol200-3AgId1 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 230px;
                flex: 0 0 230px;
    }

.projectList-pdColumn-Ib8tQs.projectList-_pdCol240-1SGoJr {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 270px;
                flex: 0 0 270px;
    }

.projectList-pdTitleCont-3UxcXT {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    word-break: break-word;
}

.projectList-pdTitle-QNIE3W {
    position: absolute;
    white-space: nowrap;
    top: -10px;
    left: -10px;
    background-color: white;
    padding: 10px;
}

.projectList-pdStage-173FEq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.projectList-pdStage_finalized-HvRyWm {
        position: relative;
        padding-left: 20px;
    }

.projectList-pdStage_finalized-HvRyWm .projectList-pdStage-text-3G_0C7 {
            color: undefined;
            color: var(--color_green);
            font-weight: bold;
        }

.projectList-pdStage_finalized-HvRyWm .projectList-pdStage-text-3G_0C7::after {
                top: 3px;
                content: '';
                position: absolute;
                left: -14px;
                bottom: 0;
                height: 10px;
                width: 2px;
                background-color: undefined;
                background-color: var(--color_green);
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
            }

.projectList-pdStage_finalized-HvRyWm .projectList-pdStage-text-3G_0C7::before {
                top: 3px;
                content: '';
                position: absolute;
                left: -14px;
                bottom: 0;
                height: 10px;
                width: 2px;
                background-color: undefined;
                background-color: var(--color_green);
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
            }

.projectList-pdStage_finalized-HvRyWm .projectList-pdStage-text-3G_0C7::before {
                top: 6px;
                height: 6px;
                -webkit-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                left: -19px;
            }

.projectList-pdStageInfo-2i8O-U {
    color: undefined;
    color: var(--color_gray);
}

.projectList-pdStage-text-3G_0C7 {
    position: relative;
}

.projectList-pdStage-text_green-1hDSXo {
        color: undefined;
        color: var(--color_green);
    }

.projectList-pdStage-text_red-3XuvcX {
        color: undefined;
        color: var(--color_lightRed);
    }

.projectList-pdDisabledCreateProject-20SvEs:hover .projectList-pdDisabledCreateProject_hint-3QNLta {
    opacity: 1;
    visibility: visible;
}

.projectList-pdDisabledUploadDocument-1_cSXg:hover .projectList-pdDisabledUploadDocument_hint-Ipo41- {
    opacity: 1;
    visibility: visible;
}

.projectList-pdDisabledCreateProject-20SvEs, .projectList-pdDisabledUploadDocument-1_cSXg{
    position: relative;
}

.projectList-pdDisabledCreateProject-20SvEs button, .projectList-pdDisabledUploadDocument-1_cSXg button {
        margin-right: 0 !important;
    }

.projectList-pdDisabledCreateProject_hint-3QNLta {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: -5px;
        top: -66px;
        width: 220px;
        color: undefined;
        color: var(--color_lightGray2);
        font-size: undefined;
        font-size: var(--fontSize_tip);
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
        background-color: undefined;
        background-color: var(--color_darkGray);
        z-index: 1;
        padding: 10px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.projectList-pdDisabledUploadDocument_hint-Ipo41- {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: -5px;
        top: -66px;
        width: 220px;
        color: undefined;
        color: var(--color_lightGray2);
        font-size: undefined;
        font-size: var(--fontSize_tip);
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
        background-color: undefined;
        background-color: var(--color_darkGray);
        z-index: 1;
        padding: 10px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.projectList-pdDisabledCreateProject_hint-3QNLta:before {
            border: solid transparent;          
            position: absolute;
            border-width: 9px;
            content: '';
            top: 100%;
            border-top-color: undefined;
            border-top-color: var(--color_darkGray);
            border-bottom: none; 
        }

.projectList-pdDisabledUploadDocument_hint-Ipo41-:before {
            border: solid transparent;          
            position: absolute;
            border-width: 9px;
            content: '';
            top: 100%;
            border-top-color: undefined;
            border-top-color: var(--color_darkGray);
            border-bottom: none; 
        }

.projectList-pdDisabledCreateProject_hint-3QNLta > div, .projectList-pdDisabledUploadDocument_hint-Ipo41- > div {
            display: inline-block;
            cursor: pointer;
            -webkit-transition: color .2s;
            transition: color .2s;
        }

.projectList-pdDisabledCreateProject_hint-3QNLta > div:hover {
                color:  undefined;
                color:  var(--color_primary_hover);
            }

.projectList-pdDisabledUploadDocument_hint-Ipo41- > div:hover {
                color:  undefined;
                color:  var(--color_primary_hover);
            }

.projectList-pdAttention-3ktWO6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    line-height: 1.5;
    color: undefined;
    color: var(--color_lightRed);
}

.projectList-pdActivity-21bjfz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.projectList-pdInActivity-13tS1t > span {
    color: undefined;
    color: var(--color_gray);
}

.projectList-counter-2DJGWT {
    margin-right: 11px;
    margin-top: -2px;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    height: 20px;
    width: 20px;
    min-width: 20px;
    border-radius: 100%;
    background-color: undefined;
    background-color: var(--color_darkRed);
}

.projectList-companyWrapper-3eOn5I {
    margin: 20px 0;
    color: undefined;
    color: var(--color_black);
}

.projectList-companyTitle-3Rz_fE {
    font-weight: bold;
    font-size: undefined;
    font-size: var(--fontSize_h3);
    cursor: pointer;
}

.projectList-projectWrapper-3O3ISg {
    position: relative;
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
    color: undefined;
    color: var(--color_black);
}

.projectList-projectWrapper-3O3ISg:last-child {
        border: none;
        padding-bottom: 0;
    }

.projectList-projectWrapper-3O3ISg.projectList-_shifted-eAwnWh {
        margin-left: 40px;
    }

.projectList-projectTitle-2JayOa {
    font-weight: bold;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    cursor: pointer;
}

.projectList-expander--38Emg {
    display: inline-block;
    position: relative;
    left: 4px;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url('/images/down@3x.png');
    z-index: 1;
    background-size: cover;
    cursor: pointer;
}

.projectList-expander--38Emg.projectList-_expanded-2uuA3b {
        background: url('/images/up@3x.png');
        background-size: cover;
    }

.projectList-seeAll-1FX1qE {
    cursor: pointer;
    height: 15px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    font-weight: normal;
    color: undefined;
    color: var(--color_primary);
}

.projectList-seeAll-1FX1qE.projectList-_shifted-eAwnWh {
        padding-left: 40px;
    }

.projectList-pdDoc-3zbApd {
    position: relative;
    padding: 20px 0;
    margin-left: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    font-weight: normal;
    line-height: 1.36;
    color: undefined;
    color: var(--color_darkGray);
    border-top: undefined;
    border-top: solid 1px var(--color_lightGray);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.projectList-pdDoc-3zbApd:nth-child(2) {
        border: none;
    }

.projectList-pdDoc-3zbApd:last-child {
        padding-bottom: 0;
    }

.projectList-pdDocSym-38apS1 {
    margin: 0 31px 0 0px;
}

.projectList-pdDocSym-38apS1.projectList-_shifted-eAwnWh {
    //margin-left: 40px;
    }

.projectList-pdDocSym-38apS1.projectList-_shifted2-1VoCtz {
        margin-left: 80px;
    }

[data-level="1"] .projectList-pdDocSym-38apS1, [data-level="1"] .projectList-pdDocExt-2oz1Kx {
    margin-left: 40px;
}

[data-level="2"] .projectList-pdDocSym-38apS1, [data-level="2"] .projectList-pdDocExt-2oz1Kx {
    margin-left: 80px;
}

[data-level="3"] .projectList-pdDocSym-38apS1, [data-level="3"] .projectList-pdDocExt-2oz1Kx {
    margin-left: 120px;
}

[data-level="4"] .projectList-pdDocSym-38apS1, [data-level="4"] .projectList-pdDocExt-2oz1Kx {
    margin-left: 160px;
}

[data-level="5"] .projectList-pdDocSym-38apS1, [data-level="5"] .projectList-pdDocExt-2oz1Kx {
    margin-left: 200px;
}

[data-level="6"] .projectList-pdDocSym-38apS1, [data-level="6"] .projectList-pdDocExt-2oz1Kx {
    margin-left: 240px;
}

[data-level="7"] .projectList-pdDocSym-38apS1, [data-level="7"] .projectList-pdDocExt-2oz1Kx {
    margin-left: 280px;
}

.projectList-pdDocExt-2oz1Kx {
    font-size: 9px;
    width: 32px;
    margin-right: 10px;
    display: inline-block;
    color: undefined;
    color: var(--color_gray);
}

.projectList-pdDocExt-2oz1Kx.projectList-_shifted2-1VoCtz {
        margin-left: 80px;
    }

.projectList-dragover-2qdnxl:after {
        content: "";
        position: absolute;
        width: calc(100% + 20px);
        height: 100%;
        border: undefined;
        border: 1px dashed var(--color_primary);
        border-radius: 8px;
        top: 0;
        left: -10px;
        z-index: 5;
    }

.projectList-onDoc-2EO2GR {
    position: relative;
    padding: 20px 0;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    font-weight: normal;
    line-height: 1.36;
    color: undefined;
    color: var(--color_darkGray);
    border-top: undefined;
    border-top: solid 1px var(--color_lightGray);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.projectList-onDoc-2EO2GR:hover .projectList-onDocControls-1JVpgx {
        display: block;
    }

.projectList-onHeadCont-3KdNWd {
    padding: 5px 80px 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.projectList-onDocControls-1JVpgx {
    position: relative;
    display: none;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.projectList-add-document-242uCk {
    margin: 20px 0 40px;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    cursor: pointer;
    width: 400px;
    border-radius: 10px;
    border: undefined;
    border: 1px dashed var(--color_lightGray2);
    height: 160px;
    color: undefined;
    color: var(--color_gray);
    font-size: undefined;
    font-size: var(--fontSize_18);
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-transition: border .2s ease-out, color .2s ease-out, background-color .2s;
    transition: border .2s ease-out, color .2s ease-out, background-color .2s;
}

.projectList-add-document-242uCk path {
        -webkit-transition: stroke .2s ease-out;
        transition: stroke .2s ease-out;
    }

.projectList-add-document-242uCk > span {
        color: undefined;
        color: var(--color_primary);
    }

.projectList-add-document-242uCk.projectList-active-45FBqy {
        border: undefined;
        border: 1px dashed var(--color_primary);
        color: undefined;
        color: var(--color_black);
    }

.projectList-add-document-242uCk:hover {
        border: undefined;
        border: 1px dashed var(--color_primary);
        color: undefined;
        color: var(--color_black);
    }

.projectList-add-document-242uCk.projectList-active-45FBqy path {
            stroke: undefined;
            stroke: var(--color_black);
        }

.projectList-add-document-242uCk:hover path {
            stroke: undefined;
            stroke: var(--color_black);
        }

.projectList-add-document-242uCk:hover {
        border: undefined;
        border: 1px dashed var(--color_gray);
    }

.projectList-add-project-225Qe- {
    width: 32%;
    padding: 30px;
    border-radius: 25px;
    border: 1px dotted rgba(0, 0, 0, 0.1);
    height: 300px;
    color: undefined;
    color: var(--color_gray);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    cursor: pointer;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-transition: border .2s ease-out, color .2s ease-out;
    transition: border .2s ease-out, color .2s ease-out;
}

.projectList-add-project-225Qe- path {
        -webkit-transition: stroke .2s ease-out;
        transition: stroke .2s ease-out;
    }

.projectList-add-project-225Qe-:hover {
        border-color: undefined;
        border-color: var(--color_lightGray);
        color: undefined;
        color: var(--color_black);
    }

.projectList-add-project-225Qe-:hover path {
            stroke: undefined;
            stroke: var(--color_black);
        }

.projectList-add-project-225Qe- > span {
        color: undefined;
        color: var(--color_primary);
    }

.projectList-margined-3-TfF9 {
    margin-right: 2%;
    margin-bottom: 30px;
}

.projectList-add-project-nav-3e9Fgn {
    width: 100%;
    height:100%;
    display: block;

    cursor: pointer;
    color: undefined;
    color: var(--color_gray);
    -webkit-transition: border .2s ease-out, color .2s ease-out;
    transition: border .2s ease-out, color .2s ease-out;
}

.projectList-add-project-nav-3e9Fgn path {
        -webkit-transition: stroke .2s ease-out;
        transition: stroke .2s ease-out;
    }

.projectList-add-project-nav-3e9Fgn:hover {
        border-color: undefined;
        border-color: var(--color_lightGray);
        color: undefined;
        color: var(--color_black);
    }

.projectList-add-project-nav-3e9Fgn:hover path {
            stroke: undefined;
            stroke: var(--color_black);
        }

.projectList-add-project-nav-3e9Fgn > span {
        color: undefined;
        color: var(--color_primary);
    }

.projectList-pages-block-FI1QdK {
    position: relative;
    width: calc(100% + 80px);
    padding: 0 40px;
    left: -40px;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray2);
}

.projectList-pages-K55f-r {
    display: inline-block;
    margin-right: 40px;
    padding-bottom: 15px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    line-height: 1.36;
    letter-spacing: 0.01px;
    color: undefined;
    color: var(--color_darkGray);
    cursor: pointer;
}

.projectList-pages-K55f-r > .projectList-counter-2DJGWT {
        display: inline-block;
        margin-left: 11px;
        margin-right: 0;
    }

.projectList-pages-K55f-r.projectList-_isSelected-tJ-_46 {
        border-bottom: undefined;
        border-bottom: solid 5px var(--color_lightGray2);
    }

.projectList-oneProject-controls-3gzs4y {}

.projectList-oneProject-title-18frRf {
    width: 100%;
    font-size: undefined;
    font-size: var(--fontSize_h1);
    color: undefined;
    color: var(--color_black);
    font-weight: 700;
    border: none;
}

.projectList-oneProject-title-hint-3X4Q5t {
        color: undefined;
        color: var(--color_darkGray);
        width: auto;
        white-space: nowrap;
        visibility: hidden;
        opacity: 0;
        top: -33px;
        left: 0;
        position: absolute;
        -webkit-transition: all .2s;
        transition: all .2s;
        z-index: 10;
    }

.projectList-oneProject-title-hint-3X4Q5t div {
            width: 100%;
            position: static;
        }

.projectList-oneProject-title-18frRf:hover ~ .projectList-oneProject-title-hint-3X4Q5t{
    opacity: 1;
    visibility: visible;
}

.projectList-oneProject-docs-1k-Xki {
    position: relative;
}

.projectList-acme-3kcQfH {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    line-height: 19px;
    color: undefined;
    color: var(--color_darkGray);
    margin: 20px 0 20px 40px;
}

.projectList-acme-3kcQfH img {
    left: -40px;
    top: 4px;
    position: absolute;
    height: 11px;
}

.projectList-uploadDocument-2K67SV {
    height: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    display: inline-block;
    padding: 3px 10px 2px;
    line-height: 12px;
    cursor: pointer;
    text-align: center;
    font-size: undefined;
    font-size: var(--fontSize_button);
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_primary);
    color: undefined;
    color: var(--color_primary);
    border: undefined;
    border: 1px solid var(--color_primary);
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-right: 20px;
}

.projectList-uploadDocument-2K67SV:hover {
        border-color: undefined;
        border-color: var(--color_primary_hover);
        color: undefined;
        color: var(--color_primary_hover);
    }

.projectList-dragScreen-mMqckP {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    min-height: 155px;
    z-index: 7;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    cursor: pointer;
    border-radius: 10px;
    border: undefined;
    border: 1px dashed var(--color_primary);
    background-color: rgba(255, 255, 255, 0.75);
    color: undefined;
    color: var(--color_black);
    font-size: undefined;
    font-size: var(--fontSize_18);
    text-decoration: none;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.projectList-dragScreen-mMqckP svg {
        margin-top: 0;
    }

.projectList-dragScreen-mMqckP path {
        stroke: undefined;
        stroke: var(--color_black);
    }

.projectList-dragScreen-mMqckP > span {
        color: undefined;
        color: var(--color_primary);
    }

.projectList-dragScreen-mMqckP.projectList-pj-1utUK- {
        top: 35px;
        height: calc(100% - 50px);
    }

.projectList-dragScreen-mMqckP.projectList-small-2WCnQ8 {
        top: -15px;
        height: calc(100% + 25px);
        min-height: 46px;
    }

.projectList-dragScreen-mMqckP.projectList-small-2WCnQ8 svg {
            display: none;
        }

.projectList-dragScreen-mMqckP.projectList-vis-1LIAyF {
        opacity: 1;
        visibility: visible;
    }

.projectList-dragActive-3IiW4c > div, .projectList-dragActive-3IiW4c {
    background-color: #f8f8f8;
}

.projectList-opCompaniesTeam-1v1ass {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    /*margin: 0 auto;*/
}

.projectList-op-settings-3ppm9s {}

.projectList-op-rename-2fG7XA {
    margin-bottom: 50px;
}

.projectList-op-rename-2fG7XA input {
        display: block;
        max-width: 100%;
        font-size: undefined;
        font-size: var(--fontSize_h1);
        color: undefined;
        color: var(--color_black);
        font-weight: 700;
        border-radius: 10px;
        padding: 3px 20px 2px;
        border: undefined;
        border: 1px solid var(--color_lightGray);
        margin-bottom: 20px;
        margin-top: 10px;
    }

.projectList-op-delete-1oZDwg {}

.projectList-disDoc-3-PFbv {
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: -30px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    color: #d8d8d8;
    font-size: 25px;
    width: 20px;
    height: 20px;
}

.projectList-projectDropDown-MDupri {

}

.projectList-dragFrame-1ZUcGN {
    position: relative;
    margin: -1px -5px 1px;
    padding: 0 4px;
    border: 1px dashed transparent;
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_primary);
}

.projectList-dragFrame-1ZUcGN.projectList-isOver-Lg_-pk {
      border-color: undefined;
      border-color: var(--color_primary);
    }

.projectList-dragFrame-1ZUcGN.projectList-isOver-Lg_-pk > * {
          opacity: 0.3;
      }

.projectList-marg20-2r62wF {
    margin-bottom: 20px;
    width: 1085px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.projectList-crossPlace-2F_8CW {
    right: -14px;
    position: relative;   
    z-index: 2;
    top: -46px; 
}

.projectList-arrowShift-3apg74  {
    left: 10px;
    top: 0;
    cursor: pointer;
}

.projectList-showResults-W8EXUb {
        font-size: undefined;
        font-size: var(--fontSize_standart);
        line-height: 1.5;
        color: undefined;
        color: var(--color_gray);    
}

.projectList-searchBlock-3q9bpl {
    margin: 20px 40px 0 0;
    display: inline-block;
    vertical-align:top; 
    font-size: undefined; 
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    width: 320px;
}

.projectList-searchBlock-3q9bpl textarea {
        margin-top: 10px;
        color: undefined;
        color: var(--color_darkGray);
        width: 100%;
        height: 35px;
        padding: 9px 15px;
        border-radius: 4px;
        border: undefined;
        border: solid 1px var(--color_lightGray);
        resize: none;
    }

.projectList-searchBlock-3q9bpl textarea.projectList-bigSearch-1ATv-j   {
            height: 84px;
        }

.projectList-searchBlock-3q9bpl textarea::-webkit-input-placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.projectList-searchBlock-3q9bpl textarea::-moz-placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.projectList-searchBlock-3q9bpl textarea::-ms-input-placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.projectList-searchBlock-3q9bpl textarea::placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.projectList-search-header-38Kcg1 {
    font-weight: bold;
}

.projectList-searching-Wgysy4 {
    position: relative;
}

.projectList-searching-Wgysy4 span {
        position: absolute;
    }

.projectList-tempHidden-3_r-dO {
    display: none;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/lock/lock.css ***!
  \********************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.lock-lock-XksYEJ {
    position: absolute;
    left: 90%;
    top: 7%;
    opacity: 0.4;
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/button/button.css ***!
  \************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.button-wrapper-1XaobN {
    position: relative;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    color: undefined;
    color: var(--color_black);
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: border .2s, color .2s, background-color .2s;
    transition: border .2s, color .2s, background-color .2s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

/*  public area  */

.button-promoMainBtn-1kFsbd {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    width: 150px;
    height: 40px;
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_big);
    text-align: center;
    color: #fff;
    background-color: undefined;
    background-color: var(--color_primary);
}

.button-signIn-3x-Etk {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    width: 150px;
    height: 40px;
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_big);
    text-align: center;
    color: #fff;
    background-color: undefined;
    background-color: var(--color_primary);
}

.button-promoChgd-2l4625 {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    width: 150px;
    height: 40px;
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_big);
    text-align: center;
    color: #fff;
    background-color: undefined;
    background-color: var(--color_primary);
}

.button-promoMainBtn-1kFsbd:hover {
        background-color: undefined;
        background-color: var(--color_primary_hover__dark);
    }

.button-signIn-3x-Etk:hover {
        background-color: undefined;
        background-color: var(--color_primary_hover__dark);
    }

.button-promoChgd-2l4625:hover {
        background-color: undefined;
        background-color: var(--color_primary_hover__dark);
    }

.button-signIn-3x-Etk {
    width: 90px;
 }

.button-promoChgd-2l4625 {
    color: undefined;
    color: var(--color_darkGray);
    border: undefined;
    border: 1px solid var(--color_lightGray2);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: transparent;
  }

.button-promoChgd-2l4625:hover {
        -webkit-transition-delay: 9999999s;
                transition-delay: 9999999s;
    }

.button-freePad-2XArLi {
    padding: 0 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

/* -- */

.button-top10-333ZRz {
    margin-top: 10px;
}

.button-blue-2yfeFL {
    font-size: undefined;
    font-size: var(--fontSize_button);
    margin-right: 20px;
    line-height: 1.3;
}

.button-green-2_PkBP {
    font-size: undefined;
    font-size: var(--fontSize_button);
    margin-right: 20px;
    line-height: 1.3;
}

.button-red-37fKVj {
    font-size: undefined;
    font-size: var(--fontSize_button);
    margin-right: 20px;
    line-height: 1.3;
}

.button-orange-2mKOOd {
    font-size: undefined;
    font-size: var(--fontSize_button);
    margin-right: 20px;
    line-height: 1.3;
}

.button-gray-2X5SwK {
    font-size: undefined;
    font-size: var(--fontSize_button);
    margin-right: 20px;
    line-height: 1.3;
}

.button-black-2zjU4r {
    font-size: undefined;
    font-size: var(--fontSize_button);
    margin-right: 20px;
    line-height: 1.3;
}

.button-blue-2yfeFL {
    color: undefined;
    color: var(--color_primary);
    border-color: undefined;
    border-color: var(--color_primary);
}

.button-blue-2yfeFL:hover {
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }

.button-bluewhite-1DiRwN {
    color: undefined;
    color: var(--color_primary);
    border-color: white;
}

.button-bluewhite-1DiRwN:hover {
        color: undefined;
        color: var(--color_primary_hover);
        border-color: white;
    }

.button-green-2_PkBP {
    color: undefined;
    color: var(--color_green);
    border-color: undefined;
    border-color: var(--color_green);
}

.button-green-2_PkBP:hover {
        color: undefined;
        color: var(--color_green_hover);
        border-color: undefined;
        border-color: var(--color_green_hover);
    }

.button-red-37fKVj {
    color: undefined;
    color: var(--color_darkRed);
    border-color: undefined;
    border-color: var(--color_darkRed);
}

.button-red-37fKVj:hover {
        color: undefined;
        color: var(--color_darkRed_hover);
        border-color: undefined;
        border-color: var(--color_darkRed_hover);
    }

.button-orange-2mKOOd {
    color: undefined;
    color: var(--color_orange);
    border-color: undefined;
    border-color: var(--color_orange);
}

.button-orange-2mKOOd:hover {
        color: undefined;
        color: var(--color_orange_hover);
        border-color: undefined;
        border-color: var(--color_orange_hover);
    }

.button-gray-2X5SwK {
    color: undefined;
    color: var(--color_gray);
    border-color: undefined;
    border-color: var(--color_gray);
}

.button-gray-2X5SwK:hover {
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }

.button-black-2zjU4r {
    color: undefined;
    color: var(--color_black);
    border-color: undefined;
    border-color: var(--color_black);
}

.button-black-2zjU4r:hover {
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }

.button-black-2zjU4r {
    color: undefined;
    color: var(--color_black);
    border-color: undefined;
    border-color: var(--color_black);
}

.button-black-2zjU4r:hover {
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }

.button-fill-2a68YB {
    color: white;
    padding: 2px 10px 0px;
    line-height: 1.3;
    border-width: 1px;
    border-style: solid;
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_primary);
}

.button-fill-2a68YB:hover {
        color: white;
    }

.button-fill-2a68YB.button-blue-2yfeFL {
        background-color: undefined;
        background-color: var(--color_primary);
    }

.button-fill-2a68YB.button-blue-2yfeFL:hover {
            background-color: undefined;
            background-color: var(--color_primary_hover);
        }

.button-fill-2a68YB.button-green-2_PkBP {
        background-color: undefined;
        background-color: var(--color_green);
    }

.button-fill-2a68YB.button-green-2_PkBP:hover {
            background-color: undefined;
            background-color: var(--color_green_hover);
        }

.button-fill-2a68YB.button-red-37fKVj {
        background-color: undefined;
        background-color: var(--color_darkRed);
    }

.button-fill-2a68YB.button-red-37fKVj:hover {
            background-color: undefined;
            background-color: var(--color_darkRed_hover);
        }

.button-fill-2a68YB.button-orange-2mKOOd {
        background-color: undefined;
        background-color: var(--color_orange);
    }

.button-fill-2a68YB.button-orange-2mKOOd:hover {
            background-color: undefined;
            background-color: var(--color_orange_hover);
        }

.button-fill-2a68YB.button-gray-2X5SwK {
        background-color: undefined;
        background-color: var(--color_gray);
    }

.button-fill-2a68YB.button-gray-2X5SwK:hover {
            background-color: undefined;
            background-color: var(--color_gray);
        }

.button-arch-2a1yol {
    background-color: undefined;
    background-color: var(--color_white);
    border: 1px solid;
    padding: 2px 10px 0px;
    line-height: 1.3;
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_primary);
}

.button-arch-2a1yol.button-blue-2yfeFL {
        color: undefined;
        color: var(--color_primary);
    }

.button-arch-2a1yol.button-blue-2yfeFL:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.button-arch-2a1yol.button-green-2_PkBP {
        color: undefined;
        color: var(--color_green);
    }

.button-arch-2a1yol.button-green-2_PkBP:hover {
            color: undefined;
            color: var(--color_green_hover);
        }

.button-arch-2a1yol.button-red-37fKVj {
        color: undefined;
        color: var(--color_darkRed);
    }

.button-arch-2a1yol.button-red-37fKVj:hover {
            color: undefined;
            color: var(--color_darkRed_hover);
        }

.button-arch-2a1yol.button-orange-2mKOOd {
        color: undefined;
        color: var(--color_orange);
    }

.button-arch-2a1yol.button-orange-2mKOOd:hover {
            color: undefined;
            color: var(--color_orange_hover);
        }

.button-arch-2a1yol.button-gray-2X5SwK {
        color: undefined;
        color: var(--color_gray);
    }

.button-arch-2a1yol.button-gray-2X5SwK:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.button-approve-1b20YH {
    color: undefined;
    color: var(--color_primary);
    font-size: undefined;
    font-size: var(--fontSize_button);
    text-align: left;
    height: 21px;
    padding: 0 0 0 30px;
    margin: 0;
    background-image: url(/images/approvalTrue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
}

.button-approveAgain-ZLuF28 {
    color: undefined;
    color: var(--color_primary);
    font-size: undefined;
    font-size: var(--fontSize_button);
    text-align: left;
    height: 21px;
    padding: 0 0 0 30px;
    margin: 0;
    background-image: url(/images/approvalTrue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
}

.button-approved-28Nq6F {
    color: undefined;
    color: var(--color_primary);
    font-size: undefined;
    font-size: var(--fontSize_button);
    text-align: left;
    height: 21px;
    padding: 0 0 0 30px;
    margin: 0;
    background-image: url(/images/approvalTrue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
}

.button-approveAgain-ZLuF28 {
    white-space: normal;
    height: 30px;
    background-image: url(/images/approvalTrue.svg);
    background-size: 21px 21px;
    background-position: 0 6px;
}

.button-approved-28Nq6F {
    background-image: url(/images/approved.svg);
    background-position: 0 0;
}

.button-shared-2dfF2J {
   color: undefined;
   color: var(--color_darkRed);
   padding-left: 0px;
   white-space: nowrap; 
    font-size: undefined; 
    font-size: var(--fontSize_button);
    text-align: left;
    z-index: 2;
    padding-left: 30px;
    padding-right: 26px;
    margin-right: -5px;
    height: 21px;
    border: none;
}

.button-send-3sGUEG:not(.button-big-1mYoNe) {
    color: undefined;
    color: var(--color_primary);
    font-size: undefined;
    font-size: var(--fontSize_button);
    text-align: left;
    z-index: 2;
    padding-left: 30px;
    padding-right: 26px;
    margin-right: -5px;
    height: 21px;
    border: none;
    background: no-repeat 0 0px/19px 19px url(/images/send.svg);
    -webkit-transition: all 0s .2s;
    transition: all 0s .2s;
}

.button-send-3sGUEG:not(.button-big-1mYoNe)::before, .button-send-3sGUEG:not(.button-big-1mYoNe)::after {
        content: '';
        border-radius: 1px;
        position: absolute;
        background-color: #979797;
        top: 6px;
        right: 11px;
        width: 1px;
        height: 8px;
        -webkit-transform: rotate(-50deg);
                transform: rotate(-50deg);
    }

.button-send-3sGUEG:not(.button-big-1mYoNe)::after {
        right: 5px;
        -webkit-transform: rotate(50deg);
                transform: rotate(50deg);
    }

.button-send-3sGUEG.button-send-open-3C8xMj {
    -webkit-transition: all 0s 0s;
    transition: all 0s 0s;
    z-index: 31;
}

.button-send-3sGUEG.button-send-open-3C8xMj::before {
        -webkit-transform: rotate(50deg);
                transform: rotate(50deg);
    }

.button-send-3sGUEG.button-send-open-3C8xMj::after {
        -webkit-transform: rotate(-50deg);
                transform: rotate(-50deg);
    }

.button-send-3sGUEG.button-big-1mYoNe {
    text-align: left;
    padding-left: 45px;
    background-image: url(/images/icon-envelope-white.png);
    background-repeat: no-repeat;
    background-size: 19px 18px;
    background-position: 89px 50%;
}

.button-send-3sGUEG.button-big-1mYoNe.button-rus-2HYAMd {
        background-position: 112px 50%;
        padding-left: 25px;
    }

.button-leftArrow-1LemtX {
    position: relative;
    padding-right: 24px;
}

.button-leftArrow-1LemtX::before, .button-leftArrow-1LemtX::after {
        content: '';
        border-radius: 1px;
        position: absolute;
        background-color: #979797;
        top: 3px;
        right: 10px;
        width: 1px;
        height: 8px;
        -webkit-transform: rotate(-50deg);
                transform: rotate(-50deg);
    }

.button-leftArrow-1LemtX::after {
        right: 4px;
        -webkit-transform: rotate(50deg);
                transform: rotate(50deg);
    }

.button-leftArrow_open-3ASG_X::before, .button-leftArrow_open-3ASG_X::after {
            -webkit-transform: rotate(50deg);
                    transform: rotate(50deg);
        }

.button-leftArrow_open-3ASG_X::after {
            -webkit-transform: rotate(-50deg);
                    transform: rotate(-50deg);
        }

.button-changes-25QzUm {
    z-index: 2;
    -webkit-transition: all 0s .2s;
    transition: all 0s .2s;
    color: undefined;
    color: var(--color_primary);
    font-size: undefined;
    font-size: var(--fontSize_button);
}

.button-changes_open-1q-uUz {
        -webkit-transition: all 0s 0s;
        transition: all 0s 0s;
        z-index: 6;
    }

.button-hint-2lqmlS {
    position: absolute;
    width: 124px;
    left: -62px;
    bottom: calc(100% + 8px);
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_big);
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.06);
    background-color: undefined;
    background-color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_tip);
    font-weight: normal;
    color: undefined;
    color: var(--color_lightGray2);
    padding: 10px;
    cursor: initial;
}

.button-wrapper-1XaobN:hover .button-hint-2lqmlS {
    opacity: 1;
}

.button-hint-2lqmlS:before {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 6px);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-top: undefined;
    border-top: 8px solid var(--color_darkGray);
    border-right: 6px solid transparent;
}

.button-toHide-MjqWJj {
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: white;
    opacity: 0.66;        
}

.button-big-1mYoNe {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    width: 150px;
    height: auto;
    line-height: 1.15;
    padding: 12px;
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_big);
}

.button-small-35LKst {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    line-height: 10px;
    height: auto;
    padding: 2px 6px 0px;
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_small);
}

.button-nowrap-_gz95L {
    white-space: nowrap;
}

.button-bold-2Zril1 {
    font-weight: bold;
}

.button-w220-2SI6mT {
    width: 220px;
}

.button-margin0-3GJYdT {
    margin-right: 0;
}

:disabled, .button-disabled-2EO-UW {
    opacity: 0.3;
    cursor: default;
}

:disabled:hover, .button-disabled-2EO-UW:hover {
        -webkit-transition-delay: 999999s;
                transition-delay: 999999s;
    }

.button-tgIcon-2P1xi9 {
    background-image: url(/images/icon-link.svg);
    padding-right: 23px;
    background-repeat: no-repeat;
    background-position: calc(100% - 4px) 8px;
}

.button-wrapper-1XaobN.button-aleft-1UnHmz {
    text-align: left;
}

.button-m0-2sLN21 {
    margin: 0;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/firstTime/firstTime.css ***!
  \************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .firstTime-wrapper-ysmeUl {
    width: 1240px;
    position: relative;
    margin: 0;
    background-color: undefined;
    background-color: var(--color_lightGray3);
    color: undefined;
    color: var(--color_darkGray);
    padding: 60px 180px;
    border-radius: 10px;
    font-size: undefined;
    font-size: var(--fontSize_readable);
    margin-bottom: 40px;
}
    .firstTime-wrapper-ysmeUl.firstTime-small-1sUBB6 {
       padding: 40px;
    }
.firstTime-title-3WKD_a {
    font-size: undefined;
    font-size: var(--fontSize_h1);
    color: undefined;
    color: var(--color_black);
    margin-top: 10px;
    font-weight: bold;
}
.firstTime-horisontal-3DNV-N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.firstTime-tile-1nlDCz {
    width: 400px;
    height: 175px;
    padding: 40px;
    opacity: 0.9;
    border-radius: 10px;
    border: undefined;
    border: dashed 1px var(--color_lightGray2);
    background-color: undefined;
    background-color: var(--color_white);
    -webkit-transition: opacity 0s 0.2s;
    transition: opacity 0s 0.2s;
}
.firstTime-tile-1nlDCz.firstTime-newProject-2FKEBM {
      height: 390px;  
    }
.firstTime-tile-1nlDCz.firstTime-project-15HayI {
       border: undefined;
       border: dashed 1px var(--color_primary);
    }
.firstTime-tile-1nlDCz.firstTime-project-15HayI.firstTime-semi-3L_gp2 {
          position: relative;
          border: undefined;
          border: dashed 1px var(--color_primary_semi);  
       }
.firstTime-tile-1nlDCz.firstTime-project-15HayI.firstTime-semi-3L_gp2 .firstTime-subTitle-3r9_aI, .firstTime-tile-1nlDCz.firstTime-project-15HayI.firstTime-semi-3L_gp2 .firstTime-subText-2Ruezf {
            opacity: 0.334;
        }
.firstTime-tile-1nlDCz.firstTime-project-15HayI.firstTime-semi-3L_gp2:hover .firstTime-subTitle-3r9_aI, .firstTime-tile-1nlDCz.firstTime-project-15HayI.firstTime-semi-3L_gp2:hover .firstTime-subText-2Ruezf {
            opacity: 0.3;
        }
.firstTime-tile-1nlDCz.firstTime-project-15HayI.firstTime-semi-3L_gp2:hover .firstTime-hint-1j4kOl {
                opacity: 1;
                visibility: visible;
        }
.firstTime-tile-1nlDCz.firstTime-small-1sUBB6 {
       width: 300px; 
    }
.firstTime-tile-1nlDCz.firstTime-help-oh3NhU {
        width: 140px;
        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;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
    }
.firstTime-tile-1nlDCz.firstTime-opaque-1qd6ry {
       border-color: undefined;
       border-color: var(--color_lightGray3);
       background-color: undefined;
       background-color: var(--color_lightGray3);
    }
.firstTime-tile-1nlDCz .firstTime-uploadDoc-2DeGey {
      margin: 16px auto;
      color: undefined;
      color: var(--color_gray);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      font-size: undefined;
      font-size: var(--fontSize_18);
    }
.firstTime-tile-1nlDCz:hover {
    opacity: 1;
}
.firstTime-subTitle-3r9_aI {
    color: undefined;
    color: var(--color_black);
    font-weight: bold;
    font-size: undefined;
    font-size: var(--fontSize_h2);
}
.firstTime-subTitle-3r9_aI.firstTime-withMargin-33BT5K {
       margin-bottom: 20px; 
    }
.firstTime-clickable-1bv8tB {
    cursor: pointer;
}
.firstTime-getstarted-1HzA__ {
  font-size: undefined;
  font-size: var(--fontSize_button);
  font-weight: bold;
  line-height: normal;
  color: #fff;
  width: 83px;
  margin: 0px 0 0px 40px;
  padding: 2px 10px;
  border-radius: 5px;
  border: undefined;
  border: solid 1px var(--color_primary);
  background-color: undefined;
  background-color: var(--color_primary);
}
.firstTime-arrowShift-2VYI4o {
    top: 3px;
}
.firstTime-hint-1j4kOl {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 35px;
    top: -35px;
    width: 220px;
    color: undefined;
    color: var(--color_lightGray2);
    font-size: undefined;
    font-size: var(--fontSize_tip);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    background-color: undefined;
    background-color: var(--color_darkGray);
    z-index: 1;
    padding: 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    }
.firstTime-hint-1j4kOl:before {
       border: solid transparent;
        position: absolute;
        border-width: 9px;
        content: '';
        top: 100%;
        border-top-color: undefined;
        border-top-color: var(--color_darkGray);
        border-bottom: none; 
    }
.firstTime-hint-1j4kOl > div {
        display: inline-block;
        cursor: pointer;
        -webkit-transition: color .2s;
        transition: color .2s;
    }
.firstTime-hint-1j4kOl > div:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/help/helpPopup.css ***!
  \*******************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.helpPopup-screen-3_MxjT {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 11;
}
.helpPopup-scroll-3N7z7_ {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 0;
    overflow: auto;
    z-index: 12;
}
.helpPopup-wrapper-QZ7dDK {
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 30px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    width: 1240px;
}
.helpPopup-tabs-B-vCVP {
    position: relative;
    width: 100%;
    padding: 0 40px;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray2);
    margin-bottom: 20px;
}
.helpPopup-tabs_tab-34B7aV {
        display: inline-block;
        margin-right: 40px;
        padding-bottom: 15px;
        font-size: undefined;
        font-size: var(--fontSize_tab);
        line-height: 1.36;
        letter-spacing: 0.01px;
        color: #606060;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }
.helpPopup-tabs_tab-34B7aV > a {
            text-decoration: none;
            color: undefined;
            color: var(--color_primary);
            -webkit-transition: color .2s;
            transition: color .2s;
        }
.helpPopup-tabs_tab-34B7aV > a:hover {
                color: undefined;
                color: var(--color_primary_hover);
            }
.helpPopup-tabs_tab-34B7aV.helpPopup-tg-3fv0vI {
            color: undefined;
            color: var(--color_primary);
        }
.helpPopup-tabs_tab-34B7aV.helpPopup-tg-3fv0vI img {
                margin-left: 8px;
            }
.helpPopup-tabs_tab-34B7aV.helpPopup-_sel-2jVnen {
            border-bottom: undefined;
            border-bottom: solid 5px var(--color_lightGray2);
        }
.helpPopup-controls-25c1t5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 40px;
}
.helpPopup-controls-25c1t5 > button {
        font-size: undefined;
        font-size: var(--fontSize_standart);
        color: undefined;
        color: var(--color_primary);
        border: none;
        border-bottom: undefined;
        border-bottom: 1px dashed var(--color_primary);
        margin: 0 15px 1px 5px;
        padding: 4px 0 3px 0;
        background-color: #fff;
        cursor: pointer;
    }
.helpPopup-controls-25c1t5 > button.helpPopup-_active-CDrxBL {
        color: undefined;
        color: var(--color_darkGray);
        background-color: rgba(222, 222, 222, 0.5);
        border: none;
        cursor: default;
        margin: 0 10px 0 0;
        padding: 4px 5px 3px 5px;
        border-radius: 4px;
    }
.helpPopup-slider-2D0-xQ {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
    padding-left: 40px;
    padding-bottom: 40px;
}
.helpPopup-slider_item-2fw2xt {
        min-width: 800px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin-right: 40px;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
        opacity: 0.6;
        cursor: pointer;
    }
.helpPopup-slider_item-2fw2xt:last-child {
            min-width: 840px;
            margin-right: 0;
            padding-right: 40px;
        }
.helpPopup-slider_item-2fw2xt.helpPopup-_active-CDrxBL {
            opacity: 1;
            cursor: default;
        }
.helpPopup-slider_item_image-3NU6Ag {
            -webkit-box-shadow: undefined;
                    box-shadow: undefined;
            -webkit-box-shadow: var(--shadow_menu);
                    box-shadow: var(--shadow_menu);
            height: 450px;
        }
.helpPopup-slider_item_image-3NU6Ag > img {
                width: 800px;
                height: 450px;
            }
.helpPopup-slider_item_text-2aPAK- {
            padding-top: 20px;
            font-size: undefined;
            font-size: var(--fontSize_tab);
            line-height: 19px;
            color: undefined;
            color: var(--color_darkGray);
            max-width: 200px;
        }
.helpPopup-video-3T5QiO {
    padding: 20px 40px 40px;
}
.helpPopup-_CHROME_correction-1AfbGN .helpPopup-slider-2D0-xQ img {
            image-rendering: -webkit-optimize-contrast;
        }
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/help/userManual.css ***!
  \********************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}


:root {
    --sky: #157efb;
}


:root {
    --black: #212121;
}


:root {
    --color2: #acacac;
}


:root {
    --color: #606060;
}


:root {
    --bg: #fff;
}


:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}


:root {
    --errorColor: red;
}


:root {
    --fontFamily2: Tahoma, sans-serif;
}


:root {
    --fontFamily: ProximaNova, sans-serif;
}


.userManual-wrapper-2YX14N {
    overflow: auto;
    max-height: calc(100% - 175px);
    padding: 0 216px 0 176px;
}


.userManual-page_1-gKZUVE {
    position: relative;
    overflow: hidden;
    margin: 0px 0px 314px 114px;
    padding: 0px;
    border: none;
    width: 521px;
}


.userManual-page_1-gKZUVE .userManual-id1_1-1gkIKW {
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 521px;
    overflow: hidden;
}


.userManual-page_1-gKZUVE .userManual-id1_2-3pylNF {
    border: none;
    margin: 17px 0px 0px 246px;
    padding: 0px;
    border: none;
    width: 210px;
    overflow: hidden;
}


.userManual-page_1-gKZUVE .userManual-p1dimg1-2E_jFq {
    position: absolute;
    top: 25px;
    left: 129px;
    width: 58px;
    height: 34px;
}


.userManual-page_1-gKZUVE .userManual-p1dimg1-2E_jFq .userManual-p1img1-3ksXTi {
    width: 58px;
    height: 34px;
}


.userManual-page_2-3STQOe {
    position: relative;
    overflow: hidden;
    margin: 74px 0px 48px 80px;
    padding: 0px;
    border: none;
    width: 714px;
}


.userManual-page_2-3STQOe .userManual-id2_1-dpvxKU {
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 638px;
    overflow: hidden;
}


.userManual-page_2-3STQOe .userManual-id2_1-dpvxKU .userManual-id2_1_1-3ucBB8 {
    float: left;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 347px;
    overflow: hidden;
}


.userManual-page_2-3STQOe .userManual-id2_1-dpvxKU .userManual-id2_1_2-juj5xd {
    float: left;
    border: none;
    margin: 305px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 291px;
    overflow: hidden;
}


.userManual-page_2-3STQOe .userManual-id2_2-2gUUBb {
    border: none;
    margin: 55px 0px 0px 250px;
    padding: 0px;
    border: none;
    width: 464px;
    overflow: hidden;
}


.userManual-page_2-3STQOe .userManual-p2dimg1-2YpG9_ {
    position: absolute;
    top: 89px;
    left: 17px;
    width: 675px;
}


.userManual-page_2-3STQOe .userManual-p2dimg1-2YpG9_ .userManual-p2img1-23LNsC {
     width: 675px;
 }


.userManual-page_2-3STQOe .userManual-p2dimg2-3ZDVuU {
    position: absolute;
    top: 350px;
    left: 30px;
    width: 191px;
}


.userManual-page_2-3STQOe .userManual-p2dimg2-3ZDVuU .userManual-p2img2-m5XbsT {
    width: 191px;
}


.userManual-page_2-3STQOe .userManual-p2dimg3-2Dcvxv {
    position: absolute;
    top: 390px;
    right: 150px;
    width: 184px;
}


.userManual-page_2-3STQOe .userManual-p2dimg3-2Dcvxv .userManual-p2img3-33LstE {
    width: 184px;
}


.userManual-page_2-3STQOe .userManual-p2dimg5-162Ku1 {
    position: absolute;
    top: 525px;
    right: 0;
    width: 399px;
}


.userManual-page_2-3STQOe .userManual-p2dimg5-162Ku1 .userManual-p2img5-1gihpz {
    width: 399px;
}


.userManual-page_2-3STQOe .userManual-p2dimg6-nbzdeV {
    position: absolute;
    top: 645px;
    left: 32px;
    width: 182px;
}


.userManual-page_2-3STQOe .userManual-p2dimg6-nbzdeV .userManual-p2img6-m2m_La {
    width: 182px;
}


.userManual-page_2-3STQOe .userManual-p2dimg7-3NO7m1 {
    position: absolute;
    top: 770px;
    left: 185px;
    width: 36px;
}


.userManual-page_2-3STQOe .userManual-p2dimg7-3NO7m1 .userManual-p2img7-19iRe6 {
    width: 36px;
}


.userManual-page_2-3STQOe .userManual-p3dimg1-n-qNZc {
    position: absolute;
    top: 0;
    right: 80px;
    width: 458px;
}


.userManual-page_2-3STQOe .userManual-p3dimg1-n-qNZc .userManual-p3img1-3tfXJg {
    width: 458px;
}


.userManual-page_3-2HjlBX .userManual-p4dimg1-YuTdO_ {
    position: absolute;
    top: 589px;
    left: 26px;
}


.userManual-page_3-2HjlBX .userManual-p4dimg1-YuTdO_ .userManual-p4img1-2hpOq2 {

}


.userManual-page_3-2HjlBX .userManual-p4dimg2-1-n7Cl {
    position: absolute;
    top: 750px;
    left: 30px;
}


.userManual-page_3-2HjlBX .userManual-p4dimg2-1-n7Cl .userManual-p4img2-IwTDhx {

}


.userManual-page_3-2HjlBX .userManual-p4dimg3-2z4_1Q {
    position: absolute;
    top: 958px;
    left: 30px;
}


.userManual-page_3-2HjlBX .userManual-p4dimg3-2z4_1Q .userManual-p4img3-3DRq-T {

}


.userManual-page_3-2HjlBX .userManual-p4dimg4-38y9R7 {
    position: absolute;
    top: 602px;
    right: 90px;
}


.userManual-page_3-2HjlBX .userManual-p4dimg4-38y9R7 .userManual-p4img4-2EMU1Y {

}


.userManual-page_3-2HjlBX .userManual-p4dimg5-3_WhUt {
    position: absolute;
    top: 895px;
    right: 75px;
}


.userManual-page_3-2HjlBX .userManual-p4dimg5-3_WhUt .userManual-p4img5-1L9aF5 {

}


.userManual-page_4-XmrrEU .userManual-p5dimg1-2fdYve {
    position: absolute;
    top: 313px;
    left: 20px;
}


.userManual-page_4-XmrrEU .userManual-p5dimg1-2fdYve .userManual-p5img1-2hmQsJ {

}


.userManual-page_4-XmrrEU .userManual-p5dimg2-3JkB6M {
    position: absolute;
    top: 492px;
    left: 34px;
}


.userManual-page_4-XmrrEU .userManual-p5dimg2-3JkB6M .userManual-p5img2-14QUoE {

}


.userManual-page_4-XmrrEU .userManual-p5dimg3-3Qsuqx {
    position: absolute;
    top: 718px;
    left: 34px;
}


.userManual-page_4-XmrrEU .userManual-p5dimg3-3Qsuqx .userManual-p5img3-2-IPZV {

}


.userManual-page_4-XmrrEU .userManual-p5dimg4-1ef0pO {
    position: absolute;
    top: 145px;
    right: -3px;
}


.userManual-page_4-XmrrEU .userManual-p5dimg4-1ef0pO .userManual-p5img4-2_PTld {

}


.userManual-page_4-XmrrEU .userManual-p5dimg5-39N4xw {
    position: absolute;
    top: 357px;
    right: 0;
}


.userManual-page_4-XmrrEU .userManual-p5dimg5-39N4xw .userManual-p5img5-11yM3w {

}


.userManual-page_4-XmrrEU .userManual-p5dimg6-2nnOaK {
    position: absolute;
    top: 703px;
    right: 113px;
}


.userManual-page_4-XmrrEU .userManual-p5dimg6-2nnOaK .userManual-p5img6-1NXwNj {

}


.userManual-page_4-XmrrEU .userManual-p5dimg7-_MIxkr {
    position: absolute;
    top: 1017px;
    right: 113px;
}


.userManual-page_4-XmrrEU .userManual-p5dimg7-_MIxkr .userManual-p5img7-34yHXX {

}


.userManual-page_4-XmrrEU .userManual-p6dimg1-2cyLtH {
    position: absolute;
    top: 125px;
    left: 32px;
}


.userManual-page_4-XmrrEU .userManual-p6dimg1-2cyLtH .userManual-p6img1-Kjscbf {

}


.userManual-page_4-XmrrEU .userManual-p6dimg2-2qADh2 {
    position: absolute;
    top: 395px;
    left: 32px;
}


.userManual-page_4-XmrrEU .userManual-p6dimg2-2qADh2 .userManual-p6img2-1XnmBO {

}


.userManual-page_4-XmrrEU .userManual-p6dimg3-MHp77m {
    position: absolute;
    top: 185px;
    right: 220px;
}


.userManual-page_4-XmrrEU .userManual-p6dimg3-MHp77m .userManual-p6img3-QTVyMG {

}


.userManual-page_4-XmrrEU .userManual-p6dimg4-39TpQX {
    position: absolute;
    top: 518px;
    right: 101px;
}


.userManual-page_4-XmrrEU .userManual-p6dimg4-39TpQX .userManual-p6img4-oCmUz2 {

}


.userManual-page_6-3oKh5u .userManual-p7dimg1-15VOZS {
    position: absolute;
    top: 91px;
    left: 28px;
}


.userManual-page_6-3oKh5u .userManual-p7dimg1-15VOZS .userManual-p7img1-1stBur {

}


.userManual-page_6-3oKh5u .userManual-p7dimg2-1uw7kL {
    position: absolute;
    top: 35px;
    right: 40px;
}


.userManual-page_6-3oKh5u .userManual-p7dimg2-1uw7kL .userManual-p7img2-3Gc-el {

}


.userManual-page_6-3oKh5u .userManual-p7dimg3-1JkMg5 {
    position: absolute;
    top: 310px;
    left: 34px;
}


.userManual-page_6-3oKh5u .userManual-p7dimg3-1JkMg5 .userManual-p7img3-2FNSNE {

}


.userManual-page_6-3oKh5u .userManual-p7dimg4-1UD6Wa {
    position: absolute;
    top: 580px;
    left: 30px;
}


.userManual-page_6-3oKh5u .userManual-p7dimg4-1UD6Wa .userManual-p7img4-ssBCto {

}


.userManual-page_6-3oKh5u .userManual-p7dimg5-3CnL7y {
    position: absolute;
    top: 812px;
    left: 30px;
}


.userManual-page_6-3oKh5u .userManual-p7dimg5-3CnL7y .userManual-p7img5-2L9Lcb {

}


.userManual-page_6-3oKh5u .userManual-p7dimg6-8h2Xvs {
    position: absolute;
    top: 700px;
    right: 111px;
}


.userManual-page_6-3oKh5u .userManual-p7dimg6-8h2Xvs .userManual-p7img6-Of_x5t {

}


.userManual-page_7-2c961Z .userManual-p8dimg1-3jBIPj {
    position: absolute;
    top: 180px;
    right: 80px;
}


.userManual-page_7-2c961Z .userManual-p8dimg1-3jBIPj .userManual-p8img1-hKHNy2 {

}


.userManual-page_3-2HjlBX {
    position: relative;
    overflow: hidden;
    margin: 0px 0px 48px 0px;
    padding: 0px;
    border: none;
    width: 794px;
}


.userManual-page_3-2HjlBX .userManual-id3_1-2r--SV {
    border: none;
    margin: 73px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 720px;
    overflow: hidden;
}


.userManual-page_3-2HjlBX .userManual-id3_1-2r--SV .userManual-id3_1_1-2s0v7a {
    float: left;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 427px;
    overflow: hidden;
}


.userManual-page_3-2HjlBX .userManual-id3_1-2r--SV .userManual-id3_1_2-3TtyEK {
    float: left;
    border: none;
    margin: 468px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 293px;
    overflow: hidden;
}


.userManual-page_3-2HjlBX .userManual-id3_2-1yNe8R {
    border: none;
    margin: 79px 0px 0px 330px;
    padding: 0px;
    border: none;
    width: 464px;
    overflow: hidden;
}


.userManual-page_4-XmrrEU {
    position: relative;
    overflow: hidden;
    margin: 74px 0px 48px 0;
    padding: 0px;
    border: none;
    width: 716px;
}


.userManual-page_4-XmrrEU .userManual-id4_1-WjxO92 {
    border: none;
    margin: 0px 0px 0px 2px;
    padding: 0px;
    border: none;
    width: 714px;
    overflow: hidden;
}


.userManual-page_4-XmrrEU .userManual-id4_1-WjxO92 .userManual-id4_1_1-3hh7IY {
    float: left;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 347px;
    overflow: hidden;
}


.userManual-page_4-XmrrEU .userManual-id4_1-WjxO92 .userManual-id4_1_2-jYf0l- {
    float: left;
    border: none;
    margin: 55px 0px 0px 0px;
    padding-left: 77px;
    border: none;
    width: 367px;
    overflow: hidden;
}


.userManual-page_4-XmrrEU .userManual-id4_2-1PSOrk {
    border: none;
    margin: 140px 0px 0px 252px;
    padding: 0px;
    border: none;
    width: 464px;
    overflow: hidden;
}


.userManual-page_5-m21AZV {
    position: relative;
    overflow: hidden;
    margin: 74px 0px 48px 0;
    padding: 0px;
    border: none;
    width: 714px;
}


.userManual-page_5-m21AZV .userManual-id5_1-1dN4f6 {
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 714px;
    overflow: hidden;
}


.userManual-page_5-m21AZV .userManual-id5_1-1dN4f6 .userManual-id5_1_1-3qrJrS {
    float: left;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 347px;
    overflow: hidden;
}


.userManual-page_5-m21AZV .userManual-id5_1-1dN4f6 .userManual-id5_1_2-3WknQH {
    float: left;
    border: none;
    margin: 0px 0px 0px 0px;
    padding-left: 77px;
    border: none;
    width: 367px;
    overflow: hidden;
}


.userManual-page_5-m21AZV .userManual-id5_2-1fNhb3 {
    border: none;
    margin: 460px 0px 0px 250px;
    padding: 0px;
    border: none;
    width: 464px;
    overflow: hidden;
}


.userManual-page_6-3oKh5u {
    position: relative;
    overflow: hidden;
    margin: 74px 0px 48px 0;
    padding: 0px;
    border: none;
    width: 714px;
}


.userManual-page_6-3oKh5u .userManual-id6_1-107fmv {
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 714px;
    overflow: hidden;
}


.userManual-page_6-3oKh5u .userManual-id6_2-gpUihB {
    border: none;
    margin: 50px 0px 0px 250px;
    padding-left: 77px;
    border: none;
    width: 464px;
    overflow: hidden;
}


.userManual-page_7-2c961Z {
    position: relative;
    overflow: hidden;
    margin: 291px 0px 48px 0px;
    padding: 0px;
    border: none;
    width: 794px;
}


.userManual-dclr-1kVnlW {
    clear: both;
    float: none;
    height: 1px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}


.userManual-ft0-1rYxni {
    font: bold 31px 'Arial';
    line-height: 36px;
}


.userManual-ft1-1A-Hsi {
    font: bold 46px 'Arial';
    line-height: 54px;
}


.userManual-ft2-1HDZUW {
    font: bold 24px 'Arial';
    line-height: 29px;
}


.userManual-ft3-3zkDiY {
    font: 13px 'Arial';
    line-height: 16px;
}


.userManual-ft4-J3T2dK {
    font: bold 32px 'Arial';
    margin-left: 27px;
    line-height: 37px;
}


.userManual-ft5-1QxA_E {
    font: bold 32px 'Arial';
    line-height: 37px;
}


.userManual-ft6-qRsKub {
    font: 15px 'Arial';
    line-height: 17px;
}


.userManual-ft7-3ZWZsr {
    font: 12px 'Arial';
    line-height: 15px;
}


.userManual-ft8-1K-3-V {
    font: bold 19px 'Arial';
    margin-left: 17px;
    line-height: 22px;
}


.userManual-ft9-3-Yoxd {
    font: bold 19px 'Arial';
    line-height: 22px;
}


.userManual-ft10-3rwOLu {
    font: 21px 'Arial';
    line-height: 24px;
}


.userManual-ft11-eVVn1v {
    font: bold 32px 'Arial';
    margin-left: 22px;
    line-height: 37px;
}


.userManual-ft12-2b7Ix3 {
    font: 15px 'Arial';
    line-height: 18px;
}


.userManual-ft13-22vhGD {
    font: bold 15px 'Arial';
    line-height: 18px;
}


.userManual-ft14-2w8xxa {
    font: 16px 'Arial';
    line-height: 18px;
}


.userManual-ft15-2VSqpr {
    font: bold 17px 'Arial';
    margin-left: 12px;
    line-height: 24px;
}


.userManual-ft16-18SEvm {
    font: bold 17px 'Arial';
    line-height: 24px;
}


.userManual-ft17-1rkQKn {
    font: bold 19px 'Arial';
    margin-left: 13px;
    line-height: 22px;
}


.userManual-ft18-2iJV9l {
    font: 18px 'Arial';
    line-height: 21px;
}


.userManual-ft19-2vJz9z {
    font: bold 19px 'Arial';
    margin-left: 9px;
    line-height: 22px;
}


.userManual-ft20-2igo9- {
    font: bold 19px 'Arial';
    margin-left: 8px;
    line-height: 22px;
}


.userManual-ft21-MuL_Tm {
    font: 14px 'Arial';
    line-height: 19px;
}


.userManual-ft22-HVekbH {
    font: bold 14px 'Arial';
    line-height: 19px;
}


.userManual-ft23-1sqkB9 {
    font: 19px 'Arial';
    line-height: 22px;
}


.userManual-ft24-2UWcbH {
    font: bold 19px 'Arial';
    margin-left: 7px;
    line-height: 22px;
}


.userManual-ft25-1s6a5s {
    font: bold 14px 'Arial';
    line-height: 18px;
}


.userManual-ft26-1gsBEO {
    font: 14px 'Arial';
    line-height: 18px;
}


.userManual-ft27-1HdNop {
    font: 20px 'Arial';
    line-height: 23px;
}


.userManual-ft28-1gFO1D {
    font: bold 32px 'Arial';
    margin-left: 23px;
    line-height: 37px;
}


.userManual-ft29-lFVLX0 {
    font: bold 19px 'Arial';
    margin-left: 12px;
    line-height: 22px;
}


.userManual-ft30-3soXKC {
    font: bold 32px 'Arial';
    margin-left: 21px;
    line-height: 37px;
}


.userManual-ft31-UGMJYq {
    font: 17px 'Arial';
    line-height: 19px;
}


.userManual-p0-G-v996 {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}


.userManual-p1-32zpkg {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}


.userManual-p2-2YD73k {
    text-align: left;
    padding-left: 34px;
    margin-top: 18px;
    margin-bottom: 0px;
}


.userManual-p3-ewU7fH {
    text-align: left;
    margin-top: 233px;
    margin-bottom: 0px;
}


.userManual-p4-2Cz-BZ {
    text-align: left;
    margin-top: 202px;
    margin-bottom: 0px;
}


.userManual-p5-w0uMXH {
    text-align: left;
    padding-left: 34px;
    padding-right: 133px;
    margin-top: 18px;
    margin-bottom: 0px;
}


.userManual-p6-3Si_FL {
    text-align: left;
    padding-left: 34px;
    padding-right: 140px;
    margin-top: 83px;
    margin-bottom: 0px;
}


.userManual-p7-2WGjDo {
    text-align: left;
    padding-left: 34px;
    padding-right: 201px;
    margin-top: 17px;
    margin-bottom: 0px;
}


.userManual-p8-2D81Db {
    text-align: left;
    padding-left: 34px;
    padding-right: 140px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p9-35aJCe {
    text-align: left;
    padding-left: 34px;
    margin-top: 17px;
    margin-bottom: 0px;
}


.userManual-p10-2EaQDn {
    text-align: left;
    padding-left: 34px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-indent: -34px;
}


.userManual-p11-1pOUXL {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}


.userManual-p12-2LjHba {
    text-align: left;
    margin-top: 18px;
    margin-bottom: 0px;
}


.userManual-p13-1SF9-I {
    text-align: left;
    padding-left: 34px;
    width: 250px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p14-4LibXo {
    text-align: left;
    padding-left: 34px;
    width: 250px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p15-2pEaaQ {
    text-align: justify;
    padding-left: 34px;
    width: 250px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p16-3Lw4Q3 {
    text-align: left;
    margin-top: 50px;
    margin-bottom: 0px;
}


.userManual-p17-1AIs4o {
    text-align: left;
    padding-left: 34px;
    padding-right: 64px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p18-35gcCf {
    text-align: left;
    margin-top: 84px;
    margin-bottom: 0px;
}


.userManual-p19-2UZkwH {
    text-align: left;
    padding-left: 34px;
    padding-right: 40px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p20-1cytNz {
    text-align: left;
    margin-top: 153px;
    margin-bottom: 0px;
}


.userManual-p21-33mSYo {
    padding-left: 34px;
    padding-right: 37px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p22-3XTsqf {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}


.userManual-p23-D235oR {
    text-align: left;
    padding-left: 34px;
    padding-right: 61px;
    margin-top: 186px;
    margin-bottom: 0px;
    text-indent: -34px;
}


.userManual-p24-_f0cz_ {
    text-align: left;
    padding-left: 35px;
    padding-right: 6px;
    margin-top: 17px;
    margin-bottom: 0px;
}


.userManual-p25-1gNhHd {
    text-align: left;
    margin-top: 18px;
    margin-bottom: 0px;
}


.userManual-p26-3wJrs5 {
    text-align: justify;
    padding-left: 34px;
    padding-right: 37px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p27-1Nu2Su {
    text-align: left;
    margin-top: 50px;
    margin-bottom: 0px;
}


.userManual-p28-2Arn6N {
    text-align: left;
    padding-left: 34px;
    padding-right: 36px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p29-2qo6Gl {
    text-align: left;
    padding-left: 34px;
    padding-right: 37px;
    margin-top: 150px;
    margin-bottom: 0px;
}


.userManual-p30-23fzaN {
    text-align: left;
    margin-top: 86px;
    margin-bottom: 0px;
}


.userManual-p31-2p1MiP {
    text-align: left;
    padding-left: 34px;
    padding-right: 45px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p32-21fW23 {
    text-align: left;
    padding-left: 34px;
    padding-right: 68px;
    margin-top: 15px;
    margin-bottom: 0px;
}


.userManual-p33-1Mbtnl {
    text-align: left;
    padding-left: 35px;
    padding-right: 73px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p34-3ZBQca {
    text-align: left;
    margin-top: 118px;
    margin-bottom: 0px;
}


.userManual-p35-2XegVb {
    text-align: left;
    padding-left: 35px;
    padding-right: 79px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p36-1oz-_B {
    text-align: left;
    margin-top: 153px;
    margin-bottom: 0px;
}


.userManual-p37-36Mayl {
    text-align: left;
    padding-left: 35px;
    padding-right: 77px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p38-ynyAiT {
    text-align: left;
    padding-left: 35px;
    padding-right: 88px;
    margin-top: 83px;
    margin-bottom: 0px;
}


.userManual-p39-229WoI {
    text-align: justify;
    padding-left: 34px;
    padding-right: 37px;
    margin-top: 18px;
    margin-bottom: 0px;
}


.userManual-p40-17XAmx {
    text-align: justify;
    padding-left: 34px;
    padding-right: 37px;
    margin-top: 83px;
    margin-bottom: 0px;
}


.userManual-p41-2oTHUT {
    text-align: left;
    margin-top: 49px;
    margin-bottom: 0px;
}


.userManual-p42-JcUUoX {
    text-align: justify;
    padding-left: 34px;
    padding-right: 37px;
    margin-top: 84px;
    margin-bottom: 0px;
}


.userManual-p43-25MiXb {
    text-align: left;
    padding-left: 35px;
    padding-right: 69px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p44-z5Veok {
    text-align: left;
    padding-left: 35px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p45-3Z2Jnd {
    text-align: left;
    margin-top: 169px;
    margin-bottom: 0px;
}


.userManual-p46-30ARRZ {
    text-align: justify;
    padding-left: 35px;
    padding-right: 73px;
    margin-top: 18px;
    margin-bottom: 0px;
}


.userManual-p47-2ERR_S {
    text-align: left;
    margin-top: 105px;
    margin-bottom: 0px;
}


.userManual-p48-14_7w0 {
    text-align: left;
    padding-left: 34px;
    padding-right: 399px;
    margin-top: 17px;
    margin-bottom: 0px;
}


.userManual-p49-3v7I8T {
    text-align: left;
    margin-top: 185px;
    margin-bottom: 0px;
}


.userManual-p50-2-6Si0 {
    text-align: left;
    padding-left: 34px;
    padding-right: 421px;
    margin-top: 17px;
    margin-bottom: 0px;
}


.userManual-p51-1PIYU_ {
    text-align: left;
    margin-top: 137px;
    margin-bottom: 0px;
}


.userManual-p52-3zktmr {
    text-align: justify;
    padding-left: 34px;
    padding-right: 404px;
    margin-top: 16px;
    margin-bottom: 0px;
}


.userManual-p53-2lbal_ {
    text-align: justify;
    padding-left: 34px;
    padding-right: 404px;
    margin-top: 84px;
    margin-bottom: 0px;
}


.userManual-p54-lLl1YN {
    text-align: right;
    padding-right: 171px;
    margin-top: 0px;
    margin-bottom: 0px;
}


.userManual-p55-2_1qRR {
    text-align: left;
    padding-left: 462px;
    margin-top: 18px;
    margin-bottom: 0px;
}


.userManual-p56-664QAt {
    text-align: left;
    padding-left: 462px;
    margin-top: 19px;
    margin-bottom: 0px;
}


.userManual-p57-x-40rb {
    text-align: left;
    padding-left: 462px;
    margin-top: 17px;
    margin-bottom: 0px;
}


.userManual-p58-lOtEWv {
    text-align: left;
    padding-left: 331px;
    margin-top: 617px;
    margin-bottom: 0px;
}


.userManual-td0-3oIVtQ {
    padding: 0px;
    margin: 0px;
    width: 246px;
    vertical-align: bottom;
}


.userManual-td1-1lEmjK {
    padding: 0px;
    margin: 0px;
    width: 275px;
    vertical-align: bottom;
}


.userManual-tr0-26rY2a {
    height: 58px;
}


.userManual-t0-7Cpqff {
    width: 521px;
    font: bold 31px 'Arial';
}


.userManual-mail-3huhTu {
    text-decoration: none;
    color: #212121;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/help/helpMenu.css ***!
  \******************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .helpMenu-wrapper-QfQgRB {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 10;
}
    .helpMenu-wrapper-QfQgRB.helpMenu-_absolute-HPG_kE {
        position: absolute;
        top: 0;
        right: 0;
    }

.helpMenu-menu-1uoZdS {
    position: absolute;
    bottom: -5px;
    right: 45px;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    background-color: #fff;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_alert);
            box-shadow: var(--shadow_alert);
    border-radius: 6px;
    padding: 20px;
}

.helpMenu-menu_btns-xbLpwN > *{
      white-space: nowrap;
    }

.helpMenu-menu_btns-xbLpwN > *:not(:last-child) {
      margin-bottom: 10px;
    }

.helpMenu-menu-1uoZdS.helpMenu-_absolute-HPG_kE {
      top: 0;
    }

.helpMenu-line-2bHVfN {
  height: 1px;
  border: undefined;
  border: solid 1px var(--color_lightGray);
}

.helpMenu-btn-3Z2zMh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 13px;
}

.helpMenu-mail_arrow-2xq_Zs, .helpMenu-manual_arrow-2FOEfQ {
  height: 12px;
}

.helpMenu-mail_arrow-2xq_Zs::before {
  height: 12px;
  content: url('/images/icons-12-question.svg');
}

.helpMenu-manual_arrow-2FOEfQ::before {
  height: 12px;
  content: url('/images/icons-12-download.svg');
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/tip/Tip.css ***!
  \******************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .Tip-wrapper-3zWYOf {
    position: absolute;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    padding: 10px;
    color: undefined;
    color: var(--color_lightGray2);
    background-color: undefined;
    background-color: var(--color_darkGray);
    border-radius: 4px;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: default;
    z-index: 12;
    white-space: nowrap;
}
    .Tip-wrapper-3zWYOf::before {
        content: "";
        border: solid transparent;
        position: absolute;
        border-width: 9px;
    }

.Tip-header-3JCKt6 {
    font-weight: bold;
    padding-bottom: 10px;
    margin-top: -2px;
}

.Tip-top-2KcC4S::before {
    bottom: 100%;
    border-bottom-color: undefined;
    border-bottom-color: var(--color_darkGray);
    border-top: none;
}

.Tip-bottom-2wgLzU::before {
    top: 100%;
    border-top-color: undefined;
    border-top-color: var(--color_darkGray);
    border-bottom: none;
}

.Tip-center-3QjCDU::before {
    left: calc(50% - 8px);
}

.Tip-left-3TK4HJ::before {
    left: 10px;
}

.Tip-right-3OV4ui::before {
    right: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/DocumentListItemDropDown/DocumentListItemDropDown.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.DocumentListItemDropDown-wrapper-1boU8d {
  position: absolute;
  right: 0;
  top: 0;
}

.DocumentListItemDropDown-button-3RMjIe {
  border: none;
  background: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0;
  cursor: pointer;
  position: absolute;
  padding: 16px 0;
  border-radius: 5px;
  right: 0px;
  top: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 6;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.DocumentListItemDropDown-button-3RMjIe > span {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #606060;
    display: inline-block;
  }

.DocumentListItemDropDown-button-3RMjIe > span:nth-child(2) {
      margin: 3px 0;
    }

.DocumentListItemDropDown-button-3RMjIe:hover > span {
      background-color: undefined;
      background-color: var(--color_primary_hover__dark);
    }

.DocumentListItemDropDown-drop-down-1qwTCs {
  position: absolute;
  padding: 10px;
  top: 5px;
  right: 0;
  width: 200px;
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  background-color: var(--bg);
  z-index: 6;
}

.DocumentListItemDropDown-drop-down-inner-10vNON {
  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;
  width: 100%;
  background-color: #fff;
  background-color: var(--bg);
  z-index: 6;
}

.DocumentListItemDropDown-drop-down-inner-10vNON:last-of-type{
    border-bottom: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

.DocumentListItemDropDown-drop-down-inner-10vNON:first-of-type{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

.DocumentListItemDropDown-drop-down-item-2hhuV3 {  
  color: undefined;  
  color: var(--color_primary);
  padding: 10px;
  text-decoration: none;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  font-weight: 400;
  border: 0;
  text-align: left;
  background-color: transparent;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 !important;
}

.DocumentListItemDropDown-drop-down-item-2hhuV3.DocumentListItemDropDown-delete-24DxNK {
    color: undefined;
    color: var(--color_darkRed);
    -webkit-transition: all .2s;
    transition: all .2s;
  }

.DocumentListItemDropDown-drop-down-item-2hhuV3.DocumentListItemDropDown-delete-24DxNK:hover {
      color: undefined;
      color: var(--color_darkRed_hover);
    }

.DocumentListItemDropDown-drop-down-item-2hhuV3:hover {
    color: undefined;
    color: var(--color_primary_hover);
    background: #fdfdfd;
  }

.DocumentListItemDropDown-drop-down-item-2hhuV3:not(:last-child) {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;
  }

.DocumentListItemDropDown-drop-down-item-2hhuV3 img {
      margin-right: 7px;
  }

.DocumentListItemDropDown-divider-3o4d4B {
   width: 200px;
   margin: 10px 0 10px -10px;
   height: 1px;
   background-color: undefined;
   background-color: var(--color_lightGray);
}

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/projectPage/projectPage.css ***!
  \****************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.projectPage-projectPage-screen-2MF3RZ {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 8;
}
.projectPage-wrapper-2ZmEip {
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100%;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    padding: 40px 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 8;
    overflow-y: scroll;
}
.projectPage-wrapper-2ZmEip.projectPage-newProject-lIW_ig {
        height: calc(100% - 80px);
        padding: 30px 40px 40px;
        overflow-y: auto;
        top: 80px;
        background-color: white;
        z-index: 8;
    }
.projectPage-wrapper-2ZmEip.projectPage-newProject-lIW_ig .projectPage-project-title-1d_Uor {
            width: 100%;
        }
.projectPage-wrapper-2ZmEip.projectPage-_zIndHigh-1n8IlI {
        z-index: 11;
    }
.projectPage-wrapper-2ZmEip.projectPage-_zIndLow-pZZVdK {
        z-index: 1;
    }
.projectPage-docIcon-2xZsma {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  margin-right: 30px;
  min-width: 11px;
  min-height: 13px;
}
.projectPage-docList-2t2Vqx {
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_tab);
}
.projectPage-docList-item-1K6I6z {
        position: relative;
        -webkit-transition: color .2s;
        transition: color .2s;
        padding-right: 20px;
        margin-bottom: 20px;
        word-break: break-word;        
    }
.projectPage-docList-item-1K6I6z .projectPage-docFlex-eNm-NQ {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
.projectPage-docList-item-1K6I6z .projectPage-deleteBtn-bA65rS {
            top: -3px;
            right: -10px;
        }
.projectPage-docList-item-1K6I6z > button {
          display: block;
          margin-top: 6px;
          margin-left: 41px;
        }
.projectPage-drop-down-3rEmpw {
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    padding: 40px;
    margin: 0 auto;
    width: 1200px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 450px;
    background-color: white;
}
.projectPage-project-title-1d_Uor {
    width: 360px;
    height: 40px;
    font-size: undefined;
    font-size: var(--fontSize_h2);
    font-weight: 700;
    border: none;
}
.projectPage-title-2c-8tO {
  margin-bottom: 20px;
}
.projectPage-title-2c-8tO.projectPage-_woMargin-1cfjym {
    margin: 0;
  }
.projectPage-project-name-1398bn {
  width: 400px;
  height: 40px;
  border-radius: 10px;
  border: undefined;
  border: solid 1px var(--color_lightGray);
  margin-bottom: 50px;
  padding: 0 20px;  
}
.projectPage-project-name-1398bn input {
  font-size: undefined;
  font-size: var(--fontSize_h2);
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.01px;
  color: undefined;
  color: var(--color_black);
  background: none;
}
.projectPage-doc-input-irIp-J{
  border: none !important;
}
.projectPage-doc-label-3MLB2X {
    cursor: text;
}
.projectPage-pages-2KgCz- {
    display: inline-block;
    margin-right: 40px;
    padding-bottom: 15px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    line-height: 1.36;
    letter-spacing: 0.01px;
    color: undefined;
    color: var(--color_darkGray);
    cursor: pointer;
}
.projectPage-pages-2KgCz-.projectPage-_isSelected-1kZJec {
      border-bottom: undefined;
      border-bottom: solid 5px var(--color_lightGray2);
    }
.projectPage-aline-j7ImVB {
    margin: 0 -40px 40px;
    height: 1px;
    background-color: undefined;
    background-color: var(--color_lightGray2);
}
.projectPage-interline-1gd_oV {
}
.projectPage-acme-1O4KSw {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    line-height: 19px;
    color: undefined;
    color: var(--color_darkGray);
    margin: 20px 0 20px 40px;
}
.projectPage-acme-1O4KSw img {
    left: -40px;
    top: 4px;
    position: absolute;
    height: 11px;
}
.projectPage-workflows-3PwbJS {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.projectPage-flows-1IzV7Z {
    display: inline-block;
    margin: 20px 40px 0 0;
    line-height: 19px;
    padding: 20px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: normal;
    color: undefined;
    color: var(--color_black);
    width: 320px;
    height: 176px;
    border-radius: 10px;
    border: undefined;
    border: dotted 1px var(--color_lightGray2);
    cursor: pointer;
}
.projectPage-flows-1IzV7Z.projectPage-_isSelected-1kZJec {
      border-color: undefined;
      border-color: var(--color_primary);
      cursor: initial;
    }
.projectPage-flowName-2u5AAf {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    font-weight: bold;
    margin-bottom: 20px;
}
.projectPage-buttons-2ZV81B {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.projectPage-add-project-1VE0-i {
  margin: 20px 0 40px;
  width: 400px;
  border-radius: 10px;
  border: undefined;
  border: 1px dashed var(--color_lightGray2);
  height: 160px;
  color: undefined;
  color: var(--color_gray);
  font-size: undefined;
  font-size: var(--fontSize_18);
  position: relative;
  cursor: pointer;
  text-align: center;
  -webkit-transition: border .2s ease-out, color .2s ease-out, background-color .2s;
  transition: border .2s ease-out, color .2s ease-out, background-color .2s;
}
.projectPage-add-project-1VE0-i:first-child {
        border: none
    }
.projectPage-add-project-1VE0-i path {
    -webkit-transition: stroke .2s ease-out;
    transition: stroke .2s ease-out;
  }
.projectPage-add-project-1VE0-i > span {
      color: undefined;
      color: var(--color_primary);
  }
.projectPage-add-project-1VE0-i.projectPage-active-1dQvPD {
        border: undefined;
        border: 1px dashed var(--color_primary);
        color: undefined;
        color: var(--color_black);
    }
.projectPage-add-project-1VE0-i:hover {
        border: undefined;
        border: 1px dashed var(--color_primary);
        color: undefined;
        color: var(--color_black);
    }
.projectPage-add-project-1VE0-i.projectPage-active-1dQvPD path {
            stroke: undefined;
            stroke: var(--color_black);
        }
.projectPage-add-project-1VE0-i:hover path {
            stroke: undefined;
            stroke: var(--color_black);
        }
.projectPage-add-project-1VE0-i:hover {
        border: undefined;
        border: 1px dashed var(--color_gray);
    }
.projectPage-add-project-1VE0-i .projectPage-add-project-1VE0-i {
    margin: 0;
}
.projectPage-disDoc-l58OcB {
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: -30px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    color: #d8d8d8;
    font-size: 25px;
    width: 20px;
    height: 20px;
}
.projectPage-teams-3g3hnN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.projectPage-team-1KKS6P {
  width: 400px;
  padding: 40px;
    border-radius: 8px;
}
.projectPage-team-1KKS6P.projectPage-int-2jrlFq {
        background-color: #f9f9f9;
    }
.projectPage-team-1KKS6P.projectPage-ext-3-Bq8n {
        background-color: #f3f8ff;
    }
.projectPage-team-1KKS6P+.projectPage-team-1KKS6P {
    margin-left: 40px;
}
.projectPage-teamCommandLine-1dTNww {
  /*margin-top: 20px;*/
  /*margin-bottom: 20px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.projectPage-teamCommandLine1-2IKYZP {
  margin: 20px 0 0 40px;  
}
.projectPage-teamCommand-3cmaHm {
    color: undefined;
    color: var(--color_primary);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    margin-right: 15px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-bottom: undefined;
    border-bottom: dashed 1px var(--color_primary); 
}
.projectPage-teamCommand-3cmaHm:hover {
      color:undefined;
      color:var(--color_primary_hover);
      border-bottom: undefined;
      border-bottom: dashed 1px var(--color_primary_hover);
      cursor: pointer;
    }
.projectPage-teamRemark-QjOY6E {
  width: 200px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_gray);
  margin-bottom: 10px;
}
.projectPage-subteam-wrapper-gcvsKc {
    /*margin-bottom: 40px;*/
}
.projectPage-subteam-2bYBDf {
  margin-top: 10px;
}
.projectPage-subteam-2bYBDf > div:last-child {
        margin-bottom: 0;
    }
.projectPage-justAddedUsers-2tiib5 {
    position: relative;
    padding: 20px 20px 15px;
    width: calc(100% + 40px);
    left: -20px;
    margin-top: 20px;
    border-radius: 6px;
    background-color: undefined;
    background-color: var(--color_lightGray);
}
.projectPage-justAddedUsers-2tiib5.projectPage-ext-3-Bq8n {
        background-color: #e7f1ff;
    }
.projectPage-justAddedUsers_list-1w3TP2 > div:last-child {
        margin-bottom: 0;
    }
.projectPage-justAddedUsers-sendBtn-2JHX_9 {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
.projectPage-justAddedUsers-sendBtn-2JHX_9[data-lang="0"] {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }
.projectPage-justAddedUsers-sendBtn-2JHX_9[data-lang="0"] button {
                margin-bottom: 10px;
            }
.projectPage-justAddedUsers-sendBtn-desc-14ImC5 {
            font-size: undefined;
            font-size: var(--fontSize_tip);
            color: undefined;
            color: var(--color_darkGray);
        }
.projectPage-justAddedUsers_spinner-3QTXYl {
        font-size: undefined;
        font-size: var(--fontSize_standart);
        color: undefined;
        color: var(--color_gray);
        white-space: nowrap;
        min-width: 114px;
        margin-right: 20px;
        margin-top: -1px;
    }
.projectPage-justAddedUsers_spinner-3QTXYl > div {
            position: relative;
            display: inline-block;
            top: 3px;
            left: 0;
            width: 15px;
            margin-right: 5px;
        }
.projectPage-justAddedUsers_spinner-3QTXYl > div > img {
                width: 15px;
                height: 15px;
                margin: 0;
            }
.projectPage-project-title-1d_Uor {
    position: relative;
}
.projectPage-project-title-1d_Uor input {
        width: 100%;
        font-size: undefined;
        font-size: var(--fontSize_h1);
        color: undefined;
        color: var(--color_black);
        font-weight: 700;
        border: none;
    }
.projectPage-project-title-hint-3ytjZq {
        color: undefined;
        color: var(--color_darkGray);
        width: auto;
        white-space: nowrap;
        visibility: hidden;
        opacity: 0;
        top: -31px;
        left: 0;
        position: absolute;
        -webkit-transition: all .2s;
        transition: all .2s;
        z-index: 10;
    }
.projectPage-project-title-hint-3ytjZq div {
            width: 100%;
            position: static;
        }
.projectPage-project-title-1d_Uor:hover .projectPage-project-title-hint-3ytjZq {
        opacity: 1;
        visibility: visible;
    }
.projectPage-dropzone-11HjRE {
    position: relative;
    min-width: 400px;
    width: 400px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 242px;
    border-radius: 10px;
    border: undefined;
    border: 1px dashed var(--color_lightGray2);
    padding: 40px 40px 175px;
    margin-right: 40px;
    -webkit-transition: border .2s ease-out, color .2s ease-out, background-color .2s;
    transition: border .2s ease-out, color .2s ease-out, background-color .2s;

}
.projectPage-dropzone-title-3Gvn9e {
        font-size: undefined;
        font-size: var(--fontSize_h2);
        color: undefined;
        color: var(--color_black);
        font-weight: bold;
        margin-bottom: 20px;
    }
.projectPage-dropzone-11HjRE.projectPage-_active-1dWVXn {
        border: undefined;
        border: 1px dashed var(--color_gray);
        color: undefined;
        color: var(--color_black);
    }
.projectPage-dropzone-11HjRE:hover {
        border: undefined;
        border: 1px dashed var(--color_gray);
        color: undefined;
        color: var(--color_black);
    }
.projectPage-dropzone-11HjRE.projectPage-_active-1dWVXn path {
            stroke: undefined;
            stroke: var(--color_black);
        }
.projectPage-dropzone-11HjRE:hover path {
            stroke: undefined;
            stroke: var(--color_black);
        }
.projectPage-dropzone-11HjRE.projectPage-_active-1dWVXn {
        border-color: undefined;
        border-color: var(--color_primary);
    }
.projectPage-dropzone-11HjRE.projectPage-_active-1dWVXn .projectPage-dropscreen-3IGJCw {
            opacity: 0.4;
        }
.projectPage-dropzone-11HjRE path {
        -webkit-transition: stroke .2s ease-out;
        transition: stroke .2s ease-out;
    }
.projectPage-dropzone-11HjRE .projectPage-plus-14CCJH {
        position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        font-size: undefined;
        font-size: var(--fontSize_18);
        color: undefined;
        color: var(--color_gray);
        text-align: center;
    }
.projectPage-row-2JDoDd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    padding-bottom: 40px;
}
.projectPage-row-2JDoDd > div {
        margin-top: 0;
    }
.projectPage-errorString-2FBPDi {
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_lightRed);
}
.projectPage-removeTeam-2KDaze {
  display:none;
}
.projectPage-editTeam-2-dNIn {
  position: relative;
    font-size: undefined;
    font-size: var(--fontSize_h3);
    font-weight: bold;
    color: undefined;
    color: var(--color_black);
    margin-top: 40px;
    margin-bottom: 20px;
}
.projectPage-hintPlace-team-V7GV_p {
    position:absolute;
    width: 0;
    height: 0;
    left: 50px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.projectPage-hintPlace-team-V7GV_p div {
    width: 90px;
}
.projectPage-editTeam-2-dNIn div:first-child:hover ~ .projectPage-hintPlace-team-V7GV_p {
    visibility: visible;
    opacity: 1;
}
.projectPage-wsAbsolute-2eEyuC {
  position: absolute;
  left: 0;
  bottom: 40px;
  z-index: 4;
  width: 100%;
}
.projectPage-ws_wrapper-6LQ2Gx {
   background-color: rgba(255, 255, 255, 0.66);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 60px;
   border-radius: 10px;
   border: undefined;
   border: solid 1px var(--color_lightGray2);
   margin: -1px 20px;
   padding: 0 19px;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   cursor: pointer;
}
.projectPage-ws_item-2IUrAi {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 280px;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}
.projectPage-ws_item-2IUrAi span > svg {
        top: -3px;
    }
.projectPage-SC_title-2Ar8D4 {
    margin-bottom: 20px;
}
.projectPage-SC_title-invite-a3v5dk {
    margin-top: 20px;
    margin-bottom: 9px;
}
.projectPage-addTeamPosition-2TtPBH {
   position: fixed;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   max-height: 100%;
   padding: 40px 0;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   z-index: 8;
   overflow-y: auto;
}
.projectPage-screen-3Beyo8 {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    top: 0;
    left: 0;
    z-index: 8;
}
.projectPage-addTeam-2Hdjux {
   position: relative;
    z-index: 6;
    top: 0;
    left: 0;
    width: 800px;
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    padding: 40px;
    margin: 0 auto;
}
.projectPage-addTeam-2Hdjux.projectPage-_number-2NnZsc {
      right: 0;
   }
.projectPage-addTeamFake-2mQ0u5 {
    height: 800px;
}
.projectPage-addTeamsCont-1EAKMH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;    
}
.projectPage-addTeamsPart-2r2m8J {
  width: 360px;
  padding-right: 40px;    
}
.projectPage-addTeamsPart-2r2m8J+.projectPage-addTeamsPart-2r2m8J {
  border-left: undefined;
  border-left: solid 1px var(--color_lightGray2);
  padding: 0 0 0 40px;
}
.projectPage-listUser-1Qbp7c > *:not(:last-child) {
    margin-bottom: 20px;
}
.projectPage-listUser-1Qbp7c > :first-child {
    margin-top: 10px;
}
.projectPage-listCompany-1pGQd5 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   overflow: auto;
}
.projectPage-listCompanyRight-319A0L {
  width: 100%;
  padding: 20px;
}
.projectPage-listCompanyLeft-2SgKxS {
    min-width: 33px;
    padding-top: 20px;
    position: relative;
}
.projectPage-listCompanyRightCont-3ZhbP1 {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  font-weight: bold;
  color: undefined;
  color: var(--color_darkGray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.projectPage-listCompanyDown-1jdOx0 {
    margin-left: 7px;
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 5px;
}
.projectPage-listCompanyDown-1jdOx0:before {
    position: absolute;
    top: -10px;
    content: "";
    cursor: pointer;
    width: 25px;
    height: 25px;    
    background: url('/images/down@3x.png');
    background-size: cover;
    
}
.projectPage-_up-WN2j4-:before {
      background: url(/images/up@3x.png);
      background-size: cover;
    }
.projectPage-listCompanyRightCont-3ZhbP1 span {
  font-weight: normal;
  margin-left: 10px;
  color: undefined;
  color: var(--color_lightRed);
  opacity: 0;
}
.projectPage-listCompanyRightCont-3ZhbP1:hover span {
   opacity: 1;
   -webkit-transition: opacity 0.5s ease-out 0.1s;
   transition: opacity 0.5s ease-out 0.1s;
   cursor: pointer;
}
.projectPage-IUO_wrapper-1uJgkn {
    z-index: 10;
    background-color: #fff;
    top: 45px;
    left: -10px;
    position: absolute;
    width: 300px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
}
.projectPage-IUO_AllInvOpt-1ynG6r {
    padding: 20px;
}
.projectPage-IUO_perm-R9Q3uJ {
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}
.projectPage-IUO_perm-item-2kM5FS {
        cursor: pointer;
         margin-bottom: 20px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
.projectPage-IUO_perm-item-2kM5FS:last-child {
            margin-bottom: 0;
        }
.projectPage-IUO_perm-item-text-14_Acx {
             margin-left: 11px;
         }
.projectPage-IUO_perm-item-text-small-8caXLI {
                 padding-top: 5px;
                 font-size: undefined;
                 font-size: var(--fontSize_tip);
                 color: undefined;
                 color: var(--color_gray);
            }
.projectPage-IUO_invitations-AV-dBl {
    padding: 20px;
}
.projectPage-IUO_inv-timeJoin-rz6M9M {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_gray);
}
.projectPage-IUO_inv-timeAccept-1oYnM8 {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_gray);
}
.projectPage-IUO_inv-timeJoin-rz6M9M {
    margin-bottom: 5px;
}
.projectPage-IUO_inv-timeAccept-1oYnM8 {
    margin-bottom: 40px;
}
.projectPage-IUO_options-item-3i-_J6 {
    margin-bottom: 20px;
}
.projectPage-IUO_options-item-3i-_J6:last-child {
        margin-bottom: 0;
    }
.projectPage-IUO_send-3mePq7 {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_primary);
}
.projectPage-IUO_send-desc-1QdGOC {
         font-size: undefined;
         font-size: var(--fontSize_tip);
         color: undefined;
         color: var(--color_gray);
         margin-bottom: 20px;
         margin-top: 5px;
     }
.projectPage-IUO_createLink-TdxokA {
    padding-left: 40px;
}
.projectPage-IUO_link-13Lcdm {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_black);
    line-height: 18px;
    word-wrap: break-word;
}
.projectPage-IUO_link-13Lcdm span {
         font-weight: bold;
     }
.projectPage-IUO_link-valid-y7sLb9 {
         padding-top: 5px;
         padding-bottom: 5px;
         font-size: undefined;
         font-size: var(--fontSize_tip);
         color: undefined;
         color: var(--color_gray);
     }
.projectPage-IUO_close-1OTD1b {
    cursor: pointer;
    font-size: undefined;
    font-size: var(--fontSize_18);
    font-weight: bold;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    color: #d8d8d8;
    left: 272px;
    top: 18px;
}
.projectPage-IUO_close-1OTD1b:hover {
    color: #a0a0a0;
}
.projectPage-teamLink-3mKMe- {
    color: undefined;
    color: var(--color_primary);
    margin-top: 10px;
    font-size: undefined;
    font-size: var(--fontSize_button);
    cursor: pointer;
    position: relative;
}
.projectPage-teamLink-3mKMe- div {
        opacity: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        z-index: -1;
    }
.projectPage-teamLink-3mKMe-[data-tip] div {
        opacity: 1;
        z-index: 2;
    }
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/checkbox/checkbox.css ***!
  \****************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
  :root {
  --sky: #157efb;
}
  :root {
  --black: #212121;
}
  :root {
  --color2: #acacac;
}
  :root {
  --color: #606060;
}
  :root {
  --bg: #fff;
}
  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
  :root {
  --errorColor: red;
}
  :root {
  --fontFamily2: Tahoma, sans-serif;
}
  :root {
  --fontFamily: ProximaNova, sans-serif;
}
  .checkbox-wrapper-1ZqTtY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
  .checkbox-wrapper-1ZqTtY.checkbox-checked-zQqOqZ .checkbox-icon-checkbox-2hLfrg {
      opacity: 1;
    }
  .checkbox-wrapper-1ZqTtY.checkbox-checked-zQqOqZ .checkbox-fake-2YBQqs {
      border-color: undefined;
      border-color: var(--color_primary);
      background-color: undefined;
      background-color: var(--color_primary);
    }
  .checkbox-wrapper-1ZqTtY.checkbox-medium-389FLD .checkbox-fake-2YBQqs {
      width: 15px;
      min-width: 15px;
      height: 15px;
    }
  .checkbox-wrapper-1ZqTtY.checkbox-medium-389FLD .checkbox-icon-checkbox-2hLfrg {
      width: 10px;
      height: 12px;
      left: 2px;
      top: 1px;
    }
  .checkbox-wrapper-1ZqTtY.checkbox-medium-389FLD .checkbox-checkbox-text-32e2ks {
      margin-left: 10px;
      font-size: undefined;
      font-size: var(--fontSize_standart);
      -webkit-transform: translateY(-1px);
              transform: translateY(-1px);
    }
  .checkbox-wrapper-1ZqTtY.checkbox-small-1K3ZC- {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
  .checkbox-wrapper-1ZqTtY.checkbox-small-1K3ZC- .checkbox-fake-2YBQqs {
      width: 12px;
      min-width: 12px;
      height: 12px;
    }
  .checkbox-wrapper-1ZqTtY.checkbox-small-1K3ZC- .checkbox-icon-checkbox-2hLfrg {
      width: 8px;
      height: 10px;
      left: 1px;
      top: -3px;
    }
  .checkbox-wrapper-1ZqTtY.checkbox-small-1K3ZC- .checkbox-checkbox-text-32e2ks {
      margin-left: 5px;
      font-size: undefined;
      font-size: var(--fontSize_standart);
      -webkit-transform: none;
              transform: none;
    }
  .checkbox-wrapper-1ZqTtY.checkbox-gray-fqbn4Y.checkbox-checked-zQqOqZ .checkbox-fake-2YBQqs {
      border-color: undefined;
      border-color: var(--color_gray);
      background-color: undefined;
      background-color: var(--color_gray);
  }
  .checkbox-wrapper-1ZqTtY input {
    display: none;
  }

.checkbox-fake-2YBQqs {
  width: 15px;
  min-width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.checkbox-icon-checkbox-2hLfrg {
  width: 10px;
  height: 12px;
  fill: #fff;
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  position: relative;
  left: 2px;
}

.checkbox-checkbox-text-32e2ks {
  margin-left: 10px;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  font-weight: 400;
  color: undefined;
  color: var(--color_darkGray);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}



/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/input/addUserByEmail.css ***!
  \*******************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .addUserByEmail-form-3ZBvYm {
    margin: 25px 0 20px 0;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    text-align: left;
  }
    .addUserByEmail-form-title-rPqTrS {
      margin-bottom: 16px;
      font-weight: bold;
      line-height: 20px;
      margin-top: 20px;
    }
    .addUserByEmail-form-email-3lUl3Y{
      margin-bottom: 20px;
      margin-right: 22px;
    }
  
  .addUserByEmail-left-2vtlV1 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex; 
  }
  
  .addUserByEmail-error-message-iKM29Q {
    text-align: left;
    color: undefined;
    color: var(--color_lightRed);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    line-height: 19px;
  }
  
  .addUserByEmail-input-QOSnY4 {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    text-align: left;
    width: 100%;
    background-color: #fff;
    border: none;
  }
  
  .addUserByEmail-input-area-5q_vx1{
      padding: 7.5px 15px;
      border-radius: 4px;
      border: 1px solid #eeeeee;
      font-size: undefined;
      font-size: var(--fontSize_tab);
      font-family: ProximaNova, sans-serif;
      font-family: var(--fontFamily);
      text-align: left;
      /* margin-bottom: 20px; */
      width: 100%;
      background-color: #fff;
      position: relative;
      z-index: 2;
    }
  
  .addUserByEmail-close-button-27mZQu{
    position: absolute;
    top: 25px;
    right: 25px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50%;
    background: undefined;
    background: var(--color_lightGray2);
    cursor: pointer;
  }
  
  .addUserByEmail-close-button-27mZQu:before{
      display: inline-block;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      width: 15px;
      height: 2px;
      position: absolute;
      content: "";
      top: 16.2px;
      left: 9.5px;
      border: none;
      text-overflow: clip;
      background: #ffffff;
      -webkit-transform: rotateZ(45deg);
              transform: rotateZ(45deg);
    }
  
  .addUserByEmail-close-button-27mZQu:after{
      display: inline-block;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      width: 15px;
      height: 2px;
      position: absolute;
      content: "";
      top: 16.2px;
      left: 9.5px;
      border: none;
      text-overflow: clip;
      background: #ffffff;
      text-shadow: none;
      -webkit-transform: rotateZ(-45deg);
              transform: rotateZ(-45deg);
    }
  
  .addUserByEmail-close-button-27mZQu:hover {
      background: #ababab;
    }
  
  .addUserByEmail-email__list-1s9hKm{
      position: absolute;
      top: -1px;
      left: 0;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
      z-index: 1;
      border-radius: 4px;
      border: solid 1px #ffffff; 
      background-clip: padding-box;
      overflow: hidden;
      -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.06);
              box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.06);
    }
  
  .addUserByEmail-email__list-1s9hKm.addUserByEmail-_open-175OEM{
        border: solid 1px #d7d7d7;
      }
  
  .addUserByEmail-email__list_wp-2HDMK5{
        position: relative;
      }
  
  .addUserByEmail-email__item-1Urc94{
      height: 52px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 10px 13px;
      text-align: left;
      border-bottom: 1px solid #eee;
    }
  
  .addUserByEmail-email__item-1Urc94:nth-of-type(even){
        background: #ffffff;
      }
  
  .addUserByEmail-email__item-1Urc94:nth-of-type(odd){
        background-color: #f5f5f5;
      }
  
  .addUserByEmail-email__item-1Urc94:last-of-type{
        border-bottom: none;
      }
  
  .addUserByEmail-user-name-MvauKq {
    color: #4d4d4d;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: 400;
  }
  
  .addUserByEmail-user-email-XRi-uA {
    color: #9c9c9c;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    font-weight: 400;
  }
  
  .addUserByEmail-user-data-3G5Htj {
    margin-left: 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  
  .addUserByEmail-user-data-3G5Htj > *:not(:last-child) {
      margin-bottom: 4px;
    }
  
  .addUserByEmail-names-KQ2m06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}
  
  .addUserByEmail-half-Qr01tU {
  margin-right: 10px;
}
  
  .addUserByEmail-inputStyle-RQqHdH {
   border: none !important;
   cursor: text;
   font-family: ProximaNova, sans-serif;
   font-family: var(--fontFamily);
}
  
  .addUserByEmail-hoverStyle-2Y5G-C {
   display:none;
}
  
  .addUserByEmail-inputStyle-RQqHdH:hover + .addUserByEmail-hoverStyle-2Y5G-C {
  display: inline-block;  
  font-size: undefined;  
  font-size: var(--fontSize_standart);
  font-weight: normal;
  color: undefined;
  color: var(--color_darkRed);
  padding-left: 20px;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  cursor: pointer;
}
  
  .addUserByEmail-hoverStyle-2Y5G-C:hover {
  display: inline-block;  
  font-size: undefined;  
  font-size: var(--fontSize_standart);
  font-weight: normal;
  color: undefined;
  color: var(--color_darkRed);
  padding-left: 20px;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/projectPage/SmallUser.css ***!
  \**************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .SmallUser-wrapper-K_5XYL {
    position: relative;
    margin: 20px 0;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
}
    .SmallUser-wrapper-K_5XYL.SmallUser-noCheck-2w_UtE .SmallUser-left-1zSwxk::after {
            display: none;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-noCheck-2w_UtE .SmallUser-userInfo_button-1vzxOH {
            display: none;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-noCheck-2w_UtE .SmallUser-nameBlock-3gVhyb {
            cursor: default;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-noCheck-2w_UtE .SmallUser-nameBlock-3gVhyb:hover .SmallUser-name-3VFgyH, .SmallUser-wrapper-K_5XYL.SmallUser-noCheck-2w_UtE .SmallUser-nameBlock-3gVhyb:hover .SmallUser-email-3Yt_tz{
                -webkit-transition-delay: 9999999s;
                        transition-delay: 9999999s;
            }
    .SmallUser-wrapper-K_5XYL.SmallUser-fullInfo-nwLefs {
        z-index: 5;
    }
    .SmallUser-wrapper-K_5XYL.SmallUser-fullInfo-nwLefs .SmallUser-userInfo_button-1vzxOH {
            opacity: 1;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-fullInfo-nwLefs .SmallUser-userInfo-rpf9TU {
            opacity: 1;
            visibility: visible;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-fullInfo-nwLefs .SmallUser-left-1zSwxk::after {
            /*opacity: 0; */
            -webkit-transition: opacity 0s 0s;
            transition: opacity 0s 0s;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-fullInfo-nwLefs .SmallUser-control-2nftKT:not(.SmallUser-prove-2crRhv):not(.SmallUser-_checked-3wyqz2) {
            opacity: 1;
            visibility: visible;
            display: block;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-ja-2lt9pH:not(.SmallUser-b-1aF-uG) .SmallUser-control-2nftKT {
            opacity: 1 !important;
            visibility: visible !important;
            display: block !important;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-addListItem-3tMcrf {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
    .SmallUser-wrapper-K_5XYL.SmallUser-addListItem-3tMcrf .SmallUser-left-1zSwxk {
            width: 100%;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-addListItem-3tMcrf .SmallUser-left-1zSwxk::after {
                background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)) !important;
                background: linear-gradient(to right, rgba(255, 255, 255, 0), white) !important;
            }
    .SmallUser-wrapper-K_5XYL.SmallUser-addListItem-3tMcrf .SmallUser-nameBlock-3gVhyb {
            max-width: 240px;
        }
    .SmallUser-wrapper-K_5XYL:hover .SmallUser-userInfo_button-1vzxOH {
            opacity: 1;
        }
    .SmallUser-wrapper-K_5XYL:hover .SmallUser-addBtn-1HsxIL {
            opacity: 1;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-ext-3dMC70 .SmallUser-left-1zSwxk::after {
            background: -webkit-gradient(linear, left top, right top, from(#f3f8ff00), to(#f3f8ff));
            background: linear-gradient(to right, #f3f8ff00, #f3f8ff);
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-b-1aF-uG .SmallUser-left-1zSwxk::after {
            background: undefined;
            background: -webkit-gradient(linear, left top, right top, from(rgba(231, 241, 255, 0)), to(var(--color_lightGray)));
            background: linear-gradient(to right, rgba(231, 241, 255, 0), var(--color_lightGray));
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-b-1aF-uG.SmallUser-ext-3dMC70 .SmallUser-left-1zSwxk::after {
            background: -webkit-gradient(linear, left top, right top, from(rgba(231, 241, 255, 0)), to(#e7f1ff));
            background: linear-gradient(to right, rgba(231, 241, 255, 0), #e7f1ff);
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-fullInfo-nwLefs .SmallUser-left-1zSwxk::after {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)) !important;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white) !important;
    }
    .SmallUser-wrapper-K_5XYL.SmallUser-nc-22S5ht:not(.SmallUser-addListItem-3tMcrf) .SmallUser-nameBlock-3gVhyb {
            cursor: default;
        }
    .SmallUser-wrapper-K_5XYL.SmallUser-nc-22S5ht:not(.SmallUser-addListItem-3tMcrf) .SmallUser-nameBlock-3gVhyb:hover .SmallUser-name-3VFgyH, .SmallUser-wrapper-K_5XYL.SmallUser-nc-22S5ht:not(.SmallUser-addListItem-3tMcrf) .SmallUser-nameBlock-3gVhyb:hover .SmallUser-email-3Yt_tz  {
                -webkit-transition-delay: 9999999s;
                        transition-delay: 9999999s;
            }
    .SmallUser-wrapper-K_5XYL.SmallUser-nc-22S5ht:not(.SmallUser-addListItem-3tMcrf) .SmallUser-left-1zSwxk::after {
            background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)) !important;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white) !important;
        }

.SmallUser-left-1zSwxk {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 160px;
    margin-right: 20px;
}

.SmallUser-left-1zSwxk .SmallUser-nameBlock-3gVhyb {
        position: relative;
        margin-left: 15px;
        max-width: 140px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        cursor: pointer;

    }

.SmallUser-left-1zSwxk .SmallUser-nameBlock-3gVhyb.SmallUser-_email-1cNbm0 {
            -webkit-transform: translateY(3px);
                    transform: translateY(3px);
        }

.SmallUser-left-1zSwxk .SmallUser-nameBlock_tip-2JUXa0 > div {
            bottom: 39px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: opacity .2s, visibility .2s;
            transition: opacity .2s, visibility .2s;
        }

.SmallUser-left-1zSwxk .SmallUser-nameBlock-3gVhyb:hover .SmallUser-name-3VFgyH {
            color: undefined;
            color: var(--color_primary);
        }

.SmallUser-left-1zSwxk .SmallUser-nameBlock-3gVhyb:hover .SmallUser-email-3Yt_tz {
            color: undefined;
            color: var(--color_primary);
        }

.SmallUser-left-1zSwxk .SmallUser-nameBlock-3gVhyb:hover .SmallUser-name-3VFgyH + .SmallUser-email-3Yt_tz {
            color: undefined;
            color: var(--color_gray)
        }

.SmallUser-left-1zSwxk .SmallUser-nameBlock-3gVhyb:hover .SmallUser-nameBlock_tip-2JUXa0 > div {
            opacity: 1;
            visibility: visible;
            -webkit-transition: opacity .2s .5s, visibility .2s .5s;
            transition: opacity .2s .5s, visibility .2s .5s;
        }

.SmallUser-left-1zSwxk .SmallUser-name-3VFgyH {
        font-size: undefined;
        font-size: var(--fontSize_tab);
        color: undefined;
        color: var(--color_black);
        white-space: nowrap;
        font-weight: bold;
        overflow: hidden;
        -webkit-transition: color .2s;
        transition: color .2s;
    }

.SmallUser-left-1zSwxk .SmallUser-email-3Yt_tz {
        font-size: undefined;
        font-size: var(--fontSize_tab);
        color: undefined;
        color: var(--color_black);
        white-space: nowrap;
        font-weight: bold;
        overflow: hidden;
        -webkit-transition: color .2s;
        transition: color .2s;
    }

.SmallUser-left-1zSwxk .SmallUser-name-3VFgyH + .SmallUser-email-3Yt_tz {
        font-size: undefined;
        font-size: var(--fontSize_tip);
        color: undefined;
        color: var(--color_gray);
        font-weight: normal;
        overflow: hidden;
    }

.SmallUser-left-1zSwxk .SmallUser-notRegistered-25F4lk {
        font-size: undefined;
        font-size: var(--fontSize_tip);
        color: undefined;
        color: var(--color_lightRed);
    }

.SmallUser-left-1zSwxk::after {
        content: '';
        position: absolute;
        top: 0;
        right: -20px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0)), to(#f9f9f9));
        background: linear-gradient(to right, rgba(238, 238, 238, 0), #f9f9f9);
        width: 50px;
        height: 100%;
        -webkit-transition: opacity 0s .2s;
        transition: opacity 0s .2s;
    }

.SmallUser-addNamePopup-1AsloO {
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 360px;
    padding: 20px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    background-color: undefined;
    background-color: var(--color_white);
    border-radius: 6px;
    z-index: 6;
}

.SmallUser-addNamePopup-1AsloO input {
        width: 149px;
        padding: 10px 15px;
        font-size: undefined;
        font-size: var(--fontSize_tab);
        color: undefined;
        color: var(--color_black);
        border-radius: 4px;
        border: undefined;
        border: 1px solid var(--color_lightGray);
        margin-bottom: 20px;
    }

.SmallUser-addNamePopup-1AsloO input::-webkit-input-placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.SmallUser-addNamePopup-1AsloO input::-moz-placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.SmallUser-addNamePopup-1AsloO input::-ms-input-placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.SmallUser-addNamePopup-1AsloO input::placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.SmallUser-controls-22YfNl {
    display: inline-block;
    max-height: 50px;
}

.SmallUser-controls-22YfNl .SmallUser-control-2nftKT {
        position: relative;
        margin-bottom: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.SmallUser-controls-22YfNl .SmallUser-control-2nftKT > div {
            width: 150px;
            white-space: normal;
            opacity: 0;
            left: -70px;
            bottom: 25px;
            visibility: hidden;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

.SmallUser-controls-22YfNl .SmallUser-control-2nftKT:hover > div {
            opacity: 1;
            visibility: visible;
            -webkit-transition: all .2s .5s;
            transition: all .2s .5s;
        }

.SmallUser-controls-22YfNl .SmallUser-control-2nftKT:not(.SmallUser-prove-2crRhv):not(.SmallUser-_checked-3wyqz2) {
        opacity: 0;
        visibility: hidden;
        display: none;
    }

.SmallUser-removePopupWrapper-2G2ihH {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.SmallUser-removePopup-1VmLPK {
    position: relative;
    width: 250px;
    padding: 20px;
    border-radius: 6px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_big);
            box-shadow: var(--shadow_big);
    margin: 0 auto;
    background-color: white;
}

.SmallUser-userInfo-rpf9TU {
    position: absolute;
    top: -20px;
    left: -20px;
    padding: 80px 20px 20px;
    height: auto;
    width: calc(100% + 40px);
    opacity: 0;
    visibility: hidden;
    background-color: undefined;
    background-color: var(--color_white);
    border-radius: 6px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: -1;
}

.SmallUser-userInfo_button-1vzxOH {
    opacity: 0;
    border: none;
    background: transparent;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    padding: 5px;
    border-radius: 5px;
    right: 20px;
    top: -4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.SmallUser-userInfo_button-1vzxOH > span {
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #606060;
        display: inline-block;
    }

.SmallUser-userInfo_button-1vzxOH > span:nth-child(2) {
            margin: 3px 0;
        }

.SmallUser-userInfo_button-1vzxOH:hover > span {
            background-color: undefined;
            background-color: var(--color_primary_hover__dark);
        }

.SmallUser-addBtn-1HsxIL {
    position: relative;
    display: inline-block;
    top: 3px;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.SmallUser-userStats-1-sg9Y {
    width: 140px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
}

.SmallUser-userStats-1-sg9Y > div:not(:last-child) {
        margin-bottom: 20px;
    }

.SmallUser-resendInviteSpinner-1zktoh {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    white-space: nowrap;
    min-width: 114px;
    margin-right: 20px;
    margin-top: -2px;
    height: 15px;
}

.SmallUser-resendInviteSpinner-1zktoh > div {
        position: relative;
        display: inline-block;
        top: 3px;
        left: 0;
        width: 15px;
        margin-right: 5px;
    }

.SmallUser-resendInviteSpinner-1zktoh > div > img {
            width: 15px;
            height: 15px;
            margin: 0;
        }

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/userLogo/userLogo.css ***!
  \****************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
  :root {
  --sky: #157efb;
}
  :root {
  --black: #212121;
}
  :root {
  --color2: #acacac;
}
  :root {
  --color: #606060;
}
  :root {
  --bg: #fff;
}
  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
  :root {
  --errorColor: red;
}
  :root {
  --fontFamily2: Tahoma, sans-serif;
}
  :root {
  --fontFamily: ProximaNova, sans-serif;
}
  .userLogo-wrapper-26CmOq {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 35px;
  height: 35px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 35px;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  background-color: #ababab;
  z-index: 4;
  cursor: default;
  padding-top: 3px;
}
  .userLogo-wrapper-26CmOq.userLogo-_pointer-1KSZWj {
    cursor: pointer;
  }
  .userLogo-wrapper-26CmOq.userLogo-_user-list-MrNLZw {
    cursor: default;
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 0;
  }
  .userLogo-wrapper-26CmOq.userLogo-_small-user-cr0nay {
      cursor: default;
     width: 25px;
     height: 25px;
     padding-top: 0;
      margin-right: 15px;
      margin-left: 15px;
    }
  .userLogo-wrapper-26CmOq.userLogo-_small-3uuihe {
    width: 25px;
    min-width: 25px;
    height: 25px;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 25px;
    padding-top: 0;
  }
  .userLogo-wrapper-26CmOq.userLogo-_border-3lhqcC {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
    padding-top: 0;
  }
  .userLogo-wrapper-26CmOq.userLogo-_border-3lhqcC::before, .userLogo-wrapper-26CmOq.userLogo-_border-3lhqcC::after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: -2px;
      left: -2px;
      border: 2px solid white;
      border-radius: 50%;
    }
  .userLogo-wrapper-26CmOq.userLogo-_border-3lhqcC::after {
      border-color: undefined;
      border-color: var(--color_gray);
      top: -4px;
      left: -4px;
      width: calc(100% + 4px);
      height: calc(100% + 4px);
    }
  .userLogo-wrapper-26CmOq.userLogo-_medium-15BAJI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    width: 25px;
    height: 25px;
    margin: 0 3px;
    line-height: 25px;
    padding-top: 0;
  }
  .userLogo-wrapper-26CmOq.userLogo-_centered-B3NREM {
    margin: 0 3px;
  }
  .userLogo-wrapper-26CmOq.userLogo-_deleted-1q1EUm {
     opacity: 0.5;
   }
  .userLogo-wrapper-26CmOq.userLogo-_no-external-2fQ8r4.userLogo-_with-outline--uq2xQ {
      -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ababab;
              box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ababab;
      width: 25px;
      height: 25px;
      line-height: 25px;
      padding-top: 0;
    }
  .userLogo-wrapper-26CmOq.userLogo-_external-2FtKQw {
    background-color: undefined;
    background-color: var(--color_primary);
  }
  .userLogo-wrapper-26CmOq.userLogo-_external-2FtKQw.userLogo-_with-outline--uq2xQ {
      -webkit-box-shadow: undefined;
              box-shadow: undefined;
      -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color_primary);
              box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color_primary);
       width: 25px;
       height: 25px;
       line-height: 25px;
       padding-top: 0;
    }

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/createProjectDropDown/userListItem.css ***!
  \***************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .userListItem-wrapper-1BtYxJ,.userListItem-wrapper-1BtYxJ label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 30px;
}
    .userListItem-wrapper-1BtYxJ.userListItem-_disabled-3twzv6, .userListItem-wrapper-1BtYxJ label.userListItem-_disabled-3twzv6 {
        opacity: 0.5;
    }

.userListItem-left-30mMUY {
    min-width: 25px;
}

.userListItem-left-30mMUY div > span svg {
        top: -3px;
    }

.userListItem-right-2HRKYw {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.userListItem-user-data-uYEYgv {

}

.userListItem-user_hintPlace-33oFMN {
    position:absolute;
    left: 100px;
    width: 0;
    height: 0;
    top: 8px;
    opacity: 0;
    -webkit-transition-property: display;
    transition-property: display;
    -webkit-transition: all .3s;
    transition: all .3s;
    visibility: hidden;
    z-index: 10;
}

.userListItem-user_hintPlace-33oFMN div {
    width: auto;
}

.userListItem-user_hintPlace-33oFMN div::before {
    border: none;
}

.userListItem-user-data-uYEYgv:hover .userListItem-user_hintPlace-33oFMN {
    visibility: visible;
    opacity: 1;
}

.userListItem-user_hintPlace-lastEmail-25lvsB {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    top: 2px;
    white-space: nowrap;
}

.userListItem-user_hintPlace-lastEmail-25lvsB div::before {
        bottom: -8px;
        left: 40px;
        border-left: 6px solid transparent;
        border-top: undefined;
        border-top: 8px solid var(--color_darkGray);
        border-right: 6px solid transparent;
    }

.userListItem-user-name-3O5Ii5 {
    color: #4d4d4d;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: 400;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.userListItem-user-email-1gIGrK {
    color: #9c9c9c;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_tip);
    font-weight: 400;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.userListItem-user-email_red-3cCirJ {
        color: undefined;
        color: var(--color_darkRed);
    }

.userListItem-button-prove-3eTIfo {
    margin-right: 12px;
    margin-bottom: -8px;
    cursor: pointer;
    width: 58px;
    height: 38px;
    background-image: url(/images/off.png);
    background-position-x: -6px;
}

.userListItem-shifted-QVjzY4 {
    background-image: url(/images/on.png);
    background-position-x: 0;
}

.userListItem-user-company-36ZcAn {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: bold;
    color: undefined;
    color: var(--color_darkGray);
}

.userListItem-SU_check-3NIqE2 {
    width: 12px;
    height: 12px;
    margin: 2px -2px 0 5px;
    cursor: pointer;
    position: relative;
}

.userListItem-SU_buttons-14lemb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 9px;
    right: 0;
}

.userListItem-SU_buttons-14lemb div {
    margin-right: 8px;
}

.userListItem-SU_buttons-14lemb img {
    height: 16px;
    width: 16px;
}

.userListItem-SU_hintPlace-SI7Rym {
    position:absolute;
    left: 60%;
    width: 0;
    height: 0;
    top: 0;
    opacity: 0;
    -webkit-transition-property: display;
    transition-property: display;
    -webkit-transition: all .3s;
    transition: all .3s;
    visibility: hidden;
}

.userListItem-SU_check-3NIqE2 img:hover ~ .userListItem-SU_hintPlace-SI7Rym {
    visibility: visible;
    opacity: 1;
}

.userListItem-wrapper-1BtYxJ:hover .userListItem-SU_remindBtn-1K2Nw3 {
    visibility: visible;
    opacity: 1;
}

.userListItem-SU_remindBtn-1K2Nw3 {
    display: none;
    //display: flex;
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    height: 29px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.userListItem-SU_remindBtn-1K2Nw3 > button {
        height: 16px !important;
    }

.userListItem-SU_admin-3v1FJt {
    position: absolute;
    right: 30px;
    top: 14px;
    color: undefined;
    color: var(--color_gray);
    font-size: 9px;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 1;
}

.userListItem-SU_admin-3v1FJt.userListItem-_active-2DPDX- {
        visibility: visible;
        opacity: 1;
        color: undefined;
        color: var(--color_primary);
    }

.userListItem-SU_admin-3v1FJt.userListItem-_active-2DPDX-:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.userListItem-SU_admin-3v1FJt.userListItem-_untouchable-1fuXvB {
        cursor: default;
        -webkit-transition-delay: 999999s;
                transition-delay: 999999s;
    }

.userListItem-SU_admin-3v1FJt:hover .userListItem-SU_admin_hintPlace-3jQLN2 > div {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .5s;
            transition-delay: .5s;
}

.userListItem-SU_admin_hintPlace-3jQLN2 > div {
    opacity: 0;
    visibility: hidden;
    left: -50px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.userListItem-wrapper-1BtYxJ:hover .userListItem-SU_admin-3v1FJt {
    opacity: 1;
    visibility: visible;
}

.userListItem-left-30mMUY div > span svg{
    top: -1px;
}

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/TemplatesList/templatesList.css ***!
  \***************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.templatesList-wrapper-2monfl {
  margin-top: 20px; 
  width: undefined; 
  width: calc(var(--root_document_width) + 440px);
}

.templatesList-templatesList-D8Hwkc {
  margin-top: 58px;
  width: 100%;
  font-size: 12px;
}

.templatesList-templatesList_head-1emZLC, .templatesList-templatesList_row-2XvkV_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

.templatesList-templatesList_head-1emZLC > div:nth-child(1), .templatesList-templatesList_row-2XvkV_ > div:nth-child(1) {
      -ms-flex-preferred-size: 361px;
          flex-basis: 361px;
      min-width: 250px;
      max-height: 361px
    }

.templatesList-templatesList_head-1emZLC > div:nth-child(2), .templatesList-templatesList_row-2XvkV_ > div:nth-child(2) {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 103px;
              flex: 0 0 103px;
    }

.templatesList-templatesList_head-1emZLC > div:nth-child(3), .templatesList-templatesList_row-2XvkV_ > div:nth-child(3) {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 97px;
              flex: 0 0 97px;
    }

.templatesList-templatesList_head-1emZLC > div:nth-child(4), .templatesList-templatesList_row-2XvkV_ > div:nth-child(4) {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 114px;
              flex: 0 0 114px;
      white-space: nowrap;
    }

.templatesList-templatesList_head-1emZLC > div:nth-child(5), .templatesList-templatesList_row-2XvkV_ > div:nth-child(5) {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 200px;
              flex: 0 0 200px;
    }

.templatesList-templatesList_head-1emZLC > div:not(:nth-child(6)), .templatesList-templatesList_row-2XvkV_ > div:not(:nth-child(6)) {
      padding-right: 20px;
    }

.templatesList-templatesList_head-1emZLC > div:nth-child(6), .templatesList-templatesList_row-2XvkV_ > div:nth-child(6) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: end;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 114px;
              flex: 0 0 114px;
      padding-right: 40px;
    }

.templatesList-templatesList_head-1emZLC:hover .templatesList-onDocControls-1ZcYme, .templatesList-templatesList_row-2XvkV_:hover .templatesList-onDocControls-1ZcYme {
        opacity: 1;
    }

.templatesList-templatesList_head-1emZLC {
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray2);
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: undefined;
    color: var(--color_gray);
  }

.templatesList-templatesList_row-2XvkV_, .templatesList-templatesList_folderRow-makFRO {
    padding: 20px 0;
  }

.templatesList-templatesList_row-2XvkV_:not(:last-child) {
      border-bottom: undefined;
      border-bottom: 1px solid var(--color_lightGray2);
    }

.templatesList-templatesList_folderRow-makFRO:not(:last-child) {
      border-bottom: undefined;
      border-bottom: 1px solid var(--color_lightGray2);
    }

.templatesList-templatesList_row-2XvkV_ > div:nth-child(1), .templatesList-templatesList_folderRow-makFRO > div:nth-child(1) {
      cursor: pointer;
      -webkit-transition: all .2s;
      transition: all .2s;
    }

.templatesList-templatesList_row-2XvkV_ > div:nth-child(1):hover {
        color: undefined;
        color: var(--color_primary_hover);
      }

.templatesList-templatesList_folderRow-makFRO > div:nth-child(1):hover {
        color: undefined;
        color: var(--color_primary_hover);
      }

.templatesList-templatesList_row-2XvkV_ > div:nth-child(1) {
    font-size: 14px;
    color: undefined;
    color: var(--color_darkGray)
  }

.templatesList-templatesList_folderRow-makFRO > div:nth-child(1) {
    font-size: 14px;
    color: undefined;
    color: var(--color_darkGray)
  }

.templatesList-templatesList_folderRow_title-3j1fZl {
      cursor: pointer;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }

.templatesList-templatesList_folderRow_docList-2RzuJt > div:last-child {
        padding-bottom: 0;
      }

.templatesList-templatesList_folderRow-makFRO .templatesList-templatesList_row-2XvkV_ {
      margin-left: 40px;
    }

.templatesList-templatesList_folderRow-makFRO .templatesList-templatesList_row-2XvkV_ > div:nth-child(1) {
        -ms-flex-preferred-size: 410px;
            flex-basis: 410px;
      }

.templatesList-_leftArrow-1JGxw1 {
  position: relative;
  padding-right: 24px;
}

.templatesList-_leftArrow-1JGxw1::before, .templatesList-_leftArrow-1JGxw1::after {
    content: '';
    border-radius: 1px;
    position: absolute;
    background-color: #979797;
    top: calc(50% - 2px);
    right: 10px;
    width: 1px;
    height: 8px;
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
  }

.templatesList-_leftArrow-1JGxw1::after {
    right: 4px;
    -webkit-transform: rotate(50deg);
            transform: rotate(50deg);
  }

.templatesList-_leftArrow_open-11pnts::before, .templatesList-_leftArrow_open-11pnts::after {
      -webkit-transform: rotate(50deg);
              transform: rotate(50deg);
      top: calc(50% - 2px);
    }

.templatesList-_leftArrow_open-11pnts::after {
      -webkit-transform: rotate(-50deg);
              transform: rotate(-50deg);
    }

.templatesList-folderIcon-2HVuhO {
  image-rendering: -webkit-optimize-contrast;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  margin-right: 27px;
  width: 14px;
  height: 12px;
}

.templatesList-docIcon-2-UsAr {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  margin-right: 30px;
  min-width: 11px;
  min-height: 13px;
}

.templatesList-doc_title-S1FV-u {
  position: relative; /*
  white-space: nowrap;
  overflow: hidden;
  height: 17px; */
  overflow-wrap: anywhere;
}

.templatesList-doc_title-S1FV-u:hover + .templatesList-doc_title_hint-24oS8f{
    opacity: 1;
    visibility: visible;
  }

.templatesList-doc_title_hint-24oS8f {
    position: absolute;
    left: 31px;
    top: -10px;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_alert);
            box-shadow: var(--shadow_alert);
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
  }

.templatesList-doc_title_hint-24oS8f:hover {
      opacity: 1;
      visibility: visible;
    }

.templatesList-doc_title-S1FV-u.templatesList-_cut-qvIgPq::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 25px;
      height: 100%;
      background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
    }

.templatesList-doc_description-1xbnhy {
  margin-left: 40px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_gray);
}

.templatesList-popup_overlay-3P22oF {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 40px 0;
    overflow-y: auto;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

.templatesList-popup_wrapper-2LZWiV {
    position: relative;
    margin: auto;
    padding: 40px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    border-radius: 10px;
    background-color: white;
  }

.templatesList-popup_wrapper-2LZWiV .templatesList-dropzone-t_2Nvr {
    width: 400px;
    height: 273px;
    padding: 40px;
    border-radius: 10px;
    border: undefined;
    border: 1px dashed var(--color_lightGray2);
    margin-bottom: 40px;
    cursor: pointer;
  }

.templatesList-popup_wrapper-2LZWiV .templatesList-dropzone_title-vmzqsd {
      font-size: undefined;
      font-size: var(--fontSize_h2);
      color: undefined;
      color: var(--color_black);
      font-weight: bold;
      margin-bottom: 20px;
    }

.templatesList-popup_wrapper-2LZWiV .templatesList-dropzone_text-3lREdk {
      font-size: 18px;
      white-space: nowrap;
      color: undefined;
      color: var(--color_gray);
      text-align: center;
    }

.templatesList-popup_wrapper-2LZWiV .templatesList-dropzone-t_2Nvr .templatesList-docList-225vWV {
      color: undefined;
      color: var(--color_darkGray);
      font-size: undefined;
      font-size: var(--fontSize_tab);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }

.templatesList-popup_wrapper-2LZWiV .templatesList-dropzone-t_2Nvr .templatesList-docList-item-1aFZSW {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
        -webkit-transition: color .2s;
        transition: color .2s;
        padding-right: 20px;
        margin-bottom: 20px;
        word-break: break-word;

        /*&:hover {
          color: var(--color_primary_hover);
        }*/
      }

.templatesList-popup_wrapper-2LZWiV .templatesList-dropzone-t_2Nvr .templatesList-docList-item-1aFZSW > button {
          display: block;
          margin-top: 6px;
          margin-left: 41px;
        }

.templatesList-popup_wrapper-2LZWiV .templatesList-dropzone-t_2Nvr .templatesList-docList-item-1aFZSW > div:first-child {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          max-width: 300px;
        }

.templatesList-popup_wrapper-2LZWiV .templatesList-dropzone-t_2Nvr .templatesList-docList-item-1aFZSW .templatesList-deleteBtn-2_2hDc {
          top: -3px;
          right: 0;
        }

.templatesList-popup_wrapper-2LZWiV .templatesList-UP_dropzone-1Wzqja {
  width: 360px;
  height: 200px;
  margin-top: 40px;
  -webkit-transition: border .1s ease-out, color .1s ease-out, background-color .1s;
  transition: border .1s ease-out, color .1s ease-out, background-color .1s;  
}

.templatesList-popup_wrapper-2LZWiV .templatesList-UP_dropzone-1Wzqja path {
    -webkit-transition: stroke .1s ease-out;
    transition: stroke .1s ease-out;
  }

.templatesList-popup_wrapper-2LZWiV .templatesList-UP_dropzone-1Wzqja.templatesList-active-GKKTYj {
    color: undefined;
    color: var(--color_black);
  }

.templatesList-popup_wrapper-2LZWiV .templatesList-UP_dropzone-1Wzqja:hover {
    color: undefined;
    color: var(--color_black);
  }

.templatesList-popup_wrapper-2LZWiV .templatesList-UP_dropzone-1Wzqja.templatesList-active-GKKTYj path {
      stroke: undefined;
      stroke: var(--color_black);
    }

.templatesList-popup_wrapper-2LZWiV .templatesList-UP_dropzone-1Wzqja:hover path {
      stroke: undefined;
      stroke: var(--color_black);
    }

.templatesList-popup_wrapper-2LZWiV .templatesList-UP_dropzone-1Wzqja.templatesList-active-GKKTYj {
    border: undefined;
    border: 1px dashed var(--color_primary);
  }

.templatesList-UP_docList-1s24Lf {
  margin: 40px 0 20px;
}

.templatesList-UP_docList_item-1sNrmQ {
    position: relative;
  }

.templatesList-UP_docList_item-1sNrmQ > .templatesList-docIcon-2-UsAr {
      position: absolute;
    }

.templatesList-UP_docList_item-1sNrmQ > span {
      color: undefined;
      color: var(--color_darkGray);
      font-size: 14px;
      -webkit-transition: all .2s;
      transition: all .2s;
      display: inline-block;
      margin-left: 41px;
    }

.templatesList-UP_docList_item-1sNrmQ:not(:last-child) {
      margin-bottom: 20px;
    }

.templatesList-UP_docList_item-1sNrmQ:hover > span {
      color: undefined;
      color: var(--color_primary_hover);
    }

.templatesList-UP_rename-1u0bfX > div {
  left: -20px;
  width: 320px;
}

.templatesList-ATP_fakeMask-1ln-H8 {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 400px;
    height: 273px;
    cursor: pointer;
}

.templatesList-ATP_fakeMask-1ln-H8.templatesList-_hide-2XecGY {
        display: none;
    }

.templatesList-editBtn-1ombOg {
  position: relative;
  border: 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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  top: 5px;
  margin-left: 20px;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: z-index 0s .2s;
  transition: z-index 0s .2s;
}

.templatesList-editBtn-1ombOg span {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #606060;
    display: inline-block;
  }

.templatesList-editBtn-1ombOg span:not(:first-child):not(:last-child) {
      margin: 3px 0;
    }

.templatesList-editBtn-1ombOg.templatesList-_open-35yyF- {
    z-index: 10;
    -webkit-transition: z-index 0s 0s;
    transition: z-index 0s 0s;
  }

.templatesList-pinIcon-diCHOS {
  width: 22px;
  height: 26px;
  padding: 3px 5px 7px;
  cursor: pointer;
}

.templatesList-renamePopup-ldtz2I {
  position: absolute;
  padding: 20px;
  width: 360px;
  border-radius: 6px;
  background-color: #FFFFFF;
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_menu);
          box-shadow: var(--shadow_menu);
  cursor: default;
  z-index: 9;
}

.templatesList-settingsPopup-3Pt4qz {
  position: absolute;
  padding: 20px;
  width: 360px;
  border-radius: 6px;
  background-color: #FFFFFF;
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_menu);
          box-shadow: var(--shadow_menu);
  cursor: default;
  z-index: 9;
}

.templatesList-renamePopup_input-3PRdXl {
    margin-bottom: 20px;
    font-size: 14px;
    color: undefined;
    color: var(--color_darkGray);
    padding: 10px 15px;
    border-radius: 4px;
    border: undefined;
    border: 1px solid var(--color_lightGray);
    width: 100%;
  }

.templatesList-settingsPopup_input-1vTU6o {
    margin-bottom: 20px;
    font-size: 14px;
    color: undefined;
    color: var(--color_darkGray);
    padding: 10px 15px;
    border-radius: 4px;
    border: undefined;
    border: 1px solid var(--color_lightGray);
    width: 100%;
  }

.templatesList-popupBottom-3LTP-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.templatesList-settingsPopup-3Pt4qz {
  top: -35px;
  right: -35px;
  padding: 30px 60px 30px 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.templatesList-settingsPopup-3Pt4qz > button {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 10px;
    margin-right: 0;
  }

.templatesList-settingsPopup-3Pt4qz.templatesList-_open-35yyF- {
    opacity: 1;
    visibility: visible;
  }

.templatesList-screen-1tvcb5 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 8;
}

.templatesList-spinwrapper-1KVOd2 {
    width: 100%;
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
    height: 100%;
    position: absolute;
    z-index: 2;
}

.templatesList-orangeStop-2idRer {
    margin-bottom: 40px;
    color: undefined;
    color: var(--color_orange);
    width: 400px;
    font-height: 14px;
}

.templatesList-orangeStop-2idRer div {
        color: undefined;
        color: var(--color_darkGray);
        margin-top: 10px;
    }

.templatesList-hinted-1NhDL3 {
    display: inline-block;
    width: 102px;
    margin-right: 10px;
    position: relative;
    white-space: nowrap;
}

.templatesList-hinted-1NhDL3 > div {
            bottom: 27px;
            left: 0px;
            visibility: hidden;
            opacity: 0;
        }

.templatesList-hinted-1NhDL3:hover > div {
            visibility: visible;
            opacity: 1;
            -webkit-transition: opacity .2s .5s, visibility .2s .5s;
            transition: opacity .2s .5s, visibility .2s .5s;
        }

.templatesList-onDocControls-1ZcYme {
    position: relative;
    opacity: 0;
    padding-left: 35px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.templatesList-arrowShift-exhI07  {
  left: 10px;
  top: 3px;
  cursor: pointer;
}

.templatesList-drop-down-1h4gjq {
  top: 0px;
  left: -40px;
  position: absolute;
  z-index:6;  
  cursor: initial;
}

.templatesList-drop-down-1h4gjq.templatesList-hidden-3Hhat6 {
    display: none;
  }

.templatesList-folderLine-QxdWvT {
  line-height: 20px;
  cursor: pointer;
}

.templatesList-folderLine-QxdWvT:hover {
      color: undefined;
      color: var(--color_primary_hover);
  }

.templatesList-folderLine-QxdWvT.templatesList-selected-folder-2KO0nE {
      color: undefined;
      color: var(--color_black);
      font-weight: bold;
  }

.templatesList-folderShow-3SAtoZ {
    font-size: undefined;
    font-size: var(--fontSize_button);
}

.templatesList-folderClick-2m7W8L {
    font-size: undefined;
    font-size: var(--fontSize_button);
    color: undefined;
    color: var(--color_primary);
    cursor: pointer;
    position: relative;    
}

.templatesList-unvisible-gPhOko {
   display: none;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/clauseLib/clauseLib.css ***!
  \*******************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.clauseLib-wrapper-3aEeDn {
    margin-top: 20px;
    padding-bottom: 300px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_darkGray);
    min-width: 1146px;
}
.clauseLib-wrapperUser-1mT6Yl {
    margin-left: 20px;
    padding-bottom: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    width: 400px;
}
.clauseLib-pdOptions-2dx6Af {
    line-height: 1.5;
    color: undefined;
    color: var(--color_black);
    margin: 0;
    padding: 2px 0 1px;
}
.clauseLib-dFind-13nDcz {
    width: 200px;
    margin: 0 20px 0 10px;
    border-radius: 4px;
    border: solid 1px #dedede;
    padding: 0 12px 0 4px; 
    margin: 0 50px 0 20px
}
.clauseLib-nfound-30EwG1 {
    color: undefined;
    color: var(--color_darkRed);
}
.clauseLib-crossPlace-1rhvtr {
    right: 16px;
    position: relative;   
    z-index: 2;
    top: -46px;
}
.clauseLib-crossPlace-1rhvtr.clauseLib-corrected-RxwjUb {
        right: 21px;
        top: -32px;
    }
.clauseLib-head-il-6lm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-top: 1px;
    margin-bottom: 1px;
  }
.clauseLib-head_radio-25BH1P {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 20px;
      margin-right: 20px;
    }
.clauseLib-head_radio-25BH1P + .clauseLib-head_radio-25BH1P {
          margin-left: 0;
      }
.clauseLib-head_radio-25BH1P > div {
        line-height: 1.23;
        color: undefined;
        color: var(--color_darkGray);
        display: inline-block;
        padding: 2px 10px 1px;
        border: undefined;
        border: 1px solid var(--color_lightGray2);
        -webkit-transition: all .2s;
        transition: all .2s;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
      }
.clauseLib-head_radio-25BH1P > div[data-current="true"] {
          color: #fff;
          background-color: undefined;
          background-color: var(--color_gray);
          border-color: undefined;
          border-color: var(--color_gray);
        }
.clauseLib-head_radio-25BH1P > div:hover:not([data-current="true"]) {
          color: undefined;
          color: var(--color_primary_hover);
        }
.clauseLib-head_radio-25BH1P > div:not(:first-child):not(:last-child) {
        border-left: none;
        border-right: none;
      }
.clauseLib-head_radio-25BH1P > div:first-child {
        border-radius: 5px 0 0  5px;

      }
.clauseLib-head_radio-25BH1P > div:last-child {
        border-radius: 0 5px 5px 0;
      }
.clauseLib-line-2SvWNN {
    border-top: undefined;
    border-top: solid 1px var(--color_lightGray);    
    padding-bottom: 19px;
    padding-top: 20px;
    /* margin-bottom: 20px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.clauseLib-line-2SvWNN.clauseLib-lhidden-19gskh {
      border-color: white;
   }
.clauseLib-line-2SvWNN img, .clauseLib-line-2SvWNN svg {
        margin-right: 27px;
    }
.clauseLib-line-2SvWNN > * {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }
.clauseLib-tab-headers-26vovF {
    padding-bottom: 10px;
    padding-left: 40px;
    border-bottom: undefined;
    border-bottom: solid 1px var(--color_lightGray2);
    line-height: 1.5;
    color: undefined;
    color: var(--color_gray);
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
    border-top: none;
}
.clauseLib-tab-cat-DFlCD9 {
    width: 320px;
    display: inline-block;
    /* max-height: 72px; */
    margin-right: 40px;
    overflow-wrap: break-word;
}
.clauseLib-tab-clause-1Vt564 {
    width: 390px;
    overflow-wrap: break-word;
    display: inline-block;
    max-height: 72px;
    margin-right: 50px;
    overflow-y: clip;
    white-space: pre-wrap;
}
.clauseLib-tab-status-3Qosa4 {
    width: 80px;
    display: inline-block;
    max-height: 72px;
    margin-right: 20px;
}
.clauseLib-tab-status-3Qosa4.clauseLib-tab-draft-3RhIwU {
        color: undefined;
        color: var(--color_gray);
    }
.clauseLib-tab-status-3Qosa4.clauseLib-tab-last-1xLxhE {
        /* margin=right: 0; */
    }
.clauseLib-blank-WN46Cu {    
    line-height: 1.5;
    color: undefined;
    color: var(--color_gray);
}
.clauseLib-arrowShift-EZM5qG  {
    left: 10px;
    top: 0;
    cursor: pointer;
}
.clauseLib-editFixed-KpCWqK {
    position: absolute;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    top: 100%;
    z-index: 2;
    width: 800px;
    border-radius: 8px;
    border: undefined;
    border: 1px dashed var(--color_orange);
    background-color: white;
    -webkit-box-shadow: 0 1px 14px 0 rgb(0 0 0 / 11%);
            box-shadow: 0 1px 14px 0 rgb(0 0 0 / 11%);    
}
.clauseLib-upperSide-Zdy-IY {
    padding: 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap: 40px;
}
.clauseLib-upperSide-Zdy-IY textarea {
      font-family: 'ProximaNova', sans-serif !important;
      width: 100%;
      border: none;
      padding: 0;
      margin: 0;
      resize: none;
    }
/* font-size: var(--fontSize_readable); */
.clauseLib-upperSide-Zdy-IY textarea:nth-of-type(2)::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.clauseLib-upperSide-Zdy-IY textarea:nth-of-type(2)::-moz-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.clauseLib-upperSide-Zdy-IY textarea:nth-of-type(2)::-ms-input-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.clauseLib-upperSide-Zdy-IY textarea:nth-of-type(2)::placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.clauseLib-upperLeft-1rtLuc {
    display: inline-block;
    width: 280px;
    /* margin-right: 60px; */
}
.clauseLib-upperFull-2L-KXe {    
    width: 100%;
}
.clauseLib-upperRight-1k-HIn {
    display: inline-block;
    width: 398px;
}
.clauseLib-smallTitle-1IQyXt {
    color: undefined;
    color: var(--color_gray);
    font-size: undefined;
    font-size: var(--fontSize_tip);
}
.clauseLib-hint-3tbpAX {
    color: undefined;
    color: var(--color_gray);
    font-size: undefined;
    font-size: var(--fontSize_tip);
}
.clauseLib-hinted-m3tEiR {
    position: relative;
}
.clauseLib-hinted-m3tEiR::before {
        position: absolute;
        left: 1px;
        top: 0px;
        content: attr(data-content);
        color: undefined;
        color: var(--color_primary);
    }
.clauseLib-hinted-m3tEiR.clauseLib-orange-3kgX4q::before{
        color: undefined;
        color: var(--color_orange);
    }
.clauseLib-lowerSide-2uJQjF {
    border-top: undefined;
    border-top: 1px dashed var(--color_orange);
    padding: 8px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.clauseLib-lowerSide-2uJQjF > span {
        cursor: pointer;
        color: undefined;
        color: var(--color_primary);
        font-size: 12px;
        /* margin-right: 20px; */
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 9px;
    }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-tip-QrJJfz > span {
            display: inline-block;
            line-height: 16px;
        }
.clauseLib-lowerSide-2uJQjF > span > .clauseLib-image-1aspAg {
            max-width: 10px;
            max-height: 12px;
            margin: 0;
        }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-inactive-1DBFGX {
            cursor: initial;
            color: undefined;
            color: var(--color_primary_semi);
        }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-inactive-1DBFGX.clauseLib-orange-3kgX4q {
                color: undefined;
                color: var(--color_orange_semi);
            }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-orange-3kgX4q {
            color: undefined;
            color: var(--color_orange);
        }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-blue-2d0zFS {
            color: undefined;
            color: var(--color_primary);
        }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-blue-2d0zFS[data-is-disabled='true'] {
                color: undefined;
                color: var(--color_primary_semi);
            }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-red-Bn00te {
            color: undefined;
            color: var(--color_darkRed);
        }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-green-1QLjCS {
            color: undefined;
            color: var(--color_green);
        }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-green-1QLjCS[data-is-disabled='true'] {
                color: undefined;
                color: var(--color_green_semi);
            }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-distant-ZsLLMR {
            margin-left: 40px;
        }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-tip-QrJJfz > div {
            opacity: 0;
            visibility: hidden;
            -webkit-transition: opacity .2s, visibility .2s;
            transition: opacity .2s, visibility .2s;
            bottom: 22px;
            left: 0;
        }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-tip-QrJJfz:hover > div {
            opacity: 1;
            visibility: visible;
            -webkit-transition: opacity .2s, visibility .2s;
            transition: opacity .2s, visibility .2s;
        }
.clauseLib-lowerSide-2uJQjF > span.clauseLib-ml20-1Ml5Jr {
            margin-left: 20px;
        }
.clauseLib-cats-2819ch {
    position: absolute;
    top: -40px;
    left: 0px;
    color: undefined;
    color: var(--color_darkGray);
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    padding: 40px 40px 20px;
    background-color: white;
    z-index:2;
    width: 400px;
}
.clauseLib-cats-2819ch > h3 {
        font-weight: 400;
        font-size: undefined;
        font-size: var(--fontSize_h4);
    }
.clauseLib-show-folder-3yciRv {
    line-height: 18px;
}
.clauseLib-show-folder-3yciRv:hover {
        color: undefined;
        color: var(--color_primary_hover);
    }
.clauseLib-show-folder-3yciRv.clauseLib-selected-folder-3BpR0U {
        color: undefined;
        color: var(--color_black);
        font-weight: bold;
    }
.clauseLib-draft-1_cs57 {
    color: undefined;
    color: var(--color_gray);
}
.clauseLib-maskLine-3dRTK7 > .clauseLib-categoryWrapper-1FbWi9:first-child > .clauseLib-preline-2LFL4P > .clauseLib-line-2SvWNN {
            border-top: none;
        }
.clauseLib-categoryWrapper-1FbWi9 {
    /* & > .preline > .line {
        border-top: none;
    } */
}
/* background: #000; */
.clauseLib-categoryWrapper-1FbWi9 > .clauseLib-preline-2LFL4P + .clauseLib-categoryWrapper-1FbWi9 > .clauseLib-preline-2LFL4P > .clauseLib-line-2SvWNN {
            border-top: none;
        }
.clauseLib-card-1pDZ1R {
    border-radius: 8px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_alert);
            box-shadow: var(--shadow_alert);
    padding: 20px;
    margin: 20px 0;
    border: undefined;
    border: var(--dashed_border);
    position: relative;
}
/* &.draft {
        border-color: var(--color_lightGray);
    } */
.clauseLib-card-1pDZ1R.clauseLib-edited-1mjdWh .clauseLib-clause-1TP6MB {
        -webkit-line-clamp: 8;
    }
.clauseLib-card-1pDZ1R:before {
        content: '';
        display: block;
        width: calc(100% + 80px);
        height: 1px;
        background-color: white;
        position: absolute;
        top: -2px;
        left: -40px;
    }
/* .preline+.card {
    margin-top: -20px;
} */
.clauseLib-title-2dHv-j {
    font-weight:bold;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_readable);
}
.clauseLib-sideCardHint-2jeuJo {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    margin-top: 5px;
}
.clauseLib-clause-1TP6MB {
    font-size: undefined;
    font-size: var(--fontSize_readable);
    color: undefined;
    color: var(--color_darkGray);
    /* display: -webkit-box; */
    /* -webkit-box-orient: vertical; */
    /* -webkit-line-clamp: 9; */
    max-height: 155px;
    overflow: hidden;
    white-space: pre-wrap;
    margin-top: 20px;
    position: relative;
    padding-bottom: 8px;
}
.clauseLib-clause-1TP6MB::after {
        content: '';
        position: absolute; /* Абсолютное позиционирование для эффекта размытия */
        bottom: 0; /* Расположение внизу элемента */
        left: 0; 
        right: 0;
        height: 14px; /* Высота размытия */
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); /* Градиент от белого к прозрачному */
        -webkit-filter: blur(3px);
                filter: blur(3px); /* Эффект размытия */
        pointer-events: none;
    }
.clauseLib-clause-1TP6MB.clauseLib-active-gnbygh {
        max-height: none;
    }
.clauseLib-clause-1TP6MB.clauseLib-active-gnbygh::after {
            -webkit-filter: blur(0);
                    filter: blur(0);
        }
.clauseLib-sideCardHeader--3NrkL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.clauseLib-sideCardHeader--3NrkL .clauseLib-isDraft-3JyWW_ {
        position: relative;
        max-height: 10px;
    }
.clauseLib-sideCardHeader--3NrkL .clauseLib-isDraft-3JyWW_ > img {
            max-width: 10px;
        }
.clauseLib-sideCardHeader--3NrkL .clauseLib-tagContainer-2l519X {
        position: relative;
    }
.clauseLib-sideCardHeader--3NrkL .clauseLib-tag-3kPoUs {
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }
.clauseLib-sideCardHeader--3NrkL .clauseLib-tag-3kPoUs.clauseLib-green-1QLjCS {
            background-color: undefined;
            background-color: var(--color_green);
        }
.clauseLib-sideCardHeader--3NrkL .clauseLib-tag-3kPoUs.clauseLib-yellow-3_uxHZ {
            background-color: undefined;
            background-color: var(--color_yellow);
        }
.clauseLib-sideCardHeader--3NrkL .clauseLib-tag-3kPoUs.clauseLib-red-Bn00te {
            background-color: undefined;
            background-color: var(--color_darkRed);
        }
.clauseLib-subclause-1LSiHb {
    width: calc(100% + 40px);
    margin: 10px -20px -20px;
    padding: 10px 20px;
    /* border-top: dashed 1px var(--color_orange_semi); */
    border-top: undefined;
    border-top: var(--dashed_border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* &.draft {
        border-color: var(--color_lightGray);
    } */
.clauseLib-subclause-1LSiHb span {
        color: undefined;
        color: var(--color_primary);
        cursor: pointer;
        margin-right: 40px;
        line-height: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
.clauseLib-subclause-1LSiHb span:nth-of-type(1) {
            color: undefined;
            color: var(--color_orange);
            margin-right: 20px;
        }
.clauseLib-subclause-1LSiHb span.clauseLib-lvl-3Yuy9e {
            margin-right: 20px;
        }
.clauseLib-subclause-1LSiHb span[data-off="true"] {
            opacity: 0.3;
            cursor: default;
        }
.clauseLib-buttons-1wgbri {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-top: 50px;
}
.clauseLib-maskLine-3dRTK7:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: transparent;
    /* background-color: white; */
    position: relative;
    top: -21px;
}
[data-x="1"] {
    background-color: undefined;
    background-color: var(--color_yellow_semi);
}
.clauseLib-subitem-381aLp {
    margin-top: 16px;
    color: undefined;
    color: var(--color_primary);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 7px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    cursor: pointer;
}
.clauseLib-subitem-381aLp > span, .clauseLib-subitem-381aLp > img {
        width: 13px;
        margin: 0;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
.clauseLib-subitem-381aLp:hover { 
        color: undefined; 
        color: var(--color_primary_hover);
    }
.clauseLib-subitem-381aLp:hover > span, .clauseLib-subitem-381aLp:hover > img {
            /* opacity: 0.3; */
        }
.clauseLib-subitem-381aLp.clauseLib-covenant-3Tvqky {
        color: undefined;
        color: var(--color_darkGray);
    }
.clauseLib-subitem-381aLp.clauseLib-covenant-3Tvqky:hover {
            color: undefined;
            color: var(--color_darkGray);
        }
.clauseLib-subitem-381aLp.clauseLib-m0-4gsHiD{
        margin: 0;
    }
.clauseLib-mt16-2j2iq2 {
    margin-top: 16px;
}
.clauseLib-mt20-223kAj {
    margin-top: 20px;
}
.clauseLib-alert-25GRjj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
}
.clauseLib-mt5-39H9N8 {
    margin-top: 5px;
}
.clauseLib-mt10-1nEWJn {
    margin-top: 10px;
}
.clauseLib-colorRed-2Hrrl6 {
    color: undefined;
    color: var(--color_lightRed);
}
.clauseLib-bold-2Ct_0g {
    font-weight: 600;
}
.clauseLib-colorPrimary-1zoSGa {
    color: undefined;
    color: var(--color_primary);
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.clauseLib-colorPrimary-1zoSGa:hover {
        color: undefined;
        color: var(--color_primary_hover);
    }
.clauseLib-cursorPointer-1wx5NO {
    cursor: pointer;
}
.clauseLib-inline-block-HBX8rx {
    display: inline-block;
}
.clauseLib-colorBlockContainer-3gh3a8 {
    font-size: 12px;
    color: undefined;
    color: var(--color_black);
    margin-top: 10px;
}
.clauseLib-colorBlockContainer-3gh3a8 .clauseLib-colorBlock-2FGIfu {
        padding: 2px 10px;
        border-radius: 5px;
        font-size: 12px;
        color: undefined;
        color: var(--color_light_black);
        background: undefined;
        background: var(--color_green_light);
        display: inline;
    }
.clauseLib-colorBlockContainer-3gh3a8 .clauseLib-colorBlock-2FGIfu.clauseLib-orangeBg-8WyUWN {
            background: undefined;
            background: var(--color_orange_light);
        }
.clauseLib-lh16-3MII01 {
    line-height: 16px;
}
span.clauseLib-w-auto-1LwXWa {
    width: auto;
}
.clauseLib-buttonContainer-3oJmCB {
    margin-top: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.clauseLib-buttonContainer-3oJmCB > button {
        line-height: normal;
    }
.clauseLib-buttonContainer-3oJmCB > button:disabled {
            background: undefined;
            background: var(--color_primary_semi);
            color: #fff;
            border-color: unset;
        }
.clauseLib-buttonContainer-3oJmCB > button:disabled:hover {
                background: undefined;
                background: var(--color_primary_semi);
                color: #fff;
                border-color: unset;
            }
.clauseLib-lh-normal-3yXNHr {
    line-height: normal;
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Checkbox/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-checkbox-3oLdL3 {
  aspect-ratio: 1 / 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.styles-module-checkbox-3oLdL3 > svg {
  margin-right: 0;
  width: 75%;
}

.styles-module-checkbox-3oLdL3.styles-module-active-1aDEKu.styles-module-blue-3vDUxj {
  border-color: undefined;
  border-color: var(--color_primary);
  background-color: undefined;
  background-color: var(--color_primary);
}

.styles-module-checkbox-3oLdL3.styles-module-active-1aDEKu.styles-module-green-2LBy5O {
  border-color: undefined;
  border-color: var(--color_green);
  background-color: undefined;
  background-color: var(--color_green);
}

.styles-module-label-gEpIfs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-label-gEpIfs > p {
    margin: 0;
    line-height: normal;
    color: #606060;
    font-size: 12px;
  }

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/projectPage/AddMembers.css ***!
  \***************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.AddMembers-wrapper-25j_TG, .AddMembers-wrapperU-z5RS7b {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 40px 0;
    overflow-y: scroll;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 10;
}
.AddMembers-wrapperU-z5RS7b {
    position:absolute;
}
.AddMembers-popup-wrapper-2Y-5t1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: 0 auto;
    padding-bottom: 40px;
    width: 400px;

}
.AddMembers-popup-aA96Oy {
    border-radius: 20px;
    -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
            box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-color: #fff;
    color: undefined;
    color: var(--color_black);
    padding: 40px;
}
.AddMembers-input-2sKdy0 {
    position: relative;
    margin-bottom: 40px;
}
.AddMembers-input-2sKdy0 button {
        position: absolute;
        right: 30px;
        top: 14px;
    }
.AddMembers-input-2sKdy0 input {
        font-size: undefined;
        font-size: var(--fontSize_tab);
        color: undefined;
        color: var(--color_darkGray);
        width: 100%;
        padding: 12px 55px 8px 15px;
        border: undefined;
        border: 1px solid var(--color_lightGray);
    }
.AddMembers-input-2sKdy0 input::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_gray);
    }
.AddMembers-input-2sKdy0 input::-moz-placeholder {
        color: undefined;
        color: var(--color_gray);
    }
.AddMembers-input-2sKdy0 input::-ms-input-placeholder {
        color: undefined;
        color: var(--color_gray);
    }
.AddMembers-input-2sKdy0 input::placeholder {
        color: undefined;
        color: var(--color_gray);
    }
.AddMembers-input-2sKdy0 > div {
        top: 8px;
        right: 10px;
    }
.AddMembers-candidates-3nEOiJ {
    margin-top: 40px;
}
.AddMembers-candidates-3nEOiJ > div:last-child {
        margin-bottom: 0;
    }
.AddMembers-justAdded-1OGZkD {
    position: relative;
    padding: 20px;
    border-radius: 6px;
    background-color: #f9f9f9;
    left: -20px;
    width: calc(100% + 40px);
}
.AddMembers-justAdded-1OGZkD.AddMembers-ext-1NHHKl {
        background-color: #f3f8ff;
    }

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/ListHeader/ListHeader.css ***!
  \**************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.ListHeader-wrapper-3gAtQK {
    position: relative;
}
.ListHeader-line-1BJijQ {
    position: absolute;
    bottom: 0px;
    width: calc(100% + 80px);
    background-color: undefined;
    background-color: var(--color_lightGray2);;
    height: 1px;
    left: -40px;
}
.ListHeader-element-14SqC1 {
    display: inline-block;
    margin-right: 40px;
    padding-bottom: 15px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    line-height: 1.36;
    letter-spacing: 0.01px;
    color: undefined;
    color: var(--color_darkGray);
    cursor: pointer;
    height: 34px;
    text-decoration: none;
}
.ListHeader-element-14SqC1[data-current="true"] {
        border-bottom: undefined;
        border-bottom: solid 5px var(--color_lightGray2);
        cursor: default;
    }
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/publicArea/static/static.css ***!
  \******************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.static-wrapper-Ny8jYJ {
  padding: 43px 100px 0;
  width: 1000px;
  margin: auto;
  color: undefined;
  color: var(--color_black);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 75vh;
}

.static-content-1lXjqm{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.static-align-2F8sw6{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    min-height: 100px;
}

.static-header-1eua6l {
  font-size: undefined;
  font-size: var(--fontSize_h1);
  font-weight: 900;
  line-height: 1.18;
}

.static-centered-yDA7Bp {
    text-align: center;
}

.static-subheader-2ceI23 {
  font-size: 22px;
  letter-spacing: 0.6px;
  margin-top: 40px;
  margin-bottom: 10px;
}

.static-subheader_mrg-daV9oe {
  margin-top: 10px;
  margin-bottom: 30px;
}

.static-normal-uQ71Xq {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  line-height: 1.57;
  margin-left: 50px;  
}

.static-normal-uQ71Xq a {
      color: undefined;
      color: var(--color_primary);
  }

.static-womargin-15TZJA {
    margin-left: 0;
}

.static-placeholder-26k6f9 {
    margin-bottom: 40px;
    font-size: 22px;
}

.static-switching-11HQEL{
    width: 306px;
    margin: 0 auto 50px auto;
}

.static-sw-3Z-wXJ {
    display: inline-block;
    width: 150px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: undefined;
    border: solid 1px var(--color_lightGray2);
}

.static-left-3QdFcO {    
    border-radius: 6px 0 0 6px;        
}

.static-right-1d1xEd {    
    border-radius: 0 6px 6px 0;    
}

.static-checked-3ydTG5 {
    color: undefined;
    color: var(--color_white);
    background-color: undefined;
    background-color: var(--color_lightGray2);
}

.static-unchecked-3J6Idh {    
    color: undefined;    
    color: var(--color_gray);
}

.static-unchecked-3J6Idh:hover {
        cursor: pointer;
        color: undefined;
        color: var(--color_black);
    }

.static-bold-2UNKe- {
    font-weight: bold;
}

.static-ital-1QG3cN {
    font-style: italic;
    text-align: center;
}

.static-lol-3-J-_W {
    list-style: none;
    counter-reset: li;
    padding-left: 0;
    font-weight: normal;       
}

.static-lol-3-J-_W > li:before {
        display: inline-block;
        counter-increment: li;
        width: 50px;
        content: counters(li,".") ". ";
        margin-left: -50px;
        font-weight: normal;
        vertical-align: top;
    }

.static-lol-3-J-_W > li, .static-lol-3-J-_W > div, .static-lol-3-J-_W > li > div {
        margin-top: 22px;
    }

.static-lol-3-J-_W hr {
        margin: 2px 0 10px -50px;
    }

.static-tbl-3cLems {
    display: inline-block;
    vertical-align: top;
}

.static-opad-3Xiv68 {
    padding-top: 25px;
}

.static-enum-21-gjn {
    width: 60px;
}

.static-enum-add-vCSWf_ {
    width: 690px;
}

.static-width-3S5_w5 {
    width: 250px;
}

.static-wright-J6FPeo {
    width: 500px;
}

.static-wrights-1_plGD {
    width: 500px;
}

.static-wrights-small-36RbPo {
    width: 440px;
}

.static-link-SkNS-v {
    color: undefined;
    color: var(--color_primary);
}

.static-to-main-page-button-SeKeXM {
  margin-top: 20px;
  padding: 10px 20px;
  display: inline-block;
  color: undefined;
  color: var(--color_white);
  text-decoration:
  none; border-radius: 6px;
  background-color: undefined;
  background-color: var(--color_primary);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  font-weight: 400;
}

.static-mission-wrapper-1eLEe6 {
    color: #212121;
    width: 750px;
    margin: 0 auto;
    padding-bottom: 120px;
    padding-top: 70px;
}

.static-mission-title-zyPAQT {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 0.02px;
    text-align: center;
}

.static-mission-title-zyPAQT span:nth-child(1) {
        color: undefined;
        color: var(--color_primary_hover);
    }

.static-mission-title-zyPAQT span:nth-child(2) {
        color: undefined;
        color: var(--color_lightRed);
    }

.static-mission-subTitle-gA8JCP {
    font-size: 25px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 100px;
    text-align: center;
}

.static-mission-text-2L2ckC {
    width: 744px;
    font-size: 24px;
    line-height: 36px;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/topMenu.css ***!
  \********************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.topMenu-header-wrapper-QF3pc1 {
    z-index: 8;
    background-color: #fff;
    width: undefined;
    width: calc(var(--root_document_width) + 440px);
    min-width: 100%;
    padding: 32px 0 32px 0;
    position: sticky;
    top: 0;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.topMenu-belowTop-frame-width-GQC62R {
    height: 0px;
    z-index: 9;
    top: 115px;
    width: undefined;
    width: calc(var(--root_document_width) + 490px);
    position: relative;
    margin: auto;
}

.topMenu-underComments-absolute-2BHzEN {
    position: absolute;
    width: 488px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: undefined;
    left: calc(var(--root_document_width) + 2px);
}

.topMenu-header-wrapper-mask-gw14PO {
  position: absolute;
  top: 0;
  left: -40px;
  background: white;
  height: 100%;
  width: calc(100% + 80px);
}

.topMenu-header-37m3cg {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    height: 50px;
    z-index: 1;
    width: calc(100% - 80px);
    max-width: calc(100% - 80px);
}

.topMenu-logoplace-3Tx-JN {
    position: relative;
    top: 13px;
    -ms-flex-item-align: start;
        align-self: start;
}

.topMenu-header-sideBarButton-2-HhgJ {
    cursor: pointer;
    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;
    height: 19px;
    width: 19px;
    margin-right: 40px;
    margin-left: 40px;
}

.topMenu-header-sideBarButton-2-HhgJ img {
        width: 12px;
        height: 13px;
        margin-bottom: 8px;
    }

.topMenu-header-projectNameBlock-1K2PoN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    white-space: nowrap;
    width: auto;
    position: relative;
}

.topMenu-_SAFARI_header-projectNameBlock-3-Wg1Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    white-space: nowrap;
    width: auto;
    position: relative;
}

.topMenu-header-projectNameBlock-1K2PoN a {
        width: auto;
        height: 14px;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        color: undefined;
        color: var(--color_darkGray);
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.topMenu-_SAFARI_header-projectNameBlock-3-Wg1Y a {
        width: auto;
        height: 14px;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        color: undefined;
        color: var(--color_darkGray);
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.topMenu-header-projectNameBlock-1K2PoN a:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.topMenu-_SAFARI_header-projectNameBlock-3-Wg1Y a:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.topMenu-header-collaborationMode-3ZgLPm {
    position: absolute;
    color: undefined;
    color: var(--color_lightRed);
    left: 0;
    top: 15px;
    padding-top: 2px;
    background-color: white;
    z-index: 1;
}

.topMenu-header-versionBlock-2-CgHV {
    position: relative;
    width: 338px;
    height: 100%;
}

.topMenu-header-versionBlock-2-CgHV .topMenu-header-collabArrow-9CWKMI, .topMenu-header-versionBlock-2-CgHV .topMenu-header-collabArrow-left-2CRsqW {
        right: -11px;
    }

.topMenu-header-versionBlock_open-nfxMvz .topMenu-header-versionButtons-3qD4bM {
            width: 537px;
        }

.topMenu-header-versionBlock_open-nfxMvz .topMenu-header-versionButtons-3qD4bM::after {
                display: none;
            }

.topMenu-header-versionBlock_open-nfxMvz .topMenu-header-versionButtons-grad-BA0E_T {
                right: -235px;
            }

.topMenu-header-versionBlock_open-nfxMvz .topMenu-header-collabArrow-9CWKMI, .topMenu-header-versionBlock_open-nfxMvz .topMenu-header-collabArrow-left-2CRsqW {
            right: -209px;
        }

.topMenu-header-versionButtons-3qD4bM {
    position: absolute;
    top: 0;
    left: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 338px;
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 3;
}

.topMenu-header-versionButtons-grad-BA0E_T {
        position: absolute;
        top: 0;
        right: -36px;
        height: 50px;
        width: 35px;
        background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
        background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
        z-index: 3;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.topMenu-header-versionButtons-3qD4bM > button:last-child {
        margin: 0 40px;
    }

.topMenu-header-versionButtons-3qD4bM::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
    }

.topMenu-header-noProjectsText-1z2WtA {
    color: undefined;
    color: var(--color_lightRed);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    white-space: nowrap;
    padding-left: 40px;    
}

.topMenu-header-descText-2Gl9-M {
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    white-space: nowrap;
}

.topMenu-header-version-cont-1h5qqA {
    margin-right: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_lightRed);
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.topMenu-header-version-3UskAE {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_lightGray2);
    top: 18px;
}

.topMenu-header-version-button-6e6Zfz {
    cursor: pointer;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_primary);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 40px;
}

.topMenu-header-version-button-6e6Zfz:last-child {
        margin-right: 0;
    }

.topMenu-bold-L-tmzh {
    font-weight: bold;
    position: relative;
    top: 1px;
}

.topMenu-header-titleSeparator-2MuPUo {
    display: inline-block;
    padding: 0 10px;
    height: 14px;
}

.topMenu-header-projectName-1fusRH {
    height: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topMenu-header-documentName-2InDBY {
    height: 16px;
    position: relative;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
}

.topMenu-documentNameGrad-3yZ6fl::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
    }

.topMenu-header-finalize-2ADGoL {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 0 40px;
    height: 50px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_darkGray);
}

.topMenu-header-finalize-text-1O5All {
        position: relative;
        color: undefined;
        color: var(--color_green);
        height: 14px;
        padding-right: 40px;
        white-space: nowrap;
    }

.topMenu-header-finalize-text-1O5All::after {
            top: 3px;
            content: '';
            position: absolute;
            left: -15px;
            bottom: 0;
            height: 10px;
            width: 2px;
            background-color: undefined;
            background-color: var(--color_green);
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }

.topMenu-header-finalize-text-1O5All::before {
            top: 3px;
            content: '';
            position: absolute;
            left: -15px;
            bottom: 0;
            height: 10px;
            width: 2px;
            background-color: undefined;
            background-color: var(--color_green);
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }

.topMenu-header-finalize-text-1O5All::before {
            top: 6px;
            height: 6px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            left: -20px;
        }

.topMenu-header-finalize-new-2-UJ_z {
        position: relative;
        padding-top: 15px;
        height: 100%;
        padding-left: 40px;
    }

.topMenu-header-finalize-text_noCheckMark-3iWS4Z {
        position: relative;
        color: undefined;
        color: var(--color_green);
        height: 14px;
        padding-right: 40px;
        white-space: nowrap;
    }

.topMenu-header-finalize-time-2pXIMB {
        height: 14px;
        margin-right: 40px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        overflow: hidden;
        color: undefined;
        color: var(--color_gray);
        white-space: nowrap;
    }

.topMenu-header-finalize-2ADGoL button {
        margin-right: 40px;
        
    }

.topMenu-header-finalize-new_popup-hET8Kg {
    position: absolute;
    top: -20px;
    left: -1px;
    padding: 70px 40px 40px;
    width: 208px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    border-radius: 6px;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.topMenu-header-finalize-new_popup-hET8Kg > button {
        white-space: normal !important;
        margin-right: 0 !important;
        text-align: left !important;
        line-height: 18px;
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
    }

.topMenu-header-finalize-new_popup-hET8Kg > button:first-child {
            margin-bottom: 15px;
        }

.topMenu-header-finalize-new_popup_visible-2pX1vQ {
        opacity: 1;
        visibility: visible;
    }

.topMenu-header-reviewed-3aGDE0 {
    position: relative;
    padding: 22px 0 0 40px;
    height: 50px;
    min-width: 248px;
    max-width: 283px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_darkGray);
}

.topMenu-header-reviewed-text-3HPfUi {
        max-width: 240px;
        height: 14px;
        padding-right: 40px;
        white-space: nowrap;
        overflow: hidden;
    }

.topMenu-header-reviewed-text-3HPfUi::after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            width: 35px;
            height: 100%;
            background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
            background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
        }

.topMenu-header-reviewed-time-6M9XMg {
        height: 14px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        overflow: hidden;
        color: undefined;
        color: var(--color_gray);
        white-space: nowrap;
    }

.topMenu-header-reviewed-3aGDE0 .topMenu-header-hintPlace-2MPdAk {
    z-index: 6;
    left: 30px;
    top: 8px;
    padding: 10px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: white;
    border-radius: 6px;
}

.topMenu-header-reviewed-3aGDE0 .topMenu-header-hintPlace-2MPdAk > div:last-child {
        color: undefined;
        color: var(--color_gray);
    }

.topMenu-header-reviewed-3aGDE0 .topMenu-header-hintPlace-2MPdAk > div {
      padding: 0;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
    }

.topMenu-header-reviewed-3aGDE0 .topMenu-header-hintPlace-2MPdAk > div::after {
            display: none;
        }

.topMenu-header-reviewed-3aGDE0:hover .topMenu-header-hintPlace-2MPdAk {
    visibility: visible;
    opacity: 1;
}

.topMenu-header-projectNameBlock-1K2PoN:hover .topMenu-header-hintPlace-2MPdAk {
    visibility: visible;
    opacity: 1;
}

.topMenu-header-hintPlace-2MPdAk {
    border-radius: 6px;
    color: undefined;
    color: var(--color_darkGray);
    visibility: hidden;
    opacity: 0;
    left: -10px;
    top: -10px;
    position: absolute;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 10;
}

.topMenu-header-hintPlace-2MPdAk a {
        text-decoration: none;
        color: undefined;
        color: var(--color_darkGray);
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.topMenu-header-hintPlace-2MPdAk a:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.topMenu-header-hintPlace-2MPdAk div {
        width: auto;
        border-radius: 6px;
        color: undefined;
        color: var(--color_darkGray);
        font-size: undefined;
        font-size: var(--fontSize_standart);
        padding: 10px;
        white-space: nowrap;
        -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
                box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
        background-color: #fff;
    }

.topMenu-header-buttonBlock-3dGrto {
    position: relative;
    padding: 0 40px;
    //max-width: 455px;
    width: auto;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.topMenu-header-buttonBlock-3dGrto button {
        margin: 0;
    }

.topMenu-header-extReqEdit-3cd-Sf {
    position: relative;
    width: 105px;
    margin-right: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_lightRed);
    height: 14px;
}

.topMenu-header-extReqEdit-3cd-Sf > span {
        position: absolute;
        top: 30px;
        left: 0;
    }

.topMenu-header-redAlert-3KE8QQ {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_lightRed);
    height: 14px;
    white-space: nowrap;
}

.topMenu-header-approvalButton-1NhNsu {
    z-index: 7;
    position: relative;
    background-color: transparent;
}

.topMenu-header-approvalButton-1NhNsu button {
    margin-right: 40px;
}

.topMenu-header-collabButtonsBlock-2R2QBd {
    position: relative;
    width: 70px;
    height: 100%;
}

.topMenu-header-collabButtonsBlock_open-3SeAO5 .topMenu-header-collabButtons-1Wr3GW {
            width: 287px;
            padding-right: 40px;
        }

.topMenu-header-collabButtonsBlock_open-3SeAO5 .topMenu-header-collabButtons-1Wr3GW::after {
                display: none;
            }

.topMenu-header-collabButtonsBlock_open-3SeAO5 .topMenu-header-collabButtons-grad-1tiL0J {
                right: -253px;
            }

.topMenu-header-collabButtonsBlock_open-3SeAO5 .topMenu-header-collabArrow-9CWKMI, .topMenu-header-collabButtonsBlock_open-3SeAO5 .topMenu-header-collabArrow-left-2CRsqW {
            right: -227px;
        }

.topMenu-header-collabButtonsBlock_open2-1N1pHc .topMenu-header-collabButtons-1Wr3GW {
            width: 153px;
            padding-right: 40px;
        }

.topMenu-header-collabButtonsBlock_open2-1N1pHc .topMenu-header-collabButtons-1Wr3GW::after {
                display: none;
            }

.topMenu-header-collabButtonsBlock_open2-1N1pHc .topMenu-header-collabButtons-grad-1tiL0J {
                right: -119px;
            }

.topMenu-header-collabButtonsBlock_open2-1N1pHc .topMenu-header-collabArrow-9CWKMI, .topMenu-header-collabButtonsBlock_open2-1N1pHc .topMenu-header-collabArrow-left-2CRsqW {
            right: -93px;
        }

.topMenu-header-collabButtons-1Wr3GW {
    position: absolute;
    top: 0;
    left: 1px;
    padding-left: 40px;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 70px;
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 3;
}

.topMenu-header-collabButtons-grad-1tiL0J {
        position: absolute;
        top: 0;
        right: -36px;
        height: 50px;
        width: 35px;
        background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
        background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
        z-index: 3;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.topMenu-header-collabButtons-1Wr3GW > button:first-child {
        margin-right: 40px;
    }

.topMenu-header-collabButtons-1Wr3GW::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
    }

.topMenu-header-collabArrow-9CWKMI, .topMenu-header-collabArrow-left-2CRsqW {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: #fff;
    right: -12px;
    top: 16px;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 4;
}

.topMenu-header-collabArrow-9CWKMI::before, .topMenu-header-collabArrow-left-2CRsqW::before {
        content: '';
        border-radius: 1px;
        position: absolute;
        background-color: #979797;
        top: 3px;
        left: 9px;
        width: 1px;
        height: 8px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }

.topMenu-header-collabArrow-9CWKMI::after, .topMenu-header-collabArrow-left-2CRsqW::after {
        content: '';
        border-radius: 1px;
        position: absolute;
        background-color: #979797;
        top: 8px;
        left: 9px;
        width: 1px;
        height: 8px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

.topMenu-header-collabArrow-left-2CRsqW::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

.topMenu-header-collabArrow-left-2CRsqW::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }

.topMenu-header-buttonBlock2-4Pj0AD, .topMenu-header-buttonBlock2-edit-QolnBz {
    width: auto;
    padding-right: 40px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.topMenu-header-buttonBlock2-showNew-2NAefA, .topMenu-header-buttonBlock2-edit-showNew-32XELX {
        margin: 0;
    }

.topMenu-header-buttonBlock2-tasks-3R9E3a, .topMenu-header-buttonBlock2-edit-tasks-2kwwvs {
        height: 50px;
        -webkit-transform: translateY(-6px);
                transform: translateY(-6px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0 0 0 40px;
        z-index: 2;
    }

.topMenu-header-buttonBlock2-m40-1uNAIM, .topMenu-header-buttonBlock2-edit-m40-vHmom_ {
        margin-left: 40px;
    }

.topMenu-header-buttonBlock2-4Pj0AD > div, .topMenu-header-buttonBlock2-edit-QolnBz > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.topMenu-header-buttonBlock2-4Pj0AD button, .topMenu-header-buttonBlock2-edit-QolnBz button {
        line-height: 8px;
        margin: 0;
    }

.topMenu-header-buttonBlock2-edit-QolnBz {
    padding-left: 40px;
}

.topMenu-header-buttonBlock2-edit-QolnBz button {
        width: 95px;
    }

.topMenu-header-buttonBlock2-edit-QolnBz button:first-child {
            margin-right: 40px;
        }

.topMenu-header-buttonBlock2-editRM-3XgMjT button {
    margin-right: 0 !important;
}

.topMenu-counter-qzgHUs {
    margin-right: 11px;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: undefined;
    background-color: var(--color_darkRed);
}

.topMenu-header-userLogo-wYluGe {
    width: 100%;
    min-width: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    overflow: hidden;
    -ms-flex-item-align: start;
        align-self: start;
    padding-top: 7px;
}

.topMenu-sidebar-screen-16enqN {
    position: fixed;
    overflow-y: hidden;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    background-color: #ffffffB0;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 7;
}

.topMenu-sidebar-screen-16enqN.topMenu-_vis-yA-6VC {
        visibility: visible;
        opacity: 1;
    }

.topMenu-sidebar-wrapper-2JYBd1 {
    position: fixed;
    background-color: #fff;
    width: 400px;
    height: 100%;
    -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
            box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
    left: 0;
    top: 0;
    z-index: 7;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.topMenu-sidebar-wrapper-2JYBd1.topMenu-_vis-yA-6VC {
        visibility: visible;
        opacity: 1;
    }

.topMenu-sidebar_progressAndTasks-1VDN8n {
        position: absolute;
        background-color: #fff;
        left: 400px;
        top: 0;
        width: auto;
        min-width: 801px;
        height: 100%;
        margin-left: -800px;
        -webkit-transition: all .5s;
        transition: all .5s;
}

.topMenu-sidebar_progressAndTasks_vis-1rHqAE {
            margin-left: 0;
        }

.topMenu-sidebar-1T-ypc {
    position: relative;
    padding-top: 86px;
    padding-right: 40px;
    padding-left: 40px;
}

.topMenu-sidebar-header-2hRCPV {
        position: absolute;
        top: -8px;
        left: 40px;
        height: 50px;
        width: calc(100% - 40px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
    }

.topMenu-sidebar-header-close-2jwSbq{
            margin-left: 40px;
            cursor: pointer;
            height: 15px;
            width: 14px;
        }

.topMenu-sidebar-toAllProjects-3t2Vz1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
}

.topMenu-sidebar-toAllProjects-3t2Vz1 button {
        margin-right: 11px !important;
    }

.topMenu-document-32UVU5 {
    position: relative;
    color: undefined;
    color: var(--color_darkGray);
    margin-bottom: 20px;
    padding-left: 40px;
}

.topMenu-document-32UVU5 > span {
        font-size: undefined;
        font-size: var(--fontSize_tab);
    }

.topMenu-document-32UVU5 img {
        position: absolute;
        left: 0;
        height: 15px;
    }

.topMenu-sidebar-document-3xJ5HB {
    margin-bottom: 50px;
}

.topMenu-sidebar-document-desc-Uu_T9F {
        padding-left: 40px;
        color: undefined;
        color: var(--color_darkGray);
        margin-bottom: 15px;
        font-size: undefined;
        font-size: var(--fontSize_standart);
    }

.topMenu-sidebar-document-desc-Uu_T9F div {
            padding-bottom: 2px;
        }

.topMenu-sidebar-document-desc-Uu_T9F span {
            color: undefined;
            color: var(--color_gray);
        }

.topMenu-sidebar-document-buttons-PHlTRg {
        position: relative;
        padding-left: 40px;
    }

.topMenu-sidebar-document-buttons-PHlTRg .topMenu-counter-qzgHUs {
            display: inline-block;
            margin-left: 11px;
        }

.topMenu-sidebar-document-buttons-PHlTRg > button, .topMenu-sidebar-document-buttons-PHlTRg > div:not(.topMenu-expDocSpinner-2nrCXA) {
            display: block;
            margin-right: 40px;
            margin-bottom: 10px;
            white-space: nowrap;
        }

.topMenu-sidebar-document-buttons-PHlTRg > button > div, .topMenu-sidebar-document-buttons-PHlTRg > div:not(.topMenu-expDocSpinner-2nrCXA) > div {
                margin-right: 0;
            }

.topMenu-sidebar-document-buttons-PHlTRg > div:last-child, .topMenu-sidebar-document-buttons-PHlTRg > button:last-child {
            margin-bottom: 0;
        }

.topMenu-sidebar-documentName-zTYrAE {
    cursor: default;
    border: none;
    line-height: 19px;
    overflow-y: hidden;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    resize: none;
    color: undefined;
    color: var(--color_darkGray);
    width: 100%;
    height: 21px;
    padding: 0;
}

.topMenu-sidebar-documentName-zTYrAE:focus {
        cursor: text;
    }

.topMenu-sidebar-documentNameDiv-lha9Pc {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    line-height: 19px;
    color: undefined;
    color: var(--color_darkGray);
    height: auto;
    word-break: break-word;
}

.topMenu-sidebar-documentName-zTYrAE:hover ~ .topMenu-sidebar-document-hintPlace-12Uid8 {
    visibility: visible;
    opacity: 1;
}

.topMenu-sidebar-document-hintPlace-12Uid8 {
    color: undefined;
    color: var(--color_darkGray);
    width: auto;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    top: -35px;
    left: 5px;
    position: absolute;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 4;
}

.topMenu-sidebar-document-hintPlace-12Uid8 div {
        width: 100%;
        position: static;
    }

.topMenu-sidebar-export-IB4mux {
    background-color: #fff;
    width: 240px;
    height: 63px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_darkGray);
    font-weight: 400;
    -webkit-filter: grayscale(.75);
            filter: grayscale(.75);
    position: absolute;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    top: -70px;
    bottom: 0;
    right: -20px;
}

.topMenu-sidebar-export-IB4mux::before {
        content: '';
        position: absolute;
        background-color: #fff;
        top: calc(100% - 7px);
        right: 18px;
        width: 13px;
        height: 13px;
        -webkit-box-shadow: undefined;
                box-shadow: undefined;
        -webkit-box-shadow: var(--shadow_menu);
                box-shadow: var(--shadow_menu);
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        border: 1px solid #f2f2f2;
    }

.topMenu-sidebar-export-message-Fimbxb {
        position: absolute;
        z-index: 1;
        background-color: #fff;
        padding: 15px 17px 16px;
    }

.topMenu-sidebar-thisProject-3xzzhk {
    position: static;
}

.topMenu-sidebar-thisProject-buttons-2bUI95 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.topMenu-sidebar-thisProject-title-2hlxYS {
        font-size: undefined;
        font-size: var(--fontSize_tab);
        margin-bottom: 20px;
        color: undefined;
        color: var(--color_darkGray);
    }

.topMenu-sidebar-thisProject-3xzzhk button {
        margin-right: 20px !important;
    }

.topMenu-sidebar-recentDocumentWrapper-3oQj5p {
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
    margin-top: 20px;
}

.topMenu-sidebar-recentDocumentWrapper-3oQj5p:last-child {
        border: none
    }

.topMenu-sidebar-recentDocument-2PuM0r .topMenu-sidebar-document-desc-Uu_T9F {
    margin-bottom: 20px;
}

.topMenu-sidebar-recentDocument-2PuM0r .topMenu-document-32UVU5 {
    margin-bottom: 10px;
}

.topMenu-sidebar-recentDocument-2PuM0r {
    margin-top: 40px;
}

.topMenu-sidebar-document-actions-afwoke {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_lightRed);
    padding-left: 40px;
    margin-bottom: 20px;
}

.topMenu-sidebar-document-tasks-1JjvJ3 {
}

.topMenu-sidebar-document-approval-jLAZKP {
}

.topMenu-sidebar-document-comments-5NRO2m {
}

.topMenu-sidebar-document-changes-1iHnPh {
}

.topMenu-approvals-wrapper-2AhoAp {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    border-radius: 6px;
    background-color: #ffffff;
    left: -41px;
    top: -27px;
    padding: 101px 40px 40px 40px;
    width: 402px;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
}

.topMenu-header-approvalButton-1NhNsu:hover .topMenu-approvals-wrapper-2AhoAp {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.topMenu-header-approvalButton-1NhNsu button {
    z-index: 2;
}

.topMenu-header-approvalButton-1NhNsu:hover button {
    z-index: 3;
}

.topMenu-approvals-needed-2OuJHW {
    margin-bottom: 0;
}

.topMenu-approvals-needed-text-3fwkAP {
        font-size: undefined;
        font-size: var(--fontSize_h3);
        color: undefined;
        color: var(--color_black);
        margin-bottom: 20px;
    }

.topMenu-approvals-needed-2OuJHW button {
        margin-top: 20px;
    }

.topMenu-approvals-approved-14t6q6 {
}

.topMenu-approvals-list-Lg5Vtb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    left: -15px;
}

.topMenu-approvals-list-Lg5Vtb > div {
        position: relative;
        left: -25px;
    }

.topMenu-approvals-list-Lg5Vtb > div button {
            margin: 0;
        }

.topMenu-approvals-list-Lg5Vtb > div:not(:last-child) {
        margin-bottom: 20px;
    }

.topMenu-header-sendButton-8z_4TG {
    position: relative;
    //z-index: 1;
}

.topMenu-header-sendButton-8z_4TG > button {
        width: 83px !important;
    }

.topMenu-changes-hint--VilS1 {
    position: relative;
    white-space: nowrap;
    padding-top: 2px;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_gray);
    z-index: 2;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}

.topMenu-changes-hint_menuOpen-3I-3F4 {
        z-index: 6;
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
    }

.topMenu-sendMenu-screen-3yDISh {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 3;
}

.topMenu-sendMenu-part-1WYESX {
    width: 400px;
    padding: 0 40px;
}

.topMenu-sendMenu-part-1WYESX.topMenu-_thin-3krC-T {
      width: 240px;  
    }

.topMenu-sendMenu-part_2-3GlCp3 {
        border-left: undefined;
        border-left: 1px solid var(--color_lightGray2);
    }

.topMenu-sendMenu-part-1WYESX.topMenu-_scroll-E18gCP {
        overflow-y: auto;
        scrollbar-color: #cacaca transparent;
        scrollbar-width: thin;
    }

.topMenu-sendMenu-part-1WYESX.topMenu-_scroll-E18gCP:hover {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            -moz-overflow-scrolling: touch;
            -ms-overflow-scrolling: touch;
            -o-overflow-scrolling: touch;
            overflow-scrolling: touch;
        }

.topMenu-sendMenu-part-1WYESX.topMenu-_scroll-E18gCP::-webkit-scrollbar {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            width: 3px;
        }

.topMenu-sendMenu-part-1WYESX.topMenu-_scroll-E18gCP::-webkit-scrollbar-thumb {
            margin-right: 2px;
            border-radius: 2px;
            background-color: #cacaca;
            -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
                    box-shadow: 0 0 1px rgba(255,255,255,0.5);
        }

.topMenu-sendMenu-wrapper-3HSzzE {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: -40px;
    left: -40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 100px 0 40px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    z-index: 7;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ;
    transition: all .2s ;
}

.topMenu-sendMenu-wrapper_vis-18A8wt {
        visibility: visible;
        opacity: 1;
    }

.topMenu-sendMenu-send-eWF68G {
    visibility: visible;
}

.topMenu-sendMenu-send-small-Mw7K00 {
        width: 150px;
        font-size: undefined;
        font-size: var(--fontSize_tip);
        color: undefined;
        color: var(--color_gray);
    }

.topMenu-sendMenu-send-small-Mw7K00 span {
            color: undefined;
            color: var(--color_lightRed);
        }

.topMenu-sendMenu-send-smallthin-1Lx_j6 {
        font-size: undefined;
        font-size: var(--fontSize_tip);
        color: undefined;
        color: var(--color_gray);
    }

.topMenu-sendMenu-finalize-Dm01QK {
    margin-top: 50px;
}

.topMenu-sendMenu-finalize-small-1nH5RJ {
        font-size: undefined;
        font-size: var(--fontSize_tip);
        color: undefined;
        color: var(--color_gray);
    }

.topMenu-sendMenu-collaborate-2nYaO5 {

}

.topMenu-sendMenu-collaborate-small-1lCRRo {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_gray);
}

.topMenu-sendMenu-approvals-2hSOSA {

}

.topMenu-sendMenu-approvalsList-FnOkLH > div {
        position: relative;
        left: -40px;
    }

.topMenu-sendMenu-approvalsList-FnOkLH > div:not(:last-child) {
        margin-bottom: 20px;
    }

.topMenu-sendMenuB-wrapper-3zITF_ {
    position: absolute;
    width: 800px;
    top: -40px;
    left: -168px;
    padding: 100px 40px 40px 40px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.topMenu-sendMenuB-column-CiNVw2 {
    width: 320px;
}

.topMenu-sendMenuB-column-CiNVw2:first-child {
        padding-right: 40px;
        border-right: undefined;
        border-right: 1px solid var(--color_lightGray2);
    }

.topMenu-sendMenuB-column-CiNVw2:last-child {
        padding-left: 40px;
    }

.topMenu-sendMenuB-editDoc-3ffRMu {
    margin-bottom: 45px;
}

.topMenu-sendMenuB-editDoc-title-3dVKq9 {
        width: 269px;
        white-space: nowrap;
        letter-spacing: 0;
        font-family: ProximaNova-Extrabold, sans-serif !important;
        font-size: undefined;
        font-size: var(--fontSize_tab);
        color: undefined;
        color: var(--color_black);
        margin-bottom: 15px;
    }

.topMenu-sendMenuB-editDoc-select-3VFW6S {
        border-radius: 10px;
        margin-bottom: 20px;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        text-align: center;
        line-height: 25px;
        color: undefined;
        color: var(--color_darkGray);
        height: 31px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: undefined;
        border: 1px dashed var(--color_lightGray2);
    }

.topMenu-sendMenuB-editDoc-select-3VFW6S div {
            cursor: pointer;
            width: 100%;
            border-right: undefined;
            border-right: 1px dashed var(--color_lightGray2);
        }

.topMenu-sendMenuB-editDoc-select-3VFW6S div:last-child {
                border: none
            }

.topMenu-sendMenuB-editDoc-selectTeam-2-gjcg {
        height: 31px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        line-height: 25px;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        border: undefined;
        border: 1px dashed var(--color_primary);
        color: undefined;
        color: var(--color_primary);
    }

.topMenu-sendMenu-note-2CRqYm > div {
    margin-bottom: -10px;
    margin-top: 20px;
}

.topMenu-sendMenu_messageBtn-mE1LY3 {
    display: inline-block;
    position: relative;
    margin-top: 10px;
}

.topMenu-sendMenu_messageBtn-mE1LY3 > div {
        bottom: 31px;
        left: 0;
        width: 200px;
        white-space: normal;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.topMenu-sendMenu_messageBtn-mE1LY3:hover > div {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .2s .5s;
        transition: all .2s .5s;
    }

.topMenu-button-active-2pmyB_ {
    background-color: undefined;
    background-color: var(--color_lightGray2);
    color: #fff;
}

.topMenu-helpBtn-2bbhBL {
    color: undefined;
    color: var(--color_primary);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    font-weight: bold;
    width: 21px;
    height: 21px;
    line-height: 20px;
    border-radius: 50%;
    border: undefined;
    border: solid 1px var(--color_primary);
    text-align: center;
    text-decoration: none;
}

.topMenu-sidebar-company-AIuKDl:not(:nth-child(2)) {
        margin-top: 50px;
    }

.topMenu-sidebar-company-AIuKDl a {
        font-size: undefined;
        font-size: var(--fontSize_standart);
        color: undefined;
        color: var(--color_primary);
        text-decoration: none;
        -webkit-transition: color .2s;
        transition: color .2s;
    }

.topMenu-sidebar-company-AIuKDl a:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.topMenu-expDocSpinner-2nrCXA {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    height: 20px;
    color: undefined;
    color: var(--color_gray);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translate(-20px, -0.5px);
            transform: translate(-20px, -0.5px);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.topMenu-expDocSpinner-2nrCXA > div {
        position: static;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 5px !important;
    }

.topMenu-expDocSpinner-2nrCXA > div img {
            height: 15px;
            width: 15px;
            margin: 0;
        }

.topMenu-btnFreeze-3C_Wab {
  margin: 12px 0 10px 0px;
  font-size: undefined;
  font-size: var(--fontSize_standart);  
  color: undefined;  
  color: var(--color_primary);
  cursor:pointer;
}

.topMenu-btnFreeze-3C_Wab.topMenu-nonFrost-2T5b2o {
     opacity: 0.3;
     cursor: default; 
  }

.topMenu-txtFreeze-357Z-F {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_gray);    
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/eventBanner/noticeBanner.css ***!
  \***********************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .noticeBanner-wrapper-1hVVLQ {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 20px 40px 20px 20px;
    border-radius: 6px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_alert);
            box-shadow: var(--shadow_alert);
    background-color: #ffffff;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    width: 300px;
    z-index: 25;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
    .noticeBanner-wrapper-1hVVLQ button {
        white-space: nowrap;
    }

.noticeBanner-event-name-WSn8iA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.noticeBanner-event-name-WSn8iA > img {
        height: 30px;
        width: 28px;
        margin-right: 20px;
        margin-top: 4px;
    }

.noticeBanner-event-name-WSn8iA .noticeBanner-text-3sJhJG {
        color: undefined;
        color: var(--color_black);
        font-size: undefined;
        font-size: var(--fontSize_tab);
    }

.noticeBanner-event-name-WSn8iA .noticeBanner-btnBlue-3VBLYx {
        color: undefined;
        color: var(--color_primary);
        cursor: pointer;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.noticeBanner-event-name-WSn8iA .noticeBanner-btnBlue-3VBLYx:hover {
            color: undefined;
            color: var(--color_primary_hover)
        }

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/scrollBar/scrollBar.css ***!
  \******************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.scrollBar-track-1JeU2s {
  width: 7px;
  right: 0;
  top: 0;
  height: 100%;
}

.scrollBar-thumb-29Hh3L {
  background-color: #cacaca;
  border-radius: 4px;
  cursor: pointer;
}

.scrollBar-invisible-2W9a1L {
  opacity: 0
}

.scrollBar-thumb-29Hh3L:hover {
  background-color: #bababa;
}

.scrollBar-overflowVisible-iq7BRK {
  overflow: visible;
}

.scrollBar-overflowVisible-iq7BRK::-webkit-scrollbar { 
  width: 0;  /* Убираем оригинальный скролл, если он вылезает */
  height: 0; 
  display: none; 
}

.scrollBar-disablethumb-LaClS4::-webkit-scrollbar {
  display: none;
  /* width: 0; */
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/progressAndTasks/progressAndTasks.css ***!
  \**************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}


:root {
  --sky: #157efb;
}


:root {
  --black: #212121;
}


:root {
  --color2: #acacac;
}


:root {
  --color: #606060;
}


:root {
  --bg: #fff;
}


:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}


:root {
  --errorColor: red;
}


:root {
  --fontFamily2: Tahoma, sans-serif;
}


:root {
  --fontFamily: ProximaNova, sans-serif;
}


.progressAndTasks-wrapper-2zN7PK {
  width: auto;
  height: 100%;
}


.progressAndTasks-mainfield-3sBMSR {
  position: relative;
  border-left: undefined;
  border-left: 1px solid var(--color_lightGray2);
  -webkit-box-shadow: 50px 0 70px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 50px 0 70px 0 rgba(0, 0, 0, 0.05);
  width: 801px;
  min-height: 100%;
  max-height: 100%;
  background-color: white;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


.progressAndTasks-tip-1c2x34 {
    display: inline-block;
    position: relative;
}


.progressAndTasks-tip-1c2x34 div {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity .2s, visibility .2s;
      transition: opacity .2s, visibility .2s;
    }


.progressAndTasks-tip-1c2x34:hover div {
      opacity:1;
      visibility: visible;
    }


.progressAndTasks-part-1KymY1 {
    padding: 40px;
    width: 400px;
}


.progressAndTasks-partCommon-25NT3o{
    padding: 0 43px 100px 0;
}


.progressAndTasks-bottomed-1gDSuz {
    padding-bottom: 117px;
}


.progressAndTasks-vertRule-3EA7zo {
    width: 1px;
    background-color: undefined;
    background-color: var(--color_lightGray2);
}


.progressAndTasks-title-2UJvEF {
  margin: 0 0 50px;
  font-size: undefined;
  font-size: var(--fontSize_h1);
  font-weight: 700;
  color: undefined;
  color: var(--color_black);
}


.progressAndTasks-neutral-3WbEce {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  color: undefined;
  color: var(--color_darkGray);
}


.progressAndTasks-radioField-3C6oLs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
   padding: 0 20px 50px 20px;
}


.progressAndTasks-h2-1SKXs7 {
  font-size: undefined;
  font-size: var(--fontSize_h2);
  font-weight: 700;
  color: undefined;
  color: var(--color_black);
  height: 40px;
  line-height: 40px;
}


.progressAndTasks-h3-iNnis- {
  font-size: undefined;
  font-size: var(--fontSize_h3);
  font-weight: 700;
  color: undefined;
  color: var(--color_black);
  margin-bottom: 9px;
}


.progressAndTasks-buttonField-1cqNJb {
  padding-bottom: 50px;
}


.progressAndTasks-versionField-86QynV {
    padding-bottom: 20px;
}


.progressAndTasks-arrow-2koIZ_ {
  position: relative;
    left: 10px;
    top: 4px;
    background: url('/images/down@3x.png');
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}


.progressAndTasks-arrow-2koIZ_.progressAndTasks-_expanded-32IRaq {
        background: url(/images/up@3x.png);
        background-size: cover;
    }


.progressAndTasks-close-button-2lIONi {
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 40px;
  right: 40px;
  border: none;
  border-radius: 50%;
  background: undefined;
  background: var(--color_lightGray2);
  cursor: pointer;
}


.progressAndTasks-close-button-2lIONi:hover {
    background: #ababab;
   }


.progressAndTasks-close-button-2lIONi::before {
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 15px;
  height: 2px;
  position: absolute;
  content: "";
  top: 16.2px;
  left: 9.5px;
  border: none;
  text-overflow: clip;
  background: #ffffff;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}


.progressAndTasks-close-button-2lIONi::after {
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 15px;
  height: 2px;
  position: absolute;
  content: "";
  top: 16.2px;
  left: 9.5px;
  border: none;
  text-overflow: clip;
  background: #ffffff;
  text-shadow: none;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}


.progressAndTasks-change-creator-qf9rPv {
  font-size: undefined;
  font-size: var(--fontSize_standart);
  letter-spacing: 0;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: undefined;
  color: var(--color_gray);
}


.progressAndTasks-change-creator-qf9rPv .progressAndTasks-time-calc-1C-KgA {
  font-weight: bold;
 }


.progressAndTasks-inspan-1GtEm7 {
      color: undefined;
      color: var(--color_primary);
      margin-right: 10px;
      cursor: pointer;
}


.progressAndTasks-mt-30-3ro4bF {
    margin-top: 30px;
}


.progressAndTasks-mt-15-2FA9V1 {
    margin-top: 15px;
}


.progressAndTasks-list-9knVNX {
  position: relative;
  left: -20px;
  height: 350px;
  width: calc(100% + 20px);
}


.progressAndTasks-actual-2dLc8o {
  position: relative;
  left: -20px;
  /* overflow-y: hidden; */
  width: calc(100% + 20px);
  margin-top: 40px;
}


.progressAndTasks-ml-20-1gAh-L{
  margin-left: 10px;
}


.progressAndTasks-btns-2cLv0w{
  display: none;
  width: 60px;
  text-align: right;
}


.progressAndTasks-icon-2qmYtd{
  height: 24px;
  width: auto;
  cursor: pointer;
}


.progressAndTasks-text-fpWmIC{
  width: calc(100% - 60px);
}


.progressAndTasks-version-1If4zc {
  padding: 12px 20px 12px 20px;
  border-radius: 4px;
  margin: 0 34px 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


.progressAndTasks-version-1If4zc.progressAndTasks-_opened-2vAMAb {
      background-color: #157efb;
      background-color: var(--sky);
      -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
      cursor: default;
    }


.progressAndTasks-version-1If4zc.progressAndTasks-_opened-2vAMAb .progressAndTasks-btns-2cLv0w{
        display: block;
      }


.progressAndTasks-version-1If4zc.progressAndTasks-_opened-2vAMAb .progressAndTasks-number-1r4jTl {
        color: #ffffff;
      }


.progressAndTasks-version-1If4zc.progressAndTasks-_opened-2vAMAb .progressAndTasks-creator-X8XrVw, .progressAndTasks-version-1If4zc.progressAndTasks-_opened-2vAMAb .progressAndTasks-date-2yCmT0 {
        color: #80b9fe;
      }


.progressAndTasks-version-1If4zc.progressAndTasks-_opened-2vAMAb:hover .progressAndTasks-number-1r4jTl {
        color: #ffffff;
      }


.progressAndTasks-number-1r4jTl {
  display: inline-block;
  font-size: undefined;
  font-size: var(--fontSize_h3);
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0;
  color: undefined;
  color: var(--color_black);
  padding-bottom: 2px;  
}


.progressAndTasks-version-1If4zc:hover .progressAndTasks-number-1r4jTl {
    color: undefined;
    color: var(--color_primary);
}


.progressAndTasks-creator-X8XrVw {
  display: block;
  font-size: 13px;
  color: #acacac;
  color: var(--color2);
}


.progressAndTasks-date-2yCmT0 {
  display: block;
  font-size: 13px;
  color: #acacac;
  color: var(--color2);
}


.progressAndTasks-date-2yCmT0 {
  padding-bottom: 3px;
}


.progressAndTasks-header-uHTU6t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


.progressAndTasks-headline-w0rRMo {
  margin: 40px 0 5px 0;
  font-size: 22px;
  letter-spacing: 0.6px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: undefined;
  color: var(--color_black);
  word-break: break-word;
}


.progressAndTasks-headline-w0rRMo.progressAndTasks-timing-182f3h {
     color: undefined;
     color: var(--color_darkGray);
   }


.progressAndTasks-showMore-2z7gEd {
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 13px;
    color: undefined;
    color: var(--color_black);
    font-weight: bold;
    display: none;
}


.progressAndTasks-showMore-2z7gEd.progressAndTasks-_visible-1f6w_- {
        display: block;
    }

/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/radio/radio.css ***!
  \**********************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
  :root {
  --sky: #157efb;
}
  :root {
  --black: #212121;
}
  :root {
  --color2: #acacac;
}
  :root {
  --color: #606060;
}
  :root {
  --bg: #fff;
}
  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
  :root {
  --errorColor: red;
}
  :root {
  --fontFamily2: Tahoma, sans-serif;
}
  :root {
  --fontFamily: ProximaNova, sans-serif;
}
  .radio-wrapper-14R0wW {
  position: static;
}
  .radio-wrapper-14R0wW label:not(:first-child):not(:last-child) {
    border-left: none;
    border-right: none;
  }
  .radio-wrapper-14R0wW label:first-child {
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_primary) 0 0 var(--btn_borderRadius_primary);

  }
  .radio-wrapper-14R0wW label:last-child {
    border-radius: undefined;
    border-radius: 0 var(--btn_borderRadius_primary) var(--btn_borderRadius_primary) 0;
  }
  .radio-wrapper-14R0wW input {
    display: none;
  }
  .radio-wrapper-14R0wW.radio-_s-1aKprl label:first-child {
      border-right: none;

    }
  .radio-wrapper-14R0wW.radio-_s-1aKprl label:last-child {
      border-left: none;
    }

.radio-blue-2n5GA_ {
  position: static;
}

.radio-blue-2n5GA_ .radio-label-WToVOD {
    color: undefined;
    color: var(--color_primary);
    border-color: undefined;
    border-color: var(--color_primary);
  }

.radio-blue-2n5GA_ .radio-label-WToVOD.radio-current-2OAkye {
      color: undefined;
      color: var(--color_white);
      background-color: undefined;
      background-color: var(--color_primary);
      border-color: undefined;
      border-color: var(--color_primary);
    }

.radio-label-WToVOD {
  height: 20px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  display: inline-block;
  padding: 3px 10px 1px;
  color: undefined;
  color: var(--color_darkGray);
  border: undefined;
  border: 1px solid var(--color_lightGray2);
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.radio-label-WToVOD.radio-current-2OAkye {
    color: undefined;
    color: var(--color_white);
    background-color: undefined;
    background-color: var(--color_gray);
    border-color: undefined;
    border-color: var(--color_gray);
  }

.radio-label-WToVOD:hover:not(.radio-current-2OAkye) {
    color: undefined;
    color: var(--color_primary_hover);
  }


/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/progressAndTasks/comment.css ***!
  \*****************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .comment-wrapper-15zHlH {
    margin-top: 20px;
}
    .comment-wrapper-15zHlH.comment-_invisible-1DS5Zq {
        display: none;
    }

.comment-comment-20mflA {
    padding: 15px 24px 15px 24px;
    border-radius: 8px;
    background-color: hsla(0,0%,87%,.15);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
}

.comment-comment-20mflA.comment-_isPublic-2QuuO9 {
      background-color: rgba(21,126,251,.05);
    }

.comment-comment-20mflA.comment-_isFreeze-3B4kNI{
      background-color: #E5EFFD;
    }

.comment-comment-20mflA.comment-_isNeutral-1A4jGx{
      background-color: white;
      padding: 0 0 0 24px;
    }

.comment-section-1AYDBC {
    padding-left: 20px;
    letter-spacing: 0;
    color: undefined;
    color: var(--color_darkGray);
    word-break: break-word;
}

.comment-logo-2cGTSw {
    min-width: 25px;
    max-width: 25px;
}

.comment-time-2R5lcc {
    margin-left: 5px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
}

.comment-cmTitle-oddDkk {
    margin-top: 5px;
    font-weight: bold;
}

.comment-article-3Kes7m {
    line-height: 1.36;
    margin-top: 5px;
}

.comment-article-3Kes7m del {
   text-decoration: line-through;
}

.comment-nav-WhWf8a {
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_primary);
  margin-right: 10px;
  cursor: pointer;
}

div.comment-nav-WhWf8a {
    color: undefined;
    color: var(--color_darkRed);
    margin-top: 5px;
    cursor: initial;
}

.comment-buttons-2wpXqJ {
    margin-top: 5px;
    padding-left: 69px;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/versionDownloadDropDown/versionDownloadDropDown.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
  :root {
  --sky: #157efb;
}
  :root {
  --black: #212121;
}
  :root {
  --color2: #acacac;
}
  :root {
  --color: #606060;
}
  :root {
  --bg: #fff;
}
  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
  :root {
  --errorColor: red;
}
  :root {
  --fontFamily2: Tahoma, sans-serif;
}
  :root {
  --fontFamily: ProximaNova, sans-serif;
}
  .versionDownloadDropDown-wrapper-2OquFO {
  display: inline;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
  top: 0;
  right: 0;
}
  .versionDownloadDropDown-wrapper-2OquFO.versionDownloadDropDown-_open-3AthvY{
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
  }
  .versionDownloadDropDown-wrapper-2OquFO.versionDownloadDropDown-_open-3AthvY .versionDownloadDropDown-drop-down-2GpDRL {
      top: 32px;
      right: -184px;
    }

.versionDownloadDropDown-button-1XcitB {
  padding: 10px 0;
  margin: 0 0 0 50px;
  border: none;
  background: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0;
  cursor: pointer;
}

.versionDownloadDropDown-button-1XcitB:hover > span {  
      background-color: undefined;  
      background-color: var(--color_primary_hover__dark);
    }

.versionDownloadDropDown-button-1XcitB > span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: undefined;
    background-color: var(--color_primary);
    display: inline-block;
  }

.versionDownloadDropDown-button-1XcitB > span:nth-child(2) {
      margin: 0 4px;
    }

.versionDownloadDropDown-drop-down-2GpDRL {
  position: absolute;
  top: 30px;
  right: -15px;
  width: 227px;
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  border-radius: 4px;
  border: solid 1px #f2f2f2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  background-color: var(--bg);
  z-index: 1;
}

.versionDownloadDropDown-drop-down-2GpDRL::before {
   content: '';
   position: absolute;
   top: -7px;
   left: 18px;
   width: 13px;
   height: 13px;
   -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
           box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--shadow);
           box-shadow: var(--shadow);
   background-color: #fff;
   background-color: var(--bg);
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
   border: solid 1px #f2f2f2;
   z-index: 0;
  }

.versionDownloadDropDown-drop-down-inner--uif7r {
  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;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  background-color: var(--bg);
  border-bottom: solid 1px rgba(222,222,222,.5);
}

.versionDownloadDropDown-drop-down-inner--uif7r:last-of-type{
    border-bottom: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

.versionDownloadDropDown-drop-down-inner--uif7r:first-of-type{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

.versionDownloadDropDown-drop-down-item-7uOnnn {
  padding: 15px 17px 16px 17px;
  color: undefined;
  color: var(--color_darkGray);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  font-weight: 400;
  border: 0;
  text-align: left;
  background-color: transparent;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-filter: grayscale(.75);
          filter: grayscale(.75);
}

.versionDownloadDropDown-drop-down-item-7uOnnn:hover {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); 
  }

.versionDownloadDropDown-drop-down-item-7uOnnn > svg {
      margin-right: 10px;
  }

.versionDownloadDropDown-drop-down-item-7uOnnn:not(:last-child) {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;
  }

.versionDownloadDropDown-icon-15jP6z{
  height: 24px;
  width: auto;
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -5px;
}

.versionDownloadDropDown-planar-1nTgoP {
  height: 15px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  letter-spacing: 0;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: undefined;
  color: var(--color_primary);
  margin-right: 10px;
  cursor: pointer;
}

.versionDownloadDropDown-spinner-1Ds9o1 {
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_gray);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.versionDownloadDropDown-spinner-1Ds9o1 > div {
    position: static;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }

.versionDownloadDropDown-spinner-1Ds9o1 > div img {
      height: 15px;
      width: 15px;
      margin: 0;
    }
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/DownloadingButton/DownloadingButton.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

    :root {
    --sky: #157efb;
}

    :root {
    --black: #212121;
}

    :root {
    --color2: #acacac;
}

    :root {
    --color: #606060;
}

    :root {
    --bg: #fff;
}

    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

    :root {
    --errorColor: red;
}

    :root {
    --fontFamily2: Tahoma, sans-serif;
}

    :root {
    --fontFamily: ProximaNova, sans-serif;
}

    .DownloadingButton-sidebar-export-container-2N6Bqg {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 2;
}

    .DownloadingButton-sidebar-export-container-2N6Bqg::before {
        position: absolute;
        left: -20px;
        top: 0px;
        content: url('/images/icons-12-download.svg');
    }

    .DownloadingButton-sidebar-export-container-2N6Bqg> .DownloadingButton-arrow-container-3gBiBa {
        margin-left: 10px;
        height: 12px;
        width: 20px;
        cursor: pointer;
    }

.DownloadingButton-sidebar-export-params-3J4F2w.DownloadingButton-info-1IDSxB {
        position: relative;
        color: undefined;
        color: var(--color_lightRed);
        font-size: undefined;
        font-size: var(--fontSize_standart);
        margin-left: 20px;
        margin-bottom: 12px;
    }

.DownloadingButton-sidebar-export-params-3J4F2w.DownloadingButton-info-1IDSxB::before {
            position: absolute;
            left: -20px;
            top: 0px;
            content: url('/images/icons-12-warning.svg');
        }

.DownloadingButton-absolute-export-menu-2VkqAK {
    position: absolute;
    width: 350px;
    z-index: 1;
    background: #fff;
    border-radius: 6px;
    padding: 70px 40px 40px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    top: -40px;
    left: -40px;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/accountComponent/accountComponent.css ***!
  \**************************************************************************************************************************************************************************************************************************/
:root{
  --darksky: #0368e0;
}
:root{
  --sky: #157efb;
}
:root{
  --black: #212121;
}
:root{
  --color2: #acacac;
}
:root{
  --color: #606060;
}
:root{
  --bg: #fff;
}
:root{
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root{
  --errorColor: red;
}
:root{
  --fontFamily2: Tahoma, sans-serif;
}
:root{
  --fontFamily: ProximaNova, sans-serif;
}
/* ---------------------------- */
.accountComponent-wrapper-1slwpC{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 6;
}
.accountComponent-sidebar-2P_B8K{
  position: absolute;
  right: 0;
  top: 0;
  width: 412px;
  height: auto;
  min-height: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
          box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
  padding: 40px 50px 40px 40px;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  z-index: 2;
  margin-right: -412px;
  -webkit-animation-name: accountComponent-marginsidebar-3HXbv9;
          animation-name: accountComponent-marginsidebar-3HXbv9;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;

}
.accountComponent-sidebar__header-3-SaSo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.accountComponent-sidebar__title-3pznaI{
    margin: 0;
    padding-bottom: 50px;
    font-size: undefined;
    font-size: var(--fontSize_h1);
    font-weight: bold;
    letter-spacing: 0;
    line-height: 40px;
    color: undefined;
    color: var(--color_black);
  }
@-webkit-keyframes accountComponent-marginsidebar-3HXbv9 {
  from {margin-right: -412px;}
  to {margin-right: 0px;}
}
@keyframes accountComponent-marginsidebar-3HXbv9 {
  from {margin-right: -412px;}
  to {margin-right: 0px;}
}
.accountComponent-sidebar__wp-20Af40{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.accountComponent-flex-2nNoVL{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.accountComponent-img-wrapper-24Ywxs{
    width: 90px;
    height: 90px;
    background-color: undefined;
    background-color: var(--color_primary);
    border-radius: 50%;
    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;
  }
.accountComponent-img-wrapper__text-2x2A5s{
      font-size: 22px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: 0.91;
      letter-spacing: 0.6px;
      color: #ffffff;
      text-transform: uppercase;
    }
.accountComponent-img-wrapper_isBg-75qPbn{
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
    }
.accountComponent-img-wrapper_isBg-75qPbn .accountComponent-img-wrapper__text-2x2A5s{
        display: none;
      }
.accountComponent-img-btn-3HcQmZ{
    font-size: undefined;
    font-size: var(--fontSize_standart);
    text-align: center;
    color: undefined;
    color: var(--color_primary);
    cursor: pointer;
    margin: 10px 0 40px 0;
    -webkit-transition: color .2s;
    transition: color .2s;
  }
.accountComponent-img-btn-3HcQmZ:hover {
      color: undefined;
      color: var(--color_primary_hover);
    }
.accountComponent-input-area-1XPNGR {
  position: relative;
  width: 100%;
  display: block;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.accountComponent-inp-name-puht2U {
  width: 155px;
}
.accountComponent-inp-name-puht2U:first-child {
    margin-right: 10px;
  }
.accountComponent-account-form-39Df0x{
    padding-top: 20px;
  }
.accountComponent-account-inp-2rXMGg{
    width: 100%;
    height: 39px;
    border: undefined;
    border: solid 1px var(--color_lightGray);
    padding: 10px;
    border-radius: 4px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
  }
.accountComponent-account-inp-2rXMGg::-webkit-input-placeholder{
      color: undefined;
      color: var(--color_gray);
      font-family: ProximaNova, sans-serif;
      font-family: var(--fontFamily);
    }
.accountComponent-account-inp-2rXMGg::-moz-placeholder{
      color: undefined;
      color: var(--color_gray);
      font-family: ProximaNova, sans-serif;
      font-family: var(--fontFamily);
    }
.accountComponent-account-inp-2rXMGg::-ms-input-placeholder{
      color: undefined;
      color: var(--color_gray);
      font-family: ProximaNova, sans-serif;
      font-family: var(--fontFamily);
    }
.accountComponent-account-inp-2rXMGg::placeholder{
      color: undefined;
      color: var(--color_gray);
      font-family: ProximaNova, sans-serif;
      font-family: var(--fontFamily);
    }
.accountComponent-account-fields-3JaJr-{
    margin: 50px 0;
  }
.accountComponent-account-fields-name-1H4QVH {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.accountComponent-form-text-2UZc1E{
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: normal;
    color: undefined;
    color: var(--color_darkGray);
    margin: 35px 0 25px;
  }
.accountComponent-form-btn-3sYzY2{
    width: 100%;
    height: 40px;
    border-radius: 6px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    background-color: undefined;
    background-color: var(--color_primary);
    color: #ffffff;
    border: none;
    font-weight: 300;
    margin: 35px auto 0;
    display: block;
    cursor: pointer;
    -webkit-transition: background-color,border-color 0.2s;
    transition: background-color,border-color 0.2s;
  }
.accountComponent-form-btn-3sYzY2:hover{
      background-color: undefined;
      background-color: var(--color_primary_hover__dark);
    }
.accountComponent-form-logout-3NLftf{
    background-color: white;
    color: undefined;
    color: var(--color_darkGray);
    border: undefined;
    border: solid 1px var(--color_lightGray2);
    font-weight: 300;
    margin: 16px auto 0;
  }
.accountComponent-form-logout-3NLftf:hover{
      background-color: #fcfcfc;
      border-color: undefined;
      border-color: var(--color_darkGray);
    }
.accountComponent-inp-file-f7HFn_{
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  display: none;
}
.accountComponent-inp-file__label-1duL-j{
    margin-left: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
  }
.accountComponent-inp-file__label-1duL-j:hover button {
      color: undefined;
      color: var(--color_primary_hover);
      border-color: undefined;
      border-color: var(--color_primary_hover);
    }
.accountComponent-inp-file__label-1duL-j button {
      z-index: -1 !important;
    }
.accountComponent-inp-file__text-2Nk78X{
    font-size: undefined;
    font-size: var(--fontSize_tip);
    line-height: 18px;
    letter-spacing: 0.01px;
    color: undefined;
    color: var(--color_gray);
    margin: 10px 0 0 45px;
  }
.accountComponent-text_isError-1knvMa{
  color: undefined;
  color: var(--color_lightRed);
}
.accountComponent-file-wrapper-1v2y1v{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding-top: 33px;
}
.accountComponent-error-message-1agIr6 {
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  color: undefined;
  color: var(--color_lightRed);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 19px;
  margin-top: 7px;
}
.accountComponent-email-message-3N8pu3 {
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  color: undefined;
  color: var(--color_lightRed);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 19px;
  padding-left: 9px;
}
.accountComponent-account-company-1QSN3z {
  margin: 50px 0;
  color: undefined;
  color: var(--color_darkGray);
}
.accountComponent-account-company-name-P2QDVU {
    margin-bottom: 20px;
  }
.accountComponent-account-company-link-5U3Th_ {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_primary);
    text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s;
  }
.accountComponent-account-company-link-5U3Th_:hover {
      color: undefined;
      color: var(--color_primary_hover);
    }
.accountComponent-account-company-manage-pCaBhh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.accountComponent-account-company-manage-pCaBhh button {
    white-space: nowrap;
  }
.accountComponent-account-company-manage-create-1K2nw_ {
    width: 150px;
    margin-right: 20px;
  }
.accountComponent-account-company-manage-create-plan-2P-eAD {

    }
.accountComponent-account-company-manage-join-gQuSvD {
    width: 150px;
  }
.accountComponent-account-company-manage-desc-30BTVE {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    padding: 10px 0;
  }
.accountComponent-account-paying-1va_jd {
  margin: 50px 0;
}
.accountComponent-account-paying-card-1Zhcut {
    padding: 40px;
    border-radius: 10px;
  }
.accountComponent-account-paying-card-title-3NVJAZ {
      font-size: undefined;
      font-size: var(--fontSize_h1);
      color: undefined;
      color: var(--color_black);
      padding-bottom: 20px;
    }
.accountComponent-account-paying-1va_jd .accountComponent-free-FAPoTs {
    background-color: undefined;
    background-color: var(--color_lightGray);
  }
.accountComponent-account-paying-1va_jd .accountComponent-basic-3U3qHo {
    background-color: #ffeedf;
  }
.accountComponent-account-paying-card-desc-wuuS2f {
  color: undefined;
  color: var(--color_darkGray);
  padding-bottom: 40px;
  font-size: undefined;
  font-size: var(--fontSize_tab);
}
.accountComponent-account-paying-card-desc-wuuS2f .accountComponent-red-CSeUiC {
    color: undefined;
    color: var(--color_darkRed);
  }
.accountComponent-account-paying-card-desc-wuuS2f .accountComponent-gray-3nzfna {
    color: undefined;
    color: var(--color_gray);
  }
.accountComponent-logoutBtn-row-3-b-xh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.accountComponent-logoutBtn-row-3-b-xh button {
    margin-right: 0 !important;
  }
.accountComponent-JC-popup-wrapper-kM90Lj {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 40px 0;
  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;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 5;
}
.accountComponent-JC-popup-card-262ZTw {
  position: relative;
  width: 400px;
  padding: 40px;
  border-radius: 20px;
  -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
          box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  color: undefined;
  color: var(--color_black);
}
.accountComponent-JC-popup-card-title-3H7zle {
    font-size: undefined;
    font-size: var(--fontSize_h2);
    font-weight: bold;
    padding-bottom: 40px;
  }
.accountComponent-JC-popup-card-text-xzVvDQ {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    padding-bottom: 20px;
  }
.accountComponent-JC-popup-card-inputArea-1FIZLD {
    margin-bottom: 20px;
  }
.accountComponent-JC-popup-card-inputArea-1FIZLD > input {
      width: 100%;
      font-size: undefined;
      font-size: var(--fontSize_tab);
      color: undefined;
      color: var(--color_darkGray);
      padding: 9px 14px;
      margin-bottom: 10px;
      border-radius: 4px;
      border: undefined;
      border: solid 1px var(--color_lightGray);
    }
.accountComponent-JC-popup-card-btnRow-1aV55b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
.accountComponent-timeBlock-2WmA4i {
  margin-bottom: 40px;
  height: 193px;
}
.accountComponent-timeBlock_12h-1vRuIN {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    margin-right: 40px;
  }
.accountComponent-timeBlock_12h-1vRuIN > div {
      padding: 3px 10px 2px;
      color: undefined;
      color: var(--color_darkGray);
      border-top: undefined;
      border-top: 1px solid var(--color_lightGray2);
      border-bottom: undefined;
      border-bottom: 1px solid var(--color_lightGray2);
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: pointer;
    }
.accountComponent-timeBlock_12h-1vRuIN > div.accountComponent-_MAC_correction-1jwsmP span {
        position: relative;
        top: 2px;
      }
.accountComponent-timeBlock_12h-1vRuIN > div.accountComponent-_sel-lZ7HsI {
        color: #fff;
        background-color: undefined;
        background-color: var(--color_gray);
        border-color: undefined;
        border-color: var(--color_gray);
        cursor: default;
      }
.accountComponent-timeBlock_12h-1vRuIN > div:first-child {
      border-left: undefined;
      border-left: 1px solid var(--color_lightGray2);
      border-radius: 5px 0 0 5px;
    }
.accountComponent-timeBlock_12h-1vRuIN > div:last-child {
      border-right: undefined;
      border-right: 1px solid var(--color_lightGray2);
      border-radius: 0 5px 5px 0;
    }
.accountComponent-timeBlock_formatBlock-1cFyvT {
    position: relative;
    top: -5px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
  }
.accountComponent-timeBlock_formatBlock_current-1V3xyQ {
      position: relative;
      z-index: 1;
      -webkit-transition: z-index 0s .2s;
      transition: z-index 0s .2s;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: 25px;
      cursor: pointer;
    }
.accountComponent-timeBlock_formatBlock_current-1V3xyQ > span {
        position: absolute;
        top: 10px;
        left: 5px;
        display: inline-block;        
      }
.accountComponent-timeBlock_formatBlock_current-1V3xyQ > div > div:first-child {
          color: undefined;
          color: var(--color_darkGray);
        }
.accountComponent-timeBlock_formatBlock_current-1V3xyQ > div > div:last-child {
          color: undefined;
          color: var(--color_gray);
        }
.accountComponent-timeBlock_formatBlock_popup-1NNFD5 {
      position: absolute;
      top: -20px;
      left: -20px;
      width: 181px;
      padding: 65px 20px 20px 45px;
      background-color: #fff;
      -webkit-box-shadow: undefined;
              box-shadow: undefined;
      -webkit-box-shadow: var(--shadow_menu);
              box-shadow: var(--shadow_menu);
      -webkit-transition: all .2s;
      transition: all .2s;
      opacity: 0;
      visibility: hidden;
      border-radius: 10px;
      z-index: 2;
    }
.accountComponent-timeBlock_formatBlock_popup-1NNFD5 > div {
        cursor: pointer;
      }
.accountComponent-timeBlock_formatBlock_popup-1NNFD5 > div > div:first-child {
          color: undefined;
          color: var(--color_darkGray);
        }
.accountComponent-timeBlock_formatBlock_popup-1NNFD5 > div > div:last-child {
          color: undefined;
          color: var(--color_gray);
        }
.accountComponent-timeBlock_formatBlock-1cFyvT.accountComponent-_open-24nTRt .accountComponent-timeBlock_formatBlock_current-1V3xyQ {
        -webkit-transition: z-index 0s 0s;
        transition: z-index 0s 0s;
        z-index: 3;
        font-weight: bold;        
      }
.accountComponent-timeBlock_formatBlock-1cFyvT.accountComponent-_open-24nTRt .accountComponent-timeBlock_formatBlock_popup-1NNFD5 {
        opacity: 1;
        visibility: visible;
      }
.accountComponent-timeBlock_timezone-zJlciV {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_standart);
  }
.accountComponent-timeBlock_timezone_current-17N4Ms {
      position: relative;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      z-index: 1;
      padding-left: 25px;
      cursor: pointer;
      -webkit-transition: z-index 0s .2s;
      transition: z-index 0s .2s;
    }
.accountComponent-timeBlock_timezone_current-17N4Ms .accountComponent-arrow-wmBJwf {
        position: absolute;
        top: 4px;
        left: 0px;
        display: inline-block;
      }
.accountComponent-timeBlock_timezone_popup-194hT- {
      position: absolute;
      top: -20px;
      left: -20px;
      width: 340px;
      height: 230px;
      padding: 50px 20px 20px 45px;
      background-color: #fff;
      -webkit-box-shadow: undefined;
              box-shadow: undefined;
      -webkit-box-shadow: var(--shadow_menu);
              box-shadow: var(--shadow_menu);
      -webkit-transition: all .2s;
      transition: all .2s;
      opacity: 0;
      visibility: hidden;
      border-radius: 10px;
      z-index: 2;
    }
.accountComponent-timeBlock_timezone_popup-194hT- > div {
        cursor: pointer;
      }
.accountComponent-timeBlock_timezone_popup-194hT- > div:not(:last-child) {
          margin-bottom: 20px;
        }
.accountComponent-timeBlock_timezone-zJlciV.accountComponent-_open-24nTRt .accountComponent-timeBlock_timezone_current-17N4Ms {
        -webkit-transition: z-index 0s 0s;
        transition: z-index 0s 0s;
        z-index: 3;
        font-weight: bold;
      }
.accountComponent-timeBlock_timezone-zJlciV.accountComponent-_open-24nTRt .accountComponent-timeBlock_timezone_popup-194hT- {
        opacity: 1;
        visibility: visible;
      }
.accountComponent-bold-2alaI0 {
  font-weight: bold;
}
.accountComponent-gray-3nzfna {
  color: undefined;
  color: var(--color_gray);
}
.accountComponent-grayPad-2xrTgy {
  color: undefined;
  color: var(--color_gray);
  margin-right: 3px;
}
.accountComponent-tzPad-3DKLvH {
  margin-bottom: 20px;
}
.accountComponent-_arrow-ossEm4 {
    position: absolute;
    top: 7px;
    left: 11px;
    display: inline-block;
}
.accountComponent-_arrow-ossEm4.accountComponent-_MAC_correction-1jwsmP {
        top: 5px;
    }
.accountComponent-_arrow-ossEm4::before {
        content: '';
        border-radius: 1px;
        position: absolute;
        background-color: undefined;
        background-color: var(--color_gray);
        top: calc(50% - 2px);
        right: 10px;
        width: 1px;
        height: 8px;
        -webkit-transform: rotate(-50deg);
                transform: rotate(-50deg);
    }
.accountComponent-_arrow-ossEm4::after {
        content: '';
        border-radius: 1px;
        position: absolute;
        background-color: undefined;
        background-color: var(--color_gray);
        top: calc(50% - 2px);
        right: 10px;
        width: 1px;
        height: 8px;
        -webkit-transform: rotate(-50deg);
                transform: rotate(-50deg);
    }
.accountComponent-_arrow-ossEm4::after {
        right: 4px;
        -webkit-transform: rotate(50deg);
                transform: rotate(50deg);
    }
.accountComponent-_open-24nTRt .accountComponent-_arrow-ossEm4::before, .accountComponent-_open-24nTRt .accountComponent-_arrow-ossEm4::after {
        -webkit-transform: rotate(50deg);
                transform: rotate(50deg);
        top: calc(50% - 2px);
    }
.accountComponent-_open-24nTRt .accountComponent-_arrow-ossEm4::after {
        -webkit-transform: rotate(-50deg);
                transform: rotate(-50deg);
    }

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/paymentComponent/paymentComponent.css ***!
  \**************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.paymentComponent-wrapper-1m81_8 {
    position: fixed;
    top: 0;
    left: 0;
    padding: 40px 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 15;
    background-color: rgba(255, 255, 255, 0.9);
    overflow: auto;
    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;
}

.paymentComponent-card-21d1jA {
    position: relative;
    color: undefined;
    color: var(--color_black);
    padding: 40px;
    width: 760px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 20px;
    background: white;
    -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
            box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
    margin: auto;
}

.paymentComponent-title-2IUu97 {
    font-size: undefined;
    font-size: var(--fontSize_h1);
    font-weight: bold;
    padding-bottom: 40px;
    line-height: 40px;
}

.paymentComponent-current-3CzWhD {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    padding-bottom: 20px;
}

.paymentComponent-current-3CzWhD span {
        font-weight: bold;
    }

.paymentComponent-desc-24093c {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    width: 240px;
    color: undefined;
    color: var(--color_gray);
}

.paymentComponent-red-2WjhHB {
    color: undefined;
    color: var(--color_darkRed);
}

.paymentComponent-gray-1wcO9F {
    color: undefined;
    color: var(--color_gray);
}

.paymentComponent-plan-basic-3j9o8W {
    width: 320px;
    border-radius: 10px;
    padding: 40px;
    color: undefined;
    color: var(--color_black);
    background-color: rgba(255, 238, 223, 0.51);
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.paymentComponent-plan-basic-desc-AuI7JG {
        font-size: undefined;
        font-size: var(--fontSize_tab);
        opacity: 0.6;
        padding-bottom: 40px;
    }

.paymentComponent-plan-basic-title-1Zr_BW {
        font-size: undefined;
        font-size: var(--fontSize_h2);
        font-weight: bold;
        padding-bottom: 10px;
    }

.paymentComponent-plan-basic-3j9o8W:hover, .paymentComponent-selected-bA392M {
    background-color: #ffeedf;
}

.paymentComponent-plan-basic-3j9o8W.paymentComponent-selected-bA392M {
    color: #fff;
    background-color: undefined;
    background-color: var(--color_orange);
}

.paymentComponent-price-5rhSdh {
    width: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

.paymentComponent-price-5rhSdh > div {
        height: 40px;
        padding-right: 5px;
    }

.paymentComponent-price-5rhSdh > div:nth-child(1) {
        font-size: 25px;
    }

.paymentComponent-price-5rhSdh > div:nth-child(2) {
        font-size: 50px;
        -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
    }

.paymentComponent-price-5rhSdh > div:nth-child(3) {
        width: 101px;
        font-size: undefined;
        font-size: var(--fontSize_h3);
        padding-right: 0;
    }

.paymentComponent-price2-1IHP58 {
    margin-left: 35px;
    width: 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    opacity: 0.6;
}

.paymentComponent-price2-1IHP58 > div {
        height: 30px;
    }

.paymentComponent-price2-1IHP58 > div:nth-child(1) {
        font-size: 13px;
        padding-right: 5px;
    }

.paymentComponent-price2-1IHP58 > div:nth-child(2) {
        font-size: 25px;
        padding-right: 7px;
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
    }

.paymentComponent-price2-1IHP58 > div:nth-child(3) {
        width: 76px;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        -webkit-transform: translateY(-4px);
                transform: translateY(-4px);
    }

.paymentComponent-plan-renew-1USCz0 {
    margin-top: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}

.paymentComponent-plan-renew-head-313NyT {
        font-size: undefined;
        font-size: var(--fontSize_h3);
        color: undefined;
        color: var(--color_gray);
        padding-bottom: 10px;
    }

.paymentComponent-plan-renew-months-3aLnsR {
        position: relative;
        width: 215px;
        padding-right: 80px;
        font-size: 25px;
    }

.paymentComponent-plan-renew-total-1qKjqK {
        width: 182px;
        max-width: 200px;
        padding-right: 80px;
    }

.paymentComponent-plan-renew-total-sum-1mnFHm {
            white-space: nowrap;
            -webkit-transform: translateY(-8px);
                    transform: translateY(-8px);
            font-size: 50px;
        }

.paymentComponent-plan-renew-total-sum-1mnFHm span {
                display: inline-block;
                -webkit-transform: translateY(-15px);
                        transform: translateY(-15px);
                font-size: 25px;
            }

.paymentComponent-plan-renew-checkBtn-2qcc5u {
        -ms-flex-item-align: center;
            align-self: center;
    }

.paymentComponent-plan-renew-checkBtn-2qcc5u button {
            height: 40px;
        }

.paymentComponent-plan-renew-checkBtn-2qcc5u .paymentComponent-paymentDesc-o2NKAW {
            display: inline-block;
            width: 115px;
            font-size: undefined;
            font-size: var(--fontSize_standart);
            padding-left: 20px;
            color: undefined;
            color: var(--color_gray);
            -webkit-transform: translateY(4px);
                    transform: translateY(4px);
        }

.paymentComponent-monthsUp-1sW4bD, .paymentComponent-monthsDown-2sOPpJ {
    cursor: pointer;
    position: absolute;
    right: 75px;
    top: 33px;
    width: 18px;
    height: 13px;
}

.paymentComponent-monthsUp-1sW4bD:before, .paymentComponent-monthsUp-1sW4bD:after, .paymentComponent-monthsDown-2sOPpJ:before, .paymentComponent-monthsDown-2sOPpJ:after {
        position: absolute;
        content: '';
        top: 0;
        left: 4px;
        width: 1px;
        height: 10px;
        background-color: #979797;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition: background-color .2s;
        transition: background-color .2s;
    }

.paymentComponent-monthsUp-1sW4bD:after, .paymentComponent-monthsDown-2sOPpJ:after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        left: 11px;
    }

.paymentComponent-monthsDown-2sOPpJ {
    top: 45px;
}

.paymentComponent-monthsDown-2sOPpJ:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }

.paymentComponent-monthsDown-2sOPpJ:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

.paymentComponent-monthsUp-1sW4bD:hover:before, .paymentComponent-monthsUp-1sW4bD:hover:after {
        background-color: #555555;
    }

.paymentComponent-monthsDown-2sOPpJ:hover:before, .paymentComponent-monthsDown-2sOPpJ:hover:after {
        background-color: #555555;
    }

.paymentComponent-calc-IN90FR {
    width:100%;
    height: 110px;
    margin: 32px auto 0 auto;
}

.paymentComponent-calc-IN90FR button {
        margin-top: 10px;
    }

.paymentComponent-calc-wrapper-2vQ1nS {
        position: relative;
        border-radius: 10px;
        background-color: #ffffff;
        //box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    }

.paymentComponent-calc-choicePlan-3oB60K {
        float:left;
    }

.paymentComponent-calc-choice-2jVfIq {
        font-size: undefined;
        font-size: var(--fontSize_h3);
    }

.paymentComponent-calc-plan-3293GG {
        font-size: 22px;
        letter-spacing: 0.6px;
        width: 420px;
    }

.paymentComponent-calc-stripe-2SdEF0 {
        font-size: undefined;
        font-size: var(--fontSize_tab);
        width: 161px;
        margin-left: 18px;
        color: undefined;
        color: var(--color_gray);
        float:left;
    }

.paymentComponent-calc-btn-2xo9Ff{
        width: 220px;
        height: 40px;
        border-radius: 6px;
        font-size: undefined;
        font-size: var(--fontSize_tab);
        background-color: undefined;
        background-color: var(--color_primary_hover);
        color: #ffffff;
        border: none;
        font-weight: 300;
        display: block;
        cursor: pointer;
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s;
        float:left;
    }

.paymentComponent-calc-btn-2xo9Ff:hover{
            background-color: undefined;
            background-color: var(--color_primary_hover__dark);
        }

.paymentComponent-calc-btn-2xo9Ff.paymentComponent-_decline-BKs0cX {
            margin-left: 40px;
            opacity: 0.8;
        }

.paymentComponent-calc-btn-2xo9Ff.paymentComponent-_disable-2GvvxS {
            opacity: 0.2;
            cursor: initial;
        }
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/promo/promo.css ***!
  \**********************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
  :root {
  --sky: #157efb;
}
  :root {
  --black: #212121;
}
  :root {
  --color2: #acacac;
}
  :root {
  --color: #606060;
}
  :root {
  --bg: #fff;
}
  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
  :root {
  --errorColor: red;
}
  :root {
  --fontFamily2: Tahoma, sans-serif;
}
  :root {
  --fontFamily: ProximaNova, sans-serif;
}
  .promo-title-3SNTCg {
  margin: 0 0 10px;
  //color: black;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  text-align: center;
  font-size: 40px;
  font-weight: 900;
}
  .promo-title-3SNTCg.promo-_big-uDWeXD {
      font-size: 60px;
      letter-spacing: 0.4px;
  }

.promo-slogan-3j6k5V {
  margin: 30px 0 69px 0;
  color: undefined;
  color: var(--color_black);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  opacity: 0.5;
  text-align: center;
  //letter-spacing: 0.6px;
  //width: 585px;
}

.promo-planWrapper-1QNg5q {
    display: inline-block;
    width: 350px;
    color: undefined;
    color: var(--color_black);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
}

.promo-planElement-z2O1Uc {   
    height: 320px;
    border-radius: 8px;
    background-color: rgba(21,126,251,0.05);
    padding: 35px;
    cursor: pointer;
}

.promo-planElement-z2O1Uc:hover{
      -webkit-box-shadow: 0 50px 100px 0 rgba(0,0,0,0.1);
              box-shadow: 0 50px 100px 0 rgba(0,0,0,0.1);      
    }

.promo-planElement-z2O1Uc.promo-_promo-3BdRcu{
        height: 390px;
        cursor: default;
    }

.promo-planElement-z2O1Uc.promo-_clicked-2ABVkG{
        background-color: undefined;
        background-color: var(--color_primary);
        color: white;
    }

.promo-planElement-z2O1Uc.promo-_last-dUMP29{
        background-color:rgba(222,222,222,0.15);
    }

.promo-planElement-z2O1Uc.promo-_first-1s3Gjc{
        background-color:rgba(254,246,239,1);
    }

.promo-promo-nav-W0qqAw {
    display: block;
    margin: 30px auto 46px auto;
    width: 250px;
}

.promo-price-container-gzEPLH {
    margin: 44px auto 30px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.promo-price-container-gzEPLH.promo-_isSmall-2wSCtt {
        margin: 0 0 0 60px;
        float: left;
        width: 200px;
    }

.promo-price-2HnT0Y {
    display: inline-block;
    font-size: 80px;    
    margin: 0;
    padding: 0;
    font-weight: 100;
    letter-spacing: -3px;
    line-height: 0.75;
}

.promo-price-2HnT0Y:before {
      content: "$";
      font-size: 26px;
      vertical-align: super;
      margin-right: 3px;
    }

.promo-price-2HnT0Y.promo-_isSmall-2wSCtt {
        font-size: 60px;
    }

.promo-priceRemark-1762YQ {
    width: 70px;
    font-size: undefined;
    font-size: var(--fontSize_18);
    display: inline-block;
    -ms-flex-item-align: center;
        align-self: center;
    margin-left: 8px;
}

.promo-bonusText-28PSHg {
    font-size: undefined;
    font-size: var(--fontSize_h2);
    width: 251px;
    opacity: 0.8;
    font-weight: 300;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}

.promo-radio-1sfE4v {
    width: 350px;
    height: 85px;
    display: none;
    background-color: #f3f8ff;
    border-radius: 0 0 8px 8px;
    margin: 0 -35px;
    color: undefined;
    color: var(--color_black);
    font-size: undefined;
    font-size: var(--fontSize_h3);
    //position: static;
    //top: 287px;
}

.promo-radio-1sfE4v.promo-_clicked-2ABVkG{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

.promo-radio-1sfE4v>div {
        margin: 9px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;        
    }

.promo-radioButton-1TKRaR {
    display: inline-block;
    width:18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18px;
            flex: 0 0 18px;   
    border: undefined;   
    border: solid 1px var(--color_primary);
    margin-right: 20px;
}

.promo-radioButton-1TKRaR.promo-_clicked-2ABVkG{
        border: undefined;
        border: solid 5px var(--color_primary);
    }

.promo-prophits-i6uf9Q {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    margin: 64px 0 0;
    padding: 0 0 0 0px;
    //list-style: outside;
}

.promo-prophits-i6uf9Q.promo-_promo-3BdRcu {
      margin: 30px 0 0;
    }

.promo-prophits-i6uf9Q>li {
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.promo-prophits-i6uf9Q>li:before {
            color: undefined;
            color: var(--color_primary);
            content: "\2022";
            -webkit-box-flex: 0;
                -ms-flex: 0 0 20px;
                    flex: 0 0 20px;
        }

.promo-prophitsRemark-1w3VRR {
    padding: 0 10px 0 10px;
    text-align: center;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    opacity:0.8;
}

.promo-prophitsRemark-1w3VRR:before {
       content: "*";
    }
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/paymentComponent/paymentComponent-OLD.css ***!
  \******************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.paymentComponent-OLD-component-2vgtVq {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow-y: auto;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 20;
    background-color: #ffffff;
  }

.paymentComponent-OLD-header-skut65{
  width: 100%;
  height: 86px;  
  padding: 25px 50px 25px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
}

.paymentComponent-OLD-wrapper-1TTd0n{
  width: 100%;
  height: 1000px;
  }

.paymentComponent-OLD-congrats-30UDnc {
      width: 100%;
      height: 100%;
      min-height: 100%;
      font-family: ProximaNova, sans-serif;
      font-family: var(--fontFamily);
      z-index: 2;
      background-color: rgba(250,250,255,0.96);
      padding-top: 360px;
  }

.paymentComponent-OLD-sidebar-2QGx_7{ 
      background-color: #ffffff;
  width: 100%;
  height: 100%;
  min-height: 100%;
  /* box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15); */
  /*padding: 25px 35px;*/
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  z-index: 2;

}

/*margin-right: -412px; */

.paymentComponent-OLD-sidebar__header-1xvoNb{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

.paymentComponent-OLD-sidebar__title-33rQ9p{
    margin: 0;
    height: 37px;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0;
    color: #212121;
    color: undefined;
    color: var(--color_black);
  }

.paymentComponent-OLD-account-close-button-zNT1k6{
  position: relative;
  top: 40px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 50%;
  background: #dedede;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.paymentComponent-OLD-account-close-button-zNT1k6:before{
    display: inline-block;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 15px;
    height: 2px;
    position: absolute;
    content: "";
    top: 16.2px;
    left: 9.5px;
    border: none;
    text-overflow: clip;
    background: #ffffff;
    -webkit-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
  }

.paymentComponent-OLD-account-close-button-zNT1k6:after{
    display: inline-block;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 15px;
    height: 2px;
    position: absolute;
    content: "";
    top: 16.2px;
    left: 9.5px;
    border: none;
    text-overflow: clip;
    background: #ffffff;
    text-shadow: none;
    -webkit-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
  }

.paymentComponent-OLD-account-close-button-zNT1k6:hover {
    background: #ababab;
  }

.paymentComponent-OLD-flex-3d3Gx1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.paymentComponent-OLD-input-area-185YNn {
  width: 100%;
  padding: 9px 15px;
  padding: 7.5px 15px;
  display: block;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #ececec;
  margin-bottom: 15px;
  /* font-weight: 300; */
  /* letter-spacing: 0px; */
}

.paymentComponent-OLD-form-text-2o9op_{
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: normal;
    color: #606060;
    margin: 35px 0 25px;
  }

.paymentComponent-OLD-form-btn-LJOgDU{
    width: 220px;
    height: 40px;
    border-radius: 6px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    background-color: #157efb;
    color: #ffffff;
    border: none;
    font-weight: 300;
    margin: 35px auto 0;
    display: block;
    cursor: pointer;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }

.paymentComponent-OLD-form-btn-LJOgDU:hover{
      background-color: #0368e0;
    }

.paymentComponent-OLD-text_isError-3T-9zG{
  color: red;
  color: var(--errorColor);
}

.paymentComponent-OLD-error-message-2O8udz {
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  color: red;
  color: var(--errorColor);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 19px;
}

.paymentComponent-OLD-plans-eUZmMt {
    margin: 0 auto 0 auto;
    width: 1120px;
    minwidth: 1120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.paymentComponent-OLD-controlButtons-3P42wu {
    
}

.paymentComponent-OLD-calc-25VtcH {
    width:1120px;
    height: 72px;
    margin: 32px auto 0 auto;
}

.paymentComponent-OLD-calc-wrapper-3obNim {        
        position: relative;
        left: -130px;
        padding-left: 140px;
        width: 1380px;
        height: 72px;
        border-radius: 10px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
                box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    }

.paymentComponent-OLD-calc-choicePlan-1JL1w8 {
        float:left;
    }

.paymentComponent-OLD-calc-choice-1gWcp5 {
        font-size: undefined;
        font-size: var(--fontSize_h3);
    }

.paymentComponent-OLD-calc-plan-26A9XI {
        font-size: 22px;
        letter-spacing: 0.6px;
        width: 420px;
    }

.paymentComponent-OLD-calc-stripe-1vfdmB {
        font-size: undefined;
        font-size: var(--fontSize_tab);
        width: 161px;
        margin-left: 18px;
        color: #acacac;
        float:left;
    }

.paymentComponent-OLD-calc-btn-9irywz{
        width: 220px;
        height: 40px;
        border-radius: 6px;
        font-size: undefined;
        font-size: var(--fontSize_tab);
        background-color: #157efb;
        color: #ffffff;
        border: none;
        font-weight: 300;
        //margin: 35px auto 0;
        display: block;
        cursor: pointer;
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s;
        float:left;
   }

.paymentComponent-OLD-calc-btn-9irywz:hover{
          background-color: #0368e0;
        }

.paymentComponent-OLD-calc-btn-9irywz.paymentComponent-OLD-_decline-1gMyoR {
            margin-left: 40px;
            opacity: 0.8;
        }

.paymentComponent-OLD-calc-btn-9irywz.paymentComponent-OLD-_disable-3NMSJN {
            opacity: 0.2;
            cursor: initial;
        }

.paymentComponent-OLD-checkout-1iiiR7 {
    float:left;
    width: 677px;
    height: 60px;
    margin-top: 0px;
}

.paymentComponent-OLD-errMessage-2IJC6v  {
    color: red;
    margin-left: 50px;
}

.paymentComponent-OLD-errMessage-2IJC6v > a {
      color: red;    
    }

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/TopMenuModes/displayVersion.css ***!
  \****************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}    
    :root {
    --sky: #157efb;
}    
    :root {
    --black: #212121;
}    
    :root {
    --color2: #acacac;
}    
    :root {
    --color: #606060;
}    
    :root {
    --bg: #fff;
}    
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}    
    :root {
    --errorColor: red;
}    
    :root {
    --fontFamily2: Tahoma, sans-serif;
}    
    :root {
    --fontFamily: ProximaNova, sans-serif;
}    
    .displayVersion-buttonBlock-3vBkwy {
    position: relative;
    padding-left: 40px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}    
    .displayVersion-buttonBlock-3vBkwy button {
        margin: 0;
    }

.displayVersion-versionBlock-J85Jl- {
    position: relative;
    width: 312px;
    height: 100%;
}

.displayVersion-versionBlock-J85Jl- .displayVersion-arrow-right-2_vB8t, .displayVersion-versionBlock-J85Jl- .displayVersion-arrow-left-2KqqqG {
        right: -11px;
    }

.displayVersion-versionBlock_open-2D16qa .displayVersion-versionButtons-MJIPfe {
            width: 537px;
        }

.displayVersion-versionBlock_open-2D16qa .displayVersion-versionButtons-MJIPfe::after {
                display: none;
            }

.displayVersion-versionBlock_open-2D16qa .displayVersion-versionButtons-grad-G7s-0b {
                right: -261px;
            }

.displayVersion-versionBlock_open-2D16qa .displayVersion-arrow-right-2_vB8t, .displayVersion-versionBlock_open-2D16qa .displayVersion-arrow-left-2KqqqG {
            right: -235px;
        }

.displayVersion-versionButtons-MJIPfe {
    position: relative;
    left: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    width: 312px;
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 3;
}

.displayVersion-versionButtons-grad-G7s-0b {
        position: absolute;
        top: 0;
        right: -36px;
        height: 50px;
        width: 35px;
        background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
        background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
        z-index: 3;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.displayVersion-versionButtons-MJIPfe > button:last-child {
        margin: 0 40px;
    }

.displayVersion-versionButtons-MJIPfe::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
    }

.displayVersion-version-button-1ocHMg {
    cursor: pointer;
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_primary);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 40px;
}

.displayVersion-version-button-1ocHMg:last-child {
        margin-right: 0;
    }

.displayVersion-bold-2kZ2cF {
    font-weight: bold;
    position: relative;
    /* top: -1px; */
}

.displayVersion-version-cont-2a-YtZ {
    margin-right: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_lightRed);
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.displayVersion-version-cont_time-Nq2ARh {
        position: absolute;
        top: 18px;
        left: 0;
        padding-top: 2px;
        background-color: white;
        font-size: undefined;
        font-size: var(--fontSize_tip);
        color: undefined;
        color: var(--color_lightGray2);
        z-index: 1;
    }

.displayVersion-version-cont-2a-YtZ.displayVersion-just-imported-2KT25v {
        margin-right: 40px;
    }

.displayVersion-version-cont-2a-YtZ.displayVersion-frozen-2M0j3e {
        color: undefined;
        color: var(--color_darkGray);
        margin-right: 80px;
    }

.displayVersion-try-popup-2y1WXl {
    position: absolute;
    top: -40px;
    left: -40px;
    width: 230px;
    padding: 40px;
    background-color: #fff;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 10px;
    z-index: 4;
}

.displayVersion-arrow-right-2_vB8t {
    cursor: pointer;
    width: 1px;
    height: 50px;
    position: absolute;
    background-color: undefined;
    background-color: var(--color_lightGray); 
    top: 0px;
    right: -12px;
    z-index: 4;
}

.displayVersion-arrow-left-2KqqqG {
    cursor: pointer;
    width: 1px;
    height: 50px;
    position: absolute;
    background-color: undefined;
    background-color: var(--color_lightGray); 
    top: 0px;
    right: -12px;
    z-index: 4;
}

.displayVersion-arrow-right-2_vB8t span, .displayVersion-arrow-left-2KqqqG span {
        width: 20px;
        height: 20px;
        position: absolute;
        background-color: #fff;    
        top: 15px;
        right: -10px;
        -webkit-transition: all .1s;
        transition: all .1s;
    }

.displayVersion-arrow-right-2_vB8t span::before, .displayVersion-arrow-right-2_vB8t span::after, .displayVersion-arrow-left-2KqqqG span::before, .displayVersion-arrow-left-2KqqqG span::after {
            content: '';
            border-radius: 1px;
            position: absolute;
            background-color: #979797;
            top: 3px;
            left: 9px;
            width: 1px;
            height: 8px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
        }

.displayVersion-arrow-right-2_vB8t span::after, .displayVersion-arrow-left-2KqqqG span::after {
            top: 8px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }

.displayVersion-arrow-left-2KqqqG span::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

.displayVersion-arrow-left-2KqqqG span::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }

.displayVersion-expDocSpinner-YEfKUc {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.displayVersion-expDocSpinner-YEfKUc > div {
        position: static;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 5px !important;
        -webkit-transform: translate(0px, 3px);
                transform: translate(0px, 3px);
    }

.displayVersion-expDocSpinner-YEfKUc > div img {
            height: 15px;
            width: 15px;
            margin: 0;
        }

.displayVersion-screen-2tAANB {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 3;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Changes/Changes.css ***!
  \*************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.Changes-screen-1fVYsf {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Changes-wrapper-c8bEF4 {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    white-space: nowrap;
    margin-right: 39px;
    padding-left: 40px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.Changes-wrapper-c8bEF4.Changes-_j-3T3oIn .Changes-popup-xzjF7N {
            top: -30px;
        }

.Changes-wrapper-c8bEF4.Changes-_open-3dfCht .Changes-desc-2NcZj4, .Changes-wrapper-c8bEF4.Changes-_open-3dfCht .Changes-changesJump-2SOhdz, .Changes-wrapper-c8bEF4.Changes-_open-3dfCht .Changes-changesUndo-26TyIN {
            z-index: 6;
            -webkit-transition-delay: 0s;
                    transition-delay: 0s;
        }

.Changes-changesJump-2SOhdz, .Changes-changesUndo-26TyIN {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
    margin-left: 16px;
    z-index: 2;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}

.Changes-changesJump-2SOhdz .Changes-undo-2t8SSf, .Changes-changesUndo-26TyIN .Changes-undo-2t8SSf {
        position: relative;
        display: inline-block;
        width: 24px;
        margin-left: 4px;
        cursor: pointer;
    }

.Changes-changesJump-2SOhdz .Changes-undo-2t8SSf img, .Changes-changesUndo-26TyIN .Changes-undo-2t8SSf img {
            height: 11px;
            top: -5px;
            position: relative;
        }

.Changes-changesJump-2SOhdz .Changes-undo-2t8SSf.Changes-_reverse-2H2k40, .Changes-changesUndo-26TyIN .Changes-undo-2t8SSf.Changes-_reverse-2H2k40 {
            margin: 0 8px 0 6px;
        }

.Changes-changesJump-2SOhdz .Changes-undo-2t8SSf.Changes-_disabled-23IY9j, .Changes-changesUndo-26TyIN .Changes-undo-2t8SSf.Changes-_disabled-23IY9j {
            cursor: default;
        }

.Changes-changesJump-2SOhdz .Changes-undo-2t8SSf.Changes-_reverse-2H2k40 img, .Changes-changesUndo-26TyIN .Changes-undo-2t8SSf.Changes-_reverse-2H2k40 img {
            -webkit-transform: rotateY(180deg);
                    transform: rotateY(180deg);
        }

.Changes-changesJump-2SOhdz .Changes-undo-2t8SSf.Changes-_disabled-23IY9j img, .Changes-changesUndo-26TyIN .Changes-undo-2t8SSf.Changes-_disabled-23IY9j img {
            opacity: 0.3;
        }

.Changes-changesJump-2SOhdz .Changes-undo-2t8SSf > div, .Changes-changesUndo-26TyIN .Changes-undo-2t8SSf > div {
            top: 32px;
            left: -13px;
            visibility: hidden;
            opacity: 0;
        }

.Changes-changesJump-2SOhdz .Changes-undo-2t8SSf:hover > div, .Changes-changesUndo-26TyIN .Changes-undo-2t8SSf:hover > div {
            visibility: visible;
            opacity: 1;
            -webkit-transition: opacity .2s .5s, visibility .2s .5s;
            transition: opacity .2s .5s, visibility .2s .5s;
        }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--, .Changes-changesJump-2SOhdz .Changes-right-1kC00g, .Changes-changesUndo-26TyIN .Changes-left-3eE0--, .Changes-changesUndo-26TyIN .Changes-right-1kC00g {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 20px;
        cursor: pointer;
    }

.Changes-changesJump-2SOhdz .Changes-left-3eE0-- > div, .Changes-changesJump-2SOhdz .Changes-right-1kC00g > div, .Changes-changesUndo-26TyIN .Changes-left-3eE0-- > div, .Changes-changesUndo-26TyIN .Changes-right-1kC00g > div {
            top: 32px;
            left: -13px;
            visibility: hidden;
            opacity: 0;
        }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--:hover > div, .Changes-changesJump-2SOhdz .Changes-right-1kC00g:hover > div, .Changes-changesUndo-26TyIN .Changes-left-3eE0--:hover > div, .Changes-changesUndo-26TyIN .Changes-right-1kC00g:hover > div {
            visibility: visible;
            opacity: 1;
            -webkit-transition: opacity .2s .5s, visibility .2s .5s;
            transition: opacity .2s .5s, visibility .2s .5s;
        }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--::before {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_primary);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--::after {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_primary);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }

.Changes-changesJump-2SOhdz .Changes-right-1kC00g::before {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_primary);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }

.Changes-changesJump-2SOhdz .Changes-right-1kC00g::after {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_primary);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }

.Changes-changesUndo-26TyIN .Changes-left-3eE0--::before {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_primary);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }

.Changes-changesUndo-26TyIN .Changes-left-3eE0--::after {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_primary);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }

.Changes-changesUndo-26TyIN .Changes-right-1kC00g::before {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_primary);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }

.Changes-changesUndo-26TyIN .Changes-right-1kC00g::after {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_primary);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--::after, .Changes-changesJump-2SOhdz .Changes-right-1kC00g::after, .Changes-changesUndo-26TyIN .Changes-left-3eE0--::after, .Changes-changesUndo-26TyIN .Changes-right-1kC00g::after {
            top: 7px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--.Changes-_disabled-23IY9j, .Changes-changesJump-2SOhdz .Changes-right-1kC00g.Changes-_disabled-23IY9j, .Changes-changesUndo-26TyIN .Changes-left-3eE0--.Changes-_disabled-23IY9j, .Changes-changesUndo-26TyIN .Changes-right-1kC00g.Changes-_disabled-23IY9j {
            cursor: default;
        }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--.Changes-_disabled-23IY9j::before {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--.Changes-_disabled-23IY9j::after {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }

.Changes-changesJump-2SOhdz .Changes-right-1kC00g.Changes-_disabled-23IY9j::before {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }

.Changes-changesJump-2SOhdz .Changes-right-1kC00g.Changes-_disabled-23IY9j::after {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }

.Changes-changesUndo-26TyIN .Changes-left-3eE0--.Changes-_disabled-23IY9j::before {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }

.Changes-changesUndo-26TyIN .Changes-left-3eE0--.Changes-_disabled-23IY9j::after {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }

.Changes-changesUndo-26TyIN .Changes-right-1kC00g.Changes-_disabled-23IY9j::before {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }

.Changes-changesUndo-26TyIN .Changes-right-1kC00g.Changes-_disabled-23IY9j::after {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--:not(.Changes-_disabled-23IY9j):hover::before {
            background-color: undefined;
            background-color: var(--color_primary_hover);
        }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--:not(.Changes-_disabled-23IY9j):hover::after {
            background-color: undefined;
            background-color: var(--color_primary_hover);
        }

.Changes-changesJump-2SOhdz .Changes-right-1kC00g:not(.Changes-_disabled-23IY9j):hover::before {
            background-color: undefined;
            background-color: var(--color_primary_hover);
        }

.Changes-changesJump-2SOhdz .Changes-right-1kC00g:not(.Changes-_disabled-23IY9j):hover::after {
            background-color: undefined;
            background-color: var(--color_primary_hover);
        }

.Changes-changesUndo-26TyIN .Changes-left-3eE0--:not(.Changes-_disabled-23IY9j):hover::before {
            background-color: undefined;
            background-color: var(--color_primary_hover);
        }

.Changes-changesUndo-26TyIN .Changes-left-3eE0--:not(.Changes-_disabled-23IY9j):hover::after {
            background-color: undefined;
            background-color: var(--color_primary_hover);
        }

.Changes-changesUndo-26TyIN .Changes-right-1kC00g:not(.Changes-_disabled-23IY9j):hover::before {
            background-color: undefined;
            background-color: var(--color_primary_hover);
        }

.Changes-changesUndo-26TyIN .Changes-right-1kC00g:not(.Changes-_disabled-23IY9j):hover::after {
            background-color: undefined;
            background-color: var(--color_primary_hover);
        }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--, .Changes-changesUndo-26TyIN .Changes-left-3eE0-- {
        margin-right: 16px;
    }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--::before, .Changes-changesUndo-26TyIN .Changes-left-3eE0--::before {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }

.Changes-changesJump-2SOhdz .Changes-left-3eE0--::after, .Changes-changesUndo-26TyIN .Changes-left-3eE0--::after {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
        }

.Changes-desc-2NcZj4 {
    position: relative;
    white-space: nowrap;
    padding-top: 2px;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_gray);
    z-index: 2;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}

.Changes-subTitle-F5oxdx {
    color: undefined;
    color: var(--color_gray);
    margin-bottom: 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.Changes-under-popup-2dIosE.Changes-_vis-1B-kHy {
    position:relative;
    z-index:21;
}

.Changes-popup-xzjF7N {
    position: absolute;
    top: -38px;
    left: 0;
    width: 400px;
    padding: 115px 40px 40px 40px;
    background-color: undefined;
    background-color: var(--color_white);
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    z-index: 19;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility .2s, opacity .2s;
    transition: visibility .2s, opacity .2s;
}

.Changes-popup-xzjF7N.Changes-_vis-1B-kHy {
        opacity: 1;
        visibility: visible;
    }

.Changes-changes-2kUZI4 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
}

.Changes-changes-toggles-2_UFqv {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        height: 56px;
        -ms-flex-line-pack: justify;
            align-content: space-between;
    }

.Changes-changes-toggles-2_UFqv > button:nth-child(3) {
            margin-right: 0;
        }

.Changes-changes-btn-2bviF7 {
        line-height: 14px !important;
        padding: 0;
        border: none;
        background: transparent;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        color: undefined;
        color: var(--color_primary);
        cursor: pointer;
        text-align: left;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        white-space: nowrap;
        -webkit-transition: color .2s;
        transition: color .2s;
        margin-right: 40px;
    }

.Changes-changes-btn-2bviF7.Changes-_selected-3FjNwQ {
            color: undefined;
            color: var(--color_gray);
            cursor: default;
        }

.Changes-changes-btn-2bviF7.Changes-_disabled-23IY9j {
            color: rgba(21, 126, 251, 0.3);
            cursor: default;
        }

.Changes-changes-btn-2bviF7.Changes-_bold-zjudR4 {
            font-weight: bold;
        }

.Changes-changes-btn-2bviF7:hover:not(.Changes-_selected-3FjNwQ):not(.Changes-_disabled-23IY9j) {
            color: undefined;
            color: var(--color_primary_hover);
        }

.Changes-changes-onlyNew-4yCDIK {
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 93px;
        white-space: normal;
        padding-right: 20px;
        margin-right: 40px;
        -webkit-transform: translateY(-32px);
                transform: translateY(-32px);
    }

.Changes-changes-onlyNew-4yCDIK > button {
            -webkit-transition: opacity .2s, border .2s, color .2s, background-color .2s;
            transition: opacity .2s, border .2s, color .2s, background-color .2s;
        }

.Changes-changes-onlyNew-4yCDIK .Changes-counter-1wLtqm {
            display: inline-block;
            position: absolute;
            top: -2px;
            right: -12px;
            background-color: undefined;
            background-color: var(--color_lightRed);
            font-size: undefined;
            font-size: var(--fontSize_tip);
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-weight: bold;
            text-align: center;
            color: undefined;
            color: var(--color_white);
            border-radius: 50%;
            -webkit-transition: opacity .2s;
            transition: opacity .2s;
        }

.Changes-changes-2kUZI4 .Changes-changes-2versionDesc-1369u_ {
        font-size: undefined;
        font-size: var(--fontSize_tip);
        color: undefined;
        color: var(--color_gray);
        margin-top: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.Changes-changes-2kUZI4.Changes-_dis-3zLdKA .Changes-changes-btn-2bviF7, .Changes-changes-2kUZI4.Changes-_dis-3zLdKA {
        color: rgba(21, 126, 251, 0.3);
        cursor: default;
    }

.Changes-changes-2kUZI4.Changes-_dis-3zLdKA .Changes-changes-btn-2bviF7:hover, .Changes-changes-2kUZI4.Changes-_dis-3zLdKA:hover {
            -webkit-transition-delay: 999999999s;
                    transition-delay: 999999999s;
        }

.Changes-changes-2kUZI4.Changes-_dis-3zLdKA .Changes-changes-2versionDesc-1369u_, .Changes-changes-2kUZI4.Changes-_dis-3zLdKA .Changes-subTitle-F5oxdx, .Changes-changes-2kUZI4.Changes-_dis-3zLdKA .Changes-changes-onlyNew-4yCDIK button, .Changes-changes-2kUZI4.Changes-_dis-3zLdKA .Changes-changes-onlyNew-4yCDIK .Changes-counter-1wLtqm {
            opacity: 0.3;
            cursor: default;
        }

.Changes-changes-2kUZI4.Changes-_dis-3zLdKA .Changes-changes-2versionDesc-1369u_:hover, .Changes-changes-2kUZI4.Changes-_dis-3zLdKA .Changes-subTitle-F5oxdx:hover, .Changes-changes-2kUZI4.Changes-_dis-3zLdKA .Changes-changes-onlyNew-4yCDIK button:hover, .Changes-changes-2kUZI4.Changes-_dis-3zLdKA .Changes-changes-onlyNew-4yCDIK .Changes-counter-1wLtqm:hover {
                -webkit-transition-delay: 999999999s;
                        transition-delay: 999999999s;
            }

.Changes-showParagraphs-2SmOb1, .Changes-comments-3AU-KG {
    margin-bottom: 40px;
}

.Changes-showText-3oE_WR {

}




/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Approvals/Approvals.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.Approvals-screen-25VWvC {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Approvals-wrapper-39QjwR {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    white-space: nowrap;
    margin-right: 37px;
}

.Approvals-wrapper-39QjwR.Approvals-_open-xoPZnZ .Approvals-approveBtn-hrtoqt {
            z-index: 6;
            -webkit-transition-delay: 0s;
                    transition-delay: 0s;
        }

.Approvals-wrapper-39QjwR.Approvals-_dispVer-ehh0lq {
        margin-right: 0;
    }

.Approvals-approveBtn-hrtoqt {
    position: relative;
    z-index: 1;
    -webkit-transition: z-index 0s .2s;
    transition: z-index 0s .2s;
}

.Approvals-approveBtn-hrtoqt .Approvals-arrowBtn-2381vT {
        position: relative;
        top: -5px;
        cursor: pointer;
        display: inline-block;
        width: 20px;
        margin-left: 5px;
    }

.Approvals-approveBtn-hrtoqt .Approvals-arrowBtn-2381vT > button {
            -webkit-transform: translate(-7px, -5px);
                    transform: translate(-7px, -5px);
        }

.Approvals-popup-2FOhct {
    position: absolute;
    top: -40px;
    left: -40px;
    width: 400px;
    padding: 100px 2px 40px 40px;
    background-color: undefined;
    background-color: var(--color_white);
    border-radius: 6px;
    z-index: 5;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility .2s, opacity .2s;
    transition: visibility .2s, opacity .2s;
}

.Approvals-popup-2FOhct.Approvals-_vis-3KUq6O {
        opacity: 1;
        visibility: visible;
    }

.Approvals-scrollBlock-3GOnuh {
    padding-right: 38px;
    overflow-y: hidden;
    scrollbar-color: #cacaca transparent;
    scrollbar-width: thin;
}

.Approvals-scrollBlock-3GOnuh:hover {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

.Approvals-scrollBlock-3GOnuh::-webkit-scrollbar {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        width: 3px;
    }

.Approvals-scrollBlock-3GOnuh::-webkit-scrollbar-thumb {
        margin-right: 2px;
        border-radius: 2px;
        background-color: #cacaca;
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
                box-shadow: 0 0 1px rgba(255,255,255,0.5);
    }

.Approvals-approversList-2foPfW {

}

.Approvals-tip-2qacQy {
    position: absolute;
    top: 0;
    left: 35px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .0s, visibility .0s;
    transition: opacity .0s, visibility .0s;
    z-index: 7;
}

.Approvals-tip-2qacQy.Approvals-_vis-3KUq6O {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .2s .5s, visibility .2s .5s;
        transition: opacity .2s .5s, visibility .2s .5s;
    }

/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/comment/Comment.css ***!
  \**************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .Comment-deleted-2-0LHJ {
    color: undefined;
    color: var(--color_gray);
    font-size: undefined;
    font-size: var(--fontSize_tip);
}
    .Comment-resolved-2qotgW {
    color: undefined;
    color: var(--color_gray);
    font-size: undefined;
    font-size: var(--fontSize_tip);
}
    .Comment-deleted-2-0LHJ:not(:last-child), .Comment-resolved-2qotgW:not(:last-child) {
        margin-bottom: 15px;
    }
    .Comment-deleted-2-0LHJ.Comment-resolved-2qotgW:last-child, .Comment-resolved-2qotgW.Comment-resolved-2qotgW:last-child {
        margin-top: -10px;
    }
    .Comment-deleted-2-0LHJ.Comment-deleted-2-0LHJ:last-child, .Comment-resolved-2qotgW.Comment-deleted-2-0LHJ:last-child {
        margin-top: -4px;
    }
.Comment-ml40-3Fz8ei {
    margin-left: 40px;
}
.Comment-wrapper-2MKvhU {
    position: relative;
    width: 320px;
    padding: 20px;
    border-radius: 8px;
    background-color: #f9f9f9;
    margin-bottom: 20px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}
.Comment-wrapper-2MKvhU.Comment-ext-3YAKSn {
        background-color: #f3f8ff;
    }
.Comment-wrapper-2MKvhU.Comment-freshExt-1bHHCM {
        background-color: #E5EFFD;
    }
.Comment-wrapper-2MKvhU.Comment-freshExt-1bHHCM .Comment-repliesList-1vzgGo > div:last-child {
            padding-bottom: 0;
        }
.Comment-wrapper-2MKvhU.Comment-private-_I0J_C {
        background-color: white;
        border: undefined;
        border: 1px solid var(--color_lightGray);
    }
.Comment-wrapper-2MKvhU.Comment-clps_hov-2iuIYs {
        -webkit-transition: margin-top .2s .5s !important;
        transition: margin-top .2s .5s !important;
    }
.Comment-wrapper-2MKvhU.Comment-clps-1Rr8Wb:not(.Comment-unclps-1y9C2F) {
        position: relative;
        max-height: 130px;
        overflow: hidden;
        text-overflow: fade;
        -webkit-box-shadow: undefined;
                box-shadow: undefined;
        -webkit-box-shadow: var(--shadow_menu);
                box-shadow: var(--shadow_menu);
    }
.Comment-wrapper-2MKvhU.Comment-clps-1Rr8Wb:not(.Comment-unclps-1y9C2F).Comment-side-un-Aft, .Comment-wrapper-2MKvhU.Comment-clps-1Rr8Wb:not(.Comment-unclps-1y9C2F) > div:first-child, .Comment-wrapper-2MKvhU.Comment-clps-1Rr8Wb:not(.Comment-unclps-1y9C2F) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) button, .Comment-wrapper-2MKvhU.Comment-clps-1Rr8Wb:not(.Comment-unclps-1y9C2F) .Comment-pinImg-3M-lSr, .Comment-wrapper-2MKvhU.Comment-clps-1Rr8Wb:not(.Comment-unclps-1y9C2F) .Comment-popup_wrapper-1vmC1T {
            display: none;
        }
.Comment-wrapper-2MKvhU.Comment-clps-1Rr8Wb:not(.Comment-unclps-1y9C2F) .Comment-title-2FaGgj {
            margin-top: -5px;
        }
.Comment-wrapper-2MKvhU.Comment-clps-1Rr8Wb:not(.Comment-unclps-1y9C2F)::after {
            content: "";
            display: block;
            width: 100%;
            height: 40px;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: rgba(255, 255, 255, 0);
            background-image: linear-gradient(to top, #f9f9f9 17px, rgba(249, 249, 249, 0));
            -webkit-transition: opacity .1s;
            transition: opacity .1s;
        }
.Comment-wrapper-2MKvhU.Comment-clps-1Rr8Wb:not(.Comment-unclps-1y9C2F).Comment-ext-3YAKSn::after {
            background-image: linear-gradient(to top, #f3f8ff 17px, rgba(249, 249, 249, 0))
        }
.Comment-wrapper-2MKvhU.Comment-clps-1Rr8Wb:not(.Comment-unclps-1y9C2F).Comment-freshExt-1bHHCM::after {
            background-image: linear-gradient(to top, #E5EFFD 17px, rgba(249, 249, 249, 0))
        }
.Comment-wrapper-2MKvhU.Comment-unclps-1y9C2F {
        margin-top: 0 !important;
        max-height: none !important;
        -webkit-transition: all .2s !important;
        transition: all .2s !important;
    }
.Comment-wrapper-2MKvhU.Comment-unclps-1y9C2F + div {
            margin-top: 0 !important;
            -webkit-transition: all .2s !important;
            transition: all .2s !important;
        }
.Comment-wrapper-2MKvhU:hover .Comment-popup_showBtn-1tIT_w {
            opacity: 1;
            visibility: visible;
        }
.Comment-wrapper-2MKvhU:hover .Comment-hideBtn-c2O9Q_ {
            opacity: 1;
            visibility: visible;
        }
.Comment-wrapper-2MKvhU:hover .Comment-pinImg-3M-lSr {
            opacity: 1;
            visibility: visible;
        }
.Comment-side-un-Aft {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_gray);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 15px;
    background: url(/images/icon-lock.svg) no-repeat 0 1px / 6px 8px;
    margin-bottom: 20px;
}
.Comment-side-un-Aft.Comment-ext-3YAKSn {
        padding-left: 0;
        background: none;
    }
.Comment-side-un-Aft:hover .Comment-side-tip-3Buh5k > div {
            -webkit-transition: opacity .2s .5s, visibility .2s .5s;
            transition: opacity .2s .5s, visibility .2s .5s;
            opacity: 1;
            visibility: visible;
        }
.Comment-side-tip-3Buh5k > div {
    top: auto;
    bottom: 25px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
}
.Comment-sideToggles-wrapper-2Ai4sP {
    position: relative;
    margin-top: 10px;
    margin-left: 52px;
}
.Comment-sideToggles-wrapper-2Ai4sP.Comment-_open-1uecYT .Comment-sideToggles-popupBtn_arrow-3u8k1I {
            z-index: 6;
            -webkit-transition: z-index .0s .0s;
            transition: z-index .0s .0s;
        }
.Comment-sideToggles-popupBtn-H_grxw {
    color: undefined;
    color: var(--color_gray);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
}
.Comment-sideToggles-popupBtn_arrow-3u8k1I {
        position: relative;
        display: inline-block;
        z-index: 1;
        -webkit-transition: z-index .0s .2s;
        transition: z-index .0s .2s;
    }
.Comment-sideToggles-popupBtn_arrow-3u8k1I > button {
            -webkit-transform: translate(-7px, -6px);
                    transform: translate(-7px, -6px);
        }
.Comment-sideToggle-popup-yPFenE {
    position: absolute;
    top: -20px;
    left: -16px;
    border-radius: 10px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    padding: 20px 66px 20px 40px;
    background-color: #ffffff;
    opacity: 0;
    z-index: 5;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.Comment-sideToggle-popup_toggles-1ZY94Q {
        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;
        margin-bottom: 5px;
        z-index: 2;
    }
.Comment-sideToggle-popup_btn-3snUqp {
        position: relative;
        margin-bottom: 20px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        cursor: pointer;
    }
.Comment-sideToggle-popup_btn-3snUqp.Comment-_sel-29SfQJ {
            font-weight: bold;
            -webkit-transform: translateY(2px);
                    transform: translateY(2px);
            -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                    order: -1;
        }
.Comment-sideToggle-popup_btn-3snUqp.Comment-int-2hSjY9 {
            color: undefined;
            color: var(--color_gray);
        }
.Comment-sideToggle-popup_btn-3snUqp.Comment-ext-3YAKSn {
            color: undefined;
            color: var(--color_darkRed);
        }
.Comment-sideToggle-popup_btn-3snUqp:hover .Comment-sideToggle-popup_btn_tip-lnH_7P > div {
                opacity: 1;
                visibility: visible;
                -webkit-transition: opacity .2s .5s, visibility .2s .5s;
                transition: opacity .2s .5s, visibility .2s .5s;
        }
.Comment-sideToggle-popup_btn_tip-lnH_7P > div {
            top: auto;
            bottom: 25px;
            font-weight: normal;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: opacity .2s, visibility .2s;
            transition: opacity .2s, visibility .2s;
        }
.Comment-sideToggle-popup-yPFenE.Comment-_vis-2ur7-9 {
        opacity: 1;
        visibility: visible;
    }
.Comment-title-2FaGgj {
    display: block;
    margin: -15px 0 15px;
    font-weight: bold;
    width: 100%;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    cursor: text;
    border: none;
    background-color: transparent;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
}
.Comment-title-2FaGgj::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_gray);
        font-weight: normal;
    }
.Comment-title-2FaGgj::-moz-placeholder {
        color: undefined;
        color: var(--color_gray);
        font-weight: normal;
    }
.Comment-title-2FaGgj::-ms-input-placeholder {
        color: undefined;
        color: var(--color_gray);
        font-weight: normal;
    }
.Comment-title-2FaGgj::placeholder {
        color: undefined;
        color: var(--color_gray);
        font-weight: normal;
    }
.Comment-tipElement-3lUCqA:not(:last-child) {
    margin-bottom: 10px;
}
.Comment-repliesList-1vzgGo > div {
        padding-top: 15px;
        padding-left: 49px;
    }
.Comment-popup_wrapper-1vmC1T {
    position: absolute;
    top: 0;
    right: 0;
}
.Comment-popup_wrapper-1vmC1T.Comment-_open-1uecYT .Comment-popup-2DvjQa, .Comment-popup_wrapper-1vmC1T.Comment-_open-1uecYT .Comment-popup_showBtn-1tIT_w {
            opacity: 1;
            visibility: visible;
        }
.Comment-popup_wrapper-1vmC1T.Comment-_open-1uecYT .Comment-popup_showBtn-1tIT_w {
            z-index: 3;
            -webkit-transition: opacity .2s, visibility .2s, z-index .0s .0s;
            transition: opacity .2s, visibility .2s, z-index .0s .0s;
        }
.Comment-popup_showBtn-1tIT_w {
    position: absolute;
    top: 20px;
    right: 15px;
    border: none;
    padding: 2px 5px 1px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background: transparent;
    cursor: pointer;
    -webkit-transition: opacity .2s, visibility .2s, z-index .0s .2s;
    transition: opacity .2s, visibility .2s, z-index .0s .2s;
}
.Comment-popup_showBtn-1tIT_w > span:not(:last-child) {
        margin-bottom: 2px;
    }
.Comment-popup_showBtn-1tIT_w > span {
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: undefined;
        background-color: var(--color_darkGray);
        display: inline-block;
    }
.Comment-popup-2DvjQa {
    position: absolute;
    top: -58px;
    right: 0;
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    margin: 58px 0 691px 20px;
    padding: 20px 66px 20px 20px;
    border-radius: 10px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    background-color: #ffffff;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
    opacity: 0;
    visibility: hidden;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    z-index: 2;
}
.Comment-popup-2DvjQa > button {
        display: block;
        height: 15px;
    }
.Comment-popup-2DvjQa > button:not(:last-child) {
            margin-bottom: 15px;
        }
.Comment-pinImg-3M-lSr {
    position: absolute;
    right: 42px;
    top: 22px;
    width: 12px;
    height: 12px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}
.Comment-recipients-39CBZ- {
    color: undefined;
    color: var(--color_gray);
    margin-top: 10px;
    margin-left: 45px;
}
.Comment-recipientsPopup-3MfnRu {
    position: absolute;
}
.Comment-hideBtn-c2O9Q_ {
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
}
.Comment-mb-0-2fUrJ- {
    margin-bottom: 0;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/comment/CommentRow.css ***!
  \*****************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.CommentRow-deleted-3RTBTB {
    color: undefined;
    color: var(--color_gray);
}

.CommentRow-wrapper-3-guo4 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.CommentRow-wrapper-3-guo4 > a:first-child {
        margin-right: 15px;
        margin-left: 5px;
    }

.CommentRow-wrapper-3-guo4.CommentRow-_edit-aZyPci > a:first-child {
            -webkit-transform: translateY(6px);
                    transform: translateY(6px);
        }

.CommentRow-wrapper-3-guo4.CommentRow-_freeze-1NzzSg {
        background-color: #E5EFFD;
    }

.CommentRow-wrapper-3-guo4.CommentRow-_freeze-1NzzSg:first-child:not(input) {
            margin-top: 20px;
            border-radius: 8px 8px 0 0;
        }

.CommentRow-wrapper-3-guo4.CommentRow-_freeze-1NzzSg:first-child:not(input) ~ .CommentRow-wrapper-3-guo4.CommentRow-_freeze-1NzzSg:last-child {
            padding-bottom: 15px;
            border-radius: 0 0 8px 8px;
        }

.CommentRow-wrapper-3-guo4.CommentRow-_freeze-1NzzSg:first-child:last-child {
            margin-top: 20px;
            border-radius: 8px;
            padding-bottom: 15px;
        }

.CommentRow-wrapper-3-guo4:not(.CommentRow-_freeze-1NzzSg) + .CommentRow-wrapper-3-guo4.CommentRow-_freeze-1NzzSg {
        margin-top: 20px;
        border-radius: 8px 8px 0 0;
    }

.CommentRow-wrapper-3-guo4:not(.CommentRow-_freeze-1NzzSg) + .CommentRow-wrapper-3-guo4.CommentRow-_freeze-1NzzSg:last-child {
            border-radius: 8px;
        }

.CommentRow-wrapper-3-guo4:hover .CommentRow-popup_showBtn-AXerbO {
            opacity: 1;
            visibility: visible;
        }

.CommentRow-editPart-1Q71Gn {
    position: relative;
    width: 100%;
}

.CommentRow-editPart-1Q71Gn .CommentRow-textarea-11MH0u {
        height: 38px;
        padding: 8px 100px 10px 15px;
        display: inline-block;
        color: undefined;
        color: var(--color_darkGray);
        font-family: ProximaNova, sans-serif;
        font-family: var(--fontFamily);
        font-size: undefined;
        font-size: var(--fontSize_tab);
        letter-spacing: 0;
        border-radius: 4px;
        border: undefined;
        border: 1px solid var(--color_lightGray);
        background-color: #fff;
        resize: none;
        overflow: hidden;
        min-height: 29px;
        width: 100%;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
    }

.CommentRow-editPart-1Q71Gn .CommentRow-textarea-11MH0u::-webkit-input-placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.CommentRow-editPart-1Q71Gn .CommentRow-textarea-11MH0u::-moz-placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.CommentRow-editPart-1Q71Gn .CommentRow-textarea-11MH0u::-ms-input-placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.CommentRow-editPart-1Q71Gn .CommentRow-textarea-11MH0u::placeholder {
            color: undefined;
            color: var(--color_gray);
        }

.CommentRow-editPart-1Q71Gn .CommentRow-textarea-11MH0u.CommentRow-large-PgNa1g {
        padding: 8px 15px 25px;
    }

.CommentRow-editPart-1Q71Gn .CommentRow-textarea-11MH0u.CommentRow-large-PgNa1g ~ .CommentRow-send-28mN80 {
            bottom: 11px;
        }

.CommentRow-editPart-1Q71Gn .CommentRow-send-28mN80 {
        cursor: pointer;
        color: undefined;
        color: var(--color_primary);
        position: absolute;
        bottom: 14px;
        right: 30px;
        -webkit-transition: color .2s;
        transition: color .2s;
        font-size: undefined;
        font-size: var(--fontSize_standart);
    }

.CommentRow-editPart-1Q71Gn .CommentRow-send-28mN80:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.CommentRow-editPart-1Q71Gn .CommentRow-clear-cross-3B2JlZ {
        top: -7px;
        right: -19px;
    }

.CommentRow-mainPart-3CzhM7 {
    width: 100%;
    margin-left: 4px;
}

.CommentRow-mainPart-3CzhM7 .CommentRow-head-1a52Zt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom: 5px;
    }

.CommentRow-mainPart-3CzhM7 .CommentRow-head-1a52Zt > div {
            margin-right: 10px;
        }

.CommentRow-mainPart-3CzhM7 .CommentRow-head-1a52Zt .CommentRow-userName-1Ys7vR {
            color: undefined;
            color: var(--color_darkGray);
            font-weight: bold;
        }

.CommentRow-mainPart-3CzhM7 .CommentRow-head-1a52Zt .CommentRow-gray-dd7HTT {
            color: undefined;
            color: var(--color_gray);
        }

.CommentRow-mainPart-3CzhM7 .CommentRow-content-3wKlV6 {
        font-size: undefined;
        font-size: var(--fontSize_tab);
        color: undefined;
        color: var(--color_darkGray);
        line-height: 19px;
        white-space: pre-wrap;
        word-break: break-word;
    }

.CommentRow-unreadMark-rXIjbe {
    position: absolute;
    top: 0;
    left: -20px;
    width: 2px;
    height: 100%;
    border-radius: 2px;
    background-color: undefined;
    background-color: var(--color_primary);
}

.CommentRow-popup_wrapper-1tS105 {
    position: absolute;
    top: 0;
    right: 0;
}

.CommentRow-popup_wrapper-1tS105.CommentRow-_open-LVHuGj .CommentRow-popup-1MMRJF, .CommentRow-popup_wrapper-1tS105.CommentRow-_open-LVHuGj .CommentRow-popup_showBtn-AXerbO {
            opacity: 1;
            visibility: visible;
        }

.CommentRow-popup_wrapper-1tS105.CommentRow-_open-LVHuGj .CommentRow-popup_showBtn-AXerbO {
            z-index: 3;
            -webkit-transition: opacity .2s, visibility .2s, z-index .0s .0s;
            transition: opacity .2s, visibility .2s, z-index .0s .0s;
        }

.CommentRow-popup_showBtn-AXerbO {
    position: absolute;
    top: 15px;
    right: -5px;
    border: none;
    padding: 2px 5px 1px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background: transparent;
    cursor: pointer;
    -webkit-transition: opacity .2s, visibility .2s, z-index .0s .2s;
    transition: opacity .2s, visibility .2s, z-index .0s .2s;
}

.CommentRow-popup_showBtn-AXerbO > span:not(:last-child) {
        margin-bottom: 2px;
    }

.CommentRow-popup_showBtn-AXerbO > span {
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: undefined;
        background-color: var(--color_darkGray);
        display: inline-block;
    }

.CommentRow-popup-1MMRJF {
    position: absolute;
    top: -63px;
    right: -20px;
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    margin: 58px 0 691px 20px;
    padding: 20px 66px 20px 20px;
    border-radius: 10px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    background-color: #ffffff;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

.CommentRow-popup-1MMRJF > button {
        display: block;
        height: 15px;
    }

.CommentRow-popup-1MMRJF > button:not(:last-child) {
            margin-bottom: 15px;
        }

.CommentRow-freezePart-gePVF7 {
    margin-top: 5px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
}


/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/comment/Tagging.css ***!
  \**************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .Tagging-tagging-X-DTjl {
    position: fixed;
    padding: 10px 2px 10px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: white;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    white-space: nowrap;
    z-index: 8;
    border-radius: 10px;
    overflow: hidden;
}
    .Tagging-tagging_userList-2ks2Ci {
        overflow-y: auto;
        scrollbar-color: #cacaca transparent;
        scrollbar-width: thin;
    }
    .Tagging-tagging_userList-2ks2Ci:hover {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            -moz-overflow-scrolling: touch;
            -ms-overflow-scrolling: touch;
            -o-overflow-scrolling: touch;
            overflow-scrolling: touch;
        }
    .Tagging-tagging_userList-2ks2Ci::-webkit-scrollbar {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            width: 3px;
        }
    .Tagging-tagging_userList-2ks2Ci::-webkit-scrollbar-thumb {
            margin-right: 2px;
            border-radius: 2px;
            background-color: #cacaca;
            -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
                    box-shadow: 0 0 1px rgba(255,255,255,0.5);
        }
    .Tagging-tagging_userList_item-95wYG9 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px 20px;
    }
    .Tagging-tagging_userList_item-95wYG9:hover {
            background-color: rgba(222,222,222,0.3);
        }
    .Tagging-tagging_userList_item-95wYG9:first-child {
            padding: 25px 20px 15px;
            margin-top: -10px;
        }
    .Tagging-tagging_userList_item-95wYG9:last-child {
            padding: 15px 20px 25px;
        }
    .Tagging-tagging_userList_item-95wYG9:first-child:last-child {
            padding: 25px 20px 25px;
            margin-top: -10px;
        }
    .Tagging-tagging_userList_item_nameBlock-Ozf5Pc {
            margin-left: 15px;
        }
    .Tagging-tagging_userList_item_nameBlock-Ozf5Pc > div:last-child {
                font-size: undefined;
                font-size: var(--fontSize_tip);
                color: undefined;
                color: var(--color_gray);
            }
    .Tagging-tagging_userList_item_nameBlock-Ozf5Pc > div:first-child {
                font-size: undefined;
                font-size: var(--fontSize_tab);
                color: undefined;
                color: var(--color_darkGray);
            }
    .Tagging-tagging_userList_item_nameBlock-Ozf5Pc > div:first-child:last-child {
                -webkit-transform: translateY(3px);
                        transform: translateY(3px);
            }
.Tagging-tagging_dueBlock-ldUsUy {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-top: undefined;
    border-top: 1px solid var(--color_lightGray);
    padding: 12px 20px;
}
.Tagging-tagging_dueBlock-ldUsUy.Tagging-_checked-Q5VBR4 .Tagging-checkboxDue-1iICSQ > span > span {
            opacity: 1;
        }
.Tagging-tagging_dueBlock-ldUsUy.Tagging-_checked-Q5VBR4 .Tagging-choiceDueBlock-_m0pKw {
            opacity: 1;
            visibility: visible
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-checkboxDue-1iICSQ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        white-space: nowrap;
        -webkit-transform: translateY(7px);
                transform: translateY(7px);
    }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-checkboxDue-1iICSQ svg {
            top: 1px;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-checkboxDue-1iICSQ > span {
            margin-right: 10px;
            padding-left: 10px;
            cursor: pointer;
            -webkit-transform: translateY(-1px);
                    transform: translateY(-1px);
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-checkboxDue-1iICSQ > span > span {
                -webkit-transition: opacity .2s;
                transition: opacity .2s;
                opacity: 0;
            }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-choiceDueBlock-_m0pKw {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        min-width: 212px;
        -webkit-transform: translateY(8px);
                transform: translateY(8px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .2s, visibility .2s;
        transition: opacity .2s, visibility .2s;
    }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-choiceDue-1Opmka {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
    }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-choiceDue-1Opmka > span {
            height: 20px;
            padding: 2px 5px 1px;
            margin: 0 5px 0 0;
            font-size: undefined;
            font-size: var(--fontSize_standart);
            color: undefined;
            color: var(--color_primary);
            cursor: pointer;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-choiceDue-1Opmka > span:last-child {
            margin-right: 0;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-choiceDue-1Opmka > span.Tagging-active-2yFhF- {
            color: undefined;
            color: var(--color_darkGray);
            border-radius: 4px;
            background-color: rgba(222, 222, 222, 0.5);
            padding: 2px 5px 1px;
            cursor: default;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H, .Tagging-tagging_dueBlock-ldUsUy .Tagging-right-1tsBUv {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 20px;
        cursor: pointer;
        -webkit-transform: translateY(-3px);
                transform: translateY(-3px);
    }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H > div, .Tagging-tagging_dueBlock-ldUsUy .Tagging-right-1tsBUv > div {
            top: 32px;
            left: -13px;
            visibility: hidden;
            opacity: 0;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H:hover > div, .Tagging-tagging_dueBlock-ldUsUy .Tagging-right-1tsBUv:hover > div {
            visibility: visible;
            opacity: 1;
            -webkit-transition: opacity .2s .5s, visibility .2s .5s;
            transition: opacity .2s .5s, visibility .2s .5s;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H::before {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_gray);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H::after {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_gray);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-right-1tsBUv::before {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_gray);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-right-1tsBUv::after {
            content: '';
            border-radius: 1px;
            background-color: undefined;
            background-color: var(--color_gray);
            width: 8px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            position: absolute;
            top: calc(50% + 2px);
            right: 0;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H::after, .Tagging-tagging_dueBlock-ldUsUy .Tagging-right-1tsBUv::after {
            top: 7px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H.Tagging-_disabled-2Kkk3h, .Tagging-tagging_dueBlock-ldUsUy .Tagging-right-1tsBUv.Tagging-_disabled-2Kkk3h {
            cursor: default;
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H.Tagging-_disabled-2Kkk3h::before {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H.Tagging-_disabled-2Kkk3h::after {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-right-1tsBUv.Tagging-_disabled-2Kkk3h::before {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-right-1tsBUv.Tagging-_disabled-2Kkk3h::after {
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H::before {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }
.Tagging-tagging_dueBlock-ldUsUy .Tagging-left-1HmU2H::after {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
        }
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/comment/SelectedRecipientsPopup.css ***!
  \******************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .SelectedRecipientsPopup-wrapper-2FR8Ae {
    position: absolute;
    top: 10px;
    left: -40px;
    opacity: 0;
    padding: 40px 20px 0;
    width: 400px;
    background-color: white;
    border-radius: 6px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: default;
    z-index: 1;
}
    .SelectedRecipientsPopup-wrapper-2FR8Ae.SelectedRecipientsPopup-_vis-Hmr6gk {
        opacity: 1;
        visibility: visible;
    }

.SelectedRecipientsPopup-input-36I9DB {
    position: relative;
    margin: 0 20px 40px 20px;
}

.SelectedRecipientsPopup-input-36I9DB button {
        position: absolute;
        right: 30px;
        top: 8px;
    }

.SelectedRecipientsPopup-input-36I9DB input {
        font-size: undefined;
        font-size: var(--fontSize_tab);
        color: undefined;
        color: var(--color_darkGray);
        width: 100%;
        padding: 10px 55px 10px 15px;
        border: undefined;
        border: 1px solid var(--color_lightGray);
    }

.SelectedRecipientsPopup-input-36I9DB input::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_gray);
    }

.SelectedRecipientsPopup-input-36I9DB input::-moz-placeholder {
        color: undefined;
        color: var(--color_gray);
    }

.SelectedRecipientsPopup-input-36I9DB input::-ms-input-placeholder {
        color: undefined;
        color: var(--color_gray);
    }

.SelectedRecipientsPopup-input-36I9DB input::placeholder {
        color: undefined;
        color: var(--color_gray);
    }

.SelectedRecipientsPopup-input-36I9DB > div {
        top: 5px;
        right: 10px;
    }

.SelectedRecipientsPopup-selectedRecipients-2d8gd_ {
    border: undefined;
    border: 1px solid var(--color_lightGray);
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 40px;
}

.SelectedRecipientsPopup-selectedRecipients-2d8gd_ > div:not(:last-child) {
        margin-bottom: 20px;
    }

.SelectedRecipientsPopup-candidates-m1pMme {
    padding: 0 20px 40px;
}

.SelectedRecipientsPopup-candidates-m1pMme > div:not(:last-child) {
        margin-bottom: 20px;
    }

.SelectedRecipientsPopup-candidate-1bSYqF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.SelectedRecipientsPopup-candidate-1bSYqF:not(.SelectedRecipientsPopup-_sel-1y_vmR) .SelectedRecipientsPopup-nameBlock-2cHm8x {
            cursor: pointer;
        }

.SelectedRecipientsPopup-candidate-1bSYqF:not(.SelectedRecipientsPopup-_sel-1y_vmR) .SelectedRecipientsPopup-nameBlock-2cHm8x:hover > div:first-child {
                color: undefined;
                color: var(--color_primary_hover);
            }

.SelectedRecipientsPopup-candidate-1bSYqF .SelectedRecipientsPopup-left-1MYjCG {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 295px;
    }

.SelectedRecipientsPopup-candidate-1bSYqF .SelectedRecipientsPopup-left-1MYjCG div:first-child {
            font-size: undefined;
            font-size: var(--fontSize_tab);
            color: undefined;
            color: var(--color_darkGray);
            font-weight: bold;
            -webkit-transition: color .2s;
            transition: color .2s;
        }

.SelectedRecipientsPopup-candidate-1bSYqF .SelectedRecipientsPopup-left-1MYjCG .SelectedRecipientsPopup-nameBlock-2cHm8x {
            margin-left: 15px;
        }

.SelectedRecipientsPopup-candidate-1bSYqF .SelectedRecipientsPopup-left-1MYjCG .SelectedRecipientsPopup-nameBlock-2cHm8x > div:last-child {
                font-size: undefined;
                font-size: var(--fontSize_tip);
                color: undefined;
                color: var(--color_gray);
            }

.SelectedRecipientsPopup-candidate-1bSYqF .SelectedRecipientsPopup-left-1MYjCG .SelectedRecipientsPopup-nameBlock-2cHm8x > div:first-child {
                font-size: undefined;
                font-size: var(--fontSize_tab);
                color: undefined;
                color: var(--color_darkGray);
            }

.SelectedRecipientsPopup-candidate-1bSYqF .SelectedRecipientsPopup-left-1MYjCG .SelectedRecipientsPopup-nameBlock-2cHm8x > div:first-child:last-child {
                -webkit-transform: translateY(5px);
                        transform: translateY(5px);
            }

.SelectedRecipientsPopup-candidate-1bSYqF .SelectedRecipientsPopup-right-2N69Gj {
        position: relative;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.SelectedRecipientsPopup-candidate-1bSYqF .SelectedRecipientsPopup-right-2N69Gj .SelectedRecipientsPopup-cross-3Kw8QX {
            top: 0;
            left: 14px;
        }

.SelectedRecipientsPopup-candidate-1bSYqF:hover .SelectedRecipientsPopup-right-2N69Gj {
        opacity: 1;
        visibility: visible;
    }
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Approvals/Approval.css ***!
  \****************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .Approval-wrapper-2era6U {
    position: relative;
}
    .Approval-wrapper-2era6U:not(:last-child):not(.Approval-noBottomBorder-2ToZoB) {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .Approval-wrapper-2era6U:not(:last-child):not(.Approval-noBottomBorder-2ToZoB)::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: calc(100% - 40px);
            height: 1px;
            background-color: undefined;
            background-color: var(--color_lightGray);
        }

.Approval-wrapper_user-2-hmVO {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    margin-bottom: 10px;

}

.Approval-wrapper_user-2-hmVO > div:first-child {
        margin: 0;
    }

.Approval-wrapper_user-2-hmVO .Approval-right-1lqyzh {
        position: relative;
        width: 111px;
    }

.Approval-wrapper_user-2-hmVO .Approval-approved-2LO_Z- {
        color: undefined;
        color: var(--color_darkGray);
        width: 118px;
    }

.Approval-wrapper_user-2-hmVO .Approval-approved-2LO_Z- > div {
            display: inline;
            white-space: normal;
        }

.Approval-wrapper_user-2-hmVO .Approval-approved-2LO_Z- > img {
            width: 11px;
            height: 11px;
            margin-right: 10px;
            -webkit-transform: translateY(1px);
                    transform: translateY(1px);
        }

.Approval-wrapper_user-2-hmVO .Approval-notApproved-3nC97S {
        margin-bottom: 10px;
    }

.Approval-wrapper_user-2-hmVO .Approval-notApproved-3nC97S {
        color: undefined;
        color: var(--color_gray);
    }

.Approval-wrapper_user-2-hmVO .Approval-time-3VGe4h {
        color: undefined;
        color: var(--color_gray);
    }

.Approval-wrapper_user-2-hmVO .Approval-text-bdacyG {
        position: relative;
        color: undefined;
        color: var(--color_darkGray);
    }

.Approval-wrapper_user-2-hmVO .Approval-time-3VGe4h:not(.Approval-_wrap-3nchp0) > span {
        white-space: nowrap;
    }

.Approval-wrapper_user-2-hmVO .Approval-stats_arrow-1pHh0K {
        position: absolute;
        top: 8px;
        right: -34px;
        width: 20px;
        height: 13px;
        cursor: pointer;
    }

.Approval-wrapper_user-2-hmVO .Approval-stats_arrow-1pHh0K > button {
            -webkit-transform: translate(-7px, -3px);
                    transform: translate(-7px, -3px);
        }

.Approval-wrapper_user-2-hmVO .Approval-stats-1JnFCN {
        margin-top: 10px;
    }

.Approval-wrapper_user-2-hmVO .Approval-stats-1JnFCN .Approval-stat-1PyFbC {
            white-space: normal;
            margin-bottom: 10px;
        }

.Approval-wrapper_user-2-hmVO .Approval-stats-1JnFCN .Approval-stat-1PyFbC:last-child {
            margin-bottom: 0;
        }

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Changes/styles.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.styles-module-menu-3P46iZ {
    position: relative;
    z-index: 21;
}

.styles-module-wrapper-2kAdKU {
  position: relative;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.styles-module-wrapper-2kAdKU.styles-module-jump-1Mb5Vm .styles-module-popup-SKg790 {
          top: -30px;
      }

.styles-module-wrapper-2kAdKU.styles-module-open-3tkVem .styles-module-desc-3LRtGQ, .styles-module-wrapper-2kAdKU.styles-module-open-3tkVem .styles-module-changesJump-2dqPgv, .styles-module-wrapper-2kAdKU.styles-module-open-3tkVem .styles-module-changesUndo-1F_0jV {
          z-index: 6;
          -webkit-transition-delay: 0s;
                  transition-delay: 0s;
      }

.styles-module-changesJump-2dqPgv, .styles-module-changesUndo-1F_0jV {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  -webkit-transform: translateY(7px);
          transform: translateY(7px);
  margin-left: 16px;
  z-index: 2;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.styles-module-changesJump-2dqPgv .styles-module-undo-3snh5_, .styles-module-changesUndo-1F_0jV .styles-module-undo-3snh5_ {
      position: relative;
      display: inline-block;
      width: 24px;
      margin-left: 4px;
      cursor: pointer;
  }

.styles-module-changesJump-2dqPgv .styles-module-undo-3snh5_ img, .styles-module-changesUndo-1F_0jV .styles-module-undo-3snh5_ img {
          height: 11px;
          top: -5px;
          position: relative;
      }

.styles-module-changesJump-2dqPgv .styles-module-undo-3snh5_.styles-module-reverse-2mvM2B, .styles-module-changesUndo-1F_0jV .styles-module-undo-3snh5_.styles-module-reverse-2mvM2B {
          margin: 0 8px 0 6px;
      }

.styles-module-changesJump-2dqPgv .styles-module-undo-3snh5_.styles-module-disabled-1XALIe, .styles-module-changesUndo-1F_0jV .styles-module-undo-3snh5_.styles-module-disabled-1XALIe {
          cursor: default;
      }

.styles-module-changesJump-2dqPgv .styles-module-undo-3snh5_.styles-module-reverse-2mvM2B img, .styles-module-changesUndo-1F_0jV .styles-module-undo-3snh5_.styles-module-reverse-2mvM2B img {
          -webkit-transform: rotateY(180deg);
                  transform: rotateY(180deg);
      }

.styles-module-changesJump-2dqPgv .styles-module-undo-3snh5_.styles-module-disabled-1XALIe img, .styles-module-changesUndo-1F_0jV .styles-module-undo-3snh5_.styles-module-disabled-1XALIe img {
          opacity: 0.3;
      }

.styles-module-changesJump-2dqPgv .styles-module-undo-3snh5_ > div, .styles-module-changesUndo-1F_0jV .styles-module-undo-3snh5_ > div {
          top: 32px;
          left: -13px;
          visibility: hidden;
          opacity: 0;
      }

.styles-module-changesJump-2dqPgv .styles-module-undo-3snh5_:hover > div, .styles-module-changesUndo-1F_0jV .styles-module-undo-3snh5_:hover > div {
          visibility: visible;
          opacity: 1;
          -webkit-transition: opacity .2s .5s, visibility .2s .5s;
          transition: opacity .2s .5s, visibility .2s .5s;
      }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M, .styles-module-changesJump-2dqPgv .styles-module-right-1yhESH, .styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M, .styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH {
      position: relative;
      display: inline-block;
      width: 10px;
      height: 20px;
      cursor: pointer;
  }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M > div, .styles-module-changesJump-2dqPgv .styles-module-right-1yhESH > div, .styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M > div, .styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH > div {
          top: 32px;
          left: -13px;
          visibility: hidden;
          opacity: 0;
      }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M:hover > div, .styles-module-changesJump-2dqPgv .styles-module-right-1yhESH:hover > div, .styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M:hover > div, .styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH:hover > div {
          visibility: visible;
          opacity: 1;
          -webkit-transition: opacity .2s .5s, visibility .2s .5s;
          transition: opacity .2s .5s, visibility .2s .5s;
      }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M::before {
          content: '';
          border-radius: 1px;
          background-color: undefined;
          background-color: var(--color_primary);
          width: 8px;
          height: 1px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          top: calc(50% + 2px);
          right: 0;
          -webkit-transition: background-color .2s;
          transition: background-color .2s;
      }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M::after {
          content: '';
          border-radius: 1px;
          background-color: undefined;
          background-color: var(--color_primary);
          width: 8px;
          height: 1px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          top: calc(50% + 2px);
          right: 0;
          -webkit-transition: background-color .2s;
          transition: background-color .2s;
      }

.styles-module-changesJump-2dqPgv .styles-module-right-1yhESH::before {
          content: '';
          border-radius: 1px;
          background-color: undefined;
          background-color: var(--color_primary);
          width: 8px;
          height: 1px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          top: calc(50% + 2px);
          right: 0;
          -webkit-transition: background-color .2s;
          transition: background-color .2s;
      }

.styles-module-changesJump-2dqPgv .styles-module-right-1yhESH::after {
          content: '';
          border-radius: 1px;
          background-color: undefined;
          background-color: var(--color_primary);
          width: 8px;
          height: 1px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          top: calc(50% + 2px);
          right: 0;
          -webkit-transition: background-color .2s;
          transition: background-color .2s;
      }

.styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M::before {
          content: '';
          border-radius: 1px;
          background-color: undefined;
          background-color: var(--color_primary);
          width: 8px;
          height: 1px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          top: calc(50% + 2px);
          right: 0;
          -webkit-transition: background-color .2s;
          transition: background-color .2s;
      }

.styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M::after {
          content: '';
          border-radius: 1px;
          background-color: undefined;
          background-color: var(--color_primary);
          width: 8px;
          height: 1px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          top: calc(50% + 2px);
          right: 0;
          -webkit-transition: background-color .2s;
          transition: background-color .2s;
      }

.styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH::before {
          content: '';
          border-radius: 1px;
          background-color: undefined;
          background-color: var(--color_primary);
          width: 8px;
          height: 1px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          top: calc(50% + 2px);
          right: 0;
          -webkit-transition: background-color .2s;
          transition: background-color .2s;
      }

.styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH::after {
          content: '';
          border-radius: 1px;
          background-color: undefined;
          background-color: var(--color_primary);
          width: 8px;
          height: 1px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          top: calc(50% + 2px);
          right: 0;
          -webkit-transition: background-color .2s;
          transition: background-color .2s;
      }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M::after, .styles-module-changesJump-2dqPgv .styles-module-right-1yhESH::after, .styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M::after, .styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH::after {
          top: 7px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
      }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M.styles-module-disabled-1XALIe, .styles-module-changesJump-2dqPgv .styles-module-right-1yhESH.styles-module-disabled-1XALIe, .styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M.styles-module-disabled-1XALIe, .styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH.styles-module-disabled-1XALIe {
          cursor: default;
      }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M.styles-module-disabled-1XALIe::before {
              background-color: undefined;
              background-color: var(--color_lightGray2);
          }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M.styles-module-disabled-1XALIe::after {
              background-color: undefined;
              background-color: var(--color_lightGray2);
          }

.styles-module-changesJump-2dqPgv .styles-module-right-1yhESH.styles-module-disabled-1XALIe::before {
              background-color: undefined;
              background-color: var(--color_lightGray2);
          }

.styles-module-changesJump-2dqPgv .styles-module-right-1yhESH.styles-module-disabled-1XALIe::after {
              background-color: undefined;
              background-color: var(--color_lightGray2);
          }

.styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M.styles-module-disabled-1XALIe::before {
              background-color: undefined;
              background-color: var(--color_lightGray2);
          }

.styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M.styles-module-disabled-1XALIe::after {
              background-color: undefined;
              background-color: var(--color_lightGray2);
          }

.styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH.styles-module-disabled-1XALIe::before {
              background-color: undefined;
              background-color: var(--color_lightGray2);
          }

.styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH.styles-module-disabled-1XALIe::after {
              background-color: undefined;
              background-color: var(--color_lightGray2);
          }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M:not(.styles-module-disabled-1XALIe):hover::before {
          background-color: undefined;
          background-color: var(--color_primary_hover);
      }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M:not(.styles-module-disabled-1XALIe):hover::after {
          background-color: undefined;
          background-color: var(--color_primary_hover);
      }

.styles-module-changesJump-2dqPgv .styles-module-right-1yhESH:not(.styles-module-disabled-1XALIe):hover::before {
          background-color: undefined;
          background-color: var(--color_primary_hover);
      }

.styles-module-changesJump-2dqPgv .styles-module-right-1yhESH:not(.styles-module-disabled-1XALIe):hover::after {
          background-color: undefined;
          background-color: var(--color_primary_hover);
      }

.styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M:not(.styles-module-disabled-1XALIe):hover::before {
          background-color: undefined;
          background-color: var(--color_primary_hover);
      }

.styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M:not(.styles-module-disabled-1XALIe):hover::after {
          background-color: undefined;
          background-color: var(--color_primary_hover);
      }

.styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH:not(.styles-module-disabled-1XALIe):hover::before {
          background-color: undefined;
          background-color: var(--color_primary_hover);
      }

.styles-module-changesUndo-1F_0jV .styles-module-right-1yhESH:not(.styles-module-disabled-1XALIe):hover::after {
          background-color: undefined;
          background-color: var(--color_primary_hover);
      }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M, .styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M {
      margin-right: 16px;
  }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M::before, .styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M::before {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
      }

.styles-module-changesJump-2dqPgv .styles-module-left-1KQh_M::after, .styles-module-changesUndo-1F_0jV .styles-module-left-1KQh_M::after {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
      }

.styles-module-desc-3LRtGQ {
  position: relative;
  white-space: nowrap;
  padding-top: 2px;
  font-size: undefined;
  font-size: var(--fontSize_tip);
  color: undefined;
  color: var(--color_gray);
  z-index: 2;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.styles-module-hidden-1sRrgm {
    opacity: 0;
    visibility: hidden;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Changes/ChangesPopup/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-popup-1PHk9i {
  position: absolute;
  top: -30px;
  left: -40px;
  width: 400px;
  padding: 95px 40px 40px 40px;
  background-color: undefined;
  background-color: var(--color_white);
  border-radius: 6px;
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_menu);
          box-shadow: var(--shadow_menu);
  z-index: 19;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility .2s, opacity .2s;
  transition: visibility .2s, opacity .2s;
}

  .styles-module-popup-1PHk9i.styles-module-visible-1GMMwO {
    opacity: 1;
    visibility: visible;
  }

.styles-module-textViews-39Mqxm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 40px;
  border-bottom: undefined;
  border-bottom: solid 1px var(--color_lightGray);
}

.styles-module-tabs-1DbmiJ {
  border-radius: 5px;
  border: undefined;
  border: solid 1px var(--color_primary);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}

.styles-module-tabs-1DbmiJ > .styles-module-tabItem-OOzxh4 {
    padding: 2px 10px 0;
    line-height: 1.3;
    border: none;
    color: undefined;
    color: var(--color_primary);
    background: none;
    cursor: pointer;
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;
    font-size: undefined;
    font-size: var(--fontSize_standart);
  }

.styles-module-tabs-1DbmiJ > .styles-module-tabItem-OOzxh4.styles-module-active-1QHvfF {
      color: undefined;
      color: var(--color_white);
      background: undefined;
      background: var(--color_primary);
    }

.styles-module-tabs-1DbmiJ > .styles-module-tabItem-OOzxh4:not(:last-child) {
      border-right: undefined;
      border-right: 1px solid var(--color_primary);
    }

.styles-module-title-3aUxN3 {
  margin: 0;
  width: 140px;
  font-size: undefined;
  font-size: var(--fontSize_tab);
  font-weight: bold;
  line-height: normal;
  color: undefined;
  color: var(--color_gray);
}

.styles-module-button-3y3ZSr {
  margin: 0;
  padding: 0;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  font-weight: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  color: undefined;
  color: var(--color_primary);
  background: none;
  border: none;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  cursor: pointer;
}

.styles-module-button-3y3ZSr.styles-module-active-1QHvfF {
    font-weight: bold;
  }

.styles-module-button-3y3ZSr:disabled {
    opacity: 0.3;
    cursor: default;
  }

.styles-module-columnsContainer-3-7vgs {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.styles-module-fixes-1lUyP4, .styles-module-comments-lyW_hm {
  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;
}

.styles-module-fixes-1lUyP4 > .styles-module-title-3aUxN3, .styles-module-comments-lyW_hm > .styles-module-title-3aUxN3 {
    margin-bottom: 10px;
  }

.styles-module-box-2Froel {
  padding: 2px 10px;
  border-radius: 5px;
  background-color: undefined;
  background-color: var(--color_lightGray);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: normal;
  color: undefined;
  color: var(--color_black);
}

.styles-module-box-2Froel.styles-module-internal-1Xu6xQ {
    background-color: undefined;
    background-color: var(--color_lightGray);
  }

.styles-module-box-2Froel.styles-module-external-3m_kv7 {
    background-color: #e7f1ff;
  }

.styles-module-counter-3pgxH- {
  background-color: undefined;
  background-color: var(--color_lightRed);
  font-size: undefined;
  font-size: var(--fontSize_tip);
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  color: undefined;
  color: var(--color_white);
  border-radius: 50%;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  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;
}

.styles-module-checkboxContainer-GuXs86 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

.styles-module-checkboxContainer-GuXs86 p {
    margin: 0;
    color: undefined;
    color: var(--color_darkGray);
  }

.styles-module-checkboxContainer-GuXs86 > .styles-module-label-2CCwpQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

.styles-module-checkboxContainer-GuXs86.styles-module-disabled-1z49X- {
    opacity: 0.3
  }

.styles-module-textContainer-kfaFFx {
  margin-top: 40px;

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

.styles-module-textContainer-kfaFFx > .styles-module-checkboxContainer-GuXs86 {
    margin-top: 0;
  }

.styles-module-textContainer-kfaFFx > .styles-module-title-3aUxN3 {
    margin-bottom: 10px;
  }

.styles-module-minimizeCheckbox-2uoI1z > p {
    line-height: 1.2;
    /* color: var(--color_primary); */
    cursor: pointer;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    padding: 2px 0 0;
  }
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/TopMenuModes/ReviewedInternal.css ***!
  \******************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
  
:root {
    --sky: #157efb;
}
  
:root {
    --black: #212121;
}
  
:root {
    --color2: #acacac;
}
  
:root {
    --color: #606060;
}
  
:root {
    --bg: #fff;
}
  
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
  
:root {
    --errorColor: red;
}
  
:root {
    --fontFamily2: Tahoma, sans-serif;
}
  
:root {
    --fontFamily: ProximaNova, sans-serif;
}
  
.ReviewedInternal-wrapper-3StkgH {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
  
.ReviewedInternal-scroll-button-block-3VCJtq {
    position: relative;
    width: 104px;
    height: 100%;
    margin-right: 40px;
}
  
.ReviewedInternal-scroll-button-block_mask-2R-96W {
        position: absolute;
        left: 0;
        top: 0;
        height: 50px;
        width: 80px;
        background-color: white;
        -webkit-transition: all .2s;
        transition: all .2s;
        z-index: 8;
    }
  
.ReviewedInternal-scroll-button-block_open-2cO4sj .ReviewedInternal-scroll-button-block_mask-2R-96W {
            width: 325px;
        }
  
.ReviewedInternal-scroll-button-block_open-2cO4sj .ReviewedInternal-scroll-buttons-N-QFZa {
            width: 322px;
            padding-right: 40px;
        }
  
.ReviewedInternal-scroll-button-block_open-2cO4sj .ReviewedInternal-scroll-buttons-N-QFZa::after {
                display: none;
            }
  
.ReviewedInternal-scroll-button-block_open-2cO4sj .ReviewedInternal-scroll-buttons-grad-1gzv_B {
                right: -254px;
            }
  
.ReviewedInternal-scroll-button-block_open-2cO4sj .ReviewedInternal-arrow-right-3Pd_z4, .ReviewedInternal-scroll-button-block_open-2cO4sj .ReviewedInternal-arrow-left-22d4zW {
            right: -228px;
        }
  
.ReviewedInternal-scroll-button-block_noScroll-1JHMEt {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: 0;
    }
  
.ReviewedInternal-scroll-button-block_noScroll-1JHMEt .ReviewedInternal-scroll-buttons-N-QFZa {
            position: static;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            border-right: none;
            padding-right: 0;
        }
  
.ReviewedInternal-scroll-button-block_noScroll-1JHMEt .ReviewedInternal-scroll-button-block_mask-2R-96W {
            display: none;
        }
  
.ReviewedInternal-scroll-buttons-N-QFZa {
    position: absolute;
    top: 0;
    left: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 18px;
    width: 104px;
    height: 57px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 9;
}
  
.ReviewedInternal-scroll-buttons-grad-1gzv_B {
        position: absolute;
        top: 0;
        right: -36px;
        height: 50px;
        width: 35px;
        background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
        background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
        z-index: 9;
        -webkit-transition: all .2s;
        transition: all .2s;
    }
  
.ReviewedInternal-scroll-buttons-N-QFZa > button:first-child {
        margin-right: 40px;
    }
  
.ReviewedInternal-scroll-buttons-N-QFZa::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        z-index: 2;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
    }
  
.ReviewedInternal-collabButtonsBlock-28McxX {
    position: relative;
    width: 70px;
    height: 100%;
}
  
.ReviewedInternal-collabButtonsBlock_open-2qC-GH .ReviewedInternal-collabButtons-2XCBTK {
            width: 287px;
            padding-right: 40px;
        }
  
.ReviewedInternal-collabButtonsBlock_open-2qC-GH .ReviewedInternal-collabButtons-2XCBTK::after {
                display: none;
            }
  
.ReviewedInternal-collabButtonsBlock_open-2qC-GH .ReviewedInternal-collabButtons-grad-3A6Yg_ {
                right: -253px;
            }
  
.ReviewedInternal-collabButtonsBlock_open-2qC-GH .ReviewedInternal-arrow-right-3Pd_z4, .ReviewedInternal-collabButtonsBlock_open-2qC-GH .ReviewedInternal-arrow-left-22d4zW {
            right: -227px;
        }
  
.ReviewedInternal-collabButtonsBlock_open2-q262G3 .ReviewedInternal-collabButtons-2XCBTK {
            width: 153px;
            padding-right: 40px;
        }
  
.ReviewedInternal-collabButtonsBlock_open2-q262G3 .ReviewedInternal-collabButtons-2XCBTK::after {
                display: none;
            }
  
.ReviewedInternal-collabButtonsBlock_open2-q262G3 .ReviewedInternal-collabButtons-grad-3A6Yg_ {
                right: -119px;
            }
  
.ReviewedInternal-collabButtonsBlock_open2-q262G3 .ReviewedInternal-arrow-right-3Pd_z4, .ReviewedInternal-collabButtonsBlock_open2-q262G3 .ReviewedInternal-arrow-left-22d4zW {
            right: -93px;
        }
  
.ReviewedInternal-collabButtons-2XCBTK {
    position: absolute;
    top: 0;
    left: 1px;
    padding-left: 40px;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 70px;
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 3;
}
  
.ReviewedInternal-collabButtons-grad-3A6Yg_ {
        position: absolute;
        top: 0;
        right: -36px;
        height: 50px;
        width: 35px;
        background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
        background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
        z-index: 3;
        -webkit-transition: all .2s;
        transition: all .2s;
    }
  
.ReviewedInternal-collabButtons-2XCBTK > button:first-child {
        margin-right: 40px;
    }
  
.ReviewedInternal-collabButtons-2XCBTK::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
    }
  
.ReviewedInternal-arrow-right-3Pd_z4, .ReviewedInternal-arrow-left-22d4zW {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: #fff;
    right: -12px;
    top: 16px;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 9;
}
  
.ReviewedInternal-arrow-right-3Pd_z4::before, .ReviewedInternal-arrow-right-3Pd_z4::after, .ReviewedInternal-arrow-left-22d4zW::before, .ReviewedInternal-arrow-left-22d4zW::after {
        content: '';
        border-radius: 1px;
        position: absolute;
        background-color: #979797;
        top: 3px;
        left: 9px;
        width: 1px;
        height: 8px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
  
.ReviewedInternal-arrow-right-3Pd_z4::after, .ReviewedInternal-arrow-left-22d4zW::after {
        top: 8px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
  
.ReviewedInternal-arrow-left-22d4zW::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
  
.ReviewedInternal-arrow-left-22d4zW::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
  
.ReviewedInternal-screen-3xDrQq {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 3;
}
  
.ReviewedInternal-buttonBlock-2xVJ1P {
    position: relative;
    padding: 0 40px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
  
.ReviewedInternal-alert-3YDAjI {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_lightRed);
    white-space: nowrap;
}
  
.ReviewedInternal-alert-3YDAjI.ReviewedInternal-non_alert-3Y355Y {
       color: undefined;
       color: var(--color_darkGray);
    }
  
.ReviewedInternal-alert-3YDAjI.ReviewedInternal-non_alert-3Y355Y span {
           top: 15px;
       }
  
.ReviewedInternal-alert_time-1H6seO {
        position: absolute;
        font-size: undefined;
        font-size: var(--fontSize_tip);
        color: undefined;
        color: var(--color_lightGray2);
        left: 0;
        top: 28px;
        height: 14px;
        margin-right: 40px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        overflow: hidden;
        white-space: nowrap;
    }
  
.ReviewedInternal-approvalButton-3_QUiX {
    position: relative;
    background-color: transparent;
    margin-right: 40px;
}
  
.ReviewedInternal-approvalButton-3_QUiX:hover {
    z-index: 9;
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
}
  
.ReviewedInternal-approvalButton-3_QUiX:hover > div {
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }
  
.ReviewedInternal-approvalButton-3_QUiX button {
    z-index: 2;
}
  
.ReviewedInternal-approvalButton-3_QUiX:hover button {
    z-index: 3;
}
  
.ReviewedInternal-sendButtonBlock-2rQ-sB {
    position: relative;
    top: 0px;
}
  
.ReviewedInternal-sendButtonBlock-2rQ-sB > button {
        width: 83px !important;
    }
  
.ReviewedInternal-sendMenu-wrapper-2Zl7Vk {
    position: absolute;
    display: none;
    top: -40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 100px 0 40px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    z-index: 30;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ;
    transition: opacity .2s ;
}
  
.ReviewedInternal-sendMenu-wrapper_vis-36VU_E {
        visibility: visible;
        opacity: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
  
.ReviewedInternal-changesBlock-3MOBwO {
        top: 6px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Share/Share.css ***!
  \*********************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.Share-screen-2doB5Z {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.Share-wrapper-1iFqHl {
    position: relative;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.Share-wrapper-1iFqHl > button {
        z-index: 1;
        -webkit-transition: z-index 0s .2s;
        transition: z-index 0s .2s;
    }

.Share-wrapper-1iFqHl.Share-_open-26kfAI > button {
            z-index: 6;
            -webkit-transition: z-index 0s 0s;
            transition: z-index 0s 0s;
        }

.Share-wrapper-1iFqHl.Share-_open-26kfAI .Share-popup-2m6VYJ {
            visibility: visible;
            opacity: 1;
        }

.Share-popup-2m6VYJ {
    position: absolute;
    top: -22px;
    right: -40px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    padding: 36px 135px 40px 40px;
    border-radius: 6px;
    background-color: white;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/TopMenuModes/ReviewedExternal.css ***!
  \******************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .ReviewedExternal-reviewed-3XsUtd {
    position: relative;
    padding: 8px 0 0 40px;
    min-width: 248px;
    max-width: 283px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_darkGray);
}
    .ReviewedExternal-reviewed-3XsUtd.ReviewedExternal-cut-mP94zF::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
    }
    .ReviewedExternal-reviewed-text-2uxbDx {
        max-width: 240px;
        height: 14px;
        padding-right: 40px;
        white-space: nowrap;
        overflow: hidden;
    }
    .ReviewedExternal-reviewed-time-3Rk1SU {
        max-width: 206px;
        height: 14px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        overflow: hidden;
        color: undefined;
        color: var(--color_gray);
        white-space: nowrap;
    }
    .ReviewedExternal-reviewed-time-3Rk1SU.ReviewedExternal-cut-mP94zF {

    }
    .ReviewedExternal-reviewed-hintPlace-CWHqAh .ReviewedExternal-reviewed-time-3Rk1SU {
        max-width: none;
    }
    .ReviewedExternal-reviewed-hintPlace-CWHqAh {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        color: undefined;
        color: var(--color_darkGray);
        -webkit-transition: all .2s;
        transition: all .2s;
        z-index: 6;
        left: 30px;
        top: 8px;
        padding: 10px;
        -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
                box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        background-color: white;
        border-radius: 6px;
    }
    .ReviewedExternal-reviewed-hintPlace-CWHqAh div {
            font-size: undefined;
            font-size: var(--fontSize_standart);
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            color: undefined;
            color: var(--color_darkGray);
            white-space: nowrap;
            background-color: #fff;
        }
    .ReviewedExternal-reviewed-hintPlace-CWHqAh div::after {
                display: none;
            }
    .ReviewedExternal-reviewed-hintPlace-CWHqAh > div:last-child {
            color: undefined;
            color: var(--color_gray);
        }
.ReviewedExternal-reviewed-3XsUtd:hover .ReviewedExternal-reviewed-hintPlace-CWHqAh {
    visibility: visible;
    opacity: 1;
}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/RequestBackMenu/RequestBackMenu.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.RequestBackMenu-screen-3jSsgz {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 3;
}

.RequestBackMenu-requestBlock-1qywRG {
    padding: 0 40px;
    position: relative;
    width: auto;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 3;
}

.RequestBackMenu-requestBlock-1qywRG > button {
        z-index: 1;
    }

.RequestBackMenu-requestPopup-1sEvpb {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: -17px;
    left: -1px;
    min-width: 304px;
    max-width: 400px;
    padding: 86px 40px 40px 41px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.RequestBackMenu-requestPopup_vis-3baJGl {
        visibility: visible;
        opacity: 1;
    }

.RequestBackMenu-requestPopup-desc-16RWA6 {
        font-size: undefined;
        font-size: var(--fontSize_standart);
        color: undefined;
        color: var(--color_gray);
        margin-top: 10px;
    }

.RequestBackMenu-sendMenu-note-1KAcSA > div {

}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/TopMenuModes/finalize.css ***!
  \**********************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.finalize-wrapper-ZqKShE {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding: 0 0 0 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_darkGray);
}

.finalize-screen-1AD1Hp {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 3;
}

.finalize-statusBlock-33ileL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.finalize-buttonBlock-2LVp30 {
    position: relative;
    padding: 0 40px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.finalize-buttonBlock-2LVp30 button {
        margin: 0;
    }

.finalize-time-16ucCU {
    height: 14px;
    margin-top: 3px;
    margin-right: 40px;
    padding-left: 22px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden;
    color: undefined;
    color: var(--color_gray);
    white-space: nowrap;
}

.finalize-text-3Agpxy {
    color: undefined;
    color: var(--color_green);
    height: 14px;
    padding-right: 40px;
    white-space: nowrap;
}

.finalize-text-3Agpxy.finalize-bold-2cvkbD {
        font-weight: bold;
    }

.finalize-text-3Agpxy.finalize-docuSign_text-1PF9oc {
        padding-right: 0;
    }

.finalize-text_red-2uf06_ {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: 40px;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        color: undefined;
        color: var(--color_lightRed);
        height: 14px;
        white-space: nowrap;
    }

.finalize-checkMark-2SyNqj {
    position: relative;
    padding-left: 22px;
}

.finalize-checkMark-2SyNqj::after {
        top: 0px;
        content: '';
        position: absolute;
        left: 7px;
        bottom: 0;
        height: 10px;
        width: 2px;
        background-color: undefined;
        background-color: var(--color_green);
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

.finalize-checkMark-2SyNqj::before {
        top: 0px;
        content: '';
        position: absolute;
        left: 7px;
        bottom: 0;
        height: 10px;
        width: 2px;
        background-color: undefined;
        background-color: var(--color_green);
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

.finalize-checkMark-2SyNqj::before {
        top: 3px;
        height: 6px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        left: 2px;
    }

.finalize-checkMark-2SyNqj.finalize-bold-2cvkbD::after {
            top: 2px;
        }

.finalize-checkMark-2SyNqj.finalize-bold-2cvkbD::before {
            top: 5px;
        }

.finalize-btnNewBlock-1kDBAV {
    position: relative;
    padding-top: 15px;
    height: 100%;
    padding-left: 40px;
}

.finalize-btnNewBlock-1kDBAV > button + button {
       -webkit-transform: translate(-7px, 0);
               transform: translate(-7px, 0); 
    }

.finalize-btnNewPopup-1VUe2n {
    position: absolute;
    top: -20px;
    left: -1px;
    padding: 70px 40px 40px;
    width: 208px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    border-radius: 6px;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.finalize-btnNewPopup-1VUe2n > button {
        white-space: normal !important;
        margin-right: 0 !important;
        text-align: left !important;
        line-height: 18px;
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
    }

.finalize-btnNewPopup_visible-2-F2a- {
        opacity: 1;
        visibility: visible;
    }

.finalize-approvalButton-2Lw_Ts {
    z-index: 7;
    position: relative;
    background-color: transparent;
}

.finalize-approvalButton-2Lw_Ts button {
        margin-right: 40px;
    }

.finalize-approvalButton-2Lw_Ts:hover > div {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.finalize-approvalButton-2Lw_Ts button {
    z-index: 2;
}

.finalize-approvalButton-2Lw_Ts:hover button {
    z-index: 3;
}

.finalize-cancelFinalize-1sot7V {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.finalize-docusign_btn-1goaZh {
    position: relative;
    white-space: nowrap;
    margin-right: 40px;
}

.finalize-docusign_btn-1goaZh > div {
        display: inline-block;
        font-size: undefined;
        font-size: var(--fontSize_standart);
    }

.finalize-docusign_btn-1goaZh > button, .finalize-docusign_btn-1goaZh .finalize-docuSign_text-1PF9oc {
        position: relative;
        z-index: 8;
    }

.finalize-docusign_btn-1goaZh.finalize-_open-7EtYiG .finalize-docuSign_popup-3TwrnA {
            opacity: 1;
            visibility: visible;
        }

.finalize-docuSign_popup-3TwrnA {
    position: absolute;
    top: -40px;
    left: -40px;
    padding: 95px 40px 40px;
    width: 435px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    border-radius: 6px;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    z-index: 7;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.finalize-signer-FLh77c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 355px;
    position: relative;
}

.finalize-signer-FLh77c + .finalize-signer-FLh77c {
        margin-top: 10px;
        padding-top: 10px;
    }

.finalize-signer-FLh77c + .finalize-signer-FLh77c::before {
            content: '';
            position: absolute;
            display: block;
            height: 1px;
            width: 315px;
            top: 0;
            left: 40px;
            background-color: undefined;
            background-color: var(--color_lightGray);
        }

.finalize-signer-left-3rZpBW {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 190px;
        margin-right: 40px;
    }

.finalize-signer-left_nameBlock-346BBt {
            margin-left: 15px;
        }

.finalize-signer-left_nameBlock_name-INW5wz {
                color: undefined;
                color: var(--color_darkGray);
                font-size: undefined;
                font-size: var(--fontSize_tab);
                font-weight: bold;
            }

.finalize-signer-left_nameBlock_mail-1XZO8N {
                color: undefined;
                color: var(--color_gray);
                font-size: undefined;
                font-size: var(--fontSize_tip);
            }

.finalize-signer-right-1vtA7L {
        color: undefined;
        color: var(--color_gray);
        font-size: undefined;
        font-size: var(--fontSize_standart);
    }

.finalize-signer-right_info-3xUUNn {
            margin-bottom: 2px;
        }

.finalize-signer-right_info-3xUUNn.finalize-red-3c00wb {
                color: undefined;
                color: var(--color_lightRed);
            }

.finalize-signer-right_info-3xUUNn.finalize-green-3XkloW {
                color: undefined;
                color: var(--color_green);
                padding-left: 23px;
            }

.finalize-signer-right_info-3xUUNn.finalize-green-3XkloW::after {
                    left: 8px;
                }

.finalize-signer-right_info-3xUUNn.finalize-green-3XkloW::before {
                    left: 3px;
                }

.finalize-signer-right_date-32_7Py {

        }

.finalize-margin40-Yvcxkg {
    min-width: 40px;
}

.finalize-downloadPopup-1TCggy {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    height: 50px;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index:5;
}

.finalize-downloadPopup-1TCggy.finalize-_open-7EtYiG .finalize-downloadPopup_btn-3pGaCz {
            z-index: 6;
            -webkit-transition-delay: 0s;
                    transition-delay: 0s;
        }

.finalize-downloadPopup_btn-3pGaCz {
        position: relative;
        z-index: 1;
        -webkit-transition: z-index 0s .2s;
        transition: z-index 0s .2s;
    }

.finalize-downloadPopup_btn-3pGaCz .finalize-arrowBtn-2X-bew {
            position: relative;
            cursor: pointer;
            display: inline-block;
            width: 20px;
            margin-left: 5px;
        }

.finalize-downloadPopup_btn-3pGaCz .finalize-arrowBtn-2X-bew > button {
                -webkit-transform: translate(-7px, 0);
                        transform: translate(-7px, 0);
            }

.finalize-downloadPopup_popup-2Y4zHu {
        position: absolute;
        top: -35px;
        left: -40px;
        width: 173px;
        padding: 70px 2px 35px 40px;
        background-color: undefined;
        background-color: var(--color_white);
        border-radius: 6px;
        z-index: 5;
        -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
                box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility .2s, opacity .2s;
        transition: visibility .2s, opacity .2s;
    }

.finalize-downloadPopup_popup-2Y4zHu.finalize-_vis-3ZBSmE {
            opacity: 1;
            visibility: visible;
        }

.finalize-initiateDisabled-2e2uuH {
    position: relative;
}

.finalize-initiateDisabled-2e2uuH > div {
        top: 35px;
        left: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .2s, visibility .2s;
        transition: opacity .2s, visibility .2s;
    }

.finalize-initiateDisabled-2e2uuH > button:hover ~ div {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .2s .5s, visibility .2s .5s;
        transition: opacity .2s .5s, visibility .2s .5s;
    }

.finalize-signPopupWrapper-1FD7gO {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 40px 0;
    overflow-y: auto;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.finalize-signPopup-AedfIV {
    position: relative;
    margin: auto;
    padding: 40px;
    width: 400px;
    border-radius: 20px;
    -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
            box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-color: #fff;
    font-size: undefined;
    font-size: var(--fontSize_h3);
    color: undefined;
    color: var(--color_black);
}

.finalize-signPopup_blueText-1JYbN_ {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        color: undefined;
        color: var(--color_primary);
        -webkit-transition: color .2s;
        transition: color .2s;
    }

.finalize-signPopup_blueText-1JYbN_ > button {
            margin-left: 5px;
        }

.finalize-signPopup_blueText-1JYbN_:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.finalize-gray-j1PbWS {
    color: undefined;
    color: var(--color_darkGray);
}

.finalize-red-3c00wb {
    color: undefined;
    color: var(--color_lightRed);
}

.finalize-scrollBlock-22CRJt {
    position: relative;
    width: 89px;
    height: 100%;
}

.finalize-scrollBlock-22CRJt .finalize-arrow-right-3G3BSn, .finalize-scrollBlock-22CRJt .finalize-arrow-left-2E_wK_ {
        right: -11px;
    }

.finalize-scrollBlock_open-19qnFb {
        z-index: 3;
    }

.finalize-scrollBlock_open-19qnFb .finalize-scrollBlockButtons-3z-Oxq {
            width: 235px;
        }

.finalize-scrollBlock_open-19qnFb .finalize-scrollBlockButtons-3z-Oxq::after {
                display: none;
            }

.finalize-scrollBlock_open-19qnFb .finalize-scrollBlockButtons-grad-x44vdX {
                right: -182px;
            }

.finalize-scrollBlock_open-19qnFb .finalize-arrow-right-3G3BSn, .finalize-scrollBlock_open-19qnFb .finalize-arrow-left-2E_wK_ {
            right: -156px;
        }

.finalize-scrollBlockButtons-3z-Oxq {
    top: 0;
    left: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    width: 89px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 3;
    height: 40px;
}

.finalize-scrollBlockButtons-grad-x44vdX {
        position: absolute;
        top: 0;
        right: -36px;
        height: 50px;
        width: 35px;
        background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
        background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
        z-index: 3;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.finalize-scrollBlockButtons-3z-Oxq::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
    }

.finalize-arrow-right-3G3BSn, .finalize-arrow-left-2E_wK_ {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: #fff;
    right: -12px;
    top: 0px;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 4;
}

.finalize-arrow-right-3G3BSn::before, .finalize-arrow-right-3G3BSn::after, .finalize-arrow-left-2E_wK_::before, .finalize-arrow-left-2E_wK_::after {
        content: '';
        border-radius: 1px;
        position: absolute;
        background-color: #979797;
        top: 3px;
        left: 9px;
        width: 1px;
        height: 8px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }

.finalize-arrow-right-3G3BSn::after, .finalize-arrow-left-2E_wK_::after {
        top: 8px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

.finalize-arrow-left-2E_wK_::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

.finalize-arrow-left-2E_wK_::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }

.finalize-borderH-1otH9s {
    top: -16px;
    right: 0px;
    position: absolute;
}

.finalize-borderH-1otH9s.finalize-borderH-left-3hkJ7K {
        right: -146px;
    }
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/TempUserBlock/tempUserBlock.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.tempUserBlock-wrapper-V-xoIY {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.tempUserBlock-alert-DVa2Bo {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 300px;
    background-color: undefined;
    background-color: var(--color_white);
    border-radius: 6px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_alert);
            box-shadow: var(--shadow_alert);
    padding: 20px;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 15;
}

.tempUserBlock-alert-DVa2Bo .tempUserBlock-red-3bKrfm {
        color: undefined;
        color: var(--color_lightRed);
    }

.tempUserBlock-alert-DVa2Bo.tempUserBlock-_vis-3WszEB {
        opacity: 1;
        visibility: visible;
    }

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/browserSupport/BrowserSupportNotice.css ***!
  \**********************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.BrowserSupportNotice-wrapper-293kj2 {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.BrowserSupportNotice-alert-kE7GF9 {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 300px;
    background-color: undefined;
    background-color: var(--color_white);
    border-radius: 6px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_alert);
            box-shadow: var(--shadow_alert);
    padding: 20px 30px 20px 20px;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 15;
}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/TopMenuModes/TemplatesView.css ***!
  \***************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.TemplatesView-screen-2wx8K9 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.TemplatesView-wrapper-2oKikZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-left: 40px;
}
.TemplatesView-status-27A9h9 {
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_darkGray);
  margin-right: 40px;
  white-space: nowrap;
}
.TemplatesView-status-27A9h9.TemplatesView-_green-2-GFRI {
    color: undefined;
    color: var(--color_green);
  }
.TemplatesView-border-2YlhiP {
  margin-right: 40px;
  width: 0;
}
.TemplatesView-BtnsOpaque-qE_kJf {
  opacity: 0.3;
}
.TemplatesView-publish-e3SSEu {
  position: relative;
}
.TemplatesView-publish_btnBlock-3GMrTJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    position: relative;
    margin-right: 40px;
    -webkit-transition: z-index .0s .2s;
    transition: z-index .0s .2s;
    z-index: 1;
  }
.TemplatesView-publish_btnBlock-3GMrTJ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      position: relative;
      cursor: pointer;
    }
.TemplatesView-publish_btnBlock-3GMrTJ > div > img {
        position: relative;
        top: 5px;
        margin-right: 10px;
      }
.TemplatesView-publish-e3SSEu.TemplatesView-_open-uNRY_C .TemplatesView-publish_btnBlock-3GMrTJ {
      -webkit-transition: z-index .0s .0s;
      transition: z-index .0s .0s;
      z-index: 7;
    }
.TemplatesView-publish-e3SSEu.TemplatesView-_open-uNRY_C .TemplatesView-publish_popup-30O7F2 {
      opacity: 1;
      visibility: visible;
    }
.TemplatesView-publish-e3SSEu .TemplatesView-smallText-23vNCV {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_gray);
    width: 150px;
  }
.TemplatesView-publish_popup-30O7F2 {
    position: absolute;
    top: -40px;
    left: -40px;
    padding: 70px 40px 40px;
    width: 280px;
    background-color: #FFFFFF;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    border-radius: 6px;
    z-index: 6;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0;
    visibility: hidden;
  }
.TemplatesView-publish_popup_btnBlock-1Ppxbw {
      margin-top: 20px;
    }
.TemplatesView-publish_popup_btnBlock-1Ppxbw > button {
        margin-bottom: 8px;
      }
.TemplatesView-publish_popup_btnBlock-1Ppxbw > textarea {
        margin-top: 8px;
        font-size: undefined;
        font-size: var(--fontSize_tip);
        color: undefined;
        color: var(--color_gray);
        width: 200px;
        padding: 4px 15px 3px;
        border: undefined;
        border: 1px solid var(--color_gray);
        border-radius: 4px;
        resize: none;
        overflow: hidden;
      }
.TemplatesView-versions-3W7hB1 {
  position: relative;
}
.TemplatesView-versions-3W7hB1 > button {
    -webkit-transition: z-index .0s .2s;
    transition: z-index .0s .2s;
    z-index: 1;
  }
.TemplatesView-versions-3W7hB1.TemplatesView-_open-uNRY_C > button {
      -webkit-transition: z-index .0s .0s;
      transition: z-index .0s .0s;
      z-index: 7;
    }
.TemplatesView-versions-3W7hB1.TemplatesView-_open-uNRY_C .TemplatesView-versions_popup-35qv0G {
      opacity: 1;
      visibility: visible;
    }
.TemplatesView-versions_popup-35qv0G {
    position: absolute;
    top: -40px;
    left: -40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    padding: 100px 40px 40px;
    width: 400px;
    background-color: #FFFFFF;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    border-radius: 6px;
    z-index: 6;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0;
    visibility: hidden;
  }
.TemplatesView-versions_popup_version-3Xv2aP {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      padding: 10px 0;
    }
.TemplatesView-versions_popup_version-3Xv2aP:last-child {
        padding-bottom: 0;
      }
.TemplatesView-versions_popup_version-3Xv2aP:not(:first-of-type) {
        border-top: undefined;
        border-top: 1px solid var(--color_lightGray);
      }
.TemplatesView-versions_popup_version_title-pHoP0H {
        width: 130px;
        padding-right: 40px;
        color: undefined;
        color: var(--color_primary);
      }
.TemplatesView-versions_popup_version_title-pHoP0H.TemplatesView-_current-1mUfrd {
          font-weight: bold;
        }
.TemplatesView-versions_popup_version_title-pHoP0H.TemplatesView-_prev-1HJO4U {
          color: undefined;
          color: var(--color_lightRed);
        }
.TemplatesView-versions_popup_version_desc-1ltDlS {

      }
.TemplatesView-userBlock-_AO0w4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 10px;
}
.TemplatesView-userBlock-_AO0w4 a:first-child {
    margin-right: 15px;
  }
.TemplatesView-userBlock_name-2xwXMK {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_darkGray);
    white-space: nowrap;
    font-weight: bold;
    overflow: hidden;
    -webkit-transition: color .2s;
    transition: color .2s;
  }
.TemplatesView-userBlock_email-11XQ5C {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_darkGray);
    white-space: nowrap;
    font-weight: bold;
    overflow: hidden;
    -webkit-transition: color .2s;
    transition: color .2s;
  }
.TemplatesView-userBlock_name-2xwXMK + .TemplatesView-userBlock_email-11XQ5C {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_gray);
    font-weight: normal;
    overflow: hidden;
  }
.TemplatesView-bold-FCnZPG {
  font-weight: bold;
}
.TemplatesView-green-1bDyd9 {
  color: undefined;
  color: var(--color_green);
}
.TemplatesView-gray-39eFPz {
  color: undefined;
  color: var(--color_gray);
}
.TemplatesView-red-2ySI6b {
  color: undefined;
  color: var(--color_lightRed);
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/TemplatesUnderMenu/templatesUnderMenu.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;   
}
:root {
  --sky: #157efb;   
}
:root {
  --black: #212121;   
}
:root {
  --color2: #acacac;   
}
:root {
  --color: #606060;   
}
:root {
  --bg: #fff;   
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);   
}
:root {
  --errorColor: red;   
}
:root {
  --fontFamily2: Tahoma, sans-serif;   
}
:root {
  --fontFamily: ProximaNova, sans-serif;   
}
.templatesUnderMenu-container-1kd7jD {
  position: relative;   
}
.templatesUnderMenu-wrapper-3Hr5j2 {
  position: relative;
  padding: 19px 0;
  margin-top: 12px;
  border-top: undefined;
  border-top: 1px solid var(--color_lightGray);
}
.templatesUnderMenu-customTextarea-mWOMvV {
  margin-top: -2px !important;
  min-height: 29px !important;
}
/* .customTextarea:empty,
.customTextarea[style*="height: 29px"] {
  height: 29px !;
} */
.templatesUnderMenu-createVars-1DWxwq {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-right: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.templatesUnderMenu-createVars_title-1AoOzs {
    margin-right: 10px;
    font-size: 12px;
    color: undefined;
    color: var(--color_gray);
    margin-bottom: 10px;
  }
.templatesUnderMenu-createVars_btns-1nni9o {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.templatesUnderMenu-createVars_btns-1nni9o div {
       cursor: pointer;
       margin-right: 10px;
    }
.templatesUnderMenu-createVars_btns-1nni9o div > span {
         margin-right: 10px;
       }
.templatesUnderMenu-createVars_btns-1nni9o .templatesUnderMenu-divider-2ht1B2 {
      width: 1px;
      height: 19px;
      margin: 0 40px 0 30px;
      cursor: initial;
      display: inline-block;
      position: relative;
    }
.templatesUnderMenu-createVars_btns-1nni9o .templatesUnderMenu-divider-2ht1B2::before {
        content: '';
        width: 1px;
        height: 50px;
        position: absolute;
        background-color: undefined;
        background-color: var(--color_lightGray);
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
      }
.templatesUnderMenu-createVars_btn-3mt9Cw {
    font-size: undefined;
    font-size: var(--fontSize_frameNormal);
    padding: 2px 10px;
    line-height: 15px;
    display: inline-block;
    background: undefined;
    background: var(--color_white);
    color: undefined;
    color: var(--color_orange);
    border: undefined;
    border: 1px solid var(--color_orange);
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    border-radius: 5px;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 19px;
    /* &[data-point="true"]::before {
       left: -12px;
       background-color: #979797;
    }
    &[data-point="true"]::after {
       left: -18px;
       background-color: #979797;
       transform: rotate(-50deg);
    } */
  }
.templatesUnderMenu-createVars_btn-3mt9Cw[data-faded="true"] {
      opacity: 0.7;
      cursor: default;
    }
.templatesUnderMenu-createVars_btn_add-LixA3U {
      position: relative;
      height: 20px;
      font-size: 12px;
      padding-left: 10px;
    }
.templatesUnderMenu-createVars_btn-3mt9Cw > span {
      display: inline-block;      
      font-weight: bold;
    }
.templatesUnderMenu-createVars_btn-3mt9Cw > span[data-type="dropdown"], .templatesUnderMenu-createVars_btn-3mt9Cw > span[data-type="date"] {
        width: 10px
      }
.templatesUnderMenu-createVars_btn-3mt9Cw > span::before {
        content: '';
        position: absolute;
        width: 20px;
        height: 100%;
        left: -20px;
        z-index: 12;
      }
.templatesUnderMenu-createVars_btn-3mt9Cw[data-point="true"] {
      cursor: pointer;  
    }
.templatesUnderMenu-createVars_btn-3mt9Cw span[data-type="date"]::before {
       content: '';
       position: absolute;
       top: 3px;
       left: 7px;
       background-image: url(/images/button-date.png);
       background-size: 15px;
       background-repeat: no-repeat;
    }
.templatesUnderMenu-createVars_btn-3mt9Cw span[data-type="dropdown"]::before,
    .templatesUnderMenu-createVars_btn-3mt9Cw span[data-type="dropdown"]::after {
       content: '';
       border-radius: 1px;
       position: absolute;
       background-color: white;
       top: 7px;
       left: 18px;
       width: 1px;
       height: 8px;
       -webkit-transform: rotate(50deg);
               transform: rotate(50deg);
    }
.templatesUnderMenu-createVars_btn-3mt9Cw span[data-type="dropdown"]::after {
       left: 12px;
       -webkit-transform: rotate(-50deg);
               transform: rotate(-50deg);
    }
.templatesUnderMenu-varContainerExtAdapter-3SUo_S {
  width: undefined;
  width: calc(var(--root_document_width) + 490px);
  height: 0;
  margin: auto;
  position: relative;
}
/* html[data-has-landscape='true'] .varContainerExt {
  margin-left: 1rem;
} */
.templatesUnderMenu-varContainerExt-2tTAlI {
    position: absolute;
    width: 440px;
    left: undefined;
    left: calc(var(--root_document_width) + 20px);
    background-color: white;
    z-index: 0;
    top: 100%;
  }
/*
    overflow-y: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
       display: none;
       width: 0;
    } */
.templatesUnderMenu-varContainerExt-2tTAlI.templatesUnderMenu-template-2pCXD8 {
      margin-top: 74px;
    }
.templatesUnderMenu-varContainerExt-2tTAlI > .templatesUnderMenu-toggles-22WgR9 {
      margin-bottom: 13px;
    }
.templatesUnderMenu-varContainer-1f7ErQ {
    padding: 7px 0 250px 20px;    
  }
.templatesUnderMenu-head-1QZlZT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-top: 1px;
    margin-bottom: 40px;
  }
.templatesUnderMenu-head_title-vhOCl1 {
      font-size: 12px;
      color: undefined;
      color: var(--color_gray);
      margin-right: 10px;
    }
.templatesUnderMenu-head_radio-2cijbs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.templatesUnderMenu-head_radio-2cijbs > div {
        font-size: 12px;
        line-height: 12px;
        color: undefined;
        color: var(--color_darkGray);
        display: inline-block;
        padding: 2px 10px 1px;
        border: undefined;
        border: 1px solid var(--color_lightGray2);
        -webkit-transition: all .2s;
        transition: all .2s;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
      }
.templatesUnderMenu-head_radio-2cijbs > div[data-current="true"] {
          color: #fff;
          background-color: undefined;
          background-color: var(--color_gray);
          border-color: undefined;
          border-color: var(--color_gray);
        }
.templatesUnderMenu-head_radio-2cijbs > div:hover:not([data-current="true"]) {
          color: undefined;
          color: var(--color_primary_hover);
        }
.templatesUnderMenu-head_radio-2cijbs > div:not(:first-child):not(:last-child) {
        border-left: none;
        border-right: none;
      }
.templatesUnderMenu-head_radio-2cijbs > div:first-child {
        border-radius: 5px 0 0  5px;

      }
.templatesUnderMenu-head_radio-2cijbs > div:last-child {
        border-radius: 0 5px 5px 0;
      }
.templatesUnderMenu-valueDropdown-26gbjd {
  font-size: 14px;
  color: undefined;
  color: var(--color_darkGray);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.templatesUnderMenu-variableField-2dfcUW {
  width: 360px;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  border: undefined;
  border: var(--dashed_border);
  background-color: white;
  margin-bottom: 10px;
  /* box-shadow: 0 1px 14px 0 rgb(0 0 0 / 11%); */
  -webkit-transition: margin-left .2s;
  transition: margin-left .2s;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}
.templatesUnderMenu-variableField-2dfcUW[data-is-valid="true"] {
    border-color: undefined !important;
    border-color: var(--color_lightRed) !important;
    -webkit-box-shadow: undefined !important;
            box-shadow: undefined !important;
    -webkit-box-shadow: var(--shadow_alert) !important;
            box-shadow: var(--shadow_alert) !important;
  }
.templatesUnderMenu-variableField-2dfcUW[data-edited="false"] {
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_alert);
            box-shadow: var(--shadow_alert);
    border-color: undefined;
    border-color: var(--color_orange);
  }
.templatesUnderMenu-variableField-2dfcUW[data-hi="true"] {
    background-color: undefined;
    background-color: var(--color_yellow_light);
  }
.templatesUnderMenu-variableField-2dfcUW[data-pos="true"] {
    background-color: undefined;
    background-color: var(--color_yellow_light);
  }
.templatesUnderMenu-variableField-2dfcUW[data-filled="true"]:not([data-edited="true"]) {
    width: 320px;  
    margin-left: 40px;
    -webkit-box-shadow:none;
            box-shadow:none;
  }
.templatesUnderMenu-variableField-2dfcUW[data-filled="true"]:not([data-edited="true"]) .templatesUnderMenu-questionDiv-3XX85I {
      font-size: 12px;
      color: undefined;
      color: var(--color_gray);
      margin-bottom: 10px; 
    }
.templatesUnderMenu-variableField-2dfcUW[data-filled="true"]:not([data-edited="true"]) .templatesUnderMenu-valueDiv-3YObG6 {
      font-size: 14px;
      color: undefined;
      color: var(--color_darkGray);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
.templatesUnderMenu-variableField-2dfcUW button {
    font-family: 'ProximaNova', sans-serif !important;
    cursor: pointer;
  }
.templatesUnderMenu-variableField-2dfcUW:nth-child(2) .templatesUnderMenu-variableField_footer_move-14GvSw :first-child {
    cursor: default;
    color: undefined;
    color: var(--color_gray);
  }
.templatesUnderMenu-variableField-2dfcUW:last-child .templatesUnderMenu-variableField_footer_move-14GvSw :last-child {
    cursor: default;
    color: undefined;
    color: var(--color_gray);
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-questionDiv-3XX85I {
    position: relative;
    word-break: break-word;
    font-size: 14px;
    color: undefined;
    color: var(--color_darkGray);
    line-height: 17px;    
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28 {
    position: relative;
    word-break: break-word;
    font-size: 14px;
    color: undefined;
    color: var(--color_darkGray);
    line-height: 17px;    
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-questionDiv-3XX85I[data-req="true"], .templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28[data-req="true"] {
      font-weight: bold;
    }
.templatesUnderMenu-variableField-2dfcUW[data-filled='false'] .templatesUnderMenu-questionDiv-3XX85I::before {
    content: '';
    width: 2px;
    height: 65%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: undefined;
    background: var(--color_orange);
    position: absolute;
    left: -20px;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-questionDrop-31SWi5 {
    font-size: 14px;
    line-height: 17px;
    color: undefined;
    color: var(--color_darkGray);
    padding-left: 38px;
    position: relative;
    cursor: pointer;
    min-height: 16px;
    /* &[data-selected="true"] {
      font-weight: bold;
      color: var(--color_darkGray);
      &:hover {
         color: var(--color_primary_hover);
      }
    } */
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-questionDrop-31SWi5:hover {
       color: undefined;
       color: var(--color_primary_hover);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28 {
    height: 21px;
    overflow: hidden;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28::-webkit-input-placeholder {
      color: undefined;
      color: var(--color_orange);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28::-moz-placeholder {
      color: undefined;
      color: var(--color_orange);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28::-ms-input-placeholder {
      color: undefined;
      color: var(--color_orange);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28::placeholder {
      color: undefined;
      color: var(--color_orange);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28[data-used="false"] {
      color: undefined;
      color: var(--color_darkGray);
      position: relative;
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28[data-used="false"]::before {
      content: '';
      width: 2px;
      height: 65%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background: undefined;
      background: undefined;
      background: var(--color_orange);
      position: absolute;
      left: -20px;
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq {
    /* margin-top: 5px; */
    line-height: 15px;
    font-size: 12px;
    color: undefined;
    color: var(--color_darkGray);
    position: relative;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hintDiv-poarsS {
    /* margin-top: 5px; */
    line-height: 15px;
    font-size: 12px;
    color: undefined;
    color: var(--color_darkGray);
    position: relative;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hintDrop-2oxfb1 {
    /* margin-top: 5px; */
    line-height: 15px;
    font-size: 12px;
    color: undefined;
    color: var(--color_darkGray);
    position: relative;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hintDrop-2oxfb1 {
    margin: 10px 0 0 40px;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq {
    height: 18px;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
  }
/* &:hover {
      text-decoration-color: rgb(21, 126, 251);
    }
    */
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq::-webkit-input-placeholder {
      /* font-size: 12px !important; */
      color: #157efb !important;
      /* text-decoration-color: rgba(21, 125, 251, 0) !important;
      text-decoration-line: none !important;
      text-decoration-style: none !important; */
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq::-moz-placeholder {
      /* font-size: 12px !important; */
      color: #157efb !important;
      /* text-decoration-color: rgba(21, 125, 251, 0) !important;
      text-decoration-line: none !important;
      text-decoration-style: none !important; */
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq::-ms-input-placeholder {
      /* font-size: 12px !important; */
      color: #157efb !important;
      /* text-decoration-color: rgba(21, 125, 251, 0) !important;
      text-decoration-line: none !important;
      text-decoration-style: none !important; */
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq::placeholder {
      /* font-size: 12px !important; */
      color: #157efb !important;
      /* text-decoration-color: rgba(21, 125, 251, 0) !important;
      text-decoration-line: none !important;
      text-decoration-style: none !important; */
    }
/* text-decoration-color: rgb(21, 126, 251, 0.2);
    text-decoration-style: dashed;
    text-decoration-line: underline;
    text-underline-offset: 20%; */
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq[data-is-empty="true"] {
      color: undefined;
      color: var(--color_primary);
      text-decoration: none;
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-oldinput-3R7XVD {
    width: 100%;
    padding: 5px 10px;
    font-size: undefined;
    font-size: var(--fontSize_medium);
    border: undefined;
    border: 1px solid var(--color_lightGray);
    color: undefined;
    color: var(--color_darkGray);
    border-radius: undefined;
    border-radius: var(--btn_borderRadius_primary);
    min-height: 60px;
    line-height: 17px;
    scrollbar-width: none;
    overflow: hidden;
  }
.templatesUnderMenu-variableField-2dfcUW input, .templatesUnderMenu-variableField-2dfcUW textarea {
    font-family: 'ProximaNova', sans-serif !important;
    width: 270px;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    padding: 0;
    margin: 0;
    resize: none;
  }
.templatesUnderMenu-variableField-2dfcUW input.templatesUnderMenu-correctWidth-2nQVD9, .templatesUnderMenu-variableField-2dfcUW textarea.templatesUnderMenu-correctWidth-2nQVD9 {
      /* width: 190px; */
      -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
              text-decoration-color: rgb(21, 126, 251, 0.2);
      -webkit-text-decoration-style: dashed;
              text-decoration-style: dashed;
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline;
      text-underline-offset: 20%;
      text-decoration-thickness: 1px;
    }
.templatesUnderMenu-variableField-2dfcUW input.templatesUnderMenu-correctWidth-2nQVD9:hover, .templatesUnderMenu-variableField-2dfcUW textarea.templatesUnderMenu-correctWidth-2nQVD9:hover {
        -webkit-text-decoration-color: rgb(21, 126, 251);
                text-decoration-color: rgb(21, 126, 251);
      }
.templatesUnderMenu-variableField-2dfcUW input.templatesUnderMenu-down10-2BFGNS, .templatesUnderMenu-variableField-2dfcUW textarea.templatesUnderMenu-down10-2BFGNS {
      margin-top: 10px;
    }
/* &.top8 {
      margin-top: -8px;
    } */
.templatesUnderMenu-variableField-2dfcUW input[data-req='true'], .templatesUnderMenu-variableField-2dfcUW textarea[data-req='true'] {
      font-weight: bold;
    }
.templatesUnderMenu-variableField_docHead-20Ja2t {
      padding: 20px;    
  }
.templatesUnderMenu-variableField_head-zWWBOv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

    gap: 20px;
  }
.templatesUnderMenu-variableField_head_inputs-3-Iq3q {
      /* margin-right: 20px; */
      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;
      gap: 5px;
    }
.templatesUnderMenu-variableField_head_inputs-3-Iq3q .templatesUnderMenu-questionContainer-1CxQ15 {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
.templatesUnderMenu-variableField_head_inputs-3-Iq3q:not([data-used="true"]) span::before {
        content: '';
        width: 2px;
        height: calc(100% - 4px);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: undefined;
        background: undefined;
        background: var(--color_orange);
        position: absolute;
        left: -21px;   
      }
.templatesUnderMenu-variableField_head-zWWBOv button {
      font-size: 12px;
      color: undefined;
      color: var(--color_primary);
      border: none;
      background-color: rgba(255, 255, 255, 0);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 0;
    }
.templatesUnderMenu-variableField_head-zWWBOv button:not(:last-child) {
        margin-right: 20px;
      }
.templatesUnderMenu-variableField_head_right-1IajaY {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;     
      padding-top: 2px;
    }
.templatesUnderMenu-variableField_head_right_clpsBtns-2DOX8W {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
      }
.templatesUnderMenu-variableField_head_right-1IajaY > .templatesUnderMenu-reqCheckbox-uKC7ID {
        margin-right: 0;
      }
.templatesUnderMenu-variableField_dropdownPart-21kwem {
    padding: 0 20px 20px;
  }
.templatesUnderMenu-variableField_dropdownPart_btn-3ZVfnH {
      background-color: #FFFFFF;
      font-size: 14px;
      padding: 10px 20px;
      border: undefined;
      border: 1px solid var(--color_primary);
      color: undefined;
      color: var(--color_primary);
      border-radius: 5px;
      -webkit-transition: all .2s;
      transition: all .2s;
      margin-top: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px;
    }
.templatesUnderMenu-variableField_dropdownPart_btn-3ZVfnH:hover {
        opacity: 0.7;
        /* color: var(--color_orange_hover);
        border-color: var(--color_orange_hover); */
      }
.templatesUnderMenu-variableField_dropdownPart_options-xx-UIq {
      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;
    }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      /* border: 1px dashed var(--color_orange); */
      /* padding: 20px 20px 10px 20px; */
      /* &:first-child {
        border-radius: 8px 8px 0 0;
      }
      &:first-child:last-child {
        border-radius: 8px;
      } */
    }
/* box-shadow: var(--shadow_alert); */
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_[data-draft-doc='false'] {
        border: undefined;
        border: 1px dashed var(--color_orange);
        border-radius: 8px;
      /* padding: 20px 20px 10px 20px; */
        -webkit-box-shadow: undefined;
                box-shadow: undefined;
        -webkit-box-shadow: var(--shadow_alert);
                box-shadow: var(--shadow_alert);
      }
.templatesUnderMenu-variableField_advanced-jvPykr {
    padding: 0 20px 16px;
  }
.templatesUnderMenu-variableField_advanced-jvPykr input {
      width: 100%;
      padding: 8px 15px;
      font-size: 14px;
      border: undefined;
      border: 1px solid var(--color_lightGray);
    }
.templatesUnderMenu-variableField_advanced_title-Z9EBhX {
      font-size: 16px;
      font-weight: bold;
      color: undefined;
      color: var(--color_black);
    }
.templatesUnderMenu-variableField_advanced_paramName-3YJu1B {
      font-size: 10px;
      color: undefined;
      color: var(--color_gray);
      margin: 20px 0 0 0 !important;
      /* margin-bottom: 10px; */
    }
.templatesUnderMenu-variableField_advanced-jvPykr button {
      font-size: 12px;
      color: undefined;
      color: var(--color_primary);
      margin-right: 10px;
      border: none;
      background-color: rgba(255, 255, 255, 0);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 0;
    }
.templatesUnderMenu-variableField_advanced-jvPykr > div {
      margin-bottom: 10px;
    }
.templatesUnderMenu-variableField_advanced-jvPykr > .templatesUnderMenu-lastAdvanced-3Ne9wN {
      margin-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.templatesUnderMenu-variableField_advanced-jvPykr > .templatesUnderMenu-lastAdvanced-3Ne9wN > div:nth-child(1) {
        -ms-flex-preferred-size: 200px;
            flex-basis: 200px;
      }
.templatesUnderMenu-variableField_advanced-jvPykr > .templatesUnderMenu-lastAdvanced-3Ne9wN > div:nth-child(2) {
        -ms-flex-preferred-size: 158px;
            flex-basis: 158px;
        padding-left: 40px;
      }
.templatesUnderMenu-variableField_advanced-jvPykr .templatesUnderMenu-oldinputNameVar-2vA6B9 {
      padding: 0;
      border: none;
      min-height: 0;
      -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
              text-decoration-color: rgb(21, 126, 251, 0.2);
      /* -webkit-text-decoration-style: dashed; */
      -webkit-text-decoration-style: dashed;
              text-decoration-style: dashed;
      /* -webkit-text-decoration-line: underline; */
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline;
      text-underline-offset: 20%;
      border-radius: 0;
    }
.templatesUnderMenu-variableField_advanced-jvPykr .templatesUnderMenu-oldinputNameVar-2vA6B9:hover {
        -webkit-text-decoration-color: rgb(21, 126, 251);
                text-decoration-color: rgb(21, 126, 251);
      }
.templatesUnderMenu-variableField_footer-fsqAK7 {
    padding: 8px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: undefined;
    border-top: 1px dashed var(--color_orange);    
  }
.templatesUnderMenu-variableField_footer_move-14GvSw {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
.templatesUnderMenu-variableField_footer-fsqAK7 > :last-child {
       margin-left: auto;
    }
.templatesUnderMenu-variableField_footer-fsqAK7 button {
      font-size: 12px;
      color: undefined;
      color: var(--color_primary);
      border: none;
      background-color: rgba(255, 255, 255, 0);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 0;
      margin-right: 20px;
    }
.templatesUnderMenu-variableField_footer_advancedPart-3Dw_OJ {
      display: inline-block;
    }
.templatesUnderMenu-variableField_footer_advancedPart-3Dw_OJ > span {
        font-size: 12px;
        display: inline-block;
        color: undefined;
        color: var(--color_gray);
        margin-right: 20px;
      }
.templatesUnderMenu-variableField_footer_advancedPart-3Dw_OJ > :last-child {
       margin-right: 0;
      }
.templatesUnderMenu-variableField_titleBlock-2GKqDC input {
      -webkit-transition: all .2s;
      transition: all .2s;
    }
.templatesUnderMenu-variableField_titleBlock-2GKqDC input.templatesUnderMenu-_err-3C9rzB {
        border-color: undefined;
        border-color: var(--color_lightRed);
      }
.templatesUnderMenu-variableField_titleBlock-2GKqDC .templatesUnderMenu-variableField_title-2F8ufo {
      font-size: 10px;
      color: undefined;
      color: var(--color_gray);
      margin-bottom: 10px;
    }
.templatesUnderMenu-variableField_chgInputType-2S_M92 {
    margin-top: 10px;
    margin-bottom: 25px;
  }
.templatesUnderMenu-variableField_chgInputType-2S_M92 > button {
      border: undefined;
      border: 1px solid var(--color_orange);
      padding: 2px 10px 1px;
      background-color: #fff;
      color: undefined;
      color: var(--color_orange);
      font-size: 12px;
      line-height: 12px;
      border-radius: 5px;
      cursor: pointer;
    }
.templatesUnderMenu-variableField_chgInputType-2S_M92 > button:not(:last-child) {
        margin-right: 10px;
      }
.templatesUnderMenu-variableField_chgInputType-2S_M92 > button[data-selected] {
        background-color: undefined;
        background-color: var(--color_orange);
        color: #fff;
      }
.templatesUnderMenu-variableField_params-1wE-q7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
  }
.templatesUnderMenu-variableField_params-1wE-q7 > button {
      font-size: 12px;
      color: undefined;
      color: var(--color_primary);
      margin-right: 10px;
      border: none;
      background-color: rgba(255, 255, 255, 0);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 0;
    }
.templatesUnderMenu-variableField_paramsFields-3uXWqH > div {
      margin-bottom: 20px;
    }
.templatesUnderMenu-variableField_paramsFields-3uXWqH > div > div:first-child {
        font-size: 10px;
        color: undefined;
        color: var(--color_gray);
        margin-bottom: 10px;
      }
.templatesUnderMenu-variableField_insertBtn-3rfB8M {
    font-weight: bold !important;
    color: undefined !important;
    color: var(--color_orange) !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 12px;
    border: none;
    background-color: white;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
  }
.templatesUnderMenu-variableField_insertBtn-3rfB8M[data-off="true"] {
      opacity: 0.3;
      cursor: default;
    }
.templatesUnderMenu-variableField_saveBtn-loaxU_ {
    color: undefined !important;
    color: var(--color_primary) !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
.templatesUnderMenu-variableField_delBtn--TUIaa {
    color: undefined !important;
    color: var(--color_darkRed) !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
.templatesUnderMenu-variableField_disabledBtn-29ZjhV {
    color: undefined !important;
    color: var(--color_gray) !important;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
.templatesUnderMenu-variableField-2dfcUW.templatesUnderMenu-_collapse-3ZFe7H .templatesUnderMenu-variableField_head_right_reqCheckbox-2-x_CK,
    .templatesUnderMenu-variableField-2dfcUW.templatesUnderMenu-_collapse-3ZFe7H .templatesUnderMenu-variableField_advanced-jvPykr,
    .templatesUnderMenu-variableField-2dfcUW.templatesUnderMenu-_collapse-3ZFe7H .templatesUnderMenu-variableField_footer-fsqAK7,
    .templatesUnderMenu-variableField-2dfcUW.templatesUnderMenu-_collapse-3ZFe7H .templatesUnderMenu-variableField_dropdownPart-21kwem {
      display: none;
    }
.templatesUnderMenu-variableField-2dfcUW.templatesUnderMenu-_collapse-3ZFe7H .templatesUnderMenu-variableField_head-zWWBOv {
      border-bottom: none;
    }
.templatesUnderMenu-chk-10cW2u, .templatesUnderMenu-chkBig-2ZoFJ1 {
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: all .2s;
  transition: all .2s;
  margin-right: 10px;
  display: inline-block;
}
.templatesUnderMenu-chk-10cW2u svg, .templatesUnderMenu-chkBig-2ZoFJ1 svg {
    width: 8px;
    top: 0;
    left: 1px;
    height: 14px;
    fill: #fff;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    position: relative;
  }
.templatesUnderMenu-chk-10cW2u[data-fill="true"] {
    border-color: undefined;
    border-color: var(--color_primary);
    background-color: undefined;
    background-color: var(--color_primary);
  }
.templatesUnderMenu-chkBig-2ZoFJ1[data-fill="true"] {
    border-color: undefined;
    border-color: var(--color_primary);
    background-color: undefined;
    background-color: var(--color_primary);
  }
.templatesUnderMenu-chkBig-2ZoFJ1 {
  width: 18px;
  height: 18px;
}
.templatesUnderMenu-chkBig-2ZoFJ1 svg {
    width: 14px;
    top: 3px;
    left: 2px;
  }
.templatesUnderMenu-reqCheckbox-uKC7ID {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    font-size: 12px;
    color: undefined;
    color: var(--color_darkGray);
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin-right: 12px;
}
.templatesUnderMenu-reqCheckboxBig-G--Jeh {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    font-size: 12px;
    color: undefined;
    color: var(--color_darkGray);
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin-right: 12px;
}
.templatesUnderMenu-reqCheckbox-uKC7ID[data-read="true"], .templatesUnderMenu-reqCheckboxBig-G--Jeh[data-read="true"] {
       cursor: initial;
    }
.templatesUnderMenu-reqCheckboxBig-G--Jeh {
    display: block;
    position:absolute;
    left: 0;
    top: -5px;
}
.templatesUnderMenu-chk-10cW2u {
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: all .2s;
  transition: all .2s;
  margin-right: 10px;
  display: inline-block;
}
.templatesUnderMenu-chk-10cW2u svg {
    width: 8px;
    top: 0;
    left: 1px;
    height: 14px;
    fill: #fff;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    position: relative;
  }
.templatesUnderMenu-chk-10cW2u[data-fill="true"] {
    border-color: undefined;
    border-color: var(--color_primary);
    background-color: undefined;
    background-color: var(--color_primary);
  }
.templatesUnderMenu-chk-10cW2u[data-read="true"] {
    cursor: initial;
  }
.templatesUnderMenu-typeSelector-VxdzAS {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  left: -40px;
  top: -20px;
  background: white;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 20px 0 rgb(0 0 0 / 11%);
          box-shadow: 0 1px 20px 0 rgb(0 0 0 / 11%);
  z-index: 7;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.templatesUnderMenu-typeSelector-VxdzAS :not(:last-child) {
    margin-bottom: 10px;
  }
.templatesUnderMenu-typeSelector-VxdzAS :last-child {
    margin: 0;
  }
.templatesUnderMenu-typeSelector-VxdzAS > .templatesUnderMenu-createVars_btn-3mt9Cw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
[data-arrow="true"]::before {
   -webkit-transform: rotate(-50deg) !important;
           transform: rotate(-50deg) !important;
}
[data-arrow="true"]::after {
   -webkit-transform: rotate(50deg) !important;
           transform: rotate(50deg) !important;
}
.templatesUnderMenu-screen-3RFvfF {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.templatesUnderMenu-borderel-2g9qE0 {
    width: 20px;
    display: inline-block;
}
.templatesUnderMenu-cross-n1Jhqa {
  position:relative;
  cursor: pointer;
  top: 2px;
}
.templatesUnderMenu-cross-n1Jhqa::before {
    content: '';
    position: absolute;
    background-color: undefined;
    background-color: var(--color_lightGray2);
    top: -6px;
    left: 0px;
    width: 1px;
    height: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
.templatesUnderMenu-cross-n1Jhqa::after {
    content: '';
    position: absolute;
    background-color: undefined;
    background-color: var(--color_lightGray2);
    top: -6px;
    left: 0px;
    width: 1px;
    height: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
.templatesUnderMenu-cross-n1Jhqa::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
.templatesUnderMenu-cross-n1Jhqa span {
    position: absolute;
    height: 8px;
    width: 10px;
    left: -3px;
    top: -4px;
    display: inline-block;
    color: white;
  }
.templatesUnderMenu-cross-n1Jhqa span > div {
       opacity: 0;
       top: 20px;
       right: -12px;
       -webkit-transition: opacity .1s;
       transition: opacity .1s;
    }
.templatesUnderMenu-cross-n1Jhqa span:hover > div {
       opacity: 1;
    }
.templatesUnderMenu-saveBlock-2stY8o {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0px;
  right: 0px;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.templatesUnderMenu-saveBlock-2stY8o .templatesUnderMenu-cross-n1Jhqa {
    margin-left: 10px;
    margin-right: 5px;
    top: 0px;
  }
.templatesUnderMenu-saveBlock-2stY8o > div {
      font-size: 12px;
      color: undefined;
      color: var(--color_primary);
  }
.templatesUnderMenu-saveBlock-2stY8o > div:hover {
         color: undefined;
         color: var(--color_primary_hover); 
      }
[data-select="true"] [data-select] {
    cursor: pointer;
    opacity: 1;
}
.templatesUnderMenu-scrollContent-d6fOs2 {
   padding: 7px 40px 7px 0;
}
.templatesUnderMenu-toggles-22WgR9 {
  background-color: white;
  border-bottom: undefined;
  border-bottom: 1px solid var(--color_lightGray);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_gray);
  display: inline-block;
  height: 24px;
  margin: 38px 20px 18px;
  z-index: 2;
}
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3 {
      position: relative;
      display: inline-block;
      margin-bottom: 10px;
      cursor: pointer;
      -webkit-transition: all .2s;
      transition: all .2s;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3:not(:last-child) {
          margin-right: 20px;
      }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3:hover {
          color: undefined;
          color: var(--color_primary_hover);
      }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3.templatesUnderMenu-_new-6mp3TF {
          color: undefined;
          color: var(--color_primary);
          font-weight: bold;
      }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3.templatesUnderMenu-_unsel-kqbPjK {
        color: undefined;
        color: var(--color_lightGray);
        cursor: initial;
      }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3.templatesUnderMenu-_unsel-kqbPjK:hover {
          color: undefined;
          color: var(--color_lightGray);
        }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3.templatesUnderMenu-_sel-3wdS-C {
          color: undefined;
          color: var(--color_darkGray);
      }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3.templatesUnderMenu-_sel-3wdS-C::after {
              display: block;
              content: '';
              position: absolute;
              width: 100%;
              height: 2px;
              bottom: -10px;
              left: 0;
              border-radius: 2px 2px 0 0;
              background-color: undefined;
              background-color: var(--color_lightGray2);
          }
.templatesUnderMenu-cond-var-217s-w {
  color: undefined;
  color: var(--color_orange);
  position: relative;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  text-indent: 0;
  text-align: left;
  text-transform: initial;
  border: none;
  background: white;
  position: relative;
  padding: 0 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: undefined;
  border: dashed 1px var(--color_orange_semi);
  -webkit-box-shadow: 0 1px 5px 0 rgb(0 0 0 / 15%);
          box-shadow: 0 1px 5px 0 rgb(0 0 0 / 15%);
  border-radius: 5px 0 0 5px;
  border-left-width: 5px;
  border-left-style: solid;
  cursor: pointer;
}
.templatesUnderMenu-cond-var-217s-w + .templatesUnderMenu-cross-n1Jhqa {
    top: 9px;
    left: 10px;
  }
.templatesUnderMenu-cond-question-2vlCFa {
  min-width: 40px;
  font-weight: bold;
  position: relative;
}
.templatesUnderMenu-cond-option-1zbeBr {
  min-width: 30px;
  font-weight: normal;
  border-radius: 0;
  border-left: 1px dashed;
  margin-left: 10px;
  padding-left: 10px;
}
.templatesUnderMenu-cond-dropdown-10z8sh {
  position: absolute;
  top: -21px;
  left: -21px;
  opacity: 1;
  cursor: pointer;
  z-index: 2;
  width: 390px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-indent: 0;
  padding: 20px 20px 20px 10px;
  background: white;
  border: 1px white solid;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 20px 0 rgb(0 0 0 / 11%);
          box-shadow: 0 1px 20px 0 rgb(0 0 0 / 11%);
  max-height: 400px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;  
}
.templatesUnderMenu-cond-dropdown-10z8sh::-webkit-scrollbar {
    display: none;
  }
.templatesUnderMenu-cond-dropdown-title-31CcYO {
  padding: 0 0 5px 15px;
  font-weight: bold;
  position: relative;
  color: undefined;
  color: var(--color_orange);
}
.templatesUnderMenu-cond-dropdown-option-3xuG7n {
  color: undefined;
  color: var(--color_darkGray);
  margin: 0;
  padding: 0 0 0 15px;
}
.templatesUnderMenu-cond-dropdown-option-3xuG7n:not(:last-child) {
    padding-bottom: 5px;
  }
.templatesUnderMenu-option_selected-3mIvIg {
  font-weight: bold
}
.templatesUnderMenu-cond-arrow-2ylaDv {
  margin-right: 8px;
  top: 3px;
}
.templatesUnderMenu-valueDate-3zJexK{
    font-size: undefined;
    font-size: var(--fontSize_readable); 
    color: undefined; 
    color: var(--color_darkGray);
    position: relative;
    cursor: pointer;
}
.templatesUnderMenu-optionsArrow-3E2ULS {
  aspect-ratio: 10 / 6;
  width: 10px;
  margin-right: 10px;
}
.templatesUnderMenu-advancedButton-2Tlzio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.templatesUnderMenu-footer_typeContainer-3U_Afv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctWidth-2nQVD9.templatesUnderMenu-correctPlaceholder-3tjV5s::-webkit-input-placeholder {
  color: #ACACAC;
  -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
          text-decoration-color: rgb(21, 126, 251, 0.2);
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 20%;
}
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctWidth-2nQVD9.templatesUnderMenu-correctPlaceholder-3tjV5s::-moz-placeholder {
  color: #ACACAC;
  text-decoration-color: rgb(21, 126, 251, 0.2);
  text-decoration-style: dashed;
  text-decoration-line: underline;
  text-underline-offset: 20%;
}
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctWidth-2nQVD9.templatesUnderMenu-correctPlaceholder-3tjV5s::-ms-input-placeholder {
  color: #ACACAC;
  text-decoration-color: rgb(21, 126, 251, 0.2);
  text-decoration-style: dashed;
  text-decoration-line: underline;
  text-underline-offset: 20%;
}
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctWidth-2nQVD9.templatesUnderMenu-correctPlaceholder-3tjV5s::placeholder {
  color: #ACACAC;
  -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
          text-decoration-color: rgb(21, 126, 251, 0.2);
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 20%;
}
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T {
  -webkit-transition: -webkit-text-decoration-color 0.3s ease;
  transition: -webkit-text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
  color: undefined;
  color: var(--color_darkGray);
}
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-bold-3sGbTk {
    font-weight: bold;
  }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-normal-cYiqCh {
    font-weight: normal;
  }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-fs14-1aKvTU {
    font-size: 14px;
  }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-fs12-1Xv7gX {
    font-size: 12px;
  }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-clause-ont3kD[data-is-empty='true'] {
      -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
              text-decoration-color: rgb(21, 126, 251, 0.2);
      -webkit-text-decoration-style: dashed;
              text-decoration-style: dashed;
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline;
      text-underline-offset: 20%;
      text-decoration-thickness: 1px;
      color: undefined;
      color: var(--color_gray);
    }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-clause-ont3kD[data-is-empty='true']:hover, textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-clause-ont3kD[data-is-empty='true']:focus {
        -webkit-text-decoration-color: rgb(21, 126, 251, 1);
                text-decoration-color: rgb(21, 126, 251, 1);
      }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-hint-5QVAnq {
    -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
            text-decoration-color: rgb(21, 126, 251, 0.2);
    -webkit-text-decoration-style: dashed;
            text-decoration-style: dashed;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
  }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-hint-5QVAnq:hover, textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-hint-5QVAnq:focus {
      -webkit-text-decoration-color: rgb(21, 126, 251, 1);
              text-decoration-color: rgb(21, 126, 251, 1);
    }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-hint-5QVAnq[data-is-empty='true'] {
      text-decoration: none;
    }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-correctPlaceholder-3tjV5s {
    -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
            text-decoration-color: rgb(21, 126, 251, 0.2);
    -webkit-text-decoration-style: dashed;
            text-decoration-style: dashed;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
  }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-correctPlaceholder-3tjV5s::-webkit-input-placeholder {
      color: undefined;
      color: var(--color_gray);
    }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-correctPlaceholder-3tjV5s::-moz-placeholder {
      color: undefined;
      color: var(--color_gray);
    }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-correctPlaceholder-3tjV5s::-ms-input-placeholder {
      color: undefined;
      color: var(--color_gray);
    }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-correctPlaceholder-3tjV5s::placeholder {
      color: undefined;
      color: var(--color_gray);
    }
textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-correctPlaceholder-3tjV5s:hover, textarea.templatesUnderMenu-question-2suy28.templatesUnderMenu-correctClause-1jnn6T.templatesUnderMenu-correctPlaceholder-3tjV5s:focus {
      -webkit-text-decoration-color: rgb(21, 126, 251, 1);
              text-decoration-color: rgb(21, 126, 251, 1);
    }
.templatesUnderMenu-advancedTools-1OcGnG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  color: undefined;
  color: var(--color_primary);
  font-size: 12px;
  margin-bottom: 0 !important;
  margin-top: 20px;
  line-height: 15px;
}
.templatesUnderMenu-advancedTools-1OcGnG .templatesUnderMenu-toolsItem-2vui5n {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0;
  }
.templatesUnderMenu-advancedTools-1OcGnG .templatesUnderMenu-toolsItem-2vui5n img {
      max-height: 10px;
      max-width: 10px;
    }
.templatesUnderMenu-advancedTools-1OcGnG .templatesUnderMenu-toolItemRemove-3mTPuX {
    color: undefined;
    color: var(--color_darkRed);
  }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_content-7xVEwH {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD {

    max-width: 140px;
  }
/* textarea {
      width: 100%;

      &::placeholder {
        width: 140px;
        line-height: 17px;
        font-size: 14px;
        color: var(--color_gray);
      }
    } */
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-title-16xOPo {
      -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
              text-decoration-color: rgb(21, 126, 251, 0.2);
      -webkit-text-decoration-style: dashed;
              text-decoration-style: dashed;
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline;
      text-underline-offset: 20%;
      color: undefined;
      color: var(--color_darkGray);
      max-width: 140px;
      border: none;
      border-radius: 0;
    }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-title-16xOPo:hover {
        -webkit-text-decoration-color: rgb(21, 126, 251);
                text-decoration-color: rgb(21, 126, 251);
      }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-title-16xOPo::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_gray);
      }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-title-16xOPo::-moz-placeholder {
        color: undefined;
        color: var(--color_gray);
      }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-title-16xOPo::-ms-input-placeholder {
        color: undefined;
        color: var(--color_gray);
      }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-title-16xOPo::placeholder {
        color: undefined;
        color: var(--color_gray);
      }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-hint-5QVAnq {
      
      margin-top: 0px;
      max-width: 140px;
      border: none;
      border-radius: 0;
    }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-hint-5QVAnq[data-is-empty='true']  {
        color: undefined;
        color: var(--color_primary);
      }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-hint-5QVAnq[data-is-empty='true']::-webkit-input-placeholder {
          color: undefined;
          color: var(--color_primary);
        }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-hint-5QVAnq[data-is-empty='true']::-moz-placeholder {
          color: undefined;
          color: var(--color_primary);
        }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-hint-5QVAnq[data-is-empty='true']::-ms-input-placeholder {
          color: undefined;
          color: var(--color_primary);
        }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-hint-5QVAnq[data-is-empty='true']::placeholder {
          color: undefined;
          color: var(--color_primary);
        }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-hint-5QVAnq[data-is-empty='false'] {
        -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
                text-decoration-color: rgb(21, 126, 251, 0.2);
        -webkit-text-decoration-style: dashed;
                text-decoration-style: dashed;
        -webkit-text-decoration-line: underline;
                text-decoration-line: underline;
        text-underline-offset: 20%;
        color: undefined;
        color: var(--color_darkGray);
      }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea.templatesUnderMenu-hint-5QVAnq[data-is-empty='false']:hover {
          -webkit-text-decoration-color: rgb(21, 126, 251);
                  text-decoration-color: rgb(21, 126, 251);
        }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_right-2X1lrz {
      /* padding-left: 20px; */
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content;
  }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_footer-2IJ3Xy {
      width: 100%;
      padding: 10px 20px;
      border-top: dashed 1px #f8964082;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 20px;
  }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ .templatesUnderMenu-variableField_dropdownPart_option_footer-2IJ3Xy button {
        background: none;
        outline: none;
        border: none;
      }
/* .variableField_dropdownPart_option .variableField_dropdownPart_option_left textarea.hint::placeholder {
  text-decoration-line: none !important;
} */
.templatesUnderMenu-correctHeight-2nyU85 {
  min-height: 28px !important;
  line-height: 16px !important;
}
textarea.templatesUnderMenu-correctWidth-2nQVD9.templatesUnderMenu-correctPlaceholder-3tjV5s {
  font-size: 14px;
}
.templatesUnderMenu-checkboxSize12-3WSg7O {
  width: 12px;
}
.templatesUnderMenu-checkboxSize12-3WSg7O > span {
    height: 12px;
    width: 12px;
  }
.templatesUnderMenu-checkboxSize12-3WSg7O > span > svg {
      width: calc(12px * 7 / 9);
      height: calc(12px* 7 / 9);
      /* top: 50%; */
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }
.templatesUnderMenu-mtm4-vLyM2C {
  margin-top: -4px;
}
.templatesUnderMenu-checkboxSize18-9hC3Tj {
  width: 18px;
}
.templatesUnderMenu-checkboxSize18-9hC3Tj > span {
    height: 18px;
    width: 18px;
  }
.templatesUnderMenu-checkboxSize18-9hC3Tj > span > svg {
      width: calc(18px * 7 / 9);
      height: calc(18px* 7 / 9);
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }
.templatesUnderMenu-checkboxGreenFilled-2Hqo6l > span[data-fill='true'] {
    background: undefined;
    background: var(--color_green);
    border-color: undefined;
    border-color: var(--color_green);
  }
.templatesUnderMenu-relative-jH1-Fo {
  position: relative;
}
.templatesUnderMenu-resetPosition-2xuOsR {
  left: auto;
  top: auto;
  bottom: auto;
  right: auto;
}
.templatesUnderMenu-flex-2HwDbt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.templatesUnderMenu-gap8-18GlT8 {
  gap: 8px;
}
.templatesUnderMenu-resetMargin-2M8RHn {
  margin: 0;
}
.templatesUnderMenu-resetMargin-2M8RHn * {
    margin: 0;
  }
.templatesUnderMenu-minWidth100Percent-1gmPX8 > span {
    min-width: 100%;
  }
.templatesUnderMenu-translateY1-N3S-Uq > span {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
.templatesUnderMenu-toggles-22WgR9 {
  background-color: white;
  border-bottom: undefined;
  border-bottom: 1px solid var(--color_lightGray);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_gray);
  display: inline-block;
  height: 24px;
  margin-bottom: 18px;
  z-index: 2;
}
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3 {
      position: relative;
      display: inline-block;
      margin-bottom: 10px;
      cursor: pointer;
      -webkit-transition: all .2s;
      transition: all .2s;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3:not(:last-child) {
          margin-right: 20px;
      }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3:hover {
          color: undefined;
          color: var(--color_primary_hover);
      }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3.templatesUnderMenu-_new-6mp3TF {
          color: undefined;
          color: var(--color_primary);
          font-weight: bold;
      }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3.templatesUnderMenu-_sel-3wdS-C {
          color: undefined;
          color: var(--color_darkGray);
      }
.templatesUnderMenu-toggles-22WgR9 .templatesUnderMenu-toggle-2Role3.templatesUnderMenu-_sel-3wdS-C::after {
              display: block;
              content: '';
              position: absolute;
              width: 100%;
              height: 2px;
              bottom: -10px;
              left: 0;
              border-radius: 2px 2px 0 0;
              background-color: undefined;
              background-color: var(--color_lightGray2);
          }
/* For comments */
.templatesUnderMenu-commentsAnimationContainer-aHHRzR {
  opacity: 0;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  position: absolute;
  z-index: 11;
  left: 0px;
  height: 10px;
  width: 500px;
  overflow: hidden;
}
.templatesUnderMenu-commentsTypeContainer-wI4GSq {
  -webkit-transform: translateY(-59px);
          transform: translateY(-59px);
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  width: 400px;
  height: 59px;
  padding: 20px 0px;
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: undefined;
  background-color: var(--color_white);
}
.templatesUnderMenu-commentsTypeContainer-wI4GSq :first-child {
      border-radius: 5px 0 0 5px;
      border-right: 0px;
  }
.templatesUnderMenu-commentsTypeContainer-wI4GSq :last-child {
      border-radius: 0 5px 5px 0;
      border-left: 0px;
  }
.templatesUnderMenu-commentsType-3kwMS4 {
  padding: 2px 10px;
  border: undefined;
  border: solid 1px var(--color_lightGray2);
}
.templatesUnderMenu-commentsType-3kwMS4.templatesUnderMenu-active-U19qob {
      border: undefined;
      border: solid 1px var(--color_gray);
      background-color: undefined;
      background-color: var(--color_gray);
      color: undefined;
      color: var(--color_white);
  }
.templatesUnderMenu-commentsType-3kwMS4:hover {
      cursor: pointer;
  }
.templatesUnderMenu-commentsAnimationContainer-aHHRzR:hover, .templatesUnderMenu-toggles-22WgR9:hover .templatesUnderMenu-commentsAnimationContainer-aHHRzR {
  opacity: 1;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  height: 60px;
}
.templatesUnderMenu-commentsAnimationContainer-aHHRzR:hover .templatesUnderMenu-commentsTypeContainer-wI4GSq, .templatesUnderMenu-toggles-22WgR9:hover .templatesUnderMenu-commentsTypeContainer-wI4GSq {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.templatesUnderMenu-commentsTypeContainer-wI4GSq:hover, .templatesUnderMenu-toggles-22WgR9:hover .templatesUnderMenu-commentsTypeContainer-wI4GSq {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.templatesUnderMenu-disabled-1alGjg {
  opacity: 0.3;
  cursor: default;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/dateControl/dateControl.css ***!
  \****************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.dateControl-wrapper-YCbX1X {
    width: 244px;
    position: absolute;
    border-radius: 5px;
    border: undefined;
    border: 1px dashed var(--color_orange);
    background-color: white;
    -webkit-box-shadow: 0 1px 5px 0 rgb(0 0 0 / 11%);
            box-shadow: 0 1px 5px 0 rgb(0 0 0 / 11%);
    font-size: undefined;
    font-size: var(--fontSize_readable); 
    color: undefined; 
    color: var(--color_darkGray); 
    z-index: 12;
}

.dateControl-datePlace-pebHSy {
    width: 100%;
    padding: 2px 5px;
    border-bottom: undefined;
    border-bottom: 1px dashed var(--color_orange);
}

.dateControl-input-1Y6sMc {
    border: none;
}

.dateControl-input-1Y6sMc.dateControl-invalid-4ZiGG3 {
        color: undefined;
        color: var(--color_darkRed);
    }

.dateControl-calendar-1DVklQ {
    padding: 20px 10px 10px 20px;
}

.dateControl-monthPlace-1E-NdY {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
}

.dateControl-propMonth-25JAWn {
    padding: 0 10px;
    cursor: pointer;
    color: undefined;
    color: var(--color_primary);
}

.dateControl-propMonth-25JAWn:hover {
        color: undefined;
        color: var(--color_primary_hover);
    }

.dateControl-dow-2DkUVQ {
    width: 20px;
    margin: 0 10px 10px 0;
    display: inline-block;
    white-space: nowrap;
}

.dateControl-dow-2DkUVQ.dateControl-bold-138ucY {
        font-weight: bold;
    }

.dateControl-dow-2DkUVQ.dateControl-day-1h9rKo {
        cursor: pointer;
    }

.dateControl-dow-2DkUVQ.dateControl-gray-3g0OWX {
        color: undefined;
        color: var(--color_gray);
    }

.dateControl-dow-2DkUVQ:hover {
        color: undefined;
        color: var(--color_primary_hover);
    }
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/document-sidebar/InvalidFieldAlert/InvalidFieldAlert.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.InvalidFieldAlert-module-container-4JoMLx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 360px;
  margin: 0 40px 0 0;
  padding: 10px 20px;
  border-radius: undefined;
  border-radius: var(--btn_borderRadius_primary);
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_menu);
          box-shadow: var(--shadow_menu);
  background-color: undefined;
  background-color: var(--color_white);
  color: undefined;
  color: var(--color_lightRed);
  margin-bottom: 8px;
}

.InvalidFieldAlert-module-container-4JoMLx p {
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 15px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/document-sidebar/InsertButton/InsertButton.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
  :root {
  --sky: #157efb;
}
  :root {
  --black: #212121;
}
  :root {
  --color2: #acacac;
}
  :root {
  --color: #606060;
}
  :root {
  --bg: #fff;
}
  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
  :root {
  --errorColor: red;
}
  :root {
  --fontFamily2: Tahoma, sans-serif;
}
  :root {
  --fontFamily: ProximaNova, sans-serif;
}
  .InsertButton-module-button-1x3VYq {
  font-weight: bold !important;
  color: undefined !important;
  color: var(--color_orange) !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 12px;
  line-height: 15px;
  border: none;
  background-color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
  .InsertButton-module-button-1x3VYq[data-off="true"] {
    opacity: 0.3;
    cursor: default;
  }

.InsertButton-module-button-1x3VYq img {
  margin-right: 11px;
  aspect-ratio: 11 / 12;
  width: 11px;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/document-sidebar/OptionAdvacedSettings/OptionAdvancedSettings.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.OptionAdvancedSettings-container-2JwXX_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 20px 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.OptionAdvancedSettings-settingsContainer-11oieA {
  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;
}

.OptionAdvancedSettings-settingsContainer-11oieA button {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

.OptionAdvancedSettings-blueButton-3VhjaC {
  color: undefined;
  color: var(--color_primary);
  font-size: undefined;
  font-size: var(--fontSize_frameNormal);
}

.OptionAdvancedSettings-toolsContainer-25u6wF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.OptionAdvancedSettings-toolsItem-2DpuyW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-size: 12px;
  line-height: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  color: undefined;
  color: var(--color_primary);
}

.OptionAdvancedSettings-toolItemRemove-23FqLW {
  color: undefined;
  color: var(--color_darkRed);
}

.OptionAdvancedSettings-typeContainer-2AK11I {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.OptionAdvancedSettings-textareaTitle-36Tohs {
  font-size: 10px;
  color: undefined;
  color: var(--color_gray);
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/VarItem/parts/BodyVarItem/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-body-Jc-ko2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  padding: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.styles-module-inputs-wDuhBm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  width: -webkit-fill-available;
}

.styles-module-title-33RcBv {
  font-size: undefined;
  font-size: var(--fontSize_readable);
  font-weight: bold;
}

.styles-module-leftLine-39wCPt {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  left: -20.5px;
  background: undefined;
  background: var(--color_orange);
}

.styles-module-hint-N7SiAg {
  font-size: undefined;
  font-size: var(--fontSize_standart);
}

.styles-module-hint-N7SiAg:placeholder-shown::-webkit-input-placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-hint-N7SiAg:placeholder-shown::-moz-placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-hint-N7SiAg:placeholder-shown::-ms-input-placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-hint-N7SiAg:placeholder-shown::placeholder {
    color: undefined;
    color: var(--color_primary);
  }

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Textarea/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-textarea-dJko3s {
  resize: none;
  border: none;
  outline: none;
  height: auto;
  overflow: hidden;
  line-height: normal;
  color: undefined;
  color: var(--color_darkGray);
  -webkit-transition: -webkit-text-decoration-color 0.3s ease;
  transition: -webkit-text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
}

  .styles-module-textarea-dJko3s.styles-module-underline-g0Ao3s {
    -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
            text-decoration-color: rgb(21, 126, 251, 0.2);
    -webkit-text-decoration-style: dashed;
            text-decoration-style: dashed;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
  }

  .styles-module-textarea-dJko3s.styles-module-underline-g0Ao3s:hover,
    .styles-module-textarea-dJko3s.styles-module-underline-g0Ao3s:focus {
      -webkit-text-decoration-color: rgb(21, 126, 251, 1);
              text-decoration-color: rgb(21, 126, 251, 1);
    }

  .styles-module-textarea-dJko3s::-webkit-input-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

  .styles-module-textarea-dJko3s::-moz-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

  .styles-module-textarea-dJko3s::-ms-input-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

  .styles-module-textarea-dJko3s::placeholder {
    color: undefined;
    color: var(--color_gray);
  }

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/VarItem/parts/VarItemFooter/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-2ik1Dp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7.5px 20px 10px;
  border-top: undefined;
  border-top: var(--dashed_border);
}

.styles-module-advancedButton-2VCUom {
  padding: 0;
  background: none;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/VarItem/parts/VarItemAdvanced/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-3pLrmk {
  padding: 0 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.styles-module-button-1B50Sl {
  padding: 0;
  border: none;
  background: none;
  outline: none;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: normal;
  color: undefined;
  color: var(--color_primary);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

.styles-module-label-1EyDIF {
  margin: 0;
  font-size: undefined;
  font-size: var(--fontSize_tip);
  color: undefined;
  color: var(--color_gray);
}

.styles-module-textarea-2y7ufX {
  font-size: undefined;
  font-size: var(--fontSize_h4);
  border: undefined;
  border: 1px solid var(--color_lightGray2);
  border-radius: 4px;
  padding: 4px;
  width: 100%;
}

.styles-module-nameContainer-3IrX8d {
  margin: 20px 0;
}

.styles-module-nameVariable-28icqF {
  font-size: undefined;
  font-size: var(--fontSize_h4);
  width: 100%;
}

.styles-module-advancedTools-2KXv__ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  color: undefined;
  color: var(--color_primary);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: normal;
}

.styles-module-advancedTools-2KXv__ .styles-module-toolsItem-95ZBZq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0;
    border: none;
    background: none;
    outline: none;
    padding: 0;
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-advancedTools-2KXv__ .styles-module-toolsItem-95ZBZq img {
      max-height: 10px;
      max-width: 10px;
    }

.styles-module-advancedTools-2KXv__ .styles-module-toolItemRemove-1Ag899 {
    color: undefined;
    color: var(--color_darkRed);
  }

.styles-module-readonly-1_xGG8 {
  cursor: default;
}

.styles-module-readonly-1_xGG8 > div {
    cursor: default;
  }
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/VarItem/parts/OptionsPart/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-button-13Dwmg {
  background-color: undefined;
  background-color: var(--color_white);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  padding: 10px 20px;
  border: undefined;
  border: 1px solid var(--color_primary);
  color: undefined;
  color: var(--color_primary);
  border-radius: 5px;
  -webkit-transition: all .2s;
  transition: all .2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  cursor: pointer;
}

  .styles-module-button-13Dwmg:hover {
    opacity: 0.7;
  }

  .styles-module-button-13Dwmg:disabled {
    cursor: default;
  }

.styles-module-container-3Lv5lF {
  padding: 0 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -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;
}

.styles-module-list-1uV47F {
  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;
  width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/VarItem/parts/OptionsPart/OptionItem/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-container-1qOuit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  border: undefined;
  border: var(--dashed_border);
  background-color: undefined;
  background-color: var(--color_white);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/VarItem/parts/OptionsPart/OptionItem/parts/Body/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-2lXc5D {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.styles-module-option-MA1sw- {
  font-size: undefined;
  font-size: var(--fontSize_readable);
  line-height: normal;
  color: undefined;
  color: var(--color_darkGray);
}

.styles-module-option-MA1sw-.styles-module-isDefault-2-MtKJ {
    font-weight: bold;
  }

.styles-module-option-MA1sw-:placeholder-shown::-webkit-input-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.styles-module-option-MA1sw-:placeholder-shown::-moz-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.styles-module-option-MA1sw-:placeholder-shown::-ms-input-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.styles-module-option-MA1sw-:placeholder-shown::placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.styles-module-hint-1dVWyu {
  font-size: var(fontSize_standart);
  line-height: normal;
  color: undefined;
  color: var(--color_darkGray);
}

.styles-module-hint-1dVWyu:placeholder-shown::-webkit-input-placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-hint-1dVWyu:placeholder-shown::-moz-placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-hint-1dVWyu:placeholder-shown::-ms-input-placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-hint-1dVWyu:placeholder-shown::placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-checkbox-3XJqlb > p {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

.styles-module-readonly-XPK-C8 {
  cursor: default;
}

.styles-module-readonly-XPK-C8 > div {
    cursor: default;
  }
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/VarItem/parts/OptionsPart/OptionItem/parts/Advanced/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-2I9TWQ {
  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: flex-start;
  padding: 0 20px 20px;
  gap: 10px;
}

.styles-module-button-236oR6 {
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: normal;
  color: undefined;
  color: var(--color_primary);
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

.styles-module-button-236oR6:disabled {
    cursor: default;
  }

.styles-module-label-EXQViH {
  margin: 0;
  font-size: undefined;
  font-size: var(--fontSize_tip);
  color: undefined;
  color: var(--color_gray);
}

.styles-module-textarea-38OPn2 {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  border: undefined;
  border: 1px solid var(--color_lightGray2);
  border-radius: 4px;
  padding: 4px;
  width: 100%;
}

.styles-module-advancedTools-1VVMIk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  color: undefined;
  color: var(--color_primary);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: normal;
  margin-top: 10px;
}

.styles-module-advancedTools-1VVMIk .styles-module-toolsItem-1hn4jM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0;
    border: none;
    background: none;
    outline: none;
    padding: 0;
    color: undefined;
    color: var(--color_primary);
    cursor: pointer;
  }

.styles-module-advancedTools-1VVMIk .styles-module-toolsItem-1hn4jM img {
      max-height: 10px;
      max-width: 10px;
    }

.styles-module-advancedTools-1VVMIk .styles-module-toolItemRemove-58u1PD {
    color: undefined;
    color: var(--color_darkRed);
  }

.styles-module-readonly-3uelDN {
  cursor: default;
}

.styles-module-readonly-3uelDN > div {
    cursor: default;
  }
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/VarItem/parts/OptionsPart/OptionItem/parts/Footer/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-1Nre9D {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7.5px 20px 10px;
  border-top: undefined;
  border-top: var(--dashed_border);
}

.styles-module-advancedButton-1-juoG {
  padding: 0;
  background: none;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/VarItem/parts/VarItemBodyWithCheckbox/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-body-1HpkbH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.styles-module-header-C2Af5R {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 12px;
}

.styles-module-inputs-3hnbDt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  width: -webkit-fill-available;
}

.styles-module-title-3iV2y9 {
  font-size: undefined;
  font-size: var(--fontSize_h4);
  font-weight: bold;
}

.styles-module-leftLine-3iTWm9 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  left: -20.5px;
  background: undefined;
  background: var(--color_orange);
}

.styles-module-hint-2xLvPh {
  font-size: undefined;
  font-size: var(--fontSize_standart);
}

.styles-module-hint-2xLvPh:placeholder-shown::-webkit-input-placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-hint-2xLvPh:placeholder-shown::-moz-placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-hint-2xLvPh:placeholder-shown::-ms-input-placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-hint-2xLvPh:placeholder-shown::placeholder {
    color: undefined;
    color: var(--color_primary);
  }

.styles-module-readonly-3znUsR {
  cursor: default;
}

.styles-module-readonly-3znUsR > div {
    cursor: default;
  }
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/VarItem/styles.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-container-psSZli {
  width: 360px;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  border: undefined;
  border: var(--dashed_border);
  background-color: undefined;
  background-color: var(--color_white);
  margin-bottom: 10px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/TemplatesUnderMenu/GlobalVariables/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-container-7FSD_U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.styles-module-button-2bI6zV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  color: undefined;
  color: var(--color_orange);

  border: none;
  padding: 0;
  background: none;
  outline: none;
  cursor: pointer;
}
.styles-module-button-2bI6zV:disabled {
    opacity: 0.3
  }
.styles-module-list-2nxfrS {
  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;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/popup/Popup.css ***!
  \**********************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .Popup-container-21qoDQ {
  background: #fff;
  -webkit-box-shadow: -5px 0 80px 0 #00000026;
          box-shadow: -5px 0 80px 0 #00000026;
  border-radius: 5px;
  font-size: 14px;
  color: #212121;
  width: 300px;
  position: relative;
  max-height: calc(100vh - 40px);
}

  .Popup-container-21qoDQ.Popup-w-670-2ttHZe {
    width: 670px;
    border-radius: 10px;
  }

  .Popup-container-21qoDQ.Popup-w-670-2ttHZe > .Popup-cross-3axzd4 {
      top: 38px;
      right: 38px;
    }

  .Popup-container-21qoDQ.Popup-w-400-1fcOiD {
    width: 400px;
    border-radius: 10px;
  }

  .Popup-container-21qoDQ.Popup-w-400-1fcOiD > .Popup-cross-3axzd4 {
      top: 38px;
      right: 38px;
    }

  .Popup-container-21qoDQ.Popup-w-400-1fcOiD.Popup-scroll-2XjmxK {
      overflow-y: auto;
      max-height: calc(100vh - 80px);
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

  .Popup-container-21qoDQ.Popup-w-400-1fcOiD.Popup-scroll-2XjmxK::-webkit-scrollbar {
        display: none;
      }

.Popup-cross-3axzd4 {
  position: absolute;
  top: 18px;
  right: 18px;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  max-width: 19px;
  max-height: 19px;
  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;
  cursor: pointer;
}

.Popup-cross-3axzd4 > img {
    margin: 0;
    max-width: inherit;
    max-height: inherit;
  }

.Popup-wrapper-1tE1Lb {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 10;
  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;
  background: #00000048;
}

.Popup-wrapper-1tE1Lb.Popup-whiteBackground-3ndman {
    background-color: rgba(255, 255, 255, 0.9);
  }
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/TemplatesUnderMenu/ReplaceVariablesPopup/parts/Header/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-header-3TJ90b {
  font-size: undefined;
  font-size: var(--fontSize_h3);
  line-height: normal;
  color: undefined;
  color: var(--color_black);
  margin: 20px 20px 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/TemplatesUnderMenu/ReplaceVariablesPopup/parts/Body/styles.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-FHAkVO {
  margin: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.styles-module-text-1VCF96 {
  margin: 0;
  font-size: undefined;
  font-size: var(--fontSize_medium);
  line-height: normal;
  color: undefined;
  color: var(--color_black);
}

.styles-module-variableContainer-1kZPlY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 30px;
}

.styles-module-variableTitle-2H0K_D {
  font-size: undefined;
  font-size: var(--fontSize_medium);
  line-height: normal;
  color: undefined;
  color: var(--color_black);
  margin: 0;
  word-wrap: break-word;
  overflow: hidden;
}

.styles-module-variableName-29G74I {
  color: undefined;
  color: var(--color_gray);
}

.styles-module-icon-2u5ywA {
  width: 10px;
  height: 12px;
  padding: 1px 2.5px 0;
  border: undefined;
  border: solid 1px var(--color_gray);
  font-size: 9px;
  color: undefined;
  color: var(--color_gray);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/TemplatesUnderMenu/ReplaceVariablesPopup/parts/Footer/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-1G0mYJ {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-top: undefined;
  border-top: solid 1px var(--color_lightGray);
  width: 100%;
}

.styles-module-button-1Ci2kE {
  border: undefined;
  border: 1px solid var(--color_primary);
  padding: 2px 10px 0;
  color: undefined;
  color: var(--color_primary);
  outline: none;
  background: none;
  border-radius: 5px;
  line-height: 1.3;
  font-size: undefined;
  font-size: var(--fontSize_button);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.styles-module-button-1Ci2kE:hover {
    color: undefined;
    color: var(--color_primary_hover);
    border: undefined;
    border: 1px solid var(--color_primary_hover);
  }

.styles-module-button-1Ci2kE.styles-module-red-2mBHBr {
    color: undefined;
    color: var(--color_darkRed);
    border: undefined;
    border: 1px solid var(--color_darkRed);
  }

.styles-module-button-1Ci2kE.styles-module-red-2mBHBr:hover {
      color: undefined;
      color: var(--color_darkRed_hover);
      border: undefined;
      border: 1px solid var(--color_darkRed_hover);
    }
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/TemplatesUnderMenu/ReplaceVariablesPopup/styles.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-wrapperBackground-3Wra9d {
  background-color: rgba(255, 255, 255, 0.9);
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/paragraphList/formatting.css ***!
  \************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.formatting-wrapper-1cyLRo {
    margin-left: 20px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
}
.formatting-screen-3IGitr {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 12;
    background-color: white;
}
.formatting-row-1gvv28 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_standart);
}
.formatting-row-1gvv28.formatting-centered-2Dj7am {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
.formatting-bordered-3M6yNM {
    padding: 2px 10px 2px;
    border-radius: 5px;
    border: undefined;
    border: solid 1px var(--color_lightGray2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
}
.formatting-bordered-3M6yNM.formatting-opened-3Z9SsI {
        border-radius: 5px 5px 0 0;
    }
.formatting-fontPicker-1tiawX {
    -ms-flex-preferred-size: 148px;
        flex-basis: 148px;    
    position:relative;
    height: 19px;
}
.formatting-shifted5-2JAOSy {
    top: 7px;
}
.formatting-pickColor-2GCyCE {
    display: inline-block;
    height: 13px;
    width: 4px;
    border-radius: 2px;    
    margin: 0 4px;
}
.formatting-back-picker-1xUM-s {
    position: relative;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 16px;
}
.formatting-color-picker-1vMfbq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 5px;
}
.formatting-color-picker-1vMfbq.formatting-table-36FrcB {
        margin: 0px 20px;
    }
.formatting-arrow-container-3-VUcy {
    height: 7px;
}
.formatting-zindex3-EBmFF1 {
    z-index: 3;
}
.formatting-sizePicker-1hw_D1 {
    -ms-flex-preferred-size: 67px;
        flex-basis: 67px;
    margin-left: 10px;
    margin-right: 20px;
    padding: 2px 5px;
    height: 19px;
}
.formatting-BIH-3C1PSa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.formatting-sign-3tu5yj {
    color: undefined;
    color: var(--color_primary);
    font-weight: bold;
    font-size: 16px;
    font-family: sans-serif !important;
    line-height: 1;
}
.formatting-sign-3tu5yj.formatting-selected-3IdIzS {
        color: undefined;
        color: var(--color_black);
    }
.formatting-sign-3tu5yj.formatting-bold-25n3NI {
      min-width: 20px;
      margin-right: 1px;
    }
.formatting-sign-3tu5yj.formatting-italic-d7Nptj {
       font-style: italic;
       font-weight: normal;
       font-family: serif !important;
       min-width: 15px;
       margin-right: 5px;
    }
.formatting-sign-3tu5yj.formatting-minus-10tqSx {
        position: relative;
        font-family: monospace !important;
        font-weight: normal;
        font-size: undefined;
        font-size: var(--fontSize_standart);
    }
.formatting-sign-3tu5yj.formatting-color-1psjLy {
        font-weight: normal;
        margin-right: 10px;
    }
.formatting-sign-3tu5yj.formatting-bgColor-AhkPiV {
        padding: 1px;
        margin-right: 10px;
        font-weight: normal;
        font-size: undefined;
        font-size: var(--fontSize_tip);
        width: 13px;
        height: 13px;
        text-align: center;
        border: undefined;
        border: 1px dotted var(--color_primary);
    }
.formatting-clickable-31cfOf {
    cursor: pointer;
}
.formatting-svgIcons-Rm1ygH {
  width: 128px;
  height: 19px;
  margin-right: 20px;
  border-radius: 5px;
  border: undefined;
  border: solid 1px var(--color_lightGray2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.formatting-svgIcons-Rm1ygH > div {
      text-align: center;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
  }
.formatting-svgIcons-Rm1ygH > :not(:last-child) {
      border-right: undefined;
      border-right: solid 1px var(--color_lightGray2);
  }
.formatting-prima-2CydAq {
    color: undefined;
    color: var(--color_primary);
}
.formatting-marg12-JYnvuK {
    margin-top: 12px;
}
.formatting-marg10-1YxCcS {
    margin-top: 10px;
}
.formatting-marg20-2-CcGg {
    margin-top: 20px;
}
.formatting-marg25-oj-wvM {
    margin-top: 25px;
}
.formatting-margl20-2KHql1 {
    margin-left: 20px;
}
.formatting-font_popup-2wCqEm {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 10px 5px;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 0 0 5px 5px;
    z-index: 2;
    height: 200px;
    border: undefined;
    border: solid 1px var(--color_lightGray2);
    border-top: none;
}
.formatting-font-line-2y-vQU {
    padding: 3px 0;
}
.formatting-font-line-2y-vQU:hover {
        color: undefined;
        color: var(--color_primary);
    }
.formatting-highlights-1M7TJF {
    position: absolute;
    padding: 60px 20px 20px;
    z-index: 2;
    width: 300px;
    height: 118px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    background-color: #fff;
    top: -20px;
    right: -20px;
    border-radius: 6px;
    font-size: undefined;
    font-size: var(--fontSize_frameNormal);
}
.formatting-noHighlight-gIFrk3 {
    color: undefined;
    color: var(--color_primary);
    line-height: 18px;
    width: 60px;
    height: 40px;
    border-radius: 2px;
    margin-right: 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;
    border: undefined;
    border: 1px dotted var(--color_primary);
}
.formatting-noHighlight-gIFrk3.formatting-active-17Qf3L {
        border: undefined;
        border: 1px solid var(--color_primary);
    }
.formatting-highlightBorder-Zp0hgv {
    width: 60px;
    height: 40px;
    margin-right: 2px;
}
.formatting-highlightBorder-Zp0hgv.formatting-active-17Qf3L {
        border: undefined;
        border: 1px solid var(--color_primary);
        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;
        border-radius: 2px;
    }
.formatting-mainHighlight-Tr0WF2 {
    width: 60px;
    height: 40px;
    border-radius: 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;
}
.formatting-mainHighlight-Tr0WF2 > span {
        color: undefined;
        color: var(--color_white);
        font-size: undefined;
        font-size: var(--fontSize_standart);
    }
.formatting-mainHighlight-Tr0WF2.formatting-active-17Qf3L {
        border-radius: 0px;
        width: 56px;
        height: 36px;
    }
.formatting-smallHighlights-6oR5Q6 {
    width: 198px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2px;
    -ms-flex-line-pack: justify;
        align-content: space-between;
}
.formatting-smallHighlights-6oR5Q6 > div {
        width: 18px;
        height: 18px;
        border-radius: 2px;
        cursor: pointer;
        
    }
.formatting-smallHighlights-6oR5Q6 > div.formatting-white-1lEXTk > div {
            border: undefined;
            border: 1px solid var(--color_lightGray);
        }
.formatting-smallHighlights-6oR5Q6 > div > div {
            width: 18px;
            height: 18px;
            border-radius: 2px;
        }
.formatting-smallHighlights-6oR5Q6 > div.formatting-active-17Qf3L {
            padding: 2px;
            border: undefined;
            border: 1px solid var(--color_primary);
            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;
        }
.formatting-smallHighlights-6oR5Q6 > div.formatting-active-17Qf3L > div {
            width: 12px;
            height: 12px;
            border-radius: 0px;
        }
.formatting-vertical-1mOvp9 {
    width: 1px;
    background-color: undefined;
    background-color: var(--color_lightGray);
    -ms-flex-item-align: stretch;
        align-self: stretch;
}
.formatting-copyBtn-2ebwqD {
    width: 14px;
    height: 14px;
    background-image: url('/images/icon-link.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.formatting-ptClass-2MeG-P {
    color: undefined;
    color: var(--color_lightGray2);
}
.formatting-headingContainer-3ESjIu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.formatting-flexRow-rL69b1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.formatting-heading-1Gz9Ng {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    margin-bottom: 2px;
}
.formatting-changeIndent-3ne-_D {
    -ms-flex-preferred-size: 67px;
        flex-basis: 67px;
    width: 67px;
    margin-right: 15px;
    padding: 2px 5px;
}
.formatting-stylesBtns-59qx3S {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.formatting-stylesBtns-59qx3S :first-child {
        border-radius: 5px 0 0 5px;
        border-right: 0px;
    }
.formatting-stylesBtns-59qx3S :last-child {
        border-radius: 0 5px 5px 0;
        border-left: 0px;
    }
.formatting-stylesBtn-4hFCoS {
    padding: 2px 10px;
    border: undefined;
    border: solid 1px var(--color_lightGray2);
}
.formatting-stylesBtn-4hFCoS.formatting-active-17Qf3L {
        border: undefined;
        border: solid 1px var(--color_gray);
        background-color: undefined;
        background-color: var(--color_gray);
        color: undefined;
        color: var(--color_white);
    }
.formatting-stylesBtn-4hFCoS:hover {
        cursor: pointer;
    }
.formatting-stylesContainer-2qVHVU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    row-gap: 10px;
}
.formatting-blurOptions-1JY8PY {
    opacity: 0.25;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
}
.formatting-numberingButtons-3bd7cb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.formatting-tempBtn-2nmebo {
    position: relative;
    cursor: pointer;
    background-color: undefined;
    background-color: var(--white);
    border: 0px;
    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-right: 20px;
    width: 13px;
    height: 13px;
}
.formatting-tempBtn-2nmebo > img {
        position: absolute;
        width: 100%;
        height: 100%;
    }
.formatting-toggles-3l0AII {
    background-color: white;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    display: inline-block;
    height: 24px;
    margin: 30px 0px 10px;
    z-index: 2;
  }
.formatting-toggles-3l0AII .formatting-toggle-1CBur- {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        cursor: pointer;
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }
.formatting-toggles-3l0AII .formatting-toggle-1CBur-:not(:last-child) {
            margin-right: 20px;
        }
.formatting-toggles-3l0AII .formatting-toggle-1CBur-:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }
.formatting-toggles-3l0AII .formatting-toggle-1CBur-.formatting-_new-Y8ZkEh {
            color: undefined;
            color: var(--color_primary);
            font-weight: bold;
        }
.formatting-toggles-3l0AII .formatting-toggle-1CBur-.formatting-_unsel-1CscoY {
          color: undefined;
          color: var(--color_lightGray);
          cursor: initial;
        }
.formatting-toggles-3l0AII .formatting-toggle-1CBur-.formatting-_unsel-1CscoY:hover {
            color: undefined;
            color: var(--color_lightGray);
          }
.formatting-toggles-3l0AII .formatting-toggle-1CBur-.formatting-_sel-2Vt4k2 {
            color: undefined;
            color: var(--color_darkGray);
        }
.formatting-toggles-3l0AII .formatting-toggle-1CBur-.formatting-_sel-2Vt4k2::after {
                display: block;
                content: '';
                position: absolute;
                width: 100%;
                height: 2px;
                bottom: -10px;
                left: 0;
                border-radius: 2px 2px 0 0;
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }
.formatting-tables-2FTICV {
    position: absolute;
    padding: 60px 20px 20px;
    z-index: 2;
    width: 238px;
    height: 283px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    background-color: #fff;
    top: -20px;
    right: -20px;
    border-radius: 6px;
}
.formatting-cell-2dtGOX {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: undefined;
    border: 1px solid var(--color_lightGray2);
    margin-right: 2px;
}
.formatting-cell-2dtGOX.formatting-active-17Qf3L {
        border-color: undefined;
        border-color: var(--color_primary);
    }
.formatting-row-1gvv28 {
    margin-bottom: 2px;
}
.formatting-tableSize-33BflC {
    position: absolute;
    top: 40px;
    left: 182px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    margin: 0px;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/paragraphList/colorTooltip.css ***!
  \**************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.colorTooltip-container-2X73cF {
    position: absolute;
    top: 0px;
    left: 0px;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/paragraphList/paragraphOptions.css ***!
  \******************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .paragraphOptions-row-1FOQCK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_standart);
}
    .paragraphOptions-row-1FOQCK.paragraphOptions-centered-3TMzOY {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.paragraphOptions-column-2r5Df5 {
    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: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 160px;
}

.paragraphOptions-withoutAdjust-3o8CZW {
    width: 148px;
}

.paragraphOptions-svgIcons-Fl0ozE {
    width: 128px;
    height: 19px;
    margin-right: 20px;
    /* border-radius: 5px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.paragraphOptions-svgIcons-Fl0ozE > div {
        text-align: center;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        border: undefined;
        border: solid 1px var(--color_lightGray2);
        border-right: solid 0px;
        
        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;
    }

.paragraphOptions-svgIcons-Fl0ozE :first-child {
        border-radius: 5px 0 0 5px;
    }

.paragraphOptions-svgIcons-Fl0ozE :last-child {
        border-radius: 0 5px 5px 0;
    }

.paragraphOptions-svgIcons-Fl0ozE > div:last-child {
        border-right: undefined;
        border-right: solid 1px var(--color_lightGray2);
    }

.paragraphOptions-svgIcons-Fl0ozE > div:has( > svg > .paragraphOptions-active-snEuz_):last-child {
        border-right: 0px;
    }

/* Доделать */

div:has( > svg > .paragraphOptions-active-snEuz_) {
    background-color: undefined;
    background-color: var(--color_gray);
    border: undefined;
    border: solid 1px var(--color_gray);
}

div:has( > svg > .paragraphOptions-active-snEuz_) + div {
        border-left: solid 0px;
    }

.paragraphOptions-svg-7fg5v0 {
    stroke: undefined;
    stroke: var(--color_gray);
}

.paragraphOptions-svg-7fg5v0.paragraphOptions-active-snEuz_ {
        stroke: undefined;
        stroke: var(--color_white);
    }

.paragraphOptions-clickable-2oMVQd {
    cursor: pointer;
}

.paragraphOptions-marg10-2DbTjH {
    margin-top: 10px;
}

.paragraphOptions-marg20-2TxXN0 {
    margin-top: 20px;
}

.paragraphOptions-marg25-4V7BcR {
    margin-top: 25px;
}

.paragraphOptions-margl10-1-sjrL {
    margin-left: 10px;
}

.paragraphOptions-margl20-EGFicX {
    margin-left: 20px;
}

.paragraphOptions-headingContainer-3jO2lJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.paragraphOptions-headingContainer-3jO2lJ.paragraphOptions-after-vjMNr5 {
        margin-left: 148px;
    }

.paragraphOptions-flexRow-SpyqiZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.paragraphOptions-heading-3Q4RcS {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    margin-bottom: 2px;
    max-width: 80px;
}

.paragraphOptions-heading-3Q4RcS.paragraphOptions-auto-3G30jT {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
    }

.paragraphOptions-textContainer-2KLxhV {
    border-radius: 5px;
    border: undefined;
    border: dashed 1px var(--color_lightGray);
    padding: 4px 10px 5px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;

    min-width: 190px; 
    max-width: 190px; 
    /* Позже попытаться поменять */
}

.paragraphOptions-textPart-9p2_2t {
    margin-top: 0px;
    min-width: 150px;
    font-size: undefined;
    font-size: var(--fontSize_9);
    color: undefined;
    color: var(--color_gray);
    margin: 0px;
}

.paragraphOptions-textPart-9p2_2t.paragraphOptions-indentPlus-1b4WB2 {
        text-indent: 20px;
    }

.paragraphOptions-textPart-9p2_2t.paragraphOptions-indentMinus-2O7aFB {
        text-indent: -20px;
    }

.paragraphOptions-textPart-9p2_2t.paragraphOptions-gap-KNdl9u {
        margin-bottom: 12px;
    }

.paragraphOptions-hilighter-1Jtrvs {
    opacity: 0.2;
    background-color: undefined;
    background-color: var(--color_primary);
    position: absolute;
}

.paragraphOptions-hilighter-1Jtrvs.paragraphOptions-left-LgA4aw {
        left: 5px;
        top: 4px;
        bottom: 4px;
        width: 20px;
    }

.paragraphOptions-hilighter-1Jtrvs.paragraphOptions-right-2aos-R {
        left: 165px;
        top: 4px;
        bottom: 4px;
        width: 20px;
    }

.paragraphOptions-hilighter-1Jtrvs.paragraphOptions-before-1x-4oP {
        left: 25px;
        top: 46px;
        width: 140px;
        height: 5px;
    }

.paragraphOptions-hilighter-1Jtrvs.paragraphOptions-after-vjMNr5 {
        left: 25px;
        top: 108px;
        width: 140px;
        height: 5px;
    }

.paragraphOptions-hilighter-1Jtrvs.paragraphOptions-hanging-3NNVUH {
        left: 5px;
        top: 51px;
        width: 20px;
        height: 10px;
    }

.paragraphOptions-hilighter-1Jtrvs.paragraphOptions-firstline-N3aD4C {
        left: 25px;
        top: 118px;
        width: 20px;
        height: 10px;
    }

.paragraphOptions-hilighter-1Jtrvs.paragraphOptions-line-2dsIII {
        position: relative;
        width: 140px;
        height: 2px;
    }

.paragraphOptions-linespacing-2tI07k {
    position: absolute;
    left: 25px;
    top: 60px;
    height: 51px;
    width: 150px;
    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;
}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/paragraphList/sizeChanger.css ***!
  \*************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.sizeChanger-flexRow-2Y977b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.sizeChanger-changeIndent-kfPqNY {
    -ms-flex-preferred-size: 67px;
        flex-basis: 67px;
    width: 67px;
    height: 19px;
    margin-right: 15px;
    padding: 2px 17.5px;
    position: relative;
}

.sizeChanger-changeIndent-kfPqNY.sizeChanger-cm-1cpwKt {
        -ms-flex-preferred-size: 75px;
            flex-basis: 75px;
        width: 75px;
    }

.sizeChanger-bordered-QB6u8u {
    /* padding: 2px 10px 2px; Посмотреть почему тут так происходит???? */
    border-radius: 5px;
    border: undefined;
    border: solid 1px var(--color_lightGray2);
    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;
}

.sizeChanger-bordered-QB6u8u.sizeChanger-opened-2EIx20 {
        border-radius: 5px 5px 0 0;
    }

.sizeChanger-sign-3nA5uJ {
    color: undefined;
    color: var(--color_primary);
    font-weight: bold;
    font-size: 16px;
    font-family: sans-serif !important;
    line-height: 1;
}

.sizeChanger-sign-3nA5uJ.sizeChanger-selected-1h8yf3 {
        color: undefined;
        color: var(--color_black);
    }

.sizeChanger-sign-3nA5uJ.sizeChanger-bold-DOx_7D {
      min-width: 20px;
      margin-right: 7px;
    }

.sizeChanger-sign-3nA5uJ.sizeChanger-italic-1grvdM {
       font-style: italic;
       font-weight: normal;
       font-family: serif !important;
       min-width: 15px;
       margin-right: 5px;
    }

.sizeChanger-sign-3nA5uJ.sizeChanger-minus-I2rnO- {
        position: absolute;
        font-family: monospace !important;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        font-weight: normal;
        top: 2px;
        left: 5px;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
    }

.sizeChanger-sign-3nA5uJ.sizeChanger-plus-ol4Xty {
        position: absolute;
        font-family: monospace !important;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        font-weight: normal;
        top: 2px;
        right: 5px;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
    }

.sizeChanger-clickable-2HyDEF {
    cursor: pointer;
}

.sizeChanger-ptClass-3mHr_5 {
    color: undefined;
    color: var(--color_lightGray2);
    margin-left: 4px;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/paragraphList/adjustChanger.css ***!
  \***************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.adjustChanger-container-1nH5ZE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.adjustChanger-heading-2BTuuK {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    margin-bottom: 2px;
    max-width: 80px;
}

.adjustChanger-svgIcons-2O5z4P {
    width: 128px;
    height: 19px;
    margin-right: 20px;
    /* border-radius: 5px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.adjustChanger-svgIcons-2O5z4P > div {
        text-align: center;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        border: undefined;
        border: solid 1px var(--color_lightGray2);
        border-right: solid 0px;
        
        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;
    }

.adjustChanger-svgIcons-2O5z4P :first-child {
        border-radius: 5px 0 0 5px;
    }

.adjustChanger-svgIcons-2O5z4P :last-child {
        border-radius: 0 5px 5px 0;
    }

.adjustChanger-svgIcons-2O5z4P > div:last-child {
        border-right: undefined;
        border-right: solid 1px var(--color_lightGray2);
    }

.adjustChanger-svgIcons-2O5z4P > div:has( > svg > .adjustChanger-active-vyDuAy):last-child {
        border-right: 0px;
    }

.adjustChanger-svgIcons-2O5z4P:hover {
        cursor: pointer;
    }

div:has( > svg > .adjustChanger-active-vyDuAy) {
    background-color: undefined;
    background-color: var(--color_gray);
    border: undefined;
    border: solid 1px var(--color_gray);
}

div:has( > svg > .adjustChanger-active-vyDuAy) + div {
        border-left: solid 0px;
    }

.adjustChanger-svg-2VNHSV {
    stroke: undefined;
    stroke: var(--color_gray);
}

.adjustChanger-svg-2VNHSV.adjustChanger-active-vyDuAy {
        stroke: undefined;
        stroke: var(--color_white);
    }
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/paragraphList/stylesBlock.css ***!
  \*************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .stylesBlock-container-16WDhd {
    width: 190px;
    height: 29px;
    padding: 0px 15px 0px 15px;
    border-radius: 6px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_stylesBlock);
            box-shadow: var(--shadow_stylesBlock);
    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;
    position: relative;
}
    .stylesBlock-container-16WDhd.stylesBlock-full-w_FHDL {
        width: 400px;
    }
    .stylesBlock-container-16WDhd.stylesBlock-active-3hh3Zu {
        padding: 0px 40px 0px 15px;
    }
    .stylesBlock-container-16WDhd.stylesBlock-opened-2iRd4i {
        width: 400px;
        padding: 0px 40px 0px 15px;
        height: auto;
    }
    .stylesBlock-container-16WDhd.stylesBlock-opened-2iRd4i > .stylesBlock-title-1w7tnz {
            margin-bottom: 28px;
        }
    .stylesBlock-container-16WDhd.stylesBlock-opened-2iRd4i::after {
            content: "";
            width: 100%;
            height: 1px;
            background-color: undefined;
            background-color: var(--color_lightGray);
            position: absolute;
            top: 29px;
            left: 0px;
        }
    .stylesBlock-container-16WDhd.stylesBlock-main-iOmSqX {
        margin-bottom: 20px;
    }
    .stylesBlock-container-16WDhd.stylesBlock-main-iOmSqX::before {
        content: "";
        background-color: undefined;
        background-color: var(--color_primary);
        width: 2px;
        height: 15px;
        position: absolute;
        left: 0px;
        top: 7px;
    }
    .stylesBlock-container-16WDhd.stylesBlock-mainInList-3rWof-::before {
        content: "";
        background-color: undefined;
        background-color: var(--color_primary);
        width: 2px;
        height: 15px;
        position: absolute;
        left: 0px;
        top: 7px;
    }

.stylesBlock-title-1w7tnz {
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    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;
    /* height: 15px; */
}

.stylesBlock-titleStyles-1ZFKXD {
    /* height: 15px; */
}

.stylesBlock-titleName-3LaMzy {
    margin: 0px;
    max-height: 29px;
}

.stylesBlock-arrow-3AGBzo {
    position: absolute;
    right: 15px;
    top: 25px;
}

.stylesBlock-gradient-3pPg3q {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 15px;
    height: 15px;
    background-image: undefined;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient_black0)), to(var(--color_white)));
    background-image: linear-gradient(to right, var(--gradient_black0), var(--color_white));
}

.stylesBlock-gradient-3pPg3q.stylesBlock-active-3hh3Zu {
        right: 40px;
    }

.stylesBlock-container-16WDhd:hover {
    cursor: pointer;
}

.stylesBlock-params-1N2MVP:hover {
    cursor: default;
}

.stylesBlock-buttons-3sl_rK {
    margin: 20px 0px 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/paragraphList/DocCommunication.css ***!
  \******************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.DocCommunication-screen-3oQvRt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.DocCommunication-wrapper-2b9B9Z {
    position: absolute;
    top: 0px;
    left: undefined;
    left: calc(var(--root_document_width) + 40px);
    width: 450px;
    padding-top: 10px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: white;
    z-index: 1;
}

.DocCommunication-togglesBlock-3msXbj {
    position: fixed;
    top: 110px;
    padding-left: 38px;
    left: 840px;
    width: 100%;
    background-color: white;
    z-index: 5;
}

.DocCommunication-toggles-2Dp3Gz {
    background-color: white;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    display: inline-block;
    height: 24px;
    margin-bottom: 18px;
    z-index: 2;
}

.DocCommunication-toggles-2Dp3Gz .DocCommunication-toggle-3Dqtmh {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        cursor: pointer;
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }

.DocCommunication-toggles-2Dp3Gz .DocCommunication-toggle-3Dqtmh:not(:last-child) {
            margin-right: 20px;
        }

.DocCommunication-toggles-2Dp3Gz .DocCommunication-toggle-3Dqtmh:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.DocCommunication-toggles-2Dp3Gz .DocCommunication-toggle-3Dqtmh.DocCommunication-_new-3AdnHb {
            color: undefined;
            color: var(--color_primary);
            font-weight: bold;
        }

.DocCommunication-toggles-2Dp3Gz .DocCommunication-toggle-3Dqtmh.DocCommunication-_sel-HMCWoI {
            color: undefined;
            color: var(--color_darkGray);
        }

.DocCommunication-toggles-2Dp3Gz .DocCommunication-toggle-3Dqtmh.DocCommunication-_sel-HMCWoI::after {
                display: block;
                content: '';
                position: absolute;
                width: 100%;
                height: 2px;
                bottom: -10px;
                left: 0;
                border-radius: 2px 2px 0 0;
                background-color: undefined;
                background-color: var(--color_lightGray2);
            }

.DocCommunication-filters-7U3nUC {
    position: relative;
    top: 0;
    left: 20px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.DocCommunication-filters-7U3nUC > span {
        line-height: 18px;
        margin-right: 10px;
    }

.DocCommunication-communication-695Fmn {
    margin-top: 40px;
    margin-left: 20px;
}

.DocCommunication-messagesList-zBD6R1 a {
        z-index: 0;
    }

.DocCommunication-messagesList-zBD6R1 > div:first-child {
        margin-top: 0 !important;
        -webkit-transition: none !important;
        transition: none !important;
    }

.DocCommunication-viewPopup-3pJuh6 {
    position: absolute;
    top: -35px;
    right: -40px;
    padding: 75px 40px 40px 40px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: #FFFFFF;
    border-radius: 6px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.DocCommunication-viewPopup_wrapper-34B111 {
        position: relative;
        margin-left: 40px;
    }

.DocCommunication-viewPopup_wrapper-34B111 > button {
            z-index: 6;
        }

.DocCommunication-viewPopup_subTitle-crW26o {
        margin-bottom: 5px;
    }

.DocCommunication-viewPopup-3pJuh6.DocCommunication-_vis-1TSJTO {
        opacity: 1;
        visibility: visible;
    }
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/analysis/analysis.css ***!
  \*****************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.analysis-container-1ASAwp {
  padding-top: 7px;
  padding-left: 20px;
  width: 420px;
}

.analysis-togglerVisible-1JJ2Jc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* margin-top: 2px; */
  margin-top: 20px;
}

.analysis-togglerVisible_item-3vgLvd {
  background: undefined;
  background: var(--color_white);
  padding: 2px 10px;
  color: undefined;
  color: var(--color_darkGray);
  border-top: undefined;
  border-top: solid 1px var(--color_lightGray2);
  border-bottom: undefined;
  border-bottom: solid 1px var(--color_lightGray2);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 1.2;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.analysis-togglerVisible_item-3vgLvd:first-child {
    border-left: undefined;
    border-left: solid 1px var(--color_lightGray2);
    border-radius: 5px 0 0 5px;
  }

.analysis-togglerVisible_item-3vgLvd:last-child {
    border-right: undefined;
    border-right: solid 1px var(--color_lightGray2);
    border-radius: 0 5px 5px 0 ;
  }

.analysis-togglerVisible_item-3vgLvd.analysis-active-3R-GZq {
    background-color: undefined;
    background-color: var(--color_gray);
    color: undefined;
    color: var(--color_white);
    border-color: transparent;
  }

.analysis-togglerVisible_item-3vgLvd.analysis-active-3R-GZq:hover {
      background-color: undefined;
      background-color: var(--color_gray_hover);
    }

.analysis-analysesButton-ZUW8Jp {
  color: undefined;
  color: var(--color_primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 1.2;
  padding: 0;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-transition: color, opacity 0.3s ease;
  transition: color, opacity 0.3s ease;
}

.analysis-analysesButton-ZUW8Jp > p {
    margin: 0;
  }

.analysis-analysesButton-ZUW8Jp > img {
    width: 12px;
    height: 12px;
  }

.analysis-analysesButton-ZUW8Jp:hover {
    color: undefined;
    color: var(--color_primary_hover);
  }

.analysis-list-3roR8a {
  margin-top: 69px;
  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: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 20px;
  margin-bottom: 40px;
}

.analysis-listItem-1hZtQV {
  border-radius: 8px;
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_alert);
          box-shadow: var(--shadow_alert);
  border: undefined;
  border: dashed 1px var(--color_yellow);
  width: 400px;
  font-size: undefined;
  font-size: var(--fontSize_tab);
  line-height: 19px;
}

.analysis-listItem-1hZtQV.analysis-resolved-3DjsbJ {
    border: dashed 1px rgba(255, 192, 3, 0.5);
    width: 360px;
  }

.analysis-listItem-1hZtQV.analysis-active-3R-GZq {
    width: 400px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

.analysis-itemBody-2WUNh3 {
  padding: 20px;
}

.analysis-itemBody__header-3I6rSG {
  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;
  margin-bottom: 16px;
}

.analysis-itemBody__headerAnalysis-gA6CNf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  color: undefined;
  color: var(--color_gray);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: undefined;
  font-size: var(--fontSize_tip);
}

.analysis-itemBody__headerAnalysis-gA6CNf > img {
    width: 6px;
  }

.analysis-itemBody__content-1y0C0o {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.analysis-itemBody__leftCol-3CrRIV {
  width: 25px;
  height: 25px;
  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;
  border-radius: 50%;
  background-color: undefined;
  background-color: var(--color_yellow);
}

.analysis-itemBody__leftCol-3CrRIV > img {
    width: 12px;
    height: 12px;
  }

.analysis-itemBody__mainCol-3-Fujw {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.analysis-itemBody__mainColHeader-PWuP8U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  margin-bottom: 10px;
}

.analysis-itemBody__mainColHeader-PWuP8U > h4 {
    color: undefined;
    color: var(--color_darkGray);
    font-weight: bold;
    margin: 0;
  }

.analysis-itemBody__mainColHeader-PWuP8U > p {
    color: undefined;
    color: var(--color_gray);
    margin: 0;
  }

.analysis-itemBody__mainColDefault-2C8FZK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.analysis-itemBody__mainColDefaultText-1Evkwt {
  border-left: undefined;
  border-left: 2px solid var(--color_lightGray2);
  color: undefined;
  color: var(--color_lightGray2);
  padding-left: 9px;
  margin: 0;
}

.analysis-itemBody__mainColNav-1NBQXF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 20px;
  height: 16px;
}

.analysis-itemBody__mainColNav-1NBQXF > .analysis-arrows-Jn9f7A {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
  }

.analysis-itemBody__mainColNav-1NBQXF > .analysis-arrows-Jn9f7A > img {
      cursor: pointer;
    }

.analysis-itemBody__mainColNav-1NBQXF > img {
    cursor: pointer;
  }

.analysis-itemBody__mainColComment-2VmpKR {
  margin: 10px 0 0 0;
}

.analysis-itemBody__mainColPolicy-3fE6iZ {
  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;
  gap: 2px;
  margin-top: 10px;
}

.analysis-itemBody__mainColPolicy-3fE6iZ > p {
    margin: 0;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    line-height: 1.2;
  }

.analysis-policyPopover-15Lb48 {
  position: absolute;
  width: 200px;
  padding: 10px;
  border-radius: 4px;
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_alert);
          box-shadow: var(--shadow_alert);
  background-color: undefined;
  background-color: var(--color_darkGray);
  color: undefined;
  color: var(--color_lightGray2);
  font-size: undefined;
  font-size: var(--fontSize_tip);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  bottom: calc(100% + 10px);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.analysis-policyPopover-15Lb48::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 18px;
    width: 14px;
    height: 14px;
    border-radius: 1px;
    background-color: undefined;
    background-color: var(--color_darkGray);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

.analysis-policyPopover-15Lb48 > h5 {
    font-weight: bold;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    margin: 0;
  }

.analysis-policyPopover-15Lb48 > p {
    margin: 0;
    line-height: 1.5;
  }

.analysis-itemsFooter-s-PAW0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 10px 20px;
  display: flex;
  gap: 20px;
  border-top: undefined;
  border-top: dashed 1px var(--color_yellow);
}

.analysis-itemFooter__item-2DfB63 {
  font-size: undefined;
  font-size: var(--fontSize_frameNormal);
  line-height: 1.2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.analysis-itemFooter__item-2DfB63.analysis-green-1JPYMV {
    color: undefined;
    color: var(--color_green);
  }

.analysis-itemFooter__item-2DfB63.analysis-red-nBIE5n {
    color: undefined;
    color: var(--color_darkRed);
  }

.analysis-itemFooter__item-2DfB63.analysis-gray-3tZ2KB {
    color: undefined;
    color: var(--color_darkGray);
  }

.analysis-itemFooter__item-2DfB63.analysis-blue-2J0Dh0 {
    color: undefined;
    color: var(--color_primary);
  }

.analysis-itemFooter__item-2DfB63 > img {
    margin-right: 10px;
  }

.analysis-itemFooter__item-2DfB63 > .analysis-arrow-1NQd6D {
    margin-right: 0;
    margin-left: 10px;
  }

.analysis-advanced-2sG63C {
  padding: 20px;
  border-top: undefined;
  border-top: dashed 1px var(--color_yellow);
}

.analysis-advanced__title-F-ICyU {
  line-height: 1.2;
  font-size: undefined;
  font-size: var(--fontSize_tab);
  font-weight: bold;
  color: undefined;
  color: var(--color_gray);
}

.analysis-advanced__content-1g2Dml {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  font-size: undefined;
  font-size: var(--fontSize_tab);
  margin-top: 10px;
  color: undefined;
  color: var(--color_darkGray);
}

.analysis-advanced__content-1g2Dml > .analysis-default-2zEPrJ {
    text-decoration: line-through;
    -webkit-text-decoration-color: undefined;
            text-decoration-color: undefined;
    -webkit-text-decoration-color: var(--color_orange);
            text-decoration-color: var(--color_orange);
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
  }

.analysis-advanced__content-1g2Dml > .analysis-correction-1Gf7Ns {
    text-decoration: underline;
    -webkit-text-decoration-color: undefined;
            text-decoration-color: undefined;
    -webkit-text-decoration-color: var(--color_orange);
            text-decoration-color: var(--color_orange); 
    -webkit-text-decoration-style: solid; 
            text-decoration-style: solid;
  }

.analysis-advanced__button-2oJVZu {
  margin-top: 20px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
}

.analysis-hiddenList-l-23ZM {
  padding-bottom: 50px;
}

.analysis-hiddenList__item-7ztrvr {
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 19px;
  color: undefined;
  color: var(--color_gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.analysis-hiddenList__item-7ztrvr > img {
    width: 12px;
    height: 12px;
    cursor: pointer;
  }

.analysis-analyzeInfo-17y6qF {
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 1.2;
  color: undefined;
  color: var(--color_gray);
  margin: 10px 0 0 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  gap: 40px;
}

/* max-width: 344px; */

.analysis-analyzeInfo-17y6qF > .analysis-risks-2QGtXh {
    color: undefined;
    color: var(--color_darkGray);
    word-break: keep-all;
    white-space: nowrap;
  }

.analysis-analyzeInfo-17y6qF > .analysis-time-3JNchp {
    max-width: 126px;
  }

.analysis-analyzeInfo-17y6qF > .analysis-tokens-3h21zm {
    max-width: 98px;
  }

.analysis-rulesInput-2Hm5VM {
  width: 100%;
  resize: vertical;
  min-height: 80px;
  margin-top: 12px;
  border-radius: 5px;
  border: 1px solid black;
  padding: 6px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
}

.analysis-expDocSpinner-1UPxoo {

  /* margin-top: 20px; */
  padding: 0;

  font-size: undefined;

  font-size: var(--fontSize_standart);
  /* height: 20px; */
  color: undefined;
  color: var(--color_gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: 8px;
  /* > div {
      position: static;
      display: inline-block;
      width: 15px;
      height: 15px;
      margin-right: 5px !important;
      img {
          height: 15px;
          width: 15px;
          margin: 0;
      }
  } */
}

.analysis-expDocSpinner-1UPxoo > .analysis-text-XCf31E {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }

.analysis-expDocSpinner-1UPxoo > .analysis-text-XCf31E > p {
      margin: 0;
    }

.analysis-analyzeWindow-3DxY2P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/analysis/PolicyList/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-container-hM69nw {
  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;
}

  .styles-module-container-hM69nw.styles-module-mini-2ohabQ > * {
      display: none;
    }

  .styles-module-container-hM69nw.styles-module-mini-2ohabQ > :first-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

  .styles-module-container-hM69nw.styles-module-mini-2ohabQ > :last-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

.styles-module-policy-_ehPKA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.styles-module-text-2vp2QV {
  font-size: undefined;
  font-size: var(--fontSize_h4);
  color: undefined;
  color: var(--color_darkGray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 27px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/unitList/unitList.css ***!
  \*****************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.unitList-wrapper-3IsGpk {
    margin-top: 20px;
    padding-bottom: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_darkGray);
    min-width: 1146px;
}
.unitList-wrapperUser-2zYfzv {
    margin-left: 20px;
    padding-bottom: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    width: 400px;
}
.unitList-pdOptions-38f5ne {
    line-height: 1.5;
    color: undefined;
    color: var(--color_black);
    margin: 0;
    padding: 2px 0 1px;
}
.unitList-dFind-1vnRuG {
    width: 200px;
    margin: 0 20px 0 10px;
    border-radius: 4px;
    border: solid 1px #dedede;
    padding: 0 12px 0 4px; 
    margin: 0 50px 0 20px
}
.unitList-nfound-if4pT_ {
    color: undefined;
    color: var(--color_darkRed);
}
.unitList-crossPlace-1UQEnQ {
    right: 16px;
    position: relative;   
    z-index: 2;
    top: -46px;
}
.unitList-crossPlace-1UQEnQ.unitList-corrected-3WZXB8 {
        right: 21px;
        top: -32px;
    }
.unitList-head-2BLZuK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-top: 1px;
    margin-bottom: 1px;
  }
.unitList-head_radio-32Y_FN {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 20px;
      margin-right: 20px;
    }
.unitList-head_radio-32Y_FN + .unitList-head_radio-32Y_FN {
          margin-left: 0;
      }
.unitList-head_radio-32Y_FN > div {
        line-height: 1.23;
        color: undefined;
        color: var(--color_darkGray);
        display: inline-block;
        padding: 2px 10px 1px;
        border: undefined;
        border: 1px solid var(--color_lightGray2);
        -webkit-transition: all .2s;
        transition: all .2s;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
      }
.unitList-head_radio-32Y_FN > div[data-current="true"] {
          color: #fff;
          background-color: undefined;
          background-color: var(--color_gray);
          border-color: undefined;
          border-color: var(--color_gray);
        }
.unitList-head_radio-32Y_FN > div:hover:not([data-current="true"]) {
          color: undefined;
          color: var(--color_primary_hover);
        }
.unitList-head_radio-32Y_FN > div:not(:first-child):not(:last-child) {
        border-left: none;
        border-right: none;
      }
.unitList-head_radio-32Y_FN > div:first-child {
        border-radius: 5px 0 0  5px;

      }
.unitList-head_radio-32Y_FN > div:last-child {
        border-radius: 0 5px 5px 0;
      }
.unitList-line-26gs-W {
    border-bottom: undefined;
    border-bottom: solid 1px var(--color_lightGray);    
    padding-bottom: 19px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.unitList-line-26gs-W.unitList-lhidden-21NKAs {
      border-color: white;
   }
.unitList-line-26gs-W img, .unitList-line-26gs-W svg {
        margin-right: 27px;
    }
.unitList-line-26gs-W > * {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }
.unitList-tab-headers-1G2PPA {
    padding-bottom: 10px;
    padding-left: 40px;
    border-bottom: undefined;
    border-bottom: solid 1px var(--color_lightGray2);
    line-height: 1.5;
    color: undefined;
    color: var(--color_gray);
    margin-top: 60px;
    margin-bottom: 40px;
    position: relative;
}
.unitList-tab-cat-1SBeT3 {
    width: 320px;
    display: inline-block;
    max-height: 72px;
    margin-right: 40px;
    overflow-wrap: break-word;
}
.unitList-tab-clause-1Hy0UU {
    width: 390px;
    overflow-wrap: break-word;
    display: inline-block;
    max-height: 72px;
    margin-right: 50px;
    overflow-y: clip;
    white-space: pre-wrap;
}
.unitList-tab-status-1SF6YT {
    width: 80px;
    display: inline-block;
    max-height: 72px;
    margin-right: 20px;
}
.unitList-tab-status-1SF6YT.unitList-tab-draft-3qESit {
        color: undefined;
        color: var(--color_gray);
    }
.unitList-tab-status-1SF6YT.unitList-tab-last-1kPbMJ {
        margin=right: 0;
    }
.unitList-blank-3j92p4 {    
    line-height: 1.5;
    color: undefined;
    color: var(--color_gray);
}
.unitList-arrowShift-3tXxPk  {
    left: 10px;
    top: 0;
    cursor: pointer;
}
.unitList-editFixed-14lEbE {
    position: absolute;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    top: 100%;
    z-index: 2;
    width: 740px;
    border-radius: 8px;
    border: undefined;
    border: 1px dashed var(--color_orange);
    background-color: white;
    -webkit-box-shadow: 0 1px 14px 0 rgb(0 0 0 / 11%);
            box-shadow: 0 1px 14px 0 rgb(0 0 0 / 11%);    
}
.unitList-upperSide-dVa8Hi {
    padding: 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.unitList-upperSide-dVa8Hi textarea {
      font-family: 'ProximaNova', sans-serif !important;
      width: 100%;
      border: none;
      padding: 0;
      margin: 0;
      resize: none;
      font-size: undefined;
      font-size: var(--fontSize_readable);
    }
.unitList-upperSide-dVa8Hi textarea::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_orange);
      }
.unitList-upperSide-dVa8Hi textarea::-moz-placeholder {
        color: undefined;
        color: var(--color_orange);
      }
.unitList-upperSide-dVa8Hi textarea::-ms-input-placeholder {
        color: undefined;
        color: var(--color_orange);
      }
.unitList-upperSide-dVa8Hi textarea::placeholder {
        color: undefined;
        color: var(--color_orange);
      }
.unitList-upperSide-dVa8Hi textarea:nth-of-type(2)::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.unitList-upperSide-dVa8Hi textarea:nth-of-type(2)::-moz-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.unitList-upperSide-dVa8Hi textarea:nth-of-type(2)::-ms-input-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.unitList-upperSide-dVa8Hi textarea:nth-of-type(2)::placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.unitList-upperLeft-2WZZJg {
    display: inline-block;
    width: 240px;
    margin-right: 60px;
}
.unitList-upperFull-3Vch-I {    
    width: 100%;
}
.unitList-upperRight-1ko4Tf {
    display: inline-block;
    width: 398px;
}
.unitList-smallTitle-miZMbe {
    color: undefined;
    color: var(--color_gray);
    font-size: undefined;
    font-size: var(--fontSize_tip);
}
.unitList-hint-3CctgK {
    color: undefined;
    color: var(--color_gray);
    font-size: undefined;
    font-size: var(--fontSize_tip);
}
.unitList-hinted-g6wsn6 {
    position: relative;
}
.unitList-hinted-g6wsn6::before {
        position: absolute;
        left: 1px;
        top: 0px;
        content: attr(data-content);
        color: undefined;
        color: var(--color_primary);
    }
.unitList-hinted-g6wsn6.unitList-orange-atjbXO::before{
        color: undefined;
        color: var(--color_orange);
    }
.unitList-lowerSide-im7lQH {
    border-top: undefined;
    border-top: 1px dashed var(--color_orange);
    padding: 10px 20px;
}
.unitList-lowerSide-im7lQH > span {
        cursor: pointer;
        color: undefined;
        color: var(--color_primary);
        margin-right: 20px;
        position: relative;        
    }
.unitList-lowerSide-im7lQH > span.unitList-inactive-2HSWEX {
            cursor: initial;
            color: undefined;
            color: var(--color_primary_semi);
        }
.unitList-lowerSide-im7lQH > span.unitList-inactive-2HSWEX.unitList-orange-atjbXO {
                color: undefined;
                color: var(--color_orange_semi);
            }
.unitList-lowerSide-im7lQH > span.unitList-orange-atjbXO {
            color: undefined;
            color: var(--color_orange);
        }
.unitList-lowerSide-im7lQH > span.unitList-red-3LJmVZ {
            color: undefined;
            color: var(--color_darkRed);
        }
.unitList-lowerSide-im7lQH > span.unitList-distant-2-W90e {
            margin-left: 40px;
        }
.unitList-lowerSide-im7lQH > span.unitList-tip-50Xo51 > div {
            opacity: 0;
            visibility: hidden;
            -webkit-transition: opacity .2s, visibility .2s;
            transition: opacity .2s, visibility .2s;
            bottom: 22px;
            left: 0;
        }
.unitList-lowerSide-im7lQH > span.unitList-tip-50Xo51:hover > div {
            opacity: 1;
            visibility: visible;
            -webkit-transition: opacity .2s, visibility .2s;
            transition: opacity .2s, visibility .2s;
        }
.unitList-cats-1OZ_ht {
    position: absolute;
    top: -40px;
    left: 0px;
    color: undefined;
    color: var(--color_darkGray);
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    padding: 40px 40px 0px;
    background-color: white;
    z-index:2;
    width: 400px;
}
.unitList-show-folder-3UOVQ8 {
    line-height: 16px;
}
.unitList-show-folder-3UOVQ8:hover {
        color: undefined;
        color: var(--color_primary_hover);
    }
.unitList-show-folder-3UOVQ8.unitList-selected-folder-3zdneA {
        color: undefined;
        color: var(--color_black);
        font-weight: bold;
    }
.unitList-draft-1we8ff {
    color: undefined;
    color: var(--color_gray);
}
.unitList-card-2pY8lu {
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    padding: 20px;
    margin: 20px 0;
    border: undefined;
    border: dashed 1px var(--color_orange_semi);
    position: relative;
}
.unitList-card-2pY8lu.unitList-draft-1we8ff {
        border-color: undefined;
        border-color: var(--color_lightGray);
    }
.unitList-card-2pY8lu.unitList-edited-3aYrrK .unitList-clause-36relM {
        -webkit-line-clamp: 8;
    }
.unitList-card-2pY8lu:before {
        content: '';
        display: block;
        width: calc(100% + 80px);
        height: 1px;
        background-color: white;
        position: absolute;
        top: -2px;
        left: -40px;
    }
.unitList-preline-3Fe_wr+.unitList-card-2pY8lu {
    margin-top: -20px;
}
.unitList-title-C5Cv3P {
    font-weight:bold;
    color: undefined;
    color: var(--color_black);
}
.unitList-clause-36relM {
    font-size: undefined;
    font-size: var(--fontSize_readable);
    color: undefined;
    color: var(--color_darkGray);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    white-space: pre-wrap;
    margin-top: 20px;
}
.unitList-subclause-2JrSm5 {
    width: calc(100% + 40px);
    margin: 10px -20px -20px;
    padding: 10px 20px;
    border-top:undefined;
    border-top:dashed 1px var(--color_orange_semi);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.unitList-subclause-2JrSm5.unitList-draft-1we8ff {
        border-color: undefined;
        border-color: var(--color_lightGray);
    }
.unitList-subclause-2JrSm5 span {
        color: undefined;
        color: var(--color_primary);
        cursor: pointer;
        margin-right: 40px;
    }
.unitList-subclause-2JrSm5 span:nth-of-type(1) {
            color: undefined;
            color: var(--color_orange);
            margin-right: 20px;
        }
.unitList-subclause-2JrSm5 span.unitList-lvl-3zYd7S {
            margin-right: 20px;
        }
.unitList-subclause-2JrSm5 span[data-off="true"] {
            opacity: 0.3;
            cursor: default;
        }
.unitList-buttons-2L-2jj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-top: 50px;
}
.unitList-maskLine-2NEsQq:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: white;
    position: relative;
    top: -21px;
}
[data-x="1"] {
    background-color: undefined;
    background-color: var(--color_yellow_semi);
}
.unitList-unit-uK4Owk {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding: 20px 0;
    border-top: undefined;
    border-top: 1px solid var(--color_lightGray);
    gap: 40px;
    position: relative;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    word-wrap: break-word; 
    overflow-wrap: break-word;
}
.unitList-unit-uK4Owk:hover .unitList-unit-last-Upt9NO {
    opacity: 1;
}
.unitList-unit-child-1vZDR3 {
    width: 160px; 
    -ms-flex-negative: 0; 
        flex-shrink: 0; 
    -webkit-box-flex: 0; 
        -ms-flex-positive: 0; 
            flex-grow: 0; 
    color: undefined; 
    color: var(--color_darkGray);
}
.unitList-unit-child-1vZDR3.unitList-unit-arrow-omdff_ {
        width: 10px;
        margin-left: 10px;
        cursor: pointer;
    }
.unitList-unit-child-1vZDR3.unitList-unit-narrow-3r5aLK {
        width: 125px; 
        /* Не по макету, но текст влезает */
    }
.unitList-unit-child-1vZDR3.unitList-unit-last-Upt9NO {
        width: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 5px;
        margin-left: -10px;
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
.unitList-unit-child-1vZDR3.unitList-unit-last-Upt9NO > * {
            cursor: pointer;
        }
.unitList-unit-child-1vZDR3.unitList-unit-wide-1_tHMM {
        width: 400px;
    }
.unitList-unit-child-1vZDR3.unitList-unit-title-MHAIMT {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        cursor: pointer;
    }
.unitList-unit-child-1vZDR3.unitList-unit-tiny-3ZTw_t {
        width: 40px;
    }
.unitList-unit-child-1vZDR3.unitList-unit-flex-3XSuf5 {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        font-size: undefined;
        font-size: var(--fontSize_readable);
        color: undefined;
        color: var(--color_black);
    }
.unitList-unit-child-1vZDR3.unitList-unit-status-3Hzg8Q{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 5px;
    }
.unitList-unit-header-3sNGq2 {    
    border: none;
    padding: 10px 0;
}
.unitList-unit-header-3sNGq2 .unitList-unit-child-1vZDR3 {
      color: undefined;
      color: var(--color_gray);
    }
.unitList-unit-filter-3jfMPs {
    border: none;
    padding: 0 0 10px;
}
.unitList-unit-link-2NWYJD {
    color: undefined;
    color: var(--color_primary);
    cursor: pointer;
    margin-right: 40px;
    opacity: 0.5;
}
.unitList-unit-extension-1t41l3 {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_gray);
}
.unitList-unit-teams-3-4KSk {
    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;
}
.unitList-add-teams-Paq_-k {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    color: undefined;
    color: var(--color_primary);
    border: undefined;
    border: 1px solid var(--color_primary);
    cursor:pointer;
}
.unitList-add-teams-Paq_-k:hover {
    opacity: 1;
}
.unitList-edit-teams-36U-vA {
    color: undefined;
    color: var(--color_primary);
    cursor:pointer;
}
.unitList-for-teams-Lv9x_G {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap: 5px;
    padding: 5px 10px;
}
.unitList-orig-collaboration-1HosNA {
    background-color: undefined;
    background-color: var(--color_collab);
}
.unitList-orig-draft-1nFSlG {
    background-color: undefined;
    background-color: var(--color_draft);
}
.unitList-orig-finByThem-3PutfU {
    background-image: undefined;
    background-image: -webkit-gradient(linear, right top, left top, from(var(--color_violet)), color-stop(50%, var(--color_action)));
    background-image: linear-gradient(to left, var(--color_violet), var(--color_action) 50%);
    /* background-image: linear-gradient(to left, var(--color_lightGray) 100%, var(--color_action) 50%); */
}
.unitList-orig-signThem-1M-nsK {
    background-image: undefined;
    background-image: -webkit-gradient(linear, right top, left top, from(var(--color_violet)), color-stop(50%, var(--color_action)));
    background-image: linear-gradient(to left, var(--color_violet), var(--color_action) 50%);
    /* background-image: linear-gradient(to left, var(--color_lightGray) 100%, var(--color_action) 50%); */
}
.unitList-orig-finByUs-1RkIiV {
    background-image: undefined;
    background-image: -webkit-gradient(linear, right top, left top, from(var(--color_action)), color-stop(50%, var(--color_external)));
    background-image: linear-gradient(to left, var(--color_action), var(--color_external) 50%);
}
.unitList-orig-signUs-AW2GJp {
    background-image: undefined;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(100%, var(--color_external)), color-stop(50%, var(--color_action)));
    background-image: linear-gradient(to left, var(--color_external) 100%, var(--color_action) 50%);
}
.unitList-orig-signed-Zj3Kqc {
    background-color: undefined;
    background-color: var(--color_final);
    font-weight: bold;
}
.unitList-orig-final-prKO41 {
    background-color: undefined;
    background-color: var(--color_final);
    font-weight: bold;
}
.unitList-orig-signing-1FnfGV {
    background-color: undefined;
    background-color: var(--color_lightGray);
}
.unitList-orig-internal-3xfmCw {
    background-color: undefined;
    background-color: var(--color_lightGray);
}
.unitList-orig-external--P9Ic6 {
    background-color: undefined;
    background-color: var(--color_external);
}
.unitList-orig-approval-WrCP8K {
    background-image: undefined;
    background-image: -webkit-gradient(linear, right top, left top, from(var(--color_violet)), color-stop(50%, var(--color_lightGray)));
    background-image: linear-gradient(to left, var(--color_violet), var(--color_lightGray) 50%);
}
.unitList-orig-template-draft-2mG8MF {
    background-color: undefined;
    background-color: var(--color_orange_light);
}
.unitList-orig-template-published-13LWs8 {
    background-color: undefined;
    background-color: var(--color_green_light);
}
.unitList-status-approvals-1-G0NI {
    color: undefined;
    color: var(--color_darkGray)
}
.unitList-approval-every-34w9R- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.unitList-approval-requred-2bY6Uk {
  padding: 5px 10px 10px;
  border-radius: 5px;
  border: undefined;
  border: dashed 1px var(--color_approve);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: undefined;
  color: var(--color_approve);
}
.unitList-avatars-3Vp1bs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5px;
}
.unitList-approvalsCount-1z3aVU {
    color: undefined;
    color: var(--color_gray);
}
.unitList-activity-cont-2zKb_Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;    
}
.unitList-time-2g1F_8 {
    color: undefined;
    color: var(--color_lightGray2);
}
.unitList-count-changes-3wKjfJ {
    width: 20px; 
    height: 20px;
    border-radius: 50%;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    background-color: undefined;
    background-color: var(--color_lightRed);    
    margin-right: 10px;
}
.unitList-count-centered-changes-wc8mhp {
    height: 11px;
}
.unitList-count-cont-10yC0G {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.unitList-spinner-place-KFpf8M {
    position: relative;
    height: 400px;
    width: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Approve/styles.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-container-2ZmDaH {
  display: inline;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_primary);
  cursor: pointer;
  position: relative;
}

  .styles-module-container-2ZmDaH > span {
    padding-bottom: 2px;
    margin-left: 10px;
    margin-right: 8px;
  }

.styles-module-approveAgain-7i-XjK {
  position: relative;
  padding-right: 40px;
}

.styles-module-approveAgain-7i-XjK > button {
    display: none;
    position: absolute;
    left: 30px;
  }

.styles-module-approveAgain-7i-XjK:hover > button {
    display: inline-block;
  }
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Approve/ApprovePopup/UserItem/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-3KjE0r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* justify-content: space-between; */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
}

.styles-module-userCell-3f9PNU {
  width: 180px;
  min-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  position: relative;
}

/* margin-right: 10px; */

.styles-module-userCell-3f9PNU::after {
    content: "";
    position: absolute;
    height: 30px;
    width: 50px;
    right: 0px;
    bottom: 0px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white)
  }

.styles-module-userInfo-19xxrf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  gap: 2px;
  max-width: 100%;
  overflow: hidden;
}

.styles-module-userInfo-19xxrf > h5 {
    font-weight: normal;
    line-height: normal;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_black);
    margin: 0;
    max-width: 100%;
  }

.styles-module-userInfo-19xxrf > p {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    line-height: normal;
    color: undefined;
    color: var(--color_lightGray4);
    margin: 0;
    max-width: 100%;
  }

.styles-module-infoLine-1FwuTe {
  width: 160px;
  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: 15px;
}

.styles-module-info-XWNOoR {
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_darkGray);
}

.styles-module-infoNotApproved-1WL0dO {
  width: 130px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_lightGray4);
}

.styles-module-lightGray-Oel_6P {
  color: undefined;
  color: var(--color_lightGray4);
}

.styles-module-darkGray-x_Hz9h {
  color: undefined;
  color: var(--color_darkGray);
}

.styles-module-button-3ZNSiO {
  background: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
}

.styles-module-unApprovedContainer-20Z47O {
  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: flex-start;
}

.styles-module-commentContainer-2SH0Za {
  margin-top: 20px;
}

.styles-module-approvedEvent-3M-utd {
  max-width: 111px;
  margin-bottom: 10px;
  white-space: normal;
  font-size: undefined;
  font-size: var(--fontSize_standart);
}

.styles-module-approveEventContainer-1AGMo6 {
  margin-top: 10px;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Approve/ApprovePopup/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-12jEm0 {
  width: 400px;
  position: absolute;
  top: -40px;
  left: -40px;
  z-index: 1000;
  padding: 100px 0px 40px;

  border-radius: 6px;
  -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  max-height: 90vh;
  overflow: hidden;
}

.styles-module-scrollbar-1W86a5 {
  overflow: auto;
  position: relative;
  width: 100%;
  padding: 0px 40px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: calc(90vh - 140px);
}

.styles-module-scrollbar-1W86a5::-webkit-scrollbar {
  display: none;
  width: 0;
}

.styles-module-approveAgain-R0Z7rA {
  left: 22px;
}

.styles-module-no_approve-3xxpYd {
  left: -30px;
}

.styles-module-title-23nkCB {
  font-size: 17px;
  margin: 0;
  letter-spacing: 0px;
  color: #212121;
}

.styles-module-button-3WVYSO {
  margin-bottom: 30px;
  padding: 2px 10px 0px;
  border-radius: 5px;
  border: undefined;
  border: solid 1px var(--color_primary);
  background: transparent;
  color: undefined;
  color: var(--color_primary);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  cursor: pointer;
}

.styles-module-list-2M4WAi {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Approve/ApprovePopup/attention.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.attention-module-container-IcSY18 {
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 1000;
    padding: 58px 20px 20px;
    width: 240px;
    height: 133px;
  
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    background-color: #fff;
  }

.attention-module-text-21gIF6 {
    margin: 0px 0px 10px;
    color: undefined;
    color: var(--color_lightRed);
    font-size: undefined;
    font-size: var(--fontSize_standart);
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Send/styles.module.css ***!
  \****************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-button-2U0DFg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border: none;
  background: transparent;
  cursor: pointer;
  gap: 10px;
  color: undefined;
  color: var(--color_primary);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  padding: 0;
}

.styles-module-buttonContainer-1kjcdY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.styles-module-planeIcon-dbheon {
  -ms-flex-item-align: center;
      align-self: center;
}

.styles-module-container-2_oiF9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Send/SendPopup/parts/CollaborateWithExternal/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-circle-2KCrw0 {
  border-radius: 6px;
  width: 12px;
  aspect-ratio: 1 / 1;
}

  .styles-module-circle-2KCrw0.styles-module-gray-2RMle6 {
    background: undefined;
    background: var(--color_lightGray);
  }

  .styles-module-circle-2KCrw0.styles-module-blue-UREliD {
    background: undefined;
    background: var(--color_external);
  }

.styles-module-circleContainer-1P0LR6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  color: undefined;
  color: var(--color_lightGray);
}

.styles-module-circleContainer-1P0LR6 span {
    font-size: 14px;
    height: 1em;
  }

.styles-module-titleContainer-3J2ny0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.styles-module-titleContainer-3J2ny0 > h3 {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    margin: 0;
  }

.styles-module-buttonContainer-1ocq3o {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.styles-module-button-1uUgmB {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: undefined;
  color: var(--color_primary);

}

.styles-module-button-1uUgmB.styles-module-bordered-Nlt9i5 {
    border-radius: 5px;
    padding: 2px 10px;
    border: undefined;
    border: 1px solid var(--color_primary);
  }

.styles-module-primaryColor-DqENVD {
  color: undefined;
  color: var(--color_primary);
}

.styles-module-infoContainer-2oOskO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.styles-module-infoBlock-1SLP9- {
  padding: 20px;
  border-radius: 5px;
  width: 150px;
  margin-top: 20px;
}

.styles-module-infoBlock-1SLP9- h4 {
    font-size: 10px;
    margin: 0 0 10px;
    color: undefined;
    color: var(--color_darkGray);
  }

.styles-module-infoBlock-1SLP9- li {
    color: undefined;
    color: var(--color_darkGray);
    font-size: 10px;
  }

.styles-module-infoBlock-1SLP9- ul {
    padding: 0 0 0 10px;
    margin: 0;
  }

.styles-module-infoBlock-1SLP9-.styles-module-bgGray-HJ4Rlp {
    background: undefined;
    background: var(--color_lightGray);
  }

.styles-module-infoBlock-1SLP9-.styles-module-bgBlue-3S4bp1 {
    background: undefined;
    background: var(--color_external);
  }

.styles-module-message-1PyQ8x {
  padding: 20px;
  background: undefined;
  background: var(--color_external);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  margin-bottom: 10px;
}

.styles-module-message-1PyQ8x input {
    padding: 10px 15px;
    width: 240px;
    border: solid 1px #eee;
    font-size: 15px;
    border-radius: 4px;
  }
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Send/SendPopup/parts/Finalize/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-circle-_n0Cmw {
  border-radius: 6px;
  width: 12px;
  aspect-ratio: 1 / 1;
  background: undefined;
  background: var(--color_final);
}

.styles-module-circleContainer-1JR96H {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-titleContainer-3J0cH4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.styles-module-titleContainer-3J0cH4 > h3 {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    margin: 0;
  }

.styles-module-buttonContainer-2GD4fs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.styles-module-button-2YpBAm {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: undefined;
  color: var(--color_primary);

}

.styles-module-button-2YpBAm.styles-module-bordered-1Uibhh {
    border-radius: 5px;
    padding: 2px 10px;
    color: undefined;
    color: var(--color_green);
    border: undefined;
    border: 1px solid var(--color_green);
  }

.styles-module-primaryColor-3qRODW {
  color: undefined;
  color: var(--color_primary);
}

.styles-module-infoContainer-Fqd1Ah {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.styles-module-infoBlock-2n5kn6 {
  padding: 20px;
  border-radius: 5px;
  width: 150px;
  margin-top: 20px;
  background: undefined;
  background: var(--color_green_light);
}

.styles-module-infoBlock-2n5kn6 h4 {
    font-size: 10px;
    margin: 0 0 10px;
    color: undefined;
    color: var(--color_darkGray);
    margin-bottom: 10px;
  }

.styles-module-infoBlock-2n5kn6 li {
    color: undefined;
    color: var(--color_darkGray);
    font-size: 10px;
  }

.styles-module-infoBlock-2n5kn6 ul {
    padding: 0 0 0 10px;
    margin: 0;
  }

.styles-module-message-18zrzB {
  padding: 20px;
  background: undefined;
  background: var(--color_external);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  margin-bottom: 10px;
}

.styles-module-message-18zrzB input {
    padding: 10px 15px;
    width: 240px;
    border: solid 1px #eee;
    font-size: 15px;
    border-radius: 4px;
  }
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Send/SendPopup/parts/SendToExternal/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-circle-2I4Fx4 {
  border-radius: 6px;
  width: 12px;
  aspect-ratio: 1 / 1;
}

  .styles-module-circle-2I4Fx4.styles-module-gray-2X_OX8 {
    background: undefined;
    background: var(--color_lightGray);
  }

  .styles-module-circle-2I4Fx4.styles-module-blue-1NXtcf {
    background: undefined;
    background: var(--color_external);
  }

.styles-module-circleContainer-3EPAng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-titleContainer-91lwL3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.styles-module-titleContainer-91lwL3 > h3 {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    margin: 0;
  }

.styles-module-buttonContainer-3rGTzw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.styles-module-button-3z_OSu {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;

}

.styles-module-button-3z_OSu.styles-module-blue-1NXtcf {
    background: undefined;
    background: var(--color_primary);
    color: undefined;
    color: var(--color_white);
    border-radius: 5px;
    padding: 2px 10px;
  }

.styles-module-primaryColor-3Teh3C {
  color: undefined;
  color: var(--color_primary);
}

.styles-module-infoContainer-3UZE7j {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.styles-module-infoBlock-ZfaPGT {
  padding: 20px;
  border-radius: 5px;
  width: 150px;
  margin-top: 20px;
}

.styles-module-infoBlock-ZfaPGT h4 {
    font-size: 10px;
    margin: 0 0 10px;
    color: undefined;
    color: var(--color_darkGray);
    margin-bottom: 10px;
  }

.styles-module-infoBlock-ZfaPGT li {
    color: undefined;
    color: var(--color_darkGray);
    font-size: 10px;
  }

.styles-module-infoBlock-ZfaPGT ul {
    padding: 0 0 0 10px;
    margin: 0;
  }

.styles-module-infoBlock-ZfaPGT.styles-module-bgGray-6LjewK {
    background: undefined;
    background: var(--color_lightGray);
  }

.styles-module-infoBlock-ZfaPGT.styles-module-bgBlue-1I0QMa {
    background: undefined;
    background: var(--color_external);
  }

.styles-module-message-l75IXF {
  padding: 20px;
  background: undefined;
  background: var(--color_external);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  margin-bottom: 10px;
}

.styles-module-message-l75IXF input {
    padding: 10px 15px;
    width: 240px;
    border: solid 1px #eee;
    font-size: 15px;
    border-radius: 4px;
  }
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Send/SendPopup/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-26_-u0 {
  position: absolute;
  z-index: 100;
  top: -40px;
  left: -40px;
  padding: 105px 40px 40px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.styles-module-overflowContainer-2ijo-r {
  overflow: auto;
  max-height: calc(90vh - 145px);
}

.styles-module-handlerColumn-W19beZ {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.styles-module-handlerColumn-W19beZ::-webkit-scrollbar {
    display: none;
  }

.styles-module-smallText-2KLo1x {
  font-size: undefined;
  font-size: var(--fontSize_tip);
  color: undefined;
  color: var(--color_gray);
  width: 150px;
}

.styles-module-btnBlock-21-3OJ {
  margin-top: 20px;
}

.styles-module-btnBlock-21-3OJ > button {
  margin-bottom: 8px;
}

.styles-module-isFinal-Vp98M3 {
  width: 208px;
}

.styles-module-isFinal-Vp98M3 .styles-module-handlerColumn-W19beZ {
    width: unset;
    gap: 15px;
  }

.styles-module-isFinal-Vp98M3 .styles-module-handlerColumn-W19beZ button {
      text-align: left;
    }
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Send/SendPopup/parts/FinishCollaborate/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-2KgTNI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.styles-module-circle-WWuC9k {
  border-radius: 6px;
  width: 12px;
  aspect-ratio: 1 / 1;
  background: undefined;
  background: var(--color_final);
}

.styles-module-circleContainer-1Kz1UJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-titleContainer-1UardF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.styles-module-titleContainer-1UardF > h3 {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    margin: 0;
  }

.styles-module-buttonContainer-3YLSQ8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.styles-module-button-1adCKb {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: undefined;
  color: var(--color_primary);

}

.styles-module-button-1adCKb.styles-module-bordered-2c0GDe {
    border-radius: 5px;
    padding: 2px 10px;
    border: undefined;
    border: 1px solid var(--color_primary);
  }

.styles-module-redColor-2QlZSs.styles-module-redColor-2QlZSs {
  color: undefined;
  color: var(--color_darkRed);
  border-color: undefined;
  border-color: var(--color_darkRed);
}

.styles-module-primaryColor-1NtlI2 {
  color: undefined;
  color: var(--color_primary);
}

.styles-module-infoContainer-zP_xER {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.styles-module-infoBlock-1QsDID {
  padding: 20px;
  border-radius: 5px;
  width: 150px;
  margin-top: 20px;
  background: undefined;
  background: var(--color_green_light);
}

.styles-module-infoBlock-1QsDID h4 {
    font-size: 10px;
    margin: 0 0 10px;
    color: undefined;
    color: var(--color_darkGray);
    margin-bottom: 10px;
  }

.styles-module-infoBlock-1QsDID li {
    color: undefined;
    color: var(--color_darkGray);
    font-size: 10px;
  }

.styles-module-infoBlock-1QsDID ul {
    padding: 0 0 0 10px;
    margin: 0;
  }

.styles-module-message-2dNR0x {
  padding: 20px;
  background: undefined;
  background: var(--color_external);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  margin-bottom: 10px;
}

.styles-module-message-2dNR0x input {
    padding: 10px 15px;
    width: 240px;
    border: solid 1px #eee;
    font-size: 15px;
    border-radius: 4px;
  }
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/Send/SendPopup/parts/RequestBack/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-32Xaw- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.styles-module-circle-3ADozQ {
  border-radius: 6px;
  width: 12px;
  aspect-ratio: 1 / 1;
  background: undefined;
  background: var(--color_final);
}

.styles-module-circleContainer-1a0voA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-titleContainer-3oMW1J {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.styles-module-titleContainer-3oMW1J > h3 {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    margin: 0;
  }

.styles-module-buttonContainer-siLqAk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.styles-module-button-3sWcFv {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: undefined;
  color: var(--color_primary);

}

.styles-module-button-3sWcFv.styles-module-bordered-3k-MVI {
    border-radius: 5px;
    padding: 2px 10px;
    border: undefined;
    border: 1px solid var(--color_primary);
  }

.styles-module-redColor-1O_QEU.styles-module-redColor-1O_QEU {
  color: undefined;
  color: var(--color_darkRed);
  border-color: undefined;
  border-color: var(--color_darkRed);
}

.styles-module-primaryColor-1yfOFg {
  color: undefined;
  color: var(--color_primary);
}

.styles-module-infoContainer-3kewGq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.styles-module-infoBlock-1GcpYx {
  padding: 20px;
  border-radius: 5px;
  width: 150px;
  margin-top: 20px;
  background: undefined;
  background: var(--color_green_light);
}

.styles-module-infoBlock-1GcpYx h4 {
    font-size: 10px;
    margin: 0 0 10px;
    color: undefined;
    color: var(--color_darkGray);
    margin-bottom: 10px;
  }

.styles-module-infoBlock-1GcpYx li {
    color: undefined;
    color: var(--color_darkGray);
    font-size: 10px;
  }

.styles-module-infoBlock-1GcpYx ul {
    padding: 0 0 0 10px;
    margin: 0;
  }

.styles-module-message-2pFYQu {
  padding: 20px;
  background: undefined;
  background: var(--color_external);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  margin-bottom: 10px;
}

.styles-module-message-2pFYQu input {
    padding: 10px 15px;
    width: 240px;
    border: solid 1px #eee;
    font-size: 15px;
    border-radius: 4px;
  }
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/TeamMenu/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-1rWxgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.styles-module-usersPreview-175Gda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}

.styles-module-button-2gawkZ {
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0;
  z-index: 11;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/TeamMenu/TeamPopup/styles.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-1AXZ7Y {
  padding: 20px 40px 20px 20px;
  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;
  position: absolute;
  top: -20px;
  right: -16px;
  z-index: 25; 
  /* Повышен z-index до 25, чтоб перекрыть стрелки */

  border-radius: 10px;
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_menu);
          box-shadow: var(--shadow_menu);
  background-color: undefined;
  background-color: var(--color_white);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;
}

.styles-module-teamBlock-3Cc3Hy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  border-radius: 5px;
  width: 160px;
  padding: 5px 10px;
}

.styles-module-teamBlock-3Cc3Hy.styles-module-blue-2s-ty6 {
    background: undefined;
    background: var(--color_external);
  }

.styles-module-teamBlock-3Cc3Hy.styles-module-gray-1GaDKM {
    background: undefined;
    background: var(--color_lightGray);
  }

.styles-module-title-2oi3I9 {
  font-size: undefined;
  font-size: var(--fontSize_standart);
  font-weight: normal;
  margin: 0;
  color: undefined;
  color: var(--color_darkGray);
}

.styles-module-logoContainer-3pheE5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px 2px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.styles-module-button-13ziWp {
  padding: 0;
  color: undefined;
  color: var(--color_primary);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  border: none;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/StdDrop/styles.module.css ***!
  \********************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-main-1Ub_v1 {
  width: 100%;
  height: auto;
  position: relative;
  border: undefined;
  border: 1px dashed var(--color_primary);
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 20px;
  min-height: 320px;
}

.styles-module-list-1JQ5Ea {
  list-style: none; 
  padding: 0; 
  width: 100%; 
  margin: 0; 
  -webkit-box-flex: 1; 
      -ms-flex: 1; 
          flex: 1; 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-box-orient: vertical; 
  -webkit-box-direction: normal; 
      -ms-flex-direction: column; 
          flex-direction: column; 
  gap: 20px;
}

.styles-module-listItem-2t0i2z {
  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;
  margin: 10px 0;
  gap: 5px;
  margin: 0;
}

.styles-module-listItem-2t0i2z:hover > .styles-module-closeButton-_FhPF8 {
    visibility: visible;
    opacity: 1;
  }

.styles-module-closeButton-_FhPF8 {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

.styles-module-listItemData-17b9No {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-listItemData-17b9No > input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border: none;
    background: transparent;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    margin-right: 10px;
  }

.styles-module-listItemData-17b9No > span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    cursor: pointer;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    margin-right: 10px;
    overflow-wrap: anywhere;
  }
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/unitList/UnitTemplateItem/styles.module.css ***!
  \***************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-title-2B9IUH {
  font-size: undefined;
  font-size: var(--fontSize_h4);
  font-weight: normal;
  line-height: 1.3;
  color: undefined;
  color: var(--color_darkGray);
  margin: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.styles-module-description-1NX1kJ {
  font-size: 12px;
  margin: 0;
  color: undefined;
  color: var(--color_gray);
}

.styles-module-dataContainer-2B0l68 {
  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: 30px;
  margin-right: 20px;
}

.styles-module-container-38wJFK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.styles-module-container-38wJFK:hover > .styles-module-downloadContainer-2nXacg {
    opacity: 1;
    visibility: visible;
  }

.styles-module-downloadContainer-2nXacg {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.styles-module-downloadContainer-2nXacg > button {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
  }

.styles-module-borderBottom-HGCyoW {
  border-bottom: undefined;
  border-bottom: solid 1px var(--color_lightGray);
}

.styles-module-active-1GeWMf {
  font-weight: bold;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/unitList/RecentTemplates/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-title-2SaTe9 {
  margin: 20px 0 0;
  font-size: undefined;
  font-size: var(--fontSize_h3);
  line-height: normal;
  color: undefined;
  color: var(--color_black);
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/unitList/AllTemplates/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-title-1LxToR {
  margin: 20px 0 0;
  font-size: undefined;
  font-size: var(--fontSize_h3);
  line-height: normal;
  color: undefined;
  color: var(--color_black);
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/unitList/UnitFolderItem/styles.module.css ***!
  \*************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-container-iG4xwj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 20px 0;
}

  .styles-module-container-iG4xwj.styles-module-nonePaddingBottom-3B2MfJ {
    padding-bottom: 0;
  }

  .styles-module-container-iG4xwj.styles-module-borderBottom-20YEIc {
    border-bottom: undefined;
    border-bottom: solid 1px var(--color_lightGray);
    padding-bottom: 20px;
  }

.styles-module-title-1F1m7h {
  font-size: undefined;
  font-size: var(--fontSize_h4);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  color: undefined;
  color: var(--color_black);
  margin: 0 8px 0 26px;
}

.styles-module-openButton-2DjpMg {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/Continuity/ContinuityButton.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.ContinuityButton-module-version_buttons-rjoN_m {
    cursor: pointer;
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_primary);
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.ContinuityButton-module-bold-2CMPrv {
    font-weight: bold;
    position: relative;
}

.ContinuityButton-module-arrow-3NG57g::before {
    position: absolute;
    left: -20px;
    top: -4px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    content: url('/images/icons-12-download.svg');
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/Continuity/ContinuityInfo.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.ContinuityInfo-module-versionBlock-2RQ4tB {
    position: relative;
    width: 200px;
    height: 100%;
}

.ContinuityInfo-module-versionButtons-15RC0C {
    position: relative;
    left: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    width: 200px;
    height: 60px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 3;
}

.ContinuityInfo-module-version_cont-1wtKzU {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_lightRed);
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.ContinuityInfo-module-frozen-3_AvR6 {
    color: undefined;
    color: var(--color_darkGray);
}

.ContinuityInfo-module-imported-j8EJWz {
    color: undefined;
    color: var(--color_lightRed);
}

.ContinuityInfo-module-tinyStatus-1zWaKZ {
    color: undefined;
    color: var(--color_black);
    font-size: undefined;
    font-size: var(--fontSize_standart);
}

.ContinuityInfo-module-version_cont_time-V5VMRo {
    text-wrap: wrap;
    width: 200px;
    position: absolute;
    top: 22px;
    left: 0;
    padding-top: 2px;
    background-color: white;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_gray);
    z-index: 1;
}


/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/Continuity/ContinuityPopup.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.ContinuityPopup-module-wrapper-28r2O_ {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.ContinuityPopup-module-container-dR702E {
  position: absolute;
  z-index: 100;
  top: -56px;
  left: -40px;
  /* width: 310px; */
  gap: 20px;
  padding: 40px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ContinuityPopup-module-arrowCont-v0ooyy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.ContinuityPopup-module-arrowSpan-3hwKzt {
  cursor: pointer;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/TopDocMenu.module.css ***!
  \******************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.TopDocMenu-module-version-1691Nj {
    margin-right: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_lightRed);
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.TopDocMenu-module-time-1lblG1 {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 18px;
    left: 0;
    padding-top: 2px;
    background-color: white;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_lightGray2);
    z-index: 1;
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/unitList/components/FilterTemplates/styles.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-2bjzET {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-inputContainer-3A7FzY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.styles-module-inputContainer-3A7FzY > input {
    padding-right: 20px;
  }

.styles-module-cross-pJveAe {
  position: absolute;
  right: 8px;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.styles-module-visibleRadio-2kPWQz {
  margin-left: 20px;
}

.styles-module-statusRadio-1JB7XD {
  margin-left: 275px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/SideBar/progressAndTasks/progressAndTasks.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}


:root {
  --sky: #157efb;
}


:root {
  --black: #212121;
}


:root {
  --color2: #acacac;
}


:root {
  --color: #606060;
}


:root {
  --bg: #fff;
}


:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}


:root {
  --errorColor: red;
}


:root {
  --fontFamily2: Tahoma, sans-serif;
}


:root {
  --fontFamily: ProximaNova, sans-serif;
}


.progressAndTasks-module-wrapper-Pg8_rH {
  width: auto;
  height: 100%;
}


.progressAndTasks-module-mainfield-lN7Tqz {
  position: relative;
  border-left: undefined;
  border-left: 1px solid var(--color_lightGray2);
  -webkit-box-shadow: 50px 0 70px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 50px 0 70px 0 rgba(0, 0, 0, 0.05);
  /* width: 801px; */
  width: 401px;
  min-height: 100%;
  max-height: 100%;
  background-color: white;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0px 40px 40px;
}


.progressAndTasks-module-versionsContainer-WfwpAz {
    padding: 0 43px 100px 0;
}


.progressAndTasks-module-title-2eD7SV {
  margin: 0 0 50px;
  font-size: undefined;
  font-size: var(--fontSize_h1);
  font-weight: 700;
  color: undefined;
  color: var(--color_black);
}


.progressAndTasks-module-h2-qbR1zK {
  font-size: undefined;
  font-size: var(--fontSize_h2);
  font-weight: 700;
  color: undefined;
  color: var(--color_black);
  height: 40px;
  line-height: 40px;
}


.progressAndTasks-module-buttonField-x10Mcv {
  padding-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


.progressAndTasks-module-mt30-2FGFd1 {
  margin-top: 30px;
}


.progressAndTasks-module-close_button-3ZN7ln {
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 40px;
  right: 40px;
  border: none;
  border-radius: 50%;
  background: undefined;
  background: var(--color_lightGray2);
  cursor: pointer;
}


.progressAndTasks-module-close_button-3ZN7ln:hover {
    background-color: #ababab;
}


.progressAndTasks-module-close_button-3ZN7ln::before {
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 15px;
  height: 2px;
  position: absolute;
  content: "";
  top: 16.2px;
  left: 9.5px;
  border: none;
  text-overflow: clip;
  background: #ffffff;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}


.progressAndTasks-module-close_button-3ZN7ln::after {
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 15px;
  height: 2px;
  position: absolute;
  content: "";
  top: 16.2px;
  left: 9.5px;
  border: none;
  text-overflow: clip;
  background: #ffffff;
  text-shadow: none;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}


.progressAndTasks-module-tip-2EMvCj {
    display: inline-block;
    position: relative;
}


.progressAndTasks-module-tip-2EMvCj div {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
}


.progressAndTasks-module-tip-2EMvCj:hover div {
    opacity:1;
    visibility: visible;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/topMenu/elements/SideBar/progressAndTasks/version.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.version-module-h3-2h-bDv {
  font-size: undefined;
  font-size: var(--fontSize_h3);
  font-weight: 700;
  color: undefined;
  color: var(--color_black);
  margin-bottom: 9px;
}

.version-module-container-xvH0yn {
    padding-bottom: 20px;
}

.version-module-status-3uRVLv {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    letter-spacing: 0;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: undefined;
    color: var(--color_gray);
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/tempUserView/tempUserView.css ***!
  \*************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.tempUserView-wrapper-ZdWpjm {

}

.tempUserView-project-title-14std0 {
    position: relative;
}

.tempUserView-project-title-14std0 input {
        width: 100%;
        font-size: undefined;
        font-size: var(--fontSize_h1);
        color: undefined;
        color: var(--color_black);
        font-weight: 700;
        border: none;
    }

.tempUserView-project-title-hint-21hQUd {
        color: undefined;
        color: var(--color_darkGray);
        width: auto;
        white-space: nowrap;
        visibility: hidden;
        opacity: 0;
        top: -33px;
        left: 0;
        position: absolute;
        -webkit-transition: all .2s;
        transition: all .2s;
        z-index: 10;
    }

.tempUserView-project-title-hint-21hQUd div {
            width: 100%;
            position: static;
        }

.tempUserView-project-title-14std0:hover .tempUserView-project-title-hint-21hQUd {
        opacity: 1;
        visibility: visible;
    }

.tempUserView-row-3SZEKY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    padding-bottom: 40px;
}

.tempUserView-row-3SZEKY > div {
        margin-top: 0;
    }

.tempUserView-dropzone-3eXMeW {
    position: relative;
    width: 400px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 242px;
    border-radius: 10px;
    border: undefined;
    border: 1px dashed var(--color_lightGray2);
    padding: 40px 40px 175px;
    margin-right: 40px;
    -webkit-transition: border .2s ease-out, color .2s ease-out, background-color .2s;
    transition: border .2s ease-out, color .2s ease-out, background-color .2s;
    cursor: pointer;

}

.tempUserView-dropzone-title-2WL8a1 {
        font-size: undefined;
        font-size: var(--fontSize_h2);
        color: undefined;
        color: var(--color_black);
        font-weight: bold;
        margin-bottom: 20px;
    }

.tempUserView-dropzone-3eXMeW.tempUserView-_active-1dpUXG {
        border: undefined;
        border: 1px dashed var(--color_primary);
        color: undefined;
        color: var(--color_black);
    }

.tempUserView-dropzone-3eXMeW:hover {
        border: undefined;
        border: 1px dashed var(--color_primary);
        color: undefined;
        color: var(--color_black);
    }

.tempUserView-dropzone-3eXMeW.tempUserView-_active-1dpUXG path {
            stroke: undefined;
            stroke: var(--color_black);
        }

.tempUserView-dropzone-3eXMeW:hover path {
            stroke: undefined;
            stroke: var(--color_black);
        }

.tempUserView-dropzone-3eXMeW.tempUserView-_active-1dpUXG:hover {
        background-color: undefined;
        background-color: var(--color_gray);
    }

.tempUserView-dropzone-3eXMeW path {
        -webkit-transition: stroke .2s ease-out;
        transition: stroke .2s ease-out;
    }

.tempUserView-dropzone-3eXMeW .tempUserView-plus-b_ZJfj {
        position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        font-size: undefined;
        font-size: var(--fontSize_18);
        color: undefined;
        color: var(--color_gray);
        text-align: center;
    }

.tempUserView-docList-2ztUFf {
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.tempUserView-docList-item-3NvxLw {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
        -webkit-transition: color .2s;
        transition: color .2s;
        padding-right: 20px;
        margin-bottom: 20px;
    }

.tempUserView-docList-item-3NvxLw .tempUserView-deleteBtn-3qS4Jd {
            top: -3px;
            right: 0;
        }

.tempUserView-docList-item-3NvxLw:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/docComponents/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-styleSpinner--Q4Hes {
  position: fixed; 
  width: 100%; 
  height: 100%; 
  top: 0;
  left: 0; 
  background: undefined; 
  background: var(--color_white);
}

.styles-module-styleViewImage-2Fvp0L {
  overflow: auto;
  max-height: 100%;
}

.styles-module-styleViewImageSpan-1H3igM {
  display: inline-block;
}

.styles-module-styleSizeControl-335b7k {
  position: absolute;
  margin-left: 20;
  width: 90;
  top: 0;
  left: undefined;
  left: var(--root_document_width);
  text-align: center;
  cursor: pointer;
  color: undefined;
  color: var(--color_gray);
  font-size: undefined;
  font-size: var(--fontSize_h3);
  font-weight: bold;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-styleResize-2W0JTk { 
  -webkit-box-flex: 1; 
      -ms-flex-positive: 1; 
          flex-grow: 1 
}

.styles-module-stylePercent-1DjqiA { 
  -webkit-box-flex: 1; 
      -ms-flex-positive: 1; 
          flex-grow: 1; 
  font-weight: normal;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  margin: 5px 0; 
}

.styles-module-styleViewFrame-ErUN3Q {
  width: undefined;
  width: var(--root_document_width);
  height: calc(100vh - 120px);
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/document/frameDoc.css ***!
  \*****************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

    :root {
    --sky: #157efb;
}

    :root {
    --black: #212121;
}

    :root {
    --color2: #acacac;
}

    :root {
    --color: #606060;
}

    :root {
    --bg: #fff;
}

    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

    :root {
    --errorColor: red;
}

    :root {
    --fontFamily2: Tahoma, sans-serif;
}

    :root {
    --fontFamily: ProximaNova, sans-serif;
}

    .frameDoc-wrapper-2dhe6J {
    min-width: 1286px;
    position: relative;
    width: undefined;
    width: calc(var(--root_document_width) + 530px);
  }

    .frameDoc-wrapper-2dhe6J.frameDoc-_unvisible-1d4tZW {
         display: none;
    }
  
  .frameDoc-popupMode-1bmZ1N {
      position: absolute;
      top: 40px;
      padding-bottom: 40px;
      width: calc(100% - 80px);
      background-color: white;
      z-index: 10;
  }
  
  .frameDoc-popupModeWindow-3MzTdm {
      padding: 40px;
      -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
              box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
      border-radius: 10px;
      min-height: 600px;
  }
  
  .frameDoc-preframe-1aZFub {
    width: 100%;
    height: 0;
    position: relative;
  }
  
  .frameDoc-iframe-3rsK42 {
      border: 0 none transparent;
  }
  
  .frameDoc-clauseScreen-2OmKv3 {
    position:fixed;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    background-color: #ffffff12;
}
  
  .frameDoc-rulerWrapper-1ThwK0 {
    width: undefined;
    width: calc(var(--root_document_width) + 480px);
    margin: auto;
    position: sticky;
    top: 110px;
    background-color: undefined;
    background-color: var(--color_white);
    /* height: 0px; */
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/paragraphList/overlineMenu.css ***!
  \**************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.overlineMenu-hidden-3HcZz4 {
    display: none;
}

.overlineMenu-wrapper-1671H9 {
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    background-color: white;
    border-radius: 6px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    z-index: 12;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: undefined;
    font-size: var(--fontSize_frameNormal);
}

.overlineMenu-history-1d3gxq {
    font-size: undefined;
    font-size: var(--fontSize_frameSmall);
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
    padding: 10px 15px 10px;
    max-height: 90px;
    color: undefined;
    color: var(--color_gray);
    overflow-y: scroll;
    scrollbar-color: #cacaca rgba(255, 255, 255, 0);
    scrollbar-width: thin;
}

.overlineMenu-history-1d3gxq:hover {
        overflow-scrolling: touch;
    }

.overlineMenu-history-1d3gxq::-webkit-scrollbar {
        -webkit-appearance: none;
                appearance: none;
        width: 3px;
    }

.overlineMenu-history-1d3gxq::-webkit-scrollbar-thumb {
        margin-right: 2px;
        border-radius: 2px;
        background-color: #cacaca;
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
                box-shadow: 0 0 1px rgba(255,255,255,0.5);
    }

.overlineMenu-historyLine-2n6Ym0:hover {
        background-color: undefined;
        background-color: var(--color_yellow_frame);
        cursor: pointer;
    }

.overlineMenu-historyLine-2n6Ym0:not(:last-child) {
        margin-bottom: 5px;
    }

.overlineMenu-historyLine-2n6Ym0 > span {
        color: undefined;
        color: var(--color_lightGray2);
        margin-left: 10px;
    }

.overlineMenu-bottomPart-1IhQmA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 28px;
    padding: 0 15px;
    gap: 15px;
}

.overlineMenu-vertical-3f2a5f {
    width: 1px;
    height: 100%;
    background-color: undefined;
    background-color: var(--color_lightGray);
    /* margin-right: 15px;
    margin-left: 15px; */
}

.overlineMenu-btn-2CheI- {
    cursor: pointer;
}

.overlineMenu-btn-2CheI-.overlineMenu-semi-3hg4WG {
        cursor: initial;
        color: undefined;
        color: var(--color_lightGray);
    }

.overlineMenu-btn-accept-2akIFd {
    color: undefined;
    color: var(--color_green);
}

.overlineMenu-btn-decline-3Fu_G2 {
    color: undefined;
    color: var(--color_darkRed);
    /* margin: 0 12px; */
}

.overlineMenu-btn-mute-1PLFy8 {
    color: undefined;
    color: var(--color_darkGray);
}

.overlineMenu-btn-accept-2akIFd,.overlineMenu-btn-mute-1PLFy8 {
    position: relative;
}

.overlineMenu-btn-accept-2akIFd > div, .overlineMenu-btn-mute-1PLFy8 > div {
            top: 22px;
            left: -10px;
            visibility: hidden;
            opacity: 0;
        }

.overlineMenu-btn-accept-2akIFd:hover > div, .overlineMenu-btn-mute-1PLFy8:hover > div {
            visibility: visible;
            opacity: 1;
            -webkit-transition: opacity .2s .5s, visibility .2s .5s;
            transition: opacity .2s .5s, visibility .2s .5s;
        }

.overlineMenu-btn-comment-12zwyH {
    color: undefined;
    color: var(--color_primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.overlineMenu-btn-comment-12zwyH.overlineMenu-inner-1N5pgM {
        color: #acacac;
    }

.overlineMenu-btn-format-3Pbuno {
    /* margin-right: 15px; */
    width: 19px;
    height: 19px;
    background-image: url('/images/icon-style-formatting.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.overlineMenu-btn-menu-2J2isJ {
    width: 14px;
    height: 14px;
    background-image: url('/images/para-menu-blue.png');
    background-repeat: no-repeat;
}

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/clauseLib/popupUnits/popupUnits.css ***!
  \*******************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.popupUnits-header-uSZUzr {
  max-width: 230px;
  font-size: undefined;
  font-size: var(--fontSize_h3);
  color: undefined;
  color: var(--color_black);
  padding: 20px 0 20px;
  margin-left: 20px;
  font-weight: 600;
}

.popupUnits-saveChangesFooter-3W5jRS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 20px 20px;
}

.popupUnits-saveChangesFooter-3W5jRS > button {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    outline: none;
    background: none;
    color: undefined;
    color: var(--color_primary);
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-align: left;
    padding: 0;
    border: none;
  }

.popupUnits-saveChangesFooter-3W5jRS > button:hover {
      color: undefined;
      color: var(--color_primary_hover);
    }

.popupUnits-saveAndUpdateBody-OWpPwy {
  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: 0 20px 20px;
}

.popupUnits-saveAndUpdateBody-OWpPwy > p {
    margin: 0;
    padding: 0;
    font-size: undefined;
    font-size: var(--fontSize_h4);
    color: undefined;
    color: var(--color_black);
  }

.popupUnits-columnFooterWithBorder-24h9MW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  border-top: undefined;
  border-top: 1px solid var(--color_lightGray);
}

.popupUnits-columnFooterWithBorder-24h9MW > button {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    outline: none;
    background: none;
    color: undefined;
    color: var(--color_primary);
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-align: left;
    padding: 0;
    border: none;
  }

.popupUnits-columnFooterWithBorder-24h9MW > button:hover {
      color: undefined;
      color: var(--color_primary_hover);
    }

.popupUnits-rowFooterWithBorder-WbVlUx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  /* flex-direction: column; */
  padding: 20px;
  border-top: undefined;
  border-top: 1px solid var(--color_lightGray);
}

.popupUnits-rowFooterWithBorder-WbVlUx > button {
    font-size: undefined;
    font-size: var(--fontSize_standart);
    outline: none;
    background: none;
    color: undefined;
    color: var(--color_primary);
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-align: left;
    padding: 0;
    border: none;
  }

.popupUnits-rowFooterWithBorder-WbVlUx > button:hover {
      color: undefined;
      color: var(--color_primary_hover);
    }

.popupUnits-bold-2i25sb {
  font-weight: 600;
}

button.popupUnits-button-1eAKEB {
  padding: 2px 10px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_primary);
  border: undefined;
  border: 1px solid var(--color_primary);
  border-radius: 5px;
  background: none;
  display: inline;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

button.popupUnits-button-1eAKEB:hover {
    color: undefined;
    color: var(--color_primary_hover);
    border: undefined;
    border: 1px solid var(--color_primary_hover);
  }

button.popupUnits-button-1eAKEB.popupUnits-red-3QcYKx {
    border-color: undefined;
    border-color: var(--color_darkRed);
  }

button.popupUnits-button-1eAKEB.popupUnits-red-3QcYKx:hover {
      border-color: undefined;
      border-color: var(--color_darkRed_hover);
    }

button.popupUnits-button-1eAKEB.popupUnits-filled-2EgNwd {
    background: undefined;
    background: var(--color_primary);
    color: undefined;
    color: var(--color_white);
  }

button.popupUnits-button-1eAKEB.popupUnits-filled-2EgNwd:hover {
      background: undefined;
      background: var(--color_primary_hover);
    }

button.popupUnits-button-1eAKEB.popupUnits-filled-2EgNwd.popupUnits-red-3QcYKx {
      background: undefined;
      background: var(--color_darkRed);
    }

button.popupUnits-button-1eAKEB.popupUnits-filled-2EgNwd.popupUnits-red-3QcYKx:hover {
        background: undefined;
        background: var(--color_darkRed_hover);
      }

button.popupUnits-red-3QcYKx {
  color: undefined;
  color: var(--color_darkRed);
}

button.popupUnits-red-3QcYKx:hover {
    color: undefined;
    color: var(--color_darkRed_hover);
  }

.popupUnits-border-none-gPLtfh {
  border: none;
}

.popupUnits-p-40-1xRaHU {
  padding: 40px;
}

.popupUnits-tagBody-2Y_xxL {
  padding: 0 40px;
}

.popupUnits-additionalItem-4hbHKD {
  color: undefined;
  color: var(--color_darkGray);
}

/* display: flex;
  gap: 10px; */

.popupUnits-additionalItem-4hbHKD img {
    margin-left: 10px;
  }

.popupUnits-tagItem-1nADgR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 22px;
  padding: 20px 0;
  border-bottom: undefined;
  border-bottom: 1px solid var(--color_lightGray);
}

.popupUnits-tagItem-1nADgR:first-child {
    padding-top: 0;
  }

.popupUnits-tagItem-1nADgR:last-child {
    padding-bottom: 0;
    border: none;
  }

.popupUnits-versionBody-1hl5mf {
  padding: 0 40px 40px;
  position: relative;
}

.popupUnits-versionList-2sn6FR {
  margin-top: 20px;
  overflow-x: visible;
  overflow-y: auto;
  max-height: calc(100vh - 105px - 80px - 40px);
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.popupUnits-versionList-2sn6FR::-webkit-scrollbar {
    display: none;
  }

.popupUnits-itemContainer-3hlEiz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  padding: 20px 0;
  border-bottom: undefined;
  border-bottom: 1px solid var(--color_lightGray);
}

.popupUnits-itemContainer-3hlEiz:last-child {
    padding-bottom: 0;
    border: none;
  }

.popupUnits-itemContainer-3hlEiz > .popupUnits-rightColumn-2QXxGz {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }

.popupUnits-itemContainer-3hlEiz > .popupUnits-rightColumn-2QXxGz > img {
      margin: 0;
    }

.popupUnits-itemContainer-3hlEiz:hover > .popupUnits-rightColumn-2QXxGz {
    opacity: 1;
    visibility: visible;
  }

.popupUnits-itemContainer-3hlEiz > .popupUnits-leftColumn-3R0ffQ {
    width: 140px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    
  }

.popupUnits-itemContainer-3hlEiz > .popupUnits-leftColumn-3R0ffQ > .popupUnits-versionNumber-3fnDc2 {
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

.popupUnits-itemContainer-3hlEiz > .popupUnits-leftColumn-3R0ffQ > .popupUnits-versionNumber-3fnDc2 > h4 {
        margin: 0;
        padding: 0;
        color: undefined;
        color: var(--color_primary);
        font-weight: 400;
      }

.popupUnits-itemContainer-3hlEiz > .popupUnits-leftColumn-3R0ffQ > .popupUnits-versionNumber-3fnDc2 > h4[data-is-active='true'] {
          color: undefined;
          color: var(--color_darkGray);
          font-weight: 600;
        }

.popupUnits-itemContainer-3hlEiz > .popupUnits-leftColumn-3R0ffQ > .popupUnits-versionNumber-3fnDc2 > span {
        margin-left: 2px;
        color: undefined;
        color: var(--color_lightGray2);
      }

.popupUnits-itemContainer-3hlEiz > .popupUnits-middleColumn-1uu0ai {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

.popupUnits-itemContainer-3hlEiz > .popupUnits-middleColumn-1uu0ai > .popupUnits-publishContainer-2-8l-Y {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 5px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

.popupUnits-itemContainer-3hlEiz > .popupUnits-middleColumn-1uu0ai > .popupUnits-publishContainer-2-8l-Y > p {
        margin: 0;
        color: undefined;
        color: var(--color_lightGray2);
      }

.popupUnits-itemContainer-3hlEiz > .popupUnits-middleColumn-1uu0ai .popupUnits-publish-37Kqkq {
      padding: 2px 10px;
      border-radius: 5px;
      font-size: undefined;
      font-size: var(--fontSize_standart);
      color: undefined;
      color: var(--color_light_black);
      background: undefined;
      background: var(--color_green_light);
      display: inline;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      line-height: 1.25;
    }

.popupUnits-itemContainer-3hlEiz > .popupUnits-middleColumn-1uu0ai .popupUnits-publish-37Kqkq.popupUnits-orangeBg-kpS6R_ {
          background: undefined;
          background: var(--color_orange_light);
      }

.popupUnits-itemContainer-3hlEiz > .popupUnits-middleColumn-1uu0ai > .popupUnits-createData-3snmH5 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 15px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }

.popupUnits-itemContainer-3hlEiz > .popupUnits-middleColumn-1uu0ai > .popupUnits-createData-3snmH5 > img {
        width: 25px;
        height: 25px;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 100%;
        margin: 0;
      }

.popupUnits-itemContainer-3hlEiz > .popupUnits-middleColumn-1uu0ai > .popupUnits-createData-3snmH5 > .popupUnits-date-3Qn7d4 {
        color: undefined;
        color: var(--color_lightGray2);
        font-size: undefined;
        font-size: var(--fontSize_standart);
        line-height: 1.25;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 2px;
      }

.popupUnits-itemContainer-3hlEiz > .popupUnits-middleColumn-1uu0ai > .popupUnits-createData-3snmH5 > .popupUnits-date-3Qn7d4 > p {
          margin: 0;
        }

.popupUnits-itemContainer-3hlEiz > .popupUnits-contentColumn-TOLNRD {
    width: 200px;
    line-height: normal;
    max-height: 50px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    overflow: hidden;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_darkGray);
    -webkit-mask-image: linear-gradient(to bottom, 
        rgba(255, 255, 255, 1) 0%, 
        rgba(255, 255, 255, 1) calc(100% - 10px), 
        rgba(255, 255, 255, 0) 100%);
    mask-image: linear-gradient(to bottom, 
        rgba(255, 255, 255, 1) 0%, 
        rgba(255, 255, 255, 1) calc(100% - 10px), 
        rgba(255, 255, 255, 0) 100%);
  }

.popupUnits-itemContainer-3hlEiz > .popupUnits-contentColumn-TOLNRD.popupUnits-open-MJH5wz {
      max-height: -webkit-fit-content;
      max-height: -moz-fit-content;
      max-height: fit-content;
      -webkit-mask-image: none;
      mask-image: none;
    }

.popupUnits-contextMenu-3w-f0W {
  position: absolute;
  width: 200px; 
  /* height: 100px; */
  background: undefined;
  background: var(--color_white);
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_menu);
          box-shadow: var(--shadow_menu);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 10000;
}

.popupUnits-contextMenu-3w-f0W.popupUnits-active-9Bg65U {
    visibility: visible;
    opacity: 1;
  }

.popupUnits-contextMenu-3w-f0W {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
  
}

.popupUnits-contextMenu-3w-f0W > .popupUnits-contextBlock-WDUqlR {
    padding: 20px;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
    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;
  }

.popupUnits-contextMenu-3w-f0W > .popupUnits-contextBlock-WDUqlR:last-child {
      border: none
    }

.popupUnits-contextMenu-3w-f0W > .popupUnits-contextBlock-WDUqlR > button {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      font-size: 12px;
      color: undefined;
      color: var(--color_primary);
      border: none;
      background: none;
      outline: none;
      line-height: 1.25;
      padding: 0;
      text-align: left;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
    }

.popupUnits-contextMenu-3w-f0W > .popupUnits-contextBlock-WDUqlR > button:hover {
        color: undefined;
        color: var(--color_primary_hover);
      }

.popupUnits-contextMenu-3w-f0W > .popupUnits-contextBlock-WDUqlR > button.popupUnits-green-29aN2N {
        color: undefined;
        color: var(--color_green);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 9px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }

.popupUnits-contextMenu-3w-f0W > .popupUnits-contextBlock-WDUqlR > button.popupUnits-green-29aN2N:hover {
          color: undefined;
          color: var(--color_green_hover);
        }

.popupUnits-contextMenu-3w-f0W > .popupUnits-contextBlock-WDUqlR > button > img {
        width: 10px;
        margin: 0;
        position: relative;
        top: 2px;
      }

.popupUnits-commentTextarea-3q_9su {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  resize: none;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/clauseLib/TagSubitem/TagSubitem.css ***!
  \*******************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.TagSubitem-container-2kOg1q {
  padding: 2px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  border-radius: 5px;
  border: undefined;
  border: 1px solid var(--color_lightGray);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.TagSubitem-circle-1QgxLv {
  width: 10px;
  min-width: 10px;
  height: 10px;
  border-radius: 100%;
  background: undefined;
  background: var(--color_green);
}

.TagSubitem-circle-1QgxLv.TagSubitem-green-gkz8Yx {
    background: undefined;
    background: var(--color_green);
  }

.TagSubitem-circle-1QgxLv.TagSubitem-yellow-2oH-IN {
    background: undefined;
    background: var(--color_yellow);
  }

.TagSubitem-circle-1QgxLv.TagSubitem-red-1B0YJP {
    background: undefined;
    background: var(--color_darkRed);
  }

.TagSubitem-text-3yoYC7 {
  margin: 0;
  line-height: 120%;
  color: undefined;
  color: var(--color_darkGray);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: undefined;
  font-size: var(--fontSize_button);
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/clauseLib/ClauseCardParts/GeneralBlock/styles.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-1UNm6X {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 400px;
}

.styles-module-header-1aKYUG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  width: 100%;
}

.styles-module-textarea-3hd-s5 {
  resize: none;
  border: none;
  outline: none;
  height: auto;
  overflow: hidden;
  -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
          text-decoration-color: rgb(21, 126, 251, 0.2);
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 20%;
  text-decoration-thickness: 1px;
  line-height: normal;
  color: undefined;
  color: var(--color_darkGray);
  -webkit-transition: -webkit-text-decoration-color 0.3s ease;
  transition: -webkit-text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
}

.styles-module-textarea-3hd-s5::-webkit-input-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.styles-module-textarea-3hd-s5::-moz-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.styles-module-textarea-3hd-s5::-ms-input-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.styles-module-textarea-3hd-s5::placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.styles-module-textarea-3hd-s5:hover, .styles-module-textarea-3hd-s5:focus {
    -webkit-text-decoration-color: rgb(21, 126, 251, 1);
            text-decoration-color: rgb(21, 126, 251, 1);
  }

.styles-module-title-3_COxK {
  font-size: undefined;
  font-size: var(--fontSize_readable);
  font-weight: bold;
}

.styles-module-hint-3q63ny {
  font-size: undefined;
  font-size: var(--fontSize_standart);
}

.styles-module-content-1rUjzG {
  font-size: undefined;
  font-size: var(--fontSize_readable);
}

.styles-module-categories-1tzqHR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  position: relative;
}

.styles-module-categories-1tzqHR > button {
    padding: 0;
    line-height: normal;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    color: undefined;
    color: var(--color_primary);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
  }

.styles-module-categories-1tzqHR > button > img {
      width: 13px;
      margin: 0;
    }

.styles-module-textareaWrapper-19bC_d {
  position: relative;
  width: 100%;
}

.styles-module-customPlaceholder-W0dRng {
  position: absolute;
  top: 0;
  font-size: undefined;
  font-size: var(--fontSize_tab);
  -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
          text-decoration-color: rgb(21, 126, 251, 0.2);
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 20%;
  text-decoration-thickness: 1px;
  line-height: normal;
  color: undefined;
  color: var(--color_gray);
  -webkit-transition: -webkit-text-decoration-color 0.3s ease;
  transition: -webkit-text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
}

.styles-module-customPlaceholder-W0dRng:hover {
    -webkit-text-decoration-color: rgb(21, 126, 251, 1);
            text-decoration-color: rgb(21, 126, 251, 1);
  }

.styles-module-categoryItem-1jErAr {
  font-family: ProximaNova;
  font-size: 12px;
  line-height: normal;
  color: undefined;
  color: var(--color_darkGray);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-categoryItem-1jErAr > img {
    width: 13px;
    margin: 0;
  }
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/clauseLib/ClauseCardParts/AdditionalInformationBlock/styles.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-3uFtsA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.styles-module-table-1I3yzW {
  border-spacing: 10px;
  border-collapse: separate;
  margin: -10px;
  line-height: normal;
}

.styles-module-verticalAlign-2Q6-SH {
  vertical-align: baseline;
}

.styles-module-firstRow-Ls4IcI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  -webkit-box-orient: vertical; 
  -webkit-box-direction: normal; 
      -ms-flex-direction: column; 
          flex-direction: column; 
  gap: 5px;
}

.styles-module-colorBlock-2Ibh2J {
  /* width: 101px;
  height: 19px;
  margin: 10px 37px 10px 10px; */
  padding: 2px 10px;
  border-radius: 5px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: undefined;
  color: var(--color_black);
  display: inline;
}

.styles-module-colorBlock-2Ibh2J.styles-module-green-RK4FE0 {
    background-color: undefined;
    background-color: var(--color_green_light);
  }

.styles-module-colorBlock-2Ibh2J.styles-module-red-HIdgVm {
    background-color: undefined;
    background-color: var(--color_orange_light);
  }

.styles-module-button-jKCAI8 {
  color: undefined;
  color: var(--color_primary);
  outline: none;
  border: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  background: none;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
}

.styles-module-button-jKCAI8:hover {
    color: undefined;
    color: var(--color_primary_hover);
  }

.styles-module-button-jKCAI8.styles-module-bordered-FyEnBd {
    border-radius: 5px;
    border: undefined;
    border: solid 1px var(--color_primary);
    -webkit-transition: border-color, color 0.3s ease;
    transition: border-color, color 0.3s ease;
    padding: 2px 10px;
  }

.styles-module-button-jKCAI8.styles-module-bordered-FyEnBd:hover {
      border-color: undefined;
      border-color: var(--color_primary_hover);
    }

.styles-module-button-jKCAI8.styles-module-correctedVerticalAlign-BXxkLp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    line-height: 1;
  }

.styles-module-button-jKCAI8.styles-module-correctedVerticalAlign-BXxkLp > span {
      margin-right: 4px;
      line-height: 0.9;
    }

.styles-module-createData-1IZERH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.styles-module-createData-1IZERH > img {
    width: 25px;
    height: 25px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100%;
    margin: 0;
  }

.styles-module-createData-1IZERH > .styles-module-date-NB6At6 {
    color: undefined;
    color: var(--color_lightGray2);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    line-height: 1.25;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
  }

.styles-module-createData-1IZERH > .styles-module-date-NB6At6 > p {
      margin: 0;
    }

.styles-module-tagContainer-39efxN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -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;
  max-width: 280px;
}

.styles-module-tagContainer-39efxN > button {
    color: undefined;
    color: var(--color_primary);
    background: none;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
  }

.styles-module-tagContainer-39efxN > button:hover {
      color: undefined;
      color: var(--color_primary_hover);
    }

.styles-module-covenant-3plr-O {
  /* margin-top: 16px; */
  color: undefined;
  color: var(--color_darkGray);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  cursor: pointer; 
}

.styles-module-covenant-3plr-O > span, .styles-module-covenant-3plr-O > img {
      width: 13px;
      margin: 0;
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
  }

.styles-module-textareaWrapper-1sOnoY {
  position: relative;
  width: 160px;
  min-height: 32px;
}

.styles-module-customPlaceholder-2LADOY {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  color: undefined;
  color: var(--color_gray);
  -webkit-text-decoration-color: rgba(21, 126, 251, 0.2);
          text-decoration-color: rgba(21, 126, 251, 0.2);
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 20%;
  text-decoration-thickness: 1px;
  -webkit-transition: -webkit-text-decoration-color 0.3s ease;
  transition: -webkit-text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
}

.styles-module-textareaWrapper-1sOnoY:hover .styles-module-customPlaceholder-2LADOY {
  -webkit-text-decoration-color: rgba(21, 126, 251, 1);
          text-decoration-color: rgba(21, 126, 251, 1);
}

.styles-module-commentContainer-1qOgML {
  /* resize: none; */
  /* border: none; */
  /* outline: none; */
  /* height: auto; */
  /* overflow: hidden; */
  -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
          text-decoration-color: rgb(21, 126, 251, 0.2);
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 20%;
  text-decoration-thickness: 1px;
  -webkit-transition: -webkit-text-decoration-color 0.3s ease;
  transition: -webkit-text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease;
  transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;

  resize: none;
  border: none;
  outline: none;
  height: auto;
  overflow: hidden;
  line-height: normal;
  color: undefined;
  color: var(--color_darkGray);
  width: 100%;
  background: transparent;
}

.styles-module-commentContainer-1qOgML:hover, .styles-module-commentContainer-1qOgML:focus {
    -webkit-text-decoration-color: rgb(21, 126, 251, 1);
            text-decoration-color: rgb(21, 126, 251, 1);
  }

.styles-module-commentTogglerContainer-8LhdY6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-left: 20px;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  color: undefined;
  color: var(--color_gray);
}

.styles-module-commentTogglerContainer-8LhdY6 > img {
    margin: 0;
  }

.styles-module-commentTogglerContainer-8LhdY6.styles-module-usingInTemplateContainer-2-yEyf {
    position: relative;
  }

.styles-module-commentIcon-GGkyfS {
  width: 12px;
}

.styles-module-pointer-1wtYwB {
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/clauseLib/ClauseCardParts/Footer/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-2nhUqz {
  padding: 10px 20px;
  border-top: undefined;
  border-top: 1px dashed var(--color_orange);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.styles-module-button-1ENGVq {
  background: none;
  outline: none;
  border: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  cursor: pointer;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: normal;
}

.styles-module-disabled-gJQe5A {
  opacity: 0.5;
}

.styles-module-image-JC2maI {
  max-width: 10px;
  max-height: 12px;
  margin: 0 !important;
}

.styles-module-primary-2aFVSO {
  color: undefined;
  color: var(--color_primary);
}

.styles-module-red-2PISNa {
  color: undefined;
  color: var(--color_darkRed);
}

.styles-module-green-1S0yHn {
  color: undefined;
  color: var(--color_green);
}

.styles-module-ml20-2AfO3n {
  margin-left: 20px;
}

.styles-module-bold-2_q-tS {
  font-weight: bold;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/paragraphList/ruler.css ***!
  \*******************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .ruler-ruler-3qcRaQ {
    /* border-bottom: 1px solid var(--color_gray); */
    width: undefined;
    width: var(--root_document_width);
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    margin-left: -3px;
    overflow-x: hidden;
    position: relative;
    padding-bottom: 25px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
    .ruler-ruler-3qcRaQ.ruler-disabled-1qft2g {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        opacity: 0.25;
    }
    .ruler-ruler-3qcRaQ.ruler-horizontal-_9SZyb {
        width: undefined;
        width: var(--verticalOrient_width);
        left: undefined;
        left: calc(var(--horizontalOrient_width) - var(--verticalOrient_width)); 
    }

.ruler-item-39U_lZ {
    width: 1px;
    min-width: 1px;
    max-width: 1px;
    background-color: undefined;
    background-color: var(--color_lightGray2);
    /* margin-left: calc(0.95rem - 1px); */
    position: absolute;
    bottom: 25px;
    height: 2px;
    /* position: relative; */
    overflow-y: visible;
}

.ruler-item-39U_lZ:nth-child(1) {
        /* margin-left: 0px; */
    }

.ruler-item-39U_lZ.ruler-long-ec8yZ3 {
        height: 5px;
    }

.ruler-item-39U_lZ.ruler-long-ec8yZ3.ruler-inactive-2Pd8me {
            height: 10px;
        }

/* Поправить инчи, изменить на position absolute */

.ruler-item-39U_lZ.ruler-inch-2mJs1a {
        margin-left: calc(2.4rem - 1px); 
    }

.ruler-item-39U_lZ.ruler-inch-2mJs1a:nth-child(1) {
        margin-left: calc(2.4rem - 102px);
    }

.ruler-number-717dYt {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_darkGray);
    position: absolute;
    bottom: 3px;
    left: -6px;
    width: 12px;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.ruler-slider-Sev-7o {
    -webkit-appearance: none;
    position: absolute;
    width: undefined;
    width: calc(var(--root_document_width) + 12px);
    top: 10px;
    left: -7px;
    height: 0;
    pointer-events: none;
}

/* Отключение прямого управления через мышь */

.ruler-slider-Sev-7o.ruler-disabled-1qft2g {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }

.ruler-slider-Sev-7o::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: all;
    width: 15px;
    height: 15px;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.ruler-disabled-1qft2g::-webkit-slider-thumb {
    -webkit-user-select: none;
            user-select: none;
    pointer-events: none;
}

.ruler-first-line-indent-USYhpR::-webkit-slider-thumb {
    background-image: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+CiAgPHBvbHlsaW5lIHBvaW50cz0iMjAsNDAgNTAsNzAgODAsNDAiIHN0cm9rZT0iIzE1N0VGQiIgc3Ryb2tlLXdpZHRoPSIxMCIgZmlsbD0ibm9uZSIgLz4KPC9zdmc+Cg==');
}

.ruler-first-line-indent-USYhpR {
    top: 6px;
}

.ruler-right-indent-HsvnzP::-webkit-slider-thumb {
    background-image: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+CiAgPHBvbHlsaW5lIHBvaW50cz0iMjAsNDAgNTAsNzAgODAsNDAiIHN0cm9rZT0iIzE1N0VGQiIgc3Ryb2tlLXdpZHRoPSIxMCIgZmlsbD0ibm9uZSIgLz4KPC9zdmc+Cg==');
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
}

.ruler-right-indent-HsvnzP {
    top: 23px;
}

.ruler-left-indent-33RmDd::-webkit-slider-thumb {
    /* background-image: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDExMCI+IAogIDwhLS0g0JLQtdGA0YXQvdGP0Y8g0LPQsNC70L7Rh9C60LAgLS0+CiAgPHBvbHlsaW5lIHBvaW50cz0iMjAsMzAgNTAsNjAgODAsMzAiIHN0cm9rZT0iIzE1N0VGQiIgc3Ryb2tlLXdpZHRoPSIxMCIgZmlsbD0ibm9uZSIgLz4KICA8IS0tINCd0LjQttC90Y/RjyDQs9Cw0LvQvtGH0LrQsCAo0YLQsNC60LDRjyDQttC1LCDQutCw0Log0LLQtdGA0YXQvdGP0Y8pIC0tPgogIDxwb2x5bGluZSBwb2ludHM9IjIwLDcwIDUwLDEwMCA4MCw3MCIgc3Ryb2tlPSIjMTU3RUZCIiBzdHJva2Utd2lkdGg9IjEwIiBmaWxsPSJub25lIiAvPgo8L3N2Zz4K'); */
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
    background-image: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+CiAgPHBvbHlsaW5lIHBvaW50cz0iMjAsNDAgNTAsNzAgODAsNDAiIHN0cm9rZT0iIzE1N0VGQiIgc3Ryb2tlLXdpZHRoPSIxMCIgZmlsbD0ibm9uZSIgLz4KPC9zdmc+Cg==');
}

.ruler-left-indent-33RmDd {
    top: 31px;
}

.ruler-left-indent-33RmDd.ruler-whithFirstLine-UJxxMs {
        top: 23px;
    }

.ruler-inactiveZone-lQq83p {
    background-color: undefined;
    background-color: var(--color_white);
    opacity: 0.75;
    height: 15px;
    width: 76px;
    position: absolute;
}

.ruler-inactiveZone-lQq83p.ruler-right-3CzU5S {
        right: 1px;
    }

.ruler-inactiveZone-lQq83p.ruler-left-3bzYfa {
        left: 0px;
    }

.ruler-inactiveZone-lQq83p :not(.ruler-filler-Kq1URo) {
        top: 0px;
    }

.ruler-inactiveZone-lQq83p.ruler-filler-Kq1URo {
        background-color: undefined;
        background-color: var(--color_lightGray2);
        height: 5px;
        bottom: 25px;
        opacity: 0.25;
    }
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/companySettings.css ***!
  \*******************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.companySettings-wrapper-Ej6pfG {
    margin-top: 20px;
    padding-bottom: 100px;
}
.companySettings-pages-block-2QNSg8 {
    position: relative;
    width: calc(100% + 80px);
    padding: 0 40px;
    left: -40px;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray2);
}
.companySettings-pages-2DYhhM {
    display: inline-block;
    margin-right: 40px;
    padding-bottom: 10px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    line-height: 1.36;
    letter-spacing: 0.01px;
    color: undefined;
    color: var(--color_darkGray);
    cursor: pointer;
}
/* height: 34px; */
.companySettings-pages-2DYhhM .companySettings-counter-2qfOWc {
        display: inline-block;
        margin-left: 11px;
        font-size: undefined;
        font-size: var(--fontSize_tip);
        line-height: 20px;
        font-weight: bold;
        text-align: center;
        color: #ffffff;
        height: 20px;
        width: 20px;
        border-radius: 100%;
        background-color: undefined;
        background-color: var(--color_darkRed);
    }
.companySettings-pages-2DYhhM.companySettings-_isSelected-1AxMRt {
        border-bottom: undefined;
        border-bottom: solid 2px var(--color_lightGray2);
    }
.companySettings-page-wrapper-1YmJlw {
    margin: 50px auto 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 750px;
}
.companySettings-teams-wrapper-3qtY31 {
    width: 890px;
}
.companySettings-company-title_input-3qmWNA {
    width: 748px;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_h2);
    padding: 10px 15px;
    height: 46px;
    border: undefined;
    border: solid 1px var(--color_lightGray);
    border-radius: 4px;
    margin-bottom: 55px;
}
.companySettings-companyName-error-15mpUp {
    margin-top: -45px;
    margin-bottom: 27px;
    color: undefined;
    color: var(--color_darkRed);
}
.companySettings-company-details-10yoRa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}
.companySettings-company-details-column-b1sKYr {
        width: 345px;
        margin-right: 50px;
    }
.companySettings-company-details-column-b1sKYr:last-child {
            margin-right: 0;
        }
.companySettings-company-details_input-3y8KTs {
    width: 320px;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    height: 39px;
    padding: 10px 15px;
    border: undefined;
    border: solid 1px var(--color_lightGray);
    border-radius: 4px;
    margin-bottom: 10px;
}
.companySettings-addMembers_input-2F7opH {
    width: 320px;
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    height: 39px;
    padding: 10px 15px;
    border: undefined;
    border: solid 1px var(--color_lightGray);
    border-radius: 4px;
    margin-bottom: 10px;
}
.companySettings-company-details_input-3y8KTs:last-child, .companySettings-addMembers_input-2F7opH:last-child {
        margin-bottom: 0;
    }
.companySettings-company-details_input-3y8KTs {
    width: 345px;
}
.companySettings-members-wrapper-3lDys_ {

}
.companySettings-teams-2HR7Zj {
    padding-top: 80px;
}
.companySettings-teamsList-elMiJU {
    margin-top: 40px;
}
.companySettings-DeM-list-38c7ju {
    margin-top: 20px;
}
.companySettings-DeM-list-38c7ju > div {
        -webkit-transform: translateX(-40px);
                transform: translateX(-40px);
    }
.companySettings-DeM-list-38c7ju > div:not(:last-child) {
        margin-bottom: 20px;
    }
.companySettings-deactivatedMembersList-2UQXha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.companySettings-deactivatedMembersList-2UQXha > div {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: 40px;
    }
.companySettings-deactivatedMembersList-2UQXha > button {
        margin-right: 20px;
    }
.companySettings-members-1a21sf {
    margin-top: 40px;
}
.companySettings-members-head-117hL- {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        color: undefined;
        color: var(--color_gray);
        padding-bottom: 10px;
        border-bottom: undefined;
        border-bottom: 1px solid var(--color_lightGray2);
    }
.companySettings-members-list-2XOKbB {

    }
.companySettings-members-spinner-s1Iz5C > div {
    top: 500px;
}
.companySettings-members-head_col-3tfxEM {
    padding-right: 20px;
}
.companySettings-members-head_col-3tfxEM:last-child {
        padding-right: 0;
    }
.companySettings-col1-idVna7 {
    width: 240px;
}
.companySettings-col2-eKOgF5 {
    width: 160px;
}
.companySettings-col3-3w9tmW {
    width: 225px;
}
.companySettings-col4-1soBfm {
    width: 152px;
}
.companySettings-col5-1zvBc6 {
    width: 90px;
}
.companySettings-col6-3OYm2T {
    position: relative;
    width: 20px;
}
.companySettings-userLine-wrapper-27lmx_ {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_darkGray);
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: flex-start;
}
.companySettings-userLine-wrapper-27lmx_:not(:last-child) {
        border-bottom: undefined;
        border-bottom: 1px solid var(--color_lightGray);
    }
.companySettings-userLine-wrapper-27lmx_ > div {
        padding-right: 20px;
    }
.companySettings-userLine-wrapper-27lmx_ > div:last-child {
            padding-right: 0;
        }
.companySettings-userLine-wrapper-27lmx_ label > div:first-child {
        display: none;
    }
.companySettings-userLine-wrapper-27lmx_ label > div:not(:first-child) > a {
            margin-left: 0;
        }
.companySettings-userLine-edit_btn-2ayVjD {
    position: absolute;
    top: -8px;
    left: 2px;
    border: none;
    background: transparent;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 0;
    cursor: pointer;
    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: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 1px 6px;
}
.companySettings-userLine-edit_btn-2ayVjD > span {
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: undefined;
        background-color: var(--color_darkGray);
        display: inline-block;
    }
.companySettings-userLine-edit_btn-2ayVjD > span:nth-child(2) {
            margin: 3px 0;
        }
.companySettings-userLine-edit_btn-2ayVjD:hover > span {
            background-color: undefined;
            background-color: var(--color_primary_hover__dark);
        }
.companySettings-userLine-edit_btn_open-QfMZP8 {
        z-index: 3;
    }
.companySettings-userLine-settings-gTk1D_ {
    position: absolute;
    top: -48px;
    right: -28px;
    width: 220px;
    cursor: default;
    padding: 40px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;
    z-index: 2;
}
.companySettings-userLine-settings-gTk1D_ > button:not(:last-child) {
        margin-bottom: 12px;
    }
.companySettings-addMember-wrapper-v6Qc6Q {
    padding: 40px 0;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    overflow: auto;
}
.companySettings-addMember-3cB8MT {
    position: relative;
    padding: 40px;
    margin: 0 auto;
    width: 400px;
    min-height: 595px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    background-color: #fff;
    font-size: undefined;
    font-size: var(--fontSize_tab);
}
.companySettings-addMember-addTeamBtn-1hHQQO {
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_primary);
    border-bottom: undefined;
    border-bottom: 1px dashed var(--color_primary);
    padding-top: 1px;
    padding-bottom: 4px;
    height: 20px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.companySettings-showDeM-btn-3KpXhD {
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_primary);
    border-bottom: undefined;
    border-bottom: 1px dashed var(--color_primary);
    padding-top: 1px;
    padding-bottom: 4px;
    height: 20px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.companySettings-addMember-addTeamBtn-1hHQQO:hover {
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }
.companySettings-showDeM-btn-3KpXhD:hover {
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }
.companySettings-addMember-inputs-30cqEz {
    margin-bottom: 50px;
}
.companySettings-addMember-access-1CU6lf {
    margin-bottom: 50px;
}
.companySettings-addMember-access-active-1lESTI {
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: undefined;
        color: var(--color_darkGray);
    }
.companySettings-addMember-access-current-3wK0uB {
        cursor: pointer;
        -webkit-transition: color .2s;
        transition: color .2s;
    }
.companySettings-addMember-access-current-3wK0uB:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }
.companySettings-addMember-access-popup-1AqJc_ {
    position: absolute;
    top: -40px;
    left: -40px;
    width: 280px;
    padding: 40px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;
    z-index: 2;
}
.companySettings-addMember-access-popup-1AqJc_.companySettings-superAdmin-1SVJN5 {
    top: -212px;
}
.companySettings-addMember-access-popup-1AqJc_.companySettings-admin-1azgjB {
    top: -118px;
}
.companySettings-arrow-335KOr.companySettings-_open-4r6GuT:after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
.companySettings-arrow-335KOr.companySettings-_open-4r6GuT:before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
.companySettings-arrow-335KOr {
    position: absolute;
    top: 0;
    right: -24px;
    width: 15px;
    height: 19px;
    cursor: pointer;
    z-index: 3;
}
.companySettings-arrow-335KOr:hover:after, .companySettings-arrow-335KOr:hover:before {
            background-color: #515151;
        }
.companySettings-arrow-335KOr:after, .companySettings-arrow-335KOr:before {
        content: "";
        position: absolute;
        height: 1px;
        width: 8px;
        right: 5px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: 9px;
        border-radius: 1px;
        background-color: #979797;
        -webkit-transition: background-color .2s;
        transition: background-color .2s;
    }
.companySettings-arrow-335KOr:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        right: 0;
    }
.companySettings-addMember-access-select-2PKnKh {
    margin-bottom: 20px;
}
.companySettings-addMember-access-select-2PKnKh:last-child {
        margin-bottom: 0;
    }
.companySettings-addMember-access-select-2PKnKh > div {
        cursor: pointer;
        color: undefined;
        color: var(--color_darkGray);
        margin-bottom: 10px;
        -webkit-transition: color .2s;
        transition: color .2s;
    }
.companySettings-addMember-access-select-2PKnKh > div:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }
.companySettings-addMember-access-select-2PKnKh > span {
        color: undefined;
        color: var(--color_gray);
        font-size: undefined;
        font-size: var(--fontSize_standart);
    }
.companySettings-addMember-access-select-2PKnKh .companySettings-superAdmin-1SVJN5 {
        color: undefined;
        color: var(--color_darkRed);
    }
.companySettings-addMember-access-select-2PKnKh .companySettings-superAdmin-1SVJN5:hover {
            color: undefined;
            color: var(--color_darkRed_hover);
        }
.companySettings-addMember-team-1RvNey {
    position: relative;
    margin-bottom: 50px;
}
.companySettings-addMember-team-current-hjOXdO {
        cursor: pointer;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: undefined;
        color: var(--color_darkGray);
        -webkit-transition: color .2s;
        transition: color .2s;
    }
.companySettings-addMember-team-current-hjOXdO:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }
.companySettings-addMember-team-popup-screen-3hujj1 {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 5;
}
.companySettings-addMember-team-popup-3_zino {
    position: absolute;
    padding: 40px;
    margin-bottom: 40px;
    width: 401px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    top: 70px;
    left: -40px;
    z-index: 5;
}
.companySettings-addMember-team-popup-line-248lS- {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -webkit-transition: color .2s;
        transition: color .2s;
    }
.companySettings-addMember-team-popup-line-248lS-:not(:last-child) {
            margin-bottom: 20px;
        }
.companySettings-addMember-team-popup-line-248lS-:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }
.companySettings-addMember-team-popup-line-checkbox-2Ow6DI {
            display: inline-block;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }
.companySettings-addMember-team-popup-line-checkbox-2Ow6DI > div > span > svg {
                -webkit-transform: translateY(-2px);
                        transform: translateY(-2px);
            }
.companySettings-addMember-team-popup-line-teamName-3uDzsE {
            display: inline-block;
            margin-left: 5px;
        }
.companySettings-addTeam-parentTeams-2kpird {
    position: relative;
}
.companySettings-addTeam-parentTeamsList-3gCqNE > span {
        display: inline-block;
        position: relative;
        font-size: undefined;
        font-size: var(--fontSize_tab);
        color: undefined;
        color: var(--color_darkGray);
        padding-right: 20px;
        padding-bottom: 20px;
    }
.companySettings-addTeam-parentTeamsList-3gCqNE > span > span {
            top: -4px;
            right: 0;
        }
.companySettings-addMember-billing-33P0Ke {
    margin-bottom: 50px;
}
.companySettings-addTeam-wrapper-2G8Ayd {
    padding: 40px 0;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    overflow: auto;
    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;
}
.companySettings-addTeam-1LoX_z {
    position: relative;
    padding: 40px;
    margin: auto;
    min-width: 400px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
    background-color: #fff;
}
.companySettings-addTeamFake-2J0pOP {
    height: 800px;
}
.companySettings-addTeamsCont-2emBR3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
}
.companySettings-addTeamsPart-33nffL {
    width: 360px;
    padding-right: 40px;
}
.companySettings-addTeamsPart-33nffL+.companySettings-addTeamsPart-33nffL {
    border-left: undefined;
    border-left: solid 1px var(--color_lightGray2);
    padding: 0 0 0 40px;
}
.companySettings-addTeamsBtn-row-1dAJ6f button {
        margin-right: 10px !important;
    }
.companySettings-addTeam-input-cAptq- {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_darkGray);
    width: 100%;
    height: 37px;
    padding: 9px 15px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: undefined;
    border: solid 1px var(--color_lightGray);
    background-color: #ffffff;
}
.companySettings-teamName-error-2C30RK {
    position: absolute;
    left: 40px;
    top: 150px;
    color: undefined;
    color: var(--color_darkRed);
    font-size: undefined;
    font-size: var(--fontSize_tab);
}
.companySettings-emailError-1TvXz3 {
    color: undefined;
    color: var(--color_darkRed);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    margin-bottom: 20px;
}
.companySettings-TL-wrapper-2q2bof {
    margin-bottom: 50px;
}
.companySettings-TL-head-2mPIit {
    position: relative;
    margin-bottom: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.companySettings-TL-head-2mPIit:hover .companySettings-TL-head-controls-1m61z6 {
    opacity: 1;
    visibility: visible;
}
.companySettings-TL-head-controls-1m61z6 {
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding-left: 40px;
}
.companySettings-TL-titleS-2KHg9M:hover ~ .companySettings-TL-hint-3m15aM {
    opacity: 1;
    visibility: visible;
}
.companySettings-TL-hint-3m15aM {
    position: absolute;
    top: -37px;
    left: -55px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    background-color: undefined;
    background-color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_tip);
    color: undefined;
    color: var(--color_lightGray2);
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 5;
}
.companySettings-TL-hint-3m15aM:after {
        content: "";
        border: solid transparent;
        position: absolute;
        top: 100%;
        right: 20px;
        border-top-color: undefined;
        border-top-color: var(--color_darkGray);
        border-width: 7px;
    }
.companySettings-TL-title-2yn4N9 {
    position: relative;
    font-weight: bold;
    color: undefined;
    color: var(--color_darkGray);
    cursor: pointer;
}
.companySettings-TL-title_close-nhVqpt:after {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }
.companySettings-TL-title_close-nhVqpt:before {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
        }
.companySettings-TL-inputName-2I_aHA {
    font-weight: bold;
    color: undefined;
    color: var(--color_darkGray);
    border: none;
    padding-left: 0;
}
.companySettings-TL-btnEdit-oO0nf2 {
    display: inline-block;
    cursor: pointer;
}
.companySettings-TL-btnEdit-oO0nf2 > img {
        width: 12px;
        height: 12px;
    }
.companySettings-TL-btnAdd-3Gi6FI {
    cursor: pointer;
    display: inline-block;
    margin-left: 20px;
    padding-bottom: 2px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_primary);
    border-bottom: undefined;
    border-bottom: dashed 1px var(--color_primary);
    -webkit-transition: all .2s;
    transition: all .2s;
}
.companySettings-TL-btnAdd-3Gi6FI:hover {

    }
.companySettings-TL-userList-2VJD4F > div {
        padding-bottom: 20px;
    }
.companySettings-TL-userList-2VJD4F > div > label {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }
.companySettings-TL-userList-2VJD4F > div > label > div:first-child {
                display: none;
            }
.companySettings-TL-userList-2VJD4F > div > label > div:not(:first-child) > a {
                margin-left: 0;
            }
.companySettings-TL-subTeamsList-3OuxE1 {
    padding-left: 40px;
}
.companySettings-listCandidates-cRvZWX > div {
        padding-bottom: 20px;
    }
.companySettings-listUser-39OM_o > div {
        padding-bottom: 10px;
    }
.companySettings-billing-wrapper-1sVZOo {

}
.companySettings-saveBtnRow-35ndh2 {
    margin-top: 40px;
}
.companySettings-passwordPopup-wrapper-1RYpKJ {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0 40px;
    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: rgba(255, 255, 255, 0.9);
    z-index: 5;
}
.companySettings-passwordPopup-card-1bt8xP {
    position: relative;
    padding: 40px;
    width: 400px;
    border-radius: 20px;
    background-color: white;
    -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
            box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
    color: undefined;
    color: var(--color_black);
}
.companySettings-passwordPopup-title-qITEeK {
    font-size: undefined;
    font-size: var(--fontSize_h2);
    font-weight: bold;
    margin-bottom: 40px;
}
.companySettings-passwordPopup-text-ByJzN3 {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    margin-bottom: 20px;
}
.companySettings-passwordPopup-input-1_j-6Y {
    padding: 10px 15px;
    width: 100%;
    border-radius: 4px;
    border: undefined;
    border: solid 1px var(--color_lightGray);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_darkGray);
}
.companySettings-passwordPopup-btnRow-3PU6uF {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.companySettings-clauseTemplateTitle-11to0M {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: undefined;
    font-size: var(--fontSize_h2);
    color: undefined;
    color: var(--color_black);
}
.companySettings-clauseTemplateNav-2Rl23A {
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 20px;
    margin-bottom: 20px;
}
.companySettings-clauseTemplateNav-2Rl23A > div {
        margin: 0;
        font-size: undefined;
        font-size: var(--fontSize_standart);
        color: undefined;
        color: var(--color_gray);
        padding-bottom: 10px;
    }
.companySettings-clauseTemplateNav-2Rl23A > div.companySettings-_isSelected-1AxMRt {
            border-bottom: undefined;
            border-bottom: solid 2px var(--color_lightGray2);
            color: var(color_darkGray);
        }
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/LicensesBlock/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-1t1yEB {
  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;
  margin-top: 20px;
}

.styles-module-title-b6JOjj {
  margin: 0;
  font-size: undefined;
  font-size: var(--fontSize_h3);
  line-height: normal;
  color: undefined;
  color: var(--color_black);
}

.styles-module-table-3TcCBS {
  border-collapse: collapse;
  width: 720px;
}

.styles-module-col-2i0Q2E {
  border: none;
  padding: 10px;
}

.styles-module-row-2Ie-X4 {
  border-bottom: undefined;
  border-bottom: 1px solid var(--color_lightGray);
}

.styles-module-head-22jK5u > .styles-module-row-2Ie-X4 {
  border-bottom: undefined;
  border-bottom: 1px solid var(--color_lightGray2);
  text-align: left;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 1.5;
  letter-spacing: 0.01px;
  color: undefined;
  color: var(--color_gray);
}

.styles-module-head-22jK5u > .styles-module-row-2Ie-X4 > .styles-module-col-2i0Q2E {
    font-weight: normal;
    padding: 10px 0;
  }

.styles-module-body-2-9m49 > .styles-module-col-2i0Q2E:last-child {
  border-bottom: none;
}

.styles-module-body-2-9m49 .styles-module-col-2i0Q2E {
  padding: 20px 40px 20px 0;
  font-size: undefined;
  font-size: var(--fontSize_h4);
  min-width: 120px;
}

.styles-module-gray-ygSd9H {
  color: undefined;
  color: var(--color_gray);
}

.styles-module-green-1EEFu1 {
  color: undefined;
  color: var(--color_green);
}

.styles-module-red-3AgvPl {
  color: undefined;
  color: var(--color_darkRed);
}

.styles-module-body-2-9m49 tr:last-child {
  border-bottom: none; /* Убираем нижнюю границу у последней строки */
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-2d1T-a {
  padding: 40px 0;
}

.styles-module-title-2_71gD {
  font-size: undefined;
  font-size: var(--fontSize_h2);
  line-height: normal;
  color: undefined;
  color: var(--color_black);
  margin: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-19wwun {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}

.styles-module-title-2mju0g {
  font-size: undefined;
  font-size: var(--fontSize_h3);
  margin: 0;
  line-height: normal;
  letter-spacing: 0px;
  color: undefined;
  color: var(--color_black);
}

.styles-module-topRow-1PsNHQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.styles-module-buttonsContainer-2urpRm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.styles-module-buttonsContainer-2urpRm > button {
    background: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 2px 10px 0;
    line-height: 1.3;
    color: undefined;
    color: var(--color_primary);
    font-size: undefined;
    font-size: var(--fontSize_button);
    border: undefined;
    border: solid 1px var(--color_primary);
    -webkit-transition: color 0.3s ease, border 0.3s ease;
    transition: color 0.3s ease, border 0.3s ease;
  }

.styles-module-buttonsContainer-2urpRm > button:hover {
      color: undefined;
      color: var(--color_primary_hover);
      border: undefined;
      border: solid 1px var(--color_primary_hover);
    }

.styles-module-tabsContainer-1Ev-UD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.styles-module-tab-TenckU {
  background: undefined;
  background: var(--color_white);
  padding: 2px 10px;
  color: undefined;
  color: var(--color_darkGray);
  border: none;
  border-top: undefined;
  border-top: solid 1px var(--color_lightGray2);
  border-bottom: undefined;
  border-bottom: solid 1px var(--color_lightGray2);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 1.2;
  overflow: hidden;
  cursor: pointer;
  border-right: undefined;
  border-right: solid 1px var(--color_lightGray2);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.styles-module-tab-TenckU:first-child {
    border-left: undefined;
    border-left: solid 1px var(--color_lightGray2);
    border-radius: 5px 0 0 5px;
  }

.styles-module-tab-TenckU:last-child {
    border-right: undefined;
    border-right: solid 1px var(--color_lightGray2);
    border-radius: 0 5px 5px 0;
  }

.styles-module-tab-TenckU.styles-module-active-P4lAt0 {
    border: none;
    background-color: undefined;
    background-color: var(--color_gray);
    color: undefined;
    color: var(--color_white);
    border-color: transparent;
  }

.styles-module-table-2JtVKw {
  border-spacing: 0;
  width: 1240px;
}

.styles-module-head-3Hj3L9 {
  padding: 10px 0;
  border-bottom: undefined;
  border-bottom: 1px solid var(--color_lightGray2);
  font-weight: normal;
  text-align: left;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 1.5;
  color: undefined;
  color: var(--color_gray);
  display: grid;
  grid-template-columns: 1fr 200px 200px 160px 160px 175px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/MemberRow/styles.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-userCell-1QCyqs {
  padding: 20px 40px 20px 0;
  border-bottom: undefined;
  border-bottom: 1px solid var(--color_lightGray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.styles-module-userInfo-ljWKKr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  gap: 2px;
}

.styles-module-userInfo-ljWKKr > h5 {
    font-weight: normal;
    line-height: normal;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_black);
    margin: 0;
  }

.styles-module-userInfo-ljWKKr > p {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    line-height: normal;
    color: undefined;
    color: var(--color_lightGray4);
    margin: 0;
  }

.styles-module-userColumn-1VKAkf {
  max-width: 380px;
}

.styles-module-cell-CNNZyP {
  padding: 0;
  border-bottom: undefined;
  border-bottom: 1px solid var(--color_lightGray);
}

.styles-module-row-fVnZSa > .styles-module-cell-CNNZyP:first-child {
  border: none
}

.styles-module-role-2H9ZfN {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  color: undefined;
  color: var(--color_darkGray);
  vertical-align: top;
  padding: 20px 40px 20px 0;
}

.styles-module-team-2zp-GE {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  color: undefined;
  color: var(--color_darkGray);
  vertical-align: top;
  padding: 20px 40px 20px 0;
}

.styles-module-access-UKWmoa {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  color: undefined;
  color: var(--color_darkGray);
  vertical-align: top;
  padding: 20px 40px 20px 0;
}

.styles-module-tariff-XiIuwD {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  color: undefined;
  color: var(--color_darkGray);
  vertical-align: top;
  padding: 20px 40px 20px 0;
}

.styles-module-role-2H9ZfN {
  width: 200px;
}

.styles-module-team-2zp-GE {
  width: 200px;
}

.styles-module-access-UKWmoa {
  width: 160px;
}

.styles-module-tariff-XiIuwD {
  width: 160px;
}

.styles-module-tariff-XiIuwD.styles-module-red-_eG1t9 {
    color: undefined;
    color: var(--color_lightRed);
  }

.styles-module-activity-1HMPKy {
  width: 140px;
  vertical-align: top;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.styles-module-date-2bwQfT {
  color: undefined;
  color: var(--color_lightGray2);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.styles-module-date-2bwQfT > p {
    margin: 0;
  }

.styles-module-date-2bwQfT > p:first-child {
      color: undefined;
      color: var(--color_gray);
    }

.styles-module-mouseIcon-2yQKzi {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.styles-module-mouseIcon-2yQKzi > img {
    margin: 0;
  }

.styles-module-row-fVnZSa:hover .styles-module-mouseIcon-2yQKzi {
  opacity: 1;
  visibility: visible;
}

.styles-module-row-fVnZSa {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 200px 200px 160px 160px 175px;  
}

.styles-module-firstRow-2IdCjr {
  padding-top: 0;
}

.styles-module-borderNone-2Yobos {
  border: none;
}

.styles-module-contextMenu-CfpsdX {
  position: absolute;
  width: 200px; 
  background: undefined; 
  background: var(--color_white);
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_menu);
          box-shadow: var(--shadow_menu);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
}

.styles-module-contextMenu-CfpsdX.styles-module-active-3yj_R4 {
    visibility: visible;
    opacity: 1;
  }

.styles-module-contextMenu-CfpsdX > .styles-module-block-2Mluw8 {
    padding: 20px;
    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;
  }

.styles-module-contextMenu-CfpsdX > .styles-module-block-2Mluw8:first-child {
      border-bottom: undefined;
      border-bottom: solid 1px var(--color_lightGray);
    }

.styles-module-contextMenu-CfpsdX > .styles-module-block-2Mluw8 > button {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      font-size: undefined;
      font-size: var(--fontSize_standart);
      color: undefined;
      color: var(--color_primary);
      border: none;
      background: none;
      outline: none;
      line-height: 1.25;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      text-align: left;
      padding: 0;
      cursor: pointer;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;
    }

.styles-module-contextMenu-CfpsdX > .styles-module-block-2Mluw8 > button:disabled {
        opacity: 0.25;
        cursor: default;
      }

.styles-module-contextMenu-CfpsdX > .styles-module-block-2Mluw8 > button:hover {
        color: undefined;
        color: var(--color_primary_hover);
      }

.styles-module-contextMenu-CfpsdX > .styles-module-block-2Mluw8 > button.styles-module-red-_eG1t9 {
        color: undefined;
        color: var(--color_darkRed);
      }

.styles-module-contextMenu-CfpsdX > .styles-module-block-2Mluw8 > button.styles-module-red-_eG1t9:hover {
          color: undefined;
          color: var(--color_darkRed_hover);
        }

.styles-module-contextMenu-CfpsdX > .styles-module-block-2Mluw8 > button > img {
        height: 10px;
        margin: 0;
      }

.styles-module-rightShadow-Vn8TAH {
  position: relative;
  overflow: hidden;
}

.styles-module-rightShadow-Vn8TAH::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 40px, rgba(255, 255, 255, 0));
    pointer-events: none;
  }

.styles-module-tip-10-rk6 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_alert);
          box-shadow: var(--shadow_alert);
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: undefined;
  background-color: var(--color_darkGray);
  border-radius: 4px;
  gap: 2px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.styles-module-tip-10-rk6.styles-module-active-3yj_R4 {
    opacity: 1;
    visibility: visible;
  }

.styles-module-tip-10-rk6 > p {
    margin: 0;
    font-size: undefined;
    font-size: var(--fontSize_tip);
    line-height: normal;
    color: undefined;
    color: var(--color_lightGray2);
  }

.styles-module-tip-10-rk6::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 18px;
    width: 14px;
    height: 14px;
    border-radius: 1px;
    background-color: undefined;
    background-color: var(--color_darkGray);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

.styles-module-passwordPopupWrapper-1kocYs {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 0 40px;
  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: rgba(255, 255, 255, 0.9);
  z-index: 5;
}

.styles-module-passwordPopupCard-3y090e {
  position: relative;
  padding: 40px;
  width: 400px;
  border-radius: 20px;
  background-color: undefined;
  background-color: var(--color_white);
  -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
          box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
  color: undefined;
  color: var(--color_black);
}

.styles-module-passwordPopupTitle-1Bip0l {
  font-size: undefined;
  font-size: var(--fontSize_h2);
  font-weight: bold;
  margin-bottom: 40px;
}

.styles-module-passwordPopupText-3-hcMA {
  font-size: undefined;
  font-size: var(--fontSize_h3);
  margin-bottom: 20px;
  font-weight: normal;
}

.styles-module-passwordPopupInput-2L7NmP {
  padding: 10px 15px;
  width: 100%;
  border-radius: 4px;
  border: undefined;
  border: solid 1px var(--color_lightGray);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  color: undefined;
  color: var(--color_darkGray);
}

.styles-module-passwordPopupBtnRow-1lZNSw {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/MemberPopup/parts/Header/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-title-3CkEGg {
  font-size: 20px;
  line-height: normal;
  color: undefined;
  color: var(--color_black);
  margin: 40px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/MemberPopup/parts/Role/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-roleBlock-3Kwd8_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.styles-module-role-1JHH6l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.styles-module-roleDropDown-1sRFKC {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 20px 0;
  width: 200px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.styles-module-roleDropDown-1sRFKC::-webkit-scrollbar {
    display: none;
  }

.styles-module-roleDropDown-1sRFKC.styles-module-active-2463yK {
    opacity: 1;
    visibility: visible;
  }

.styles-module-roleDropDownItem-1RqN0_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 20px;
}

.styles-module-roleDropDownItem-1RqN0_ img {
    display: none;
  }

.styles-module-roleDropDownItem-1RqN0_:first-child {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
  }

.styles-module-roleDropDownItem-1RqN0_:first-child img {
      display: block;
    }

.styles-module-roleDropDownItem-1RqN0_ > .styles-module-titleContainer-2SmpeX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

.styles-module-roleDropDownItem-1RqN0_ > .styles-module-titleContainer-2SmpeX > h4 {
      margin: 0;
      font-size: 14px;
      line-height: 1.2;
      font-weight: normal;
      color: #606060;
      cursor: pointer;
    }

.styles-module-roleDropDownItem-1RqN0_ > p {
    font-size: 12px;
    line-height: 1.25;
    color: #acacac;
    margin: 0;
  }

.styles-module-roleValue-2ky_bU {
  position: relative;
}

.styles-module-title-3ymdft {
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  color: #212121;
  margin: 0;
}

.styles-module-red-1mz2AB {
  color: #ff6c6c;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/MemberPopup/parts/MainInfo/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-mainBlock-2h8R3K {
  margin: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.styles-module-newAvatar-2dzI7O {
  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;
  border: solid 1px #157efb;
  border-radius: 50%;
  cursor: pointer;
  font-size: 12px;
  color:#157efb;
  width: 25px;
  aspect-ratio: 1 / 1;
}

.styles-module-nameInputContainer-1NMnYH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.styles-module-nameInputContainer-1NMnYH > .styles-module-inputMeasure-1yVrQ9 {
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
  }

.styles-module-nameInputContainer-1NMnYH > input {
    font-size: 14px;
    font-weight: bold;
    border: none;
    -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
            text-decoration-color: rgb(21, 126, 251, 0.2);
    -webkit-text-decoration-style: dashed;
            text-decoration-style: dashed;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    line-height: normal;
    color: undefined;
    color: var(--color_darkGray);
    -webkit-transition: -webkit-text-decoration-color 0.3s ease;
    transition: -webkit-text-decoration-color 0.3s ease;
    transition: text-decoration-color 0.3s ease;
    transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
  }

.styles-module-nameInputContainer-1NMnYH > input::-webkit-input-placeholder {
      color: undefined;
      color: var(--color_gray);
    }

.styles-module-nameInputContainer-1NMnYH > input::-moz-placeholder {
      color: undefined;
      color: var(--color_gray);
    }

.styles-module-nameInputContainer-1NMnYH > input::-ms-input-placeholder {
      color: undefined;
      color: var(--color_gray);
    }

.styles-module-nameInputContainer-1NMnYH > input::placeholder {
      color: undefined;
      color: var(--color_gray);
    }

.styles-module-nameInputContainer-1NMnYH > input:hover, .styles-module-nameInputContainer-1NMnYH > input:focus {
      -webkit-text-decoration-color: rgb(21, 126, 251, 1);
              text-decoration-color: rgb(21, 126, 251, 1);
    }

.styles-module-mainInformation-3i1vXB {
  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;
  width: -webkit-fill-available;
}

.styles-module-avatarContainer-20FyVZ {
  position: relative;
}

.styles-module-avatarContainer-20FyVZ > .styles-module-tip-3FJ91e {
    position: absolute;
    bottom: calc(100% + 15px);
    left: -2px;
    visibility: hidden;
    padding: 10px;
    border-radius: 4px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: 0 1px 5px 0 var(--shadow_alert);
            box-shadow: 0 1px 5px 0 var(--shadow_alert);
    background-color: #606060;
    font-size: 10px;
    color: #dedede;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }

.styles-module-avatarContainer-20FyVZ > .styles-module-tip-3FJ91e.styles-module-active-UYd03A {
      visibility: visible;
      opacity: 1;
    }

.styles-module-avatarContainer-20FyVZ > .styles-module-tip-3FJ91e::before {
      content: '';
      position: absolute;
      bottom: -6px;
      left: 8px;
      width: 14px;
      height: 14px;
      border-radius: 1px;
      background-color: undefined;
      background-color: var(--color_darkGray);
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/MemberPopup/parts/Teams/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-3F8gFf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.styles-module-title-3DVwT- {
  margin: 0 0 20px;
}

.styles-module-showButton-1WNapX {
  font-size: 12px;
  border: none;
  background: none;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  gap: 10px;
  color: #157efb;
}

.styles-module-teamItem-IJdPOm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  
  font-size: 14px;
  line-height: 1.3;
  color: #212121;
}

.styles-module-teamItem-IJdPOm:hover > .styles-module-crossIcon-2F7OWV {
      opacity: 1;
      visibility: visible;
    }

.styles-module-smileIcon-eif4oS {
  margin-right: 25px;
}

.styles-module-crossIcon-2F7OWV {
  margin-left: 12px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/MemberPopup/parts/TeamsItem/styles.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-team-aS-zQx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 20px 0;
  border-top: solid 1px #eee;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.styles-module-teamInfo-_PJjFP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.styles-module-teamInfo-_PJjFP > .styles-module-smile-WCPj22 {
    margin-right: 25px;
    position: relative;
    top: 2px;
  }

.styles-module-teamInfo-_PJjFP > .styles-module-arrow-2j3kC2 {
    margin-left: 8px;
    cursor: pointer;
  }

.styles-module-teamInfo-_PJjFP > h5 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3;
    color: #212121;
  }
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/MemberPopup/parts/Footer/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-footer-2WHPfq {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  border-top: solid 1px #eee;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.styles-module-main-2zY41k {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-saveButton-2j9WIt {
  padding: 2px 10px;
  border-radius: 5px;
  background-color: #157efb;
  font-size: 12px;
  color: #fff;
  border: none;
  cursor: pointer;
}

.styles-module-saveButton-2j9WIt:disabled {
    opacity: 0.3;
    cursor: default;
  }

.styles-module-redButton-FFPtmJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: #d0021b;
  padding: 0;
  font-size: 12px;
  border: none;
  background: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.3;
  cursor: pointer;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/MemberPopup/parts/Body/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-additionalInfo-3raMK_ {
  padding: 40px;
  margin-top: 40px;
  border-top: solid 1px #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/TeamRow/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-teamName-1Ai-Ku {
  font-size: undefined;
  font-size: var(--fontSize_h4);
  line-height: 1.3;
  letter-spacing: 0.01px;
  color: undefined;
  color: var(--color_black);
  font-weight: normal;
  margin: 0;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-top: undefined;
  border-top: 1px solid var(--color_lightGray);
  padding-bottom: 20px;
}

  .styles-module-teamName-1Ai-Ku:hover > .styles-module-mouseIcon-2Ovxet {
      opacity: 1;
      visibility: visible;
    }

.styles-module-mouseIcon-2Ovxet {
  opacity: 0;
  visibility: hidden;
  margin-left: auto;
  margin-right: 34px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.styles-module-contextMenu-3xZgOP {
  position: absolute;
  width: 200px; 
  background: undefined; 
  background: var(--color_white);
  -webkit-box-shadow: undefined;
          box-shadow: undefined;
  -webkit-box-shadow: var(--shadow_menu);
          box-shadow: var(--shadow_menu);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
}

.styles-module-contextMenu-3xZgOP.styles-module-active-3ikWfW {
    visibility: visible;
    opacity: 1;
  }

.styles-module-contextMenu-3xZgOP > .styles-module-block-2FcqNj {
    padding: 20px;
    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;
  }

.styles-module-contextMenu-3xZgOP > .styles-module-block-2FcqNj:first-child {
      border-bottom: undefined;
      border-bottom: solid 1px var(--color_lightGray);
    }

.styles-module-contextMenu-3xZgOP > .styles-module-block-2FcqNj > button {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      font-size: undefined;
      font-size: var(--fontSize_standart);
      color: undefined;
      color: var(--color_primary);
      border: none;
      background: none;
      outline: none;
      line-height: 1.25;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      text-align: left;
      padding: 0;
      cursor: pointer;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;
    }

.styles-module-contextMenu-3xZgOP > .styles-module-block-2FcqNj > button:hover {
        color: undefined;
        color: var(--color_primary_hover);
      }

.styles-module-contextMenu-3xZgOP > .styles-module-block-2FcqNj > button.styles-module-red-3SPFAN {
        color: undefined;
        color: var(--color_darkRed);
      }

.styles-module-contextMenu-3xZgOP > .styles-module-block-2FcqNj > button.styles-module-red-3SPFAN:hover {
          color: undefined;
          color: var(--color_darkRed_hover);
        }

.styles-module-contextMenu-3xZgOP > .styles-module-block-2FcqNj > button > img {
        height: 10px;
        margin: 0;
      }
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/TeamPopup/parts/Header/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-title-JdTm79 {
  margin: 0;
  font-size: undefined;
  font-size: var(--fontSize_h2);
  line-height: normal;
  color: undefined;
  color: var(--color_black);
  margin: 40px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/TeamPopup/parts/NameBlock/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-container-26sG-3 {
  margin: 0 40px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

  .styles-module-container-26sG-3 > input {
    font-size: 14px;
    font-weight: bold;
    border: none;
    -webkit-text-decoration-color: rgb(21, 126, 251, 0.2);
            text-decoration-color: rgb(21, 126, 251, 0.2);
    -webkit-text-decoration-style: dashed;
            text-decoration-style: dashed;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    line-height: normal;
    width: -webkit-fill-available;
    color: undefined;
    color: var(--color_darkGray);
    -webkit-transition: -webkit-text-decoration-color 0.3s ease;
    transition: -webkit-text-decoration-color 0.3s ease;
    transition: text-decoration-color 0.3s ease;
    transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
  }

  .styles-module-container-26sG-3 > input:hover, .styles-module-container-26sG-3 > input:focus {
      -webkit-text-decoration-color: rgb(21, 126, 251, 1);
              text-decoration-color: rgb(21, 126, 251, 1);
    }

  .styles-module-container-26sG-3 > input::-webkit-input-placeholder {
      color: #acacac;
    }

  .styles-module-container-26sG-3 > input::-moz-placeholder {
      color: #acacac;
    }

  .styles-module-container-26sG-3 > input::-ms-input-placeholder {
      color: #acacac;
    }

  .styles-module-container-26sG-3 > input::placeholder {
      color: #acacac;
    }

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/TeamPopup/parts/ParentTeam/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-main-1I4ilV {
  padding: 40px;
  border-top: solid 1px #eee;
}

.styles-module-container-1O6ive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.styles-module-title-2oOxk_ {
  margin: 0 0 20px;
  font-size: undefined;
  font-size: var(--fontSize_h3);
}

.styles-module-showButton-3umnI4 {
  font-size: 12px;
  border: none;
  background: none;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  gap: 10px;
  color: #157efb;
}

.styles-module-teamItem-1gfPf9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  
  font-size: 14px;
  line-height: 1.3;
  color: #212121;
}

.styles-module-teamItem-1gfPf9:hover > .styles-module-crossIcon-LfP7qr {
      opacity: 1;
      visibility: visible;
    }

.styles-module-smileIcon-2QayGB {
  margin-right: 25px;
}

.styles-module-crossIcon-LfP7qr {
  margin-left: 12px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/TeamPopup/parts/Footer/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-main-xegAaB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 40px 40px;
}

.styles-module-saveButton-3BVpUq {
  padding: 2px 10px;
  border-radius: 5px;
  background-color: #157efb;
  font-size: 12px;
  color: #fff;
  border: none;
  cursor: pointer;
}

.styles-module-saveButton-3BVpUq:disabled {
    opacity: 0.3;
    cursor: default;
  }

.styles-module-redButton-1SUmXz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: #d0021b;
  padding: 0;
  font-size: 12px;
  border: none;
  background: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.3;
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/TeamPopup/parts/Users/styles.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-2EwHHD {
  padding: 0 40px 40px;
}

.styles-module-title-33TY2B {
  margin: 0 0 20px;
  font-size: undefined;
  font-size: var(--fontSize_h3);
}

.styles-module-showButton-2FeY9v {
  font-size: 12px;
  border: none;
  background: none;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  gap: 10px;
  color: #157efb;
}

.styles-module-list-3vRrQl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/TeamPopup/parts/UserItem/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-container-14mHYX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-userInfo-2AnEl7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.styles-module-userInfo-2AnEl7 > h5 {
    font-weight: normal;
    line-height: normal;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_black);
    margin: 0;
  }

.styles-module-userInfo-2AnEl7 > p {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    line-height: normal;
    color: undefined;
    color: var(--color_lightGray4);
    margin: 0;
  }

.styles-module-cross-1ouh0i {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

.styles-module-main-1xu5Vu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.styles-module-main-1xu5Vu:hover > .styles-module-cross-1ouh0i {
    opacity: 1;
    visibility: visible;
  }
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/TeamPopup/parts/TeamItem/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-container-lpEjGW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

  .styles-module-container-lpEjGW:hover > .styles-module-cross-10ToiY {
    opacity: 1;
    visibility: visible;
  }

.styles-module-icon-16D6MS {
  margin-right: 25px;
}

.styles-module-cross-10ToiY {
  margin-left: 25px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.styles-module-title-3EijH- {
  margin: 0;
  font-size: undefined;
  font-size: var(--fontSize_tab);
  font-weight: normal;
  line-height: 1.3;
  color: undefined;
  color: var(--color_black);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/TeamPopup/parts/TreeUserItem/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

  :root {
  --sky: #157efb;
}

  :root {
  --black: #212121;
}

  :root {
  --color2: #acacac;
}

  :root {
  --color: #606060;
}

  :root {
  --bg: #fff;
}

  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
  --errorColor: red;
}

  :root {
  --fontFamily2: Tahoma, sans-serif;
}

  :root {
  --fontFamily: ProximaNova, sans-serif;
}

  .styles-module-userInfo-2wZhur {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  gap: 2px;
}

  .styles-module-userInfo-2wZhur > h5 {
    font-weight: normal;
    line-height: normal;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_black);
    margin: 0;
  }

  .styles-module-userInfo-2wZhur > p {
    font-size: undefined;
    font-size: var(--fontSize_tip);
    line-height: normal;
    color: undefined;
    color: var(--color_lightGray4);
    margin: 0;
  }

.styles-module-container-2usyC_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #eee;
  width: -webkit-fill-available;
}

.styles-module-py20-3oJJEI {
  padding-top: 20px;
  padding-bottom: 20px;
}

.styles-module-py20-3oJJEI.styles-module-ptNone-3-me9Z {
    padding-top: 0;
  }

.styles-module-main-1j_8Z1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyMembers/MembersBlock/TeamPopup/parts/TreeTeamItem/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-team-23WeRP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 20px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.styles-module-teamInfo-cRl8Ij {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.styles-module-teamInfo-cRl8Ij > .styles-module-smile-21Hk7a {
    margin-right: 25px;
    position: relative;
    top: 2px;
  }

.styles-module-teamInfo-cRl8Ij > .styles-module-arrow-3s1j5d {
    margin-left: 8px;
    cursor: pointer;
  }

.styles-module-teamInfo-cRl8Ij > h5 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3;
    color: #212121;
  }
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/AdminVariables/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.styles-module-buttonContainer-3qECds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.styles-module-button-OrScJj {
  font-family: ProximaNova;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_primary);
  padding: 2px 10px 0;
  line-height: 1.3;
  border-radius: 5px;
  border: undefined;
  border: solid 1px var(--color_primary);
  background-color: undefined;
  background-color: var(--color_white);
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/companySettings/CompanyInformation/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.styles-module-wrapper-BGCRws {
  margin: 50px auto 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 750px;
}
.styles-module-titleInput-18mdse {
  width: 748px;
  color: undefined;
  color: var(--color_darkGray);
  font-size: undefined;
  font-size: var(--fontSize_h2);
  padding: 10px 15px;
  height: 46px;
  border: undefined;
  border: solid 1px var(--color_lightGray);
  border-radius: 4px;
  margin-bottom: 55px;
}
.styles-module-error-FJK_9_ {
  margin-top: -45px;
  margin-bottom: 27px;
  color: undefined;
  color: var(--color_darkRed);
}
.styles-module-details-Av5y2O {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}
.styles-module-detailsColumn-24yNvF {
  width: 345px;
  margin-right: 50px;
}
.styles-module-detailsColumn-24yNvF:last-child {
      margin-right: 0;
  }
.styles-module-detailsInput-256rEb {
  color: undefined;
  color: var(--color_darkGray);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  height: 39px;
  padding: 10px 15px;
  border: undefined;
  border: solid 1px var(--color_lightGray);
  border-radius: 4px;
  margin-bottom: 10px;
  width: 345px;
}
.styles-module-detailsInput-256rEb:last-child {
      margin-bottom: 0;
  }
.styles-module-saveBtnRow-1tWyj8 {
  margin-top: 40px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/policies/RulePolicy/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;    
}
:root {
    --sky: #157efb;    
}
:root {
    --black: #212121;    
}
:root {
    --color2: #acacac;    
}
:root {
    --color: #606060;    
}
:root {
    --bg: #fff;    
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);    
}
:root {
    --errorColor: red;    
}
:root {
    --fontFamily2: Tahoma, sans-serif;    
}
:root {
    --fontFamily: ProximaNova, sans-serif;    
}
.styles-module-editFixed-xlFK4P {
    position: absolute;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    top: 100%;
    z-index: 2;
    width: 800px;
    border-radius: 8px;
    border: undefined;
    border: 1px dashed var(--color_orange);
    background-color: white;
    -webkit-box-shadow: 0 1px 14px 0 rgb(0 0 0 / 11%);
            box-shadow: 0 1px 14px 0 rgb(0 0 0 / 11%);    
}
.styles-module-upperSide-2mvhfk {
    padding: 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap: 40px;
}
.styles-module-upperSide-2mvhfk textarea {
      font-family: 'ProximaNova', sans-serif !important;
      width: 100%;
      border: none;
      padding: 0;
      margin: 0;
      resize: none;
    }
/* font-size: var(--fontSize_readable); */
.styles-module-upperSide-2mvhfk textarea:nth-of-type(2)::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.styles-module-upperSide-2mvhfk textarea:nth-of-type(2)::-moz-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.styles-module-upperSide-2mvhfk textarea:nth-of-type(2)::-ms-input-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.styles-module-upperSide-2mvhfk textarea:nth-of-type(2)::placeholder {
        color: undefined;
        color: var(--color_primary);
      }
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/views/policies/Policy/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;    
}
:root {
    --sky: #157efb;    
}
:root {
    --black: #212121;    
}
:root {
    --color2: #acacac;    
}
:root {
    --color: #606060;    
}
:root {
    --bg: #fff;    
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);    
}
:root {
    --errorColor: red;    
}
:root {
    --fontFamily2: Tahoma, sans-serif;    
}
:root {
    --fontFamily: ProximaNova, sans-serif;    
}
.styles-module-editFixed-2o9nV8 {
    position: absolute;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    top: 100%;
    z-index: 2;
    width: 800px;
    border-radius: 8px;
    border: undefined;
    border: 1px dashed var(--color_orange);
    background-color: white;
    -webkit-box-shadow: 0 1px 14px 0 rgb(0 0 0 / 11%);
            box-shadow: 0 1px 14px 0 rgb(0 0 0 / 11%);    
}
.styles-module-upperSide-VyCAHp {
    padding: 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap: 40px;
}
.styles-module-upperSide-VyCAHp textarea {
      font-family: 'ProximaNova', sans-serif !important;
      width: 100%;
      border: none;
      padding: 0;
      margin: 0;
      resize: none;
    }
/* font-size: var(--fontSize_readable); */
.styles-module-upperSide-VyCAHp textarea:nth-of-type(2)::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.styles-module-upperSide-VyCAHp textarea:nth-of-type(2)::-moz-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.styles-module-upperSide-VyCAHp textarea:nth-of-type(2)::-ms-input-placeholder {
        color: undefined;
        color: var(--color_primary);
      }
.styles-module-upperSide-VyCAHp textarea:nth-of-type(2)::placeholder {
        color: undefined;
        color: var(--color_primary);
      }
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/publicArea/auth/login.css ***!
  \***************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.login-wrapper-2ipjj5 {
  min-height: 100vh;
  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;
}

.login-wrapper-2ipjj5 form {
  padding-top: 102px;
}

.login-form-inner-2D1vCJ {
  position: relative;
  margin: 0 auto;
  padding: 40px;
  width: 420px;
  border-radius: 25px;
  -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
          box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.login-logo-11gmMF {
  position: absolute;
  top: -62px;
  left: 0;
}

.login-title-2q7LQn {
  color: undefined;
  color: var(--color_black);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_h1);
  font-weight: bold;
  padding-bottom: 30px;
}

.login-inviteText-3I45sD {
  position: relative;
  font-size: undefined;
  font-size: var(--fontSize_18);
  color: undefined;
  color: var(--color_darkGray);
  line-height: 30px;
  padding-bottom: 50px;
  margin-top: 72px;
  padding-top: 50px;
}

.login-inviteText-3I45sD .login-logo-11gmMF  {
    top: -22px;
  }

.login-inviteText-3I45sD .login-invitor-NFEirm {
    color: undefined;
    color: var(--color_black);
    font-weight: bold;
  }

.login-row-21tSCw {
  position: relative;
  padding: 20px 0;
  display: block;
}

.login-row-21tSCw.login-border-1ZarnF {
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray2);
  }

.login-loginLink-1ba4qg {
  position: absolute;
  cursor: pointer;
  right: 40px;
  top: 60px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
}

.login-loginLink-1ba4qg > a {
    color: undefined;
    color: var(--color_primary);
    text-decoration: none;
  }

.login-loginLink-1ba4qg > a:hover {
      color: undefined;
      color: var(--color_primary_hover);
    }

.login-error-message-1SAPbj {
  position: absolute;
  color: undefined;
  color: var(--color_lightRed);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  top: 0;
  left: 0;
}

.login-error-message-1SAPbj.login-grey-1N8ijm {
      color: undefined;
      color: var(--color_gray);
  }

.login-mail-desc-3QXIoG {
  padding-top: 20px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_gray);
}

.login-genPass-message-1OEjqU {
  padding-top: 20px;
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_gray);
}

.login-genPass-message-1OEjqU > span {
    color: undefined;
    color: var(--color_lightRed);
  }

.login-input-PcNTYq {
  display: block;
  height: 19px;
  width: 100%;
  color: undefined;
  color: var(--color_darkGray);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  border: 0;
  padding: 0;
}

.login-input-PcNTYq::-webkit-input-placeholder {
    color: undefined;
    color: var(--color_darkGray);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: normal;
  }

.login-input-PcNTYq.login-password-25GWIc {
    padding-right: 110px;
  }

.login-disabled-input-1ZmJGu {
  display: block;
  height: 19px;
  background-color: #fff;
  width: 100%;
  color: undefined;
  color: var(--color_gray);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  border: 0;
  padding: 0;
}

.login-forgot-password-3ucSJT {
  position: absolute;
  top: 26px;
  right: 5px;
  color: undefined;
  color: var(--color_primary);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: 15px;
  font-weight: 400;
  text-decoration: underline;
}

.login-message-wrapper-xn3jZe {
  padding-top: 40px;
  text-align: center;
  color: undefined;
  color: var(--color_lightRed);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_h3);
  font-weight: 400;
}

.login-sso-wrapper-2hftqc {
  padding-top: 40px;
  text-align: center;
  color: undefined;
  color: var(--color_primary);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_h3);
  font-weight: 700;
  cursor: pointer;
}

.login-button-row-2MUixo {
  padding-top: 30px;
  text-align: center;
}

.login-link-row-7f-1gk {
  padding-top: 40px;
  padding-bottom: 50px;
  text-align: center;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  color: undefined;
  color: var(--color_gray);
}

.login-link-row2-3XRvV0 {
  position: absolute;
  top: -60px;
  right: 0;
  text-align: right;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  color: undefined;
  color: var(--color_gray);
}

.login-link-row2-3XRvV0 button {
    margin-right: 0 !important;
  }

.login-link-2HXLZH {
  display: inline-block;
  margin-left: 20px;
  color: undefined;
  color: var(--color_black);
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.login-link-2HXLZH:hover {
    color: undefined;
    color: var(--color_primary_hover);
  }

.login-activation-9wR-TS {
  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;
  min-height: calc(100vh - 190px);
  color: undefined;
  color: var(--color_black);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: 30px;
  font-weight: 300;
}

.login-link-btn-2F_hVf{
  position: absolute;
  top: 17px;
  bottom: 10px;
  right: 10px;
}

.login-link-btn__a-2a31Vy{
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_primary);
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
  }

.login-link-btn__a-2a31Vy:hover {
      color: undefined;
      color: var(--color_primary_hover);
    }

.login-checkbox-3rg3Y_ {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 0 10px 0;
}

.login-checkbox-3rg3Y_ > label > span > svg {
    top: -1px;
  }

.login-checkbox-3rg3Y_ > div > span {
    cursor: pointer;
    margin-top: 4px;
  }

.login-checkbox-3rg3Y_ > label > span:nth-child(2) {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }

.login-checkbox-text-1BYWAT {
    padding-left: 10px;
    color: undefined;
    color: var(--color_gray);
    line-height: 19px;
    cursor: pointer;
  }

.login-checkbox-text-1BYWAT > a {
      color: undefined;
      color: var(--color_black);
      text-decoration: none;
      -webkit-transition: color .2s;
      transition: color .2s;
    }

.login-checkbox-text-1BYWAT > a:hover {
        color: undefined;
        color: var(--color_primary_hover);
      }

.login-quotes-1qoKPf {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 250px;
  height: 100%;
  margin-right: 100px;
  padding-top: 70px;
}

.login-quotes-quote-2BwbeB {
    font-size: undefined;
    font-size: var(--fontSize_18);
    color: undefined;
    color: var(--color_darkGray);
    line-height: 30px;
    padding-bottom: 100px;
  }

.login-quotes-quote-2BwbeB:last-child {
      padding-bottom: 0;
    }

.login-quotes-quote-text-2gPGWu {
      font-style: italic;
      padding-bottom: 40px;
    }

.login-quotes-quote-desc-10W_o- {
      font-size: undefined;
      font-size: var(--fontSize_tab);
      line-height: 19px;
      color: undefined;
      color: var(--color_gray);
    }

/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/cookies/cookies.css ***!
  \**************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .cookies-wrapper-1a7BT_ {
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 40px;
    border-radius: 20px;
    -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
            box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    z-index: 15;
    max-width: 834px;
}
    .cookies-wrapper-1a7BT_ button {
        white-space: nowrap;
    }

.cookies-text-yl5NMD {
    display: inline-block;
    color: undefined;
    color: var(--color_darkGray);
    padding-right: 55px;
    white-space: nowrap;
}

.cookies-text-yl5NMD span {
        color: undefined;
        color: var(--color_gray);
    }

.cookies-btn_no-cd3Tbb {
    cursor: pointer;
    display: inline-block;
    color: undefined;
    color: var(--color_gray);
    white-space: nowrap;
}

@media screen and (max-width: 810px) {
    .cookies-wrapper-1a7BT_ {
        max-width: 430px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
        .cookies-wrapper-1a7BT_ .cookies-text-yl5NMD {
            margin-bottom: 20px;
            padding-right: 0;
        }
}

@media screen and (max-width: 460px) {
    .cookies-wrapper-1a7BT_ {
        max-width: 300px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
        .cookies-wrapper-1a7BT_ .cookies-text-yl5NMD {
            margin-bottom: 20px;
            white-space: normal;
        }
        .cookies-wrapper-1a7BT_ .cookies-btn_no-cd3Tbb {
            margin-top: 10px;
        }
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/header/header.css ***!
  \************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
  :root {
  --sky: #157efb;
}
  :root {
  --black: #212121;
}
  :root {
  --color2: #acacac;
}
  :root {
  --color: #606060;
}
  :root {
  --bg: #fff;
}
  :root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
  :root {
  --errorColor: red;
}
  :root {
  --fontFamily2: Tahoma, sans-serif;
}
  :root {
  --fontFamily: ProximaNova, sans-serif;
}
  .header-header-2m9dqK {
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  position: relative;
  min-width: 1346px;
}
  .header-header-2m9dqK.header-_future-1H21NR {
      min-width: auto;
  }
  .header-header-2m9dqK.header-_fixed-bmotRN {
    position: fixed;
    width: 100%;
    max-width: inherit;
    z-index: 3;
  }
  .header-header-2m9dqK.header-_bg-3d0BqR {
        background: rgba(255, 255, 255, 0.92);
    }

.header-mask-Z8i5t5 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    opacity: 0.9;
}

.header-mask-Z8i5t5.header-_visible-_C2fTf {
       display: block;
       z-index: 4;
    }

.header-wrapper-3D3zOM {
  padding: 40px;
  min-height: 120px;
  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;
}

.header-transparent-x_1wQn {
    height: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255,255,255,0)));
    background: linear-gradient(to bottom, white, rgba(255,255,255,0));
}

.header-title-version-2JG7S5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto auto auto 23px;
}

.header-titleLink-2rmlqf {
    text-decoration: none;
}

.header-titleLink-2rmlqf:hover {
        text-decoration: underline;
    }

.header-title-9hzKtR {  
  font-size: undefined;  
  font-size: var(--fontSize_tab);
  line-height: 1.29;  
  letter-spacing: 0;
  text-align: left;
  color: undefined;
  color: var(--color_black);
  position: relative;
  top: 2px;
  margin-right: 50px;
}

.header-version-12m51m {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: 0;
  text-align: left;
  color: undefined;
  color: var(--color_orange);
  position: relative;
  top: 2px;
}

.header-left-eUWWGd {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-right-3YLEED {
  margin: auto 0 auto 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-clink-1EJuK3 {
    color: undefined;
    color: var(--color_primary);
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: bold;
}

.header-helpBtn-1UEsOv {
    color: undefined;
    color: var(--color_primary);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    font-weight: bold;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius: 50%;
    border: undefined;
    border: solid 1px var(--color_primary);
    margin-right: 20px;
    text-align: center;
    text-decoration: none;
    z-index: 6;
}

.header-teams-2pOeCA {   
  color: undefined;   
  color: var(--color_primary);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  border: 0;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  padding: 12px 0px;
  cursor: pointer;
  vertical-align: top;
  margin-right: 20px;
}

.header-teams-2pOeCA:hover {
    color: undefined;
    color: var(--color_primary_hover);
  }

.header-mission-3bRCRd {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_darkGray);
    font-weight: bold;
}

.header-mission-3bRCRd span:nth-child(1) {
        color: undefined;
        color: var(--color_primary_hover);
    }

.header-mission-3bRCRd span:nth-child(2) {
        color: undefined;
        color: var(--color_lightRed);
    }

.header-mission-3bRCRd span:nth-child(3) {
        display: block;
        font-weight: normal;
    }

.header-header-mission-1_TUSj {
    margin-left: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_darkGray);
}

.header-header-dataProtection-3tKgAO {
    margin-left: 40px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_darkGray);
}

.header-header-dataProtection-3tKgAO > a {
        text-decoration: none;
        color: undefined;
        color: var(--color_darkGray);
        -webkit-transition: color .2s;
        transition: color .2s;
    }

.header-header-dataProtection-3tKgAO > a:hover {
            color: undefined;
            color: var(--color_primary_hover);
        }

.header-promoButton-1-FgVP {
    color: rgba(255, 255, 255, 0.8);
    padding: 12px 0;
    border-radius: 6px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    border: none;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.header-promoButtonArch-tA7Ahc {
    color: rgba(255, 255, 255, 0.8);
    padding: 12px 0;
    border-radius: 6px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    border: none;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.header-promoButtonFill-1g9KGB {
    color: rgba(255, 255, 255, 0.8);
    padding: 12px 0;
    border-radius: 6px;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    border: none;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.header-promoButton-1-FgVP.header-_dark-1OTitA {
        color: undefined;
        color: var(--color_primary);
        border-color: undefined;
        border-color: var(--color_primary);
    }

.header-promoButtonArch-tA7Ahc.header-_dark-1OTitA {
        color: undefined;
        color: var(--color_primary);
        border-color: undefined;
        border-color: var(--color_primary);
    }

.header-promoButtonFill-1g9KGB.header-_dark-1OTitA {
        color: undefined;
        color: var(--color_primary);
        border-color: undefined;
        border-color: var(--color_primary);
    }

.header-promoButton-1-FgVP:hover {
        cursor: pointer;
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }

.header-promoButtonArch-tA7Ahc:hover {
        cursor: pointer;
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }

.header-promoButtonFill-1g9KGB:hover {
        cursor: pointer;
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }

.header-promoButtonFill-1g9KGB, .header-promoButtonArch-tA7Ahc {
    padding: 11px 20px;
    border: 1px solid rgba(255, 255, 255, 0);
}

.header-promoButtonFill-1g9KGB {
    border-color: undefined;
    border-color: var(--color_primary);
    background-color: white;
    color: undefined;
    color: var(--color_primary);
}

.header-promoButtonFill-1g9KGB.header-_dark-1OTitA:hover {
        background: undefined;
        background: var(--color_primary_hover);
    }

.header-promoButtonFill-1g9KGB.header-_dark-1OTitA {
        color: white;
        background-color: undefined;
        background-color: var(--color_primary);
        border-color: white;
    }

.header-promoButtonArch-tA7Ahc {
    border-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.header-promoButtonArch-tA7Ahc.header-_dark-1OTitA {
        background-color: #fff;
    }

.header-rightMobile-24X209 {
    position: fixed;
    top: 40px;
    right: 40px;
    display: none;
}

.header-rightMobile-24X209 > img {
        position: relative;
        cursor: pointer;
        z-index: 2;
    }

.header-rightMobile_popup-1GwHx3 {
        position: absolute;
        padding: 40px;
        top: -40px;
        right: -40px;
        background-color: #fff;
        width: 250px;
        z-index: 1;
        border-radius: 10px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.header-rightMobile_popup-1GwHx3.header-_open-3aifGk {
            opacity: 1;
            visibility: visible;
        }

@media screen and (max-width: 767px) {
    .header-_future-1H21NR {
        position: absolute !important;
    }
        .header-_future-1H21NR .header-wrapper-3D3zOM {
            min-height: auto;
        }
        .header-_future-1H21NR .header-right-3YLEED {
            display: none;
        }
        .header-_future-1H21NR .header-rightMobile-24X209 {
            display: block;
        }
}

/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/publicArea/auth/activationComplete/activationComplete.css ***!
  \***********************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.activationComplete-wrapper-2kCFdt {
  padding-top: 250px;
  text-align: center;
  font-family: sans-serif;
}

.activationComplete-title-xsxqwA {
  margin-bottom: 20px;
  color: undefined;
  color: var(--color_black);
  font-size: 30px;
  font-weight: 300;
}

.activationComplete-log-in-button-2Qaeuv {
  padding: 10px 20px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  background-color: undefined;
  background-color: var(--color_primary);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  font-weight: 400;
}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/publicArea/auth/activationError/activationError.css ***!
  \*****************************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.activationError-wrapper-2QQq18 {
  padding-top: 250px;
  text-align: center;
  font-family: sans-serif;
}

.activationError-title-3LXnAs {
  margin-bottom: 20px;
  color: undefined;
  color: var(--color_black);
  font-size: 30px;
  font-weight: 300;
}

.activationError-to-main-page-button-3ZslfK {
  padding: 10px 20px;
  display: inline-block;
  color: #fff;
  text-decoration:
  none; border-radius: 6px;
  background-color: undefined;
  background-color: var(--color_primary);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  font-weight: 400;
}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/publicArea/auth/ResetPassword/ResetPassword.css ***!
  \*************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

  :root {
    --sky: #157efb;
}

  :root {
    --black: #212121;
}

  :root {
    --color2: #acacac;
}

  :root {
    --color: #606060;
}

  :root {
    --bg: #fff;
}

  :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
    --errorColor: red;
}

  :root {
    --fontFamily2: Tahoma, sans-serif;
}

  :root {
    --fontFamily: ProximaNova, sans-serif;
}

  .ResetPassword-wrapper-3f_zMf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
  }

  .ResetPassword-inner-hdz4lu {
    margin: auto;
  }

  .ResetPassword-title-3ZSAqL {
    margin: 0 0 50px;
    color: undefined;
    color: var(--color_black);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    text-align: center;
    font-size: 40px;
    font-weight: 900;
  }

  .ResetPassword-title-3ZSAqL.ResetPassword-_success-2laexR{
      font-size: undefined;
      font-size: var(--fontSize_h1);
      margin: 0 0 10px;
    }

  .ResetPassword-slog-2PTLO0 {
    margin: 12px 0 84px 0;
    color: undefined;
    color: var(--color_black);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.5;
    letter-spacing: 0.6px;
    width: 585px;
  }

  .ResetPassword-slog-2PTLO0.ResetPassword-_success-2laexR{
      margin: 0 auto;
      text-align: center;
    }

  .ResetPassword-form-inner-gdLQ4c {
    margin: 0 auto;
    padding: 15px 25px;
    width: 460px;
    border-radius: 25px;
    -webkit-box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
  }

  .ResetPassword-row-2KXqrU {
    position: relative;
    padding: 20px 0 16px;
    display: block;
  }

  .ResetPassword-row-2KXqrU:not(:last-child):after {
        content: '';
        position: absolute;
        height: 1px;
        background: undefined;
        background: var(--color_lightGray2);
        bottom: 0;
        left: 0;
        right: 0;
        width: 98%;
        margin: auto;
      }

  .ResetPassword-row-2KXqrU:first-child {
      padding-top: 0;
    }

  .ResetPassword-row-2KXqrU:last-child {
      padding-bottom: 0;
    }

  .ResetPassword-error-message-3hF7tg {
    color: undefined;
    color: var(--color_lightRed);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    padding-left: 5px;
  }

  .ResetPassword-input-N0ZXW0 {
    display: block;
    width: 100%;
    color: #000;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: 600;
    border: 0;
    padding: 7px 10px 12px 5px;
  }

  .ResetPassword-input-N0ZXW0::-webkit-input-placeholder {
      color: undefined;
      color: var(--color_darkGray);
      font-size: undefined;
      font-size: var(--fontSize_tab);
      font-weight: normal;
    }

  .ResetPassword-disabled-input-3LAYqh {
    display: block;
    background-color: #fff;
    width: 100%;
    color: undefined;
    color: var(--color_gray);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: 600;
    border: 0;
    padding: 7px 10px 12px 5px;
  }

  .ResetPassword-forgot-password-3tcC0M {
    position: absolute;
    top: 26px;
    right: 5px;
    color: undefined;
    color: var(--color_primary);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
  }

  .ResetPassword-message-wrapper-O15LE1 {
    padding-top: 40px;
    text-align: center;
    color: undefined;
    color: var(--color_lightRed);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_h3);
    font-weight: 400;
  }

  .ResetPassword-button-row-vs7gj6 {
    padding-top: 40px;
    text-align: center;
  }

  .ResetPassword-link-2IEjFw {
    padding-top: 20px;
    text-align: center;
    display: block;
    margin: 0;
    color: undefined;
    color: var(--color_primary);
    font-weight: 600;
    text-decoration: none;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: 15px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }

  .ResetPassword-link-2IEjFw:hover{
      color: undefined;
      color: var(--color_primary_hover);
    }

  .ResetPassword-logo-1DkzNM {
    position: absolute;
    top: 30px;
    left: 30px;
  }



/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/publicArea/auth/EnterNewPassword/EnterNewPassword.css ***!
  \*******************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

  :root {
    --sky: #157efb;
}

  :root {
    --black: #212121;
}

  :root {
    --color2: #acacac;
}

  :root {
    --color: #606060;
}

  :root {
    --bg: #fff;
}

  :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

  :root {
    --errorColor: red;
}

  :root {
    --fontFamily2: Tahoma, sans-serif;
}

  :root {
    --fontFamily: ProximaNova, sans-serif;
}

  .EnterNewPassword-wrapper-27haeC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
  }

  .EnterNewPassword-inner-1hPqa_ {
    margin: auto;
  }

  .EnterNewPassword-title-3-Bh2s {
    margin: 0 0 50px;
    color: undefined;
    color: var(--color_black);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    text-align: center;
    font-size: 40px;
    font-weight: 900;
  }

  .EnterNewPassword-title-3-Bh2s.EnterNewPassword-_success-iO1i_Z{
      margin: 0 0 10px;
      font-size: undefined;
      font-size: var(--fontSize_h1);
    }

  .EnterNewPassword-form-inner-2aHgJu {
    margin: 0 auto;
    padding: 15px 25px;
    width: 460px;
    border-radius: 25px;
    -webkit-box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
  }

  .EnterNewPassword-row-2eW8QQ {
    position: relative;
    padding: 20px 0 16px;
    display: block;
  }

  .EnterNewPassword-row-2eW8QQ:not(:last-child):after {
        content: '';
        position: absolute;
        height: 1px;
        background: undefined;
        background: var(--color_lightGray2);
        bottom: 0;
        left: 0;
        right: 0;
        width: 98%;
        margin: auto;
      }

  .EnterNewPassword-row-2eW8QQ:first-child {
      padding-top: 0;
    }

  .EnterNewPassword-row-2eW8QQ:last-child {
      padding-bottom: 0;
    }

  .EnterNewPassword-error-message-281Rha {
    color: undefined;
    color: var(--color_lightRed);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    padding-left: 5px;
  }

  .EnterNewPassword-input-2XlZ1W {
    display: block;
    width: 100%;
    color: undefined;
    color: var(--color_black);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: 600;
    border: 0;
    padding: 7px 10px 12px 5px;
  }

  .EnterNewPassword-input-2XlZ1W::-webkit-input-placeholder {
      color: undefined;
      color: var(--color_darkGray);
      font-size: undefined;
      font-size: var(--fontSize_tab);
      font-weight: normal;
    }

  .EnterNewPassword-disabled-input-1lPbbY {
    display: block;
    background-color: #fff;
    width: 100%;
    color: undefined;
    color: var(--color_gray);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: 600;
    border: 0;
    padding: 7px 10px 12px 5px;
  }

  .EnterNewPassword-forgot-password-MM7Hfz {
    position: absolute;
    top: 26px;
    right: 5px;
    color: undefined;
    color: var(--color_primary);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
  }

  .EnterNewPassword-message-wrapper-1AG-oV {
    padding-top: 40px;
    text-align: center;
    color: undefined;
    color: var(--color_lightRed);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_h3);
    font-weight: 400;
  }

  .EnterNewPassword-button-row-1pQNIy {
    padding-top: 40px;
    text-align: center;
  }

  .EnterNewPassword-button-row-1pQNIy.EnterNewPassword-_success-iO1i_Z{
      padding-top: 0;
    }

  .EnterNewPassword-logo-2wr4pa {
  position: absolute;
  top: 30px;
  left: 30px;
}

  .EnterNewPassword-slog-2ISk_V {
    margin: 0 auto 40px;
    color: undefined;
    color: var(--color_black);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.5;
    letter-spacing: 0.6px;
    width: 585px;
    text-align: center;
}

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/publicArea/unregisterNew.css ***!
  \******************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.unregisterNew-wrapper-281w3j {
    width: 100%;
    height: calc(100vh - 110px);
    margin-top: -10px;
    padding: 0 40px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.unregisterNew-dropzone-1grqxi {
    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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: undefined;
    border: 1px dashed var(--color_lightGray2);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    -webkit-transition: border .2s ease-out, color .2s ease-out, background-color .2s;
    transition: border .2s ease-out, color .2s ease-out, background-color .2s;
    cursor: pointer;
}
.unregisterNew-setUp-3imqZV {
    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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: undefined;
    border: 1px dashed var(--color_lightGray2);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    -webkit-transition: border .2s ease-out, color .2s ease-out, background-color .2s;
    transition: border .2s ease-out, color .2s ease-out, background-color .2s;
    cursor: pointer;
}
.unregisterNew-dropzone-1grqxi {
    margin-right: 40px;
    color: undefined;
    color: var(--color_gray);
}
.unregisterNew-dropzone-1grqxi path {
        -webkit-transition: stroke .2s ease-out;
        transition: stroke .2s ease-out;
    }
.unregisterNew-dropzone-1grqxi > span {
        color: undefined;
        color: var(--color_primary);
    }
.unregisterNew-dropzone-1grqxi.unregisterNew-active-1ToEjQ {
        border: undefined;
        border: 1px dashed var(--color_green);
        color: undefined;
        color: var(--color_black);
    }
.unregisterNew-dropzone-1grqxi:hover {
        border: undefined;
        border: 1px dashed var(--color_green);
        color: undefined;
        color: var(--color_black);
    }
.unregisterNew-dropzone-1grqxi.unregisterNew-active-1ToEjQ path {
            stroke: undefined;
            stroke: var(--color_black);
        }
.unregisterNew-dropzone-1grqxi:hover path {
            stroke: undefined;
            stroke: var(--color_black);
        }
.unregisterNew-dropzone-1grqxi:hover {
        border: undefined;
        border: 1px dashed var(--color_green);
    }
.unregisterNew-dropzone-1grqxi .unregisterNew-title-EJnVJo {
        color: undefined;
        color: var(--color_green);
    }
.unregisterNew-setUp-3imqZV .unregisterNew-title-EJnVJo {
        color: undefined;
        color: var(--color_primary);
    }
.unregisterNew-setUp-3imqZV:hover {
        border: undefined;
        border: 1px dashed var(--color_primary);
    }
.unregisterNew-title-EJnVJo {
    font-size: undefined;
    font-size: var(--fontSize_h2);
    font-weight: bold;
    margin-bottom: 20px;
}
.unregisterNew-text-O83r6B {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_darkGray);
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/popupWindows/popupWindows.css ***!
  \************************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}
:root {
  --sky: #157efb;
}
:root {
  --black: #212121;
}
:root {
  --color2: #acacac;
}
:root {
  --color: #606060;
}
:root {
  --bg: #fff;
}
:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
  --errorColor: red;
}
:root {
  --fontFamily2: Tahoma, sans-serif;
}
:root {
  --fontFamily: ProximaNova, sans-serif;
}
.popupWindows-wrapper-Hrx7UN {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 40px 0;
  overflow-y: auto;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/popupWindows/confirm.css ***!
  \*******************************************************************************************************************************************************************************************/
:root {
  --darksky: #0368e0;
}

:root {
  --sky: #157efb;
}

:root {
  --black: #212121;
}

:root {
  --color2: #acacac;
}

:root {
  --color: #606060;
}

:root {
  --bg: #fff;
}

:root {
  --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
  --errorColor: red;
}

:root {
  --fontFamily2: Tahoma, sans-serif;
}

:root {
  --fontFamily: ProximaNova, sans-serif;
}

.confirm-wrapper-UTjia1 {
  position: relative;
  margin: auto;
  padding: 40px;
  width: 400px;
  border-radius: 20px;
  -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
          box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-color: #fff;
}

.confirm-text-1nIg87 {
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_h3);
  text-align: left;
  line-height: unset;
  color: undefined;
  color: var(--color_black);
  font-weight: normal;
  padding-right: 40px;
  word-break: break-word;
}

.confirm-text-1nIg87.confirm-notification-lbpILL {
    margin-top: 20px;
  }

.confirm-header-2XqQcC {
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_h2);
  padding-right: 20px;
  font-weight: bold;
  text-align: left;
  line-height: 1.4;
  color: undefined;
  color: var(--color_black);
  margin-bottom: 40px;
}

.confirm-question-ILeRSy {
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_h3);
  font-weight: bold;
  text-align: left;
  line-height: 1.4;
  color: undefined;
  color: var(--color_black);
  padding-right: 20px;
  margin-bottom: -20px;
  margin-top: 20px;
}

.confirm-buttons-row--C-rNu {
  margin-top: 38px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.confirm-buttons-row--C-rNu.confirm-_single-btn-vnaxw6 {
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
   }

.confirm-buttons-row--C-rNu .confirm-button-37XdOL {
    min-width: 149px;
  }

.confirm-buttons-row--C-rNu.confirm-_no-btns-31ZZ7W {
    margin-top: 0;
  }

.confirm-popup-close-9Mwcv4 {
    font-size: undefined;
    font-size: var(--fontSize_bigPopup);
    position: absolute;
    cursor: pointer;
    right: 38px;
    top: 28px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    color: #d8d8d8;
}

.confirm-coverMessage-3UPzcK {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.confirm-coverMessage_wrapper-32VO7b {
    width: 320px;
    padding: 20px;
    background-color: #f3f8ff;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    margin-top: 20px;
    margin-bottom: 40px;
    border-radius: 8px;
  }

.confirm-coverMessage_wrapper_top-3_2-va {
      margin-bottom: 20px;
    }

.confirm-coverMessage_wrapper-32VO7b .confirm-coverMessage_title-1Yo2tQ {
      font-size: undefined;
      font-size: var(--fontSize_tab);
      color: undefined;
      color: var(--color_darkGray);
      font-weight: bold;
      margin-bottom: 15px;
      margin-top: -5px;
    }

.confirm-coverMessage-3UPzcK > a:first-child {
    margin-right: 15px;
  }

.confirm-coverMessage-3UPzcK .confirm-mainPart-3XQMpQ {
    width: 100%;
    margin-left: 4px;
  }

.confirm-coverMessage-3UPzcK .confirm-mainPart-3XQMpQ .confirm-head-3Xrndm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 5px;
    }

.confirm-coverMessage-3UPzcK .confirm-mainPart-3XQMpQ .confirm-head-3Xrndm > div {
        margin-right: 10px;
      }

.confirm-coverMessage-3UPzcK .confirm-mainPart-3XQMpQ .confirm-head-3Xrndm .confirm-userName-1Kzzxc {
        color: undefined;
        color: var(--color_darkGray);
        font-weight: bold;
      }

.confirm-coverMessage-3UPzcK .confirm-mainPart-3XQMpQ .confirm-head-3Xrndm .confirm-gray-3Uu1kr {
        color: undefined;
        color: var(--color_gray);
      }

.confirm-coverMessage-3UPzcK .confirm-mainPart-3XQMpQ .confirm-content-3a8RE4 {
      font-size: undefined;
      font-size: var(--fontSize_tab);
      color: undefined;
      color: var(--color_darkGray);
      line-height: 19px;
      white-space: normal;
      word-break: break-word;
    }

.confirm-dropzone-3Wm4gu {
    position: relative;
    width: 320px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 242px;
    border-radius: 10px;
    border: undefined;
    border: 1px dashed var(--color_lightGray2);
    padding: 40px 40px 175px;
    margin-top: 40px;
    -webkit-transition: border .2s ease-out, color .2s ease-out, background-color .2s;
    transition: border .2s ease-out, color .2s ease-out, background-color .2s;
    cursor: pointer;

}

.confirm-dropzone-title-13I_6w {
        font-size: undefined;
        font-size: var(--fontSize_h2);
        color: undefined;
        color: var(--color_black);
        font-weight: bold;
        margin-bottom: 20px;
    }

.confirm-dropzone-3Wm4gu:hover {
        border: undefined;
        border: 1px dashed var(--color_primary);
        color: undefined;
        color: var(--color_black);
    }

.confirm-dropzone-3Wm4gu:hover path {
            stroke: undefined;
            stroke: var(--color_black);
        }

.confirm-dropzone-3Wm4gu path {
        -webkit-transition: stroke .2s ease-out;
        transition: stroke .2s ease-out;
    }

.confirm-dropzone-3Wm4gu .confirm-plus-3cf5US {
        position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        font-size: undefined;
        font-size: var(--fontSize_18);
        color: undefined;
        color: var(--color_gray);
        text-align: center;
    }

.confirm-dropzone-3Wm4gu .confirm-plus-3cf5US .confirm-plus-sign-icon-228t-m {
            width: 25%;
            margin: 20px auto 16px;
            display: block;
        }



/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/views/privateArea/components/approveInfo/approveInfo.css ***!
  \****************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
:root {
    --sky: #157efb;
}
:root {
    --black: #212121;
}
:root {
    --color2: #acacac;
}
:root {
    --color: #606060;
}
:root {
    --bg: #fff;
}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
:root {
    --errorColor: red;
}
:root {
    --fontFamily2: Tahoma, sans-serif;
}
:root {
    --fontFamily: ProximaNova, sans-serif;
}
.approveInfo-listWrapper-3XbInL {
    margin-top: 16px;
}
.approveInfo-wrapper-2pbiEJ {
  margin: 0 0 0 20px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  background: transparent;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  line-height: 1.29;
  letter-spacing: 0;
  text-align: left;
}
.approveInfo-wrapper-2pbiEJ > img {
      margin-right: 10px;
  }
.approveInfo-approved-2PmVd8 {
  position: relative;
  top: 2px;
  color: #7fb069;
}
.approveInfo-progress-2Cjnkn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: undefined;
    color: var(--color_primary);
    position: relative;
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    margin-bottom: 37px;
}
.approveInfo-pending-3zb5AP {
    color: undefined;
    color: var(--color_darkGray);
}
.approveInfo-dropdown-content-1qmoGK {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #f1f1f1;    
    z-index: 1;
    top: 45px;
    left: -90px;
    padding: 16px 40px 6px 16px;
    border-radius: 8px;
}
.approveInfo-progress-2Cjnkn:hover .approveInfo-dropdown-content-1qmoGK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.approveInfo-title-SBty85 {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    color: undefined;
    color: var(--color_black);
    font-weight: bold;
    margin-bottom: 20px;
}
.approveInfo-right-2JGSum {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.approveInfo-right-2JGSum:not(:last-child) {
      margin-bottom: 10px;
  }
.approveInfo-right-2JGSum > a {
        margin-left: 0 !important;
  }
.approveInfo-user-data-21guku {
  margin-left: 10px;
  color: undefined;
  color: var(--color_gray);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  font-weight: 400;
}
.approveInfo-user-name-2MHLWA {  
  font-size: undefined;  
  font-size: var(--fontSize_tab);
  color: undefined;
  color: var(--color_darkGray);
}
.approveInfo-user-name-2MHLWA.approveInfo-_approved-2ZT_d7 {
    color: #4d4d4d;
  }
.approveInfo-right-2JGSum:hover .approveInfo-remindBtn-gLUeMz {
    opacity: 1;
    visibility: visible;
}
.approveInfo-remindBtn-gLUeMz {
    display: none;
    //display: flex;
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    height: 33px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.approveInfo-remindBtn-gLUeMz > button {
        height: 16px !important;
    }


/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/popupWindows/popupWithInput.css ***!
  \**************************************************************************************************************************************************************************************************/
:root{
    --darksky: #0368e0;
}
    :root{
    --sky: #157efb;
}
    :root{
    --black: #212121;
}
    :root{
    --color2: #acacac;
}
    :root{
    --color: #606060;
}
    :root{
    --bg: #fff;
}
    :root{
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root{
    --errorColor: red;
}
    :root{
    --fontFamily2: Tahoma, sans-serif;
}
    :root{
    --fontFamily: ProximaNova, sans-serif;
}
    .popupWithInput-rename-input-Eszr4b{
    width: 599px;
    color: undefined;
    color: var(--color_darkGray);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_18);
    font-weight: 400;
    border-radius: 15px;
    border: undefined;
    border: solid 1px var(--color_lightGray);
    background-color: #fff;
    padding: 29px 70px 29px 30px;
  }
    .popupWithInput-rename-input-area-36X6B7{
      position: relative;
    }
  .popupWithInput-rename-wrapper-2kUZHw{
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: calc(100vh - 120px);
    margin: auto;
  }
  .popupWithInput-rename-buttons-row-n-B3_q{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 460px;
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .popupWithInput-rename-close-button-3VsjqV{
    position: absolute;
    top: 25px;
    right: 25px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50%;
    background: undefined;
    background: var(--color_lightGray2);
    cursor: pointer;
  }
  .popupWithInput-rename-close-button-3VsjqV:before{
      display: inline-block;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      width: 15px;
      height: 2px;
      position: absolute;
      content: "";
      top: 16.2px;
      left: 9.5px;
      border: none;
      text-overflow: clip;
      background: #ffffff;
      -webkit-transform: rotateZ(45deg);
              transform: rotateZ(45deg);
    }
  .popupWithInput-rename-close-button-3VsjqV:after{
      display: inline-block;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      width: 15px;
      height: 2px;
      position: absolute;
      content: "";
      top: 16.2px;
      left: 9.5px;
      border: none;
      text-overflow: clip;
      background: #ffffff;
      text-shadow: none;
      -webkit-transform: rotateZ(-45deg);
              transform: rotateZ(-45deg);
    }
  .popupWithInput-rename-close-button-3VsjqV:hover {
      background: #ababab;
    }
  .popupWithInput-rename-title-2LkSNL{
    color: undefined;
    color: var(--color_black);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: 30px;
    font-weight: 300;
    margin: 0.67em 0 40px;
    text-align: center;
  }
  .popupWithInput-input-1WyQrZ {
  width: 599px;
  color: undefined;
  color: var(--color_darkGray);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  font-size: undefined;
  font-size: var(--fontSize_18);
  font-weight: 400;
  border-radius: 15px;
  border: undefined;
  border: solid 1px var(--color_lightGray);
  background-color: #fff;
  padding: 29px 30px;
}
  .popupWithInput-input-1WyQrZ::-webkit-input-placeholder {
    color: #ababab;
  }
  .popupWithInput-input-1WyQrZ::-moz-placeholder {
    color: #ababab;
  }
  .popupWithInput-input-1WyQrZ::-ms-input-placeholder {
    color: #ababab;
  }
  .popupWithInput-input-1WyQrZ::placeholder {
    color: #ababab;
  }
  .popupWithInput-input-1WyQrZ.popupWithInput-_empty-3ODSWa {
    border-color: #ebebec;
  }
  .popupWithInput-error-message-1TGqB8 {
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  color: undefined;
  color: var(--color_lightRed);
  font-size: undefined;
  font-size: var(--fontSize_standart);
  position: absolute;
  top: 15px;
  left: 20px;
}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/browserSupport/BrowserSupportBlockAlers.css ***!
  \**************************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}

:root {
    --sky: #157efb;
}

:root {
    --black: #212121;
}

:root {
    --color2: #acacac;
}

:root {
    --color: #606060;
}

:root {
    --bg: #fff;
}

:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

:root {
    --errorColor: red;
}

:root {
    --fontFamily2: Tahoma, sans-serif;
}

:root {
    --fontFamily: ProximaNova, sans-serif;
}

.BrowserSupportBlockAlers-wrapper-2uESNv {
    padding-top: 102px;
    padding-bottom: 102px;
    height: 100vh;
    min-height: 604px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.BrowserSupportBlockAlers-logo-2M-JWO {
    position: absolute;
    top: -62px;
    left: 0;
}

.BrowserSupportBlockAlers-card-2cwud9 {
    margin: 0 auto;
    position: relative;
    width: 400px;
    padding: 40px;
    border-radius: 20px;
    -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
            box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
    color: undefined;
    color: var(--color_black);
}

.BrowserSupportBlockAlers-title-17viO6 {
    font-size: undefined;
    font-size: var(--fontSize_h2);
    font-weight: bold;
    padding-bottom: 40px;
}

.BrowserSupportBlockAlers-text-1VR9nM {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    /*
    padding-bottom: 40px;
    */
}

.BrowserSupportBlockAlers-btn-jgF3bJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/popupWindows/SendPopup.css ***!
  \*********************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;

}
:root {
    --sky: #157efb;

}
:root {
    --black: #212121;

}
:root {
    --color2: #acacac;

}
:root {
    --color: #606060;

}
:root {
    --bg: #fff;

}
:root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);

}
:root {
    --errorColor: red;

}
:root {
    --fontFamily2: Tahoma, sans-serif;

}
:root {
    --fontFamily: ProximaNova, sans-serif;

}
.SendPopup-wrapper-36upJK {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 40px 0;
    overflow-y: auto;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

}
.SendPopup-popup_wrapper-30sQm9 {
    /* position: absolute; */
    /* left: 0;
    right: 0;
    top: 40px; */
    margin: 0 auto;
    width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 100%;
}
.SendPopup-popup-c6L71z {
    border-radius: 20px;
    padding: 40px;
    -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
            box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-color: #fff;
    color: undefined;
    color: var(--color_black);
}
.SendPopup-header-1ewaSc {
    font-size: undefined;
    font-size: var(--fontSize_h2);
    font-weight: bold;
    margin-bottom: 40px;
}
.SendPopup-text-2aFRQH {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    margin-bottom: 40px;
}
.SendPopup-question-1iTvqA {
    font-size: undefined;
    font-size: var(--fontSize_h3);
    font-weight: bold;
    margin-bottom: 20px;
}
.SendPopup-btn-row-it7f9l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.SendPopup-btn-row-it7f9l.SendPopup-_swap-3mPycb > button:last-child {
         -webkit-box-ordinal-group: 0;
             -ms-flex-order: -1;
                 order: -1;
         margin-left: 0;
    }
.SendPopup-btn-row-it7f9l.SendPopup-_swap-3mPycb > button:first-child:not(:last-child), .SendPopup-btn-row-it7f9l:not(.SendPopup-_swap-3mPycb) > button:last-child:not(:first-child) {
        margin-left: 20px;
    }
.SendPopup-coverMessage-3KQ3NB {
    margin-top: 20px;
    margin-bottom: 40px;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/popupWindows/AuthPopup.css ***!
  \*********************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
    :root {
    --sky: #157efb;
}
    :root {
    --black: #212121;
}
    :root {
    --color2: #acacac;
}
    :root {
    --color: #606060;
}
    :root {
    --bg: #fff;
}
    :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
    :root {
    --errorColor: red;
}
    :root {
    --fontFamily2: Tahoma, sans-serif;
}
    :root {
    --fontFamily: ProximaNova, sans-serif;
}
    .AuthPopup-screen-3Fe4Ce {
    position: fixed;
    overflow-y: hidden;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 14;
}
    .AuthPopup-screen-3Fe4Ce.AuthPopup-_op-3yzML8 {
        background-color: rgba(255, 255, 255, 0.70);
    }

.AuthPopup-popup-32YeDZ {
    position: fixed;
    top: 40px;
    right: 40px;
    bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 400px;
    background-color: undefined;
    background-color: var(--color_white);
    padding: 40px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_big);
            box-shadow: var(--shadow_big);
    border-radius: 20px;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
    z-index: 15;
}

.AuthPopup-popup-32YeDZ.AuthPopup-_freeze-1g4Q7L {
        margin: auto;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

.AuthPopup-loginLink-kbtCfT {
    position: absolute;
    cursor: pointer;
    right: 83px;
    top: 47px;
    font-size: undefined;
    font-size: var(--fontSize_standart);
}

.AuthPopup-loginLink-kbtCfT > button {
        width: 72px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        text-align: left;
    }

.AuthPopup-row-22ZTGJ {
    position: relative;
    padding: 20px 0;
    display: block;
}

.AuthPopup-row-22ZTGJ.AuthPopup-border-1W84Tg {
        border-bottom: undefined;
        border-bottom: 1px solid var(--color_lightGray2);
    }

.AuthPopup-input-2yUA5V {
    display: block;
    height: 19px;
    width: 100%;
    color: undefined;
    color: var(--color_darkGray);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_tab);
    border: 0;
    padding: 0;
}

.AuthPopup-input-2yUA5V::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_darkGray);
        font-size: undefined;
        font-size: var(--fontSize_tab);
        font-weight: normal;
    }

.AuthPopup-input-2yUA5V::-moz-placeholder {
        color: undefined;
        color: var(--color_darkGray);
        font-size: undefined;
        font-size: var(--fontSize_tab);
        font-weight: normal;
    }

.AuthPopup-input-2yUA5V::-ms-input-placeholder {
        color: undefined;
        color: var(--color_darkGray);
        font-size: undefined;
        font-size: var(--fontSize_tab);
        font-weight: normal;
    }

.AuthPopup-input-2yUA5V::placeholder {
        color: undefined;
        color: var(--color_darkGray);
        font-size: undefined;
        font-size: var(--fontSize_tab);
        font-weight: normal;
    }

.AuthPopup-input-2yUA5V.AuthPopup-password-3PqPqt {
        padding-right: 110px;
    }

.AuthPopup-error-message-1dkUmp {
    position: absolute;
    color: undefined;
    color: var(--color_lightRed);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    top: 0;
    left: 0;
}

.AuthPopup-error-message-1dkUmp.AuthPopup-grey-EC9U_z {
        color: undefined;
        color: var(--color_gray);
    }

.AuthPopup-checkbox-13j7AB {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 0 10px 0;
}

.AuthPopup-checkbox-13j7AB > label > span > svg {
        top: -1px;
    }

.AuthPopup-checkbox-13j7AB > div > span {
        cursor: pointer;
        margin-top: 4px;
    }

.AuthPopup-checkbox-13j7AB > label > span:nth-child(2) {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }

.AuthPopup-checkbox-text-3Ykfnf {
        padding-left: 10px;
        color: undefined;
        color: var(--color_gray);
        line-height: 19px;
        cursor: pointer;
    }

.AuthPopup-checkbox-text-3Ykfnf > a {
            color: undefined;
            color: var(--color_black);
            text-decoration: none;
            -webkit-transition: color .2s;
            transition: color .2s;
        }

.AuthPopup-checkbox-text-3Ykfnf > a:hover {
                color: undefined;
                color: var(--color_primary_hover);
            }

.AuthPopup-button-row-FDqm6z {
    padding-top: 30px;
    text-align: center;
}

.AuthPopup-message-wrapper-2zW7Z0 {
    padding-top: 40px;
    text-align: center;
    color: undefined;
    color: var(--color_lightRed);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    font-size: undefined;
    font-size: var(--fontSize_h3);
    font-weight: 400;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[3].use[2]!./src/components/popupWindows/editTemplatePopup.css ***!
  \*****************************************************************************************************************************************************************************************************/
:root {
    --darksky: #0368e0;
}
  :root {
    --sky: #157efb;
}
  :root {
    --black: #212121;
}
  :root {
    --color2: #acacac;
}
  :root {
    --color: #606060;
}
  :root {
    --bg: #fff;
}
  :root {
    --shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}
  :root {
    --errorColor: red;
}
  :root {
    --fontFamily2: Tahoma, sans-serif;
}
  :root {
    --fontFamily: ProximaNova, sans-serif;
}
  .editTemplatePopup-popup_overlay-2UvT_C {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 40px 0;
    overflow-y: auto;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .editTemplatePopup-popup_wrapper-b1UkRz {
    position: relative;
    margin: auto;
    padding: 40px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    border-radius: 10px;
    background-color: white;
  }
  .editTemplatePopup-popup_wrapper-b1UkRz .editTemplatePopup-dropzone-1UirJE {
    width: 400px;
    height: 273px;
    padding: 40px;
    border-radius: 10px;
    border: undefined;
    border: 1px dashed var(--color_lightGray2);
    margin-bottom: 40px;
    cursor: pointer;
  }
  .editTemplatePopup-popup_wrapper-b1UkRz .editTemplatePopup-dropzone_title-1fdeY6 {
      font-size: undefined;
      font-size: var(--fontSize_h2);
      color: undefined;
      color: var(--color_black);
      font-weight: bold;
      margin-bottom: 20px;
    }
  .editTemplatePopup-popup_wrapper-b1UkRz .editTemplatePopup-dropzone_text-399ppU {
      font-size: 18px;
      color: undefined;
      color: var(--color_gray);
      text-align: center;
    }
  .editTemplatePopup-popup_wrapper-b1UkRz .editTemplatePopup-dropzone-1UirJE .editTemplatePopup-docList-EmWtQe {
      color: undefined;
      color: var(--color_darkGray);
      font-size: undefined;
      font-size: var(--fontSize_tab);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
  .editTemplatePopup-popup_wrapper-b1UkRz .editTemplatePopup-dropzone-1UirJE .editTemplatePopup-docList-item-WHakLW {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
        -webkit-transition: color .2s;
        transition: color .2s;
        padding-right: 20px;
        margin-bottom: 20px;
      }
  .editTemplatePopup-popup_wrapper-b1UkRz .editTemplatePopup-dropzone-1UirJE .editTemplatePopup-docList-item-WHakLW > div:first-child {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          max-width: 300px;
        }
  .editTemplatePopup-popup_wrapper-b1UkRz .editTemplatePopup-dropzone-1UirJE .editTemplatePopup-docList-item-WHakLW .editTemplatePopup-deleteBtn-39SJA- {
          top: -3px;
          right: 0;
        }
  .editTemplatePopup-popup_wrapper-b1UkRz .editTemplatePopup-dropzone-1UirJE .editTemplatePopup-docList-item-WHakLW:hover {
          color: undefined;
          color: var(--color_primary_hover);
        }

.editTemplatePopup-ETP_templateTitle_input-3wRxWb, .editTemplatePopup-ETP_templateDesc_input-2RkWWh {
    padding: 0;
    background-color: #fff;
    border: none;
    resize: none;
}

.editTemplatePopup-ETP_templateTitle_input-3wRxWb:hover {
       -webkit-text-decoration: undefined;
               text-decoration: undefined;
       -webkit-text-decoration: underline var(--color_primary) dashed;
               text-decoration: underline var(--color_primary) dashed;
       -webkit-text-decoration-line: underline !important;
       -webkit-text-decoration-color: undefined !important;
       -webkit-text-decoration-color: var(--color_primary) !important;
       -webkit-text-decoration-style: dashed !important;
       text-underline-offset: 2px;
       -webkit-text-underline-offset: 2px !important;
    }

.editTemplatePopup-ETP_templateTitle_input-3wRxWb:focus {
       -webkit-text-decoration: undefined;
               text-decoration: undefined;
       -webkit-text-decoration: underline var(--color_primary) dashed;
               text-decoration: underline var(--color_primary) dashed;
       -webkit-text-decoration-line: underline !important;
       -webkit-text-decoration-color: undefined !important;
       -webkit-text-decoration-color: var(--color_primary) !important;
       -webkit-text-decoration-style: dashed !important;
       text-underline-offset: 2px;
       -webkit-text-underline-offset: 2px !important;
    }

.editTemplatePopup-ETP_templateDesc_input-2RkWWh:hover {
       -webkit-text-decoration: undefined;
               text-decoration: undefined;
       -webkit-text-decoration: underline var(--color_primary) dashed;
               text-decoration: underline var(--color_primary) dashed;
       -webkit-text-decoration-line: underline !important;
       -webkit-text-decoration-color: undefined !important;
       -webkit-text-decoration-color: var(--color_primary) !important;
       -webkit-text-decoration-style: dashed !important;
       text-underline-offset: 2px;
       -webkit-text-underline-offset: 2px !important;
    }

.editTemplatePopup-ETP_templateDesc_input-2RkWWh:focus {
       -webkit-text-decoration: undefined;
               text-decoration: undefined;
       -webkit-text-decoration: underline var(--color_primary) dashed;
               text-decoration: underline var(--color_primary) dashed;
       -webkit-text-decoration-line: underline !important;
       -webkit-text-decoration-color: undefined !important;
       -webkit-text-decoration-color: var(--color_primary) !important;
       -webkit-text-decoration-style: dashed !important;
       text-underline-offset: 2px;
       -webkit-text-underline-offset: 2px !important;
    }

.editTemplatePopup-ETP_templateTitle_input-3wRxWb {    
    font-size: 20px;
    height: 24px;
    font-weight: bold;
    color: undefined;
    color: var(--color_black);    
    width: 100%;    
  }

.editTemplatePopup-ETP_templateDesc_input-2RkWWh {
    font-size: 14px;
    min-height: 18px;
    color: undefined;
    color: var(--color_darkGray);
    margin-bottom: 40px;
    margin-top: 20px;
    max-width: 400px;
    width: 200%;
  }

.editTemplatePopup-ETP_templateDesc_input-2RkWWh::-webkit-input-placeholder {
      color: undefined;
      color: var(--color_darkGray);
    }

.editTemplatePopup-ETP_templateDesc_input-2RkWWh::-moz-placeholder {
      color: undefined;
      color: var(--color_darkGray);
    }

.editTemplatePopup-ETP_templateDesc_input-2RkWWh::-ms-input-placeholder {
      color: undefined;
      color: var(--color_darkGray);
    }

.editTemplatePopup-ETP_templateDesc_input-2RkWWh::placeholder {
      color: undefined;
      color: var(--color_darkGray);
    }

.editTemplatePopup-ETP_standardTeam---6kOU, .editTemplatePopup-ETP_relatedDocuments-12mhhL {
  width: 400px;
  border-radius: 10px;
  padding: 40px;
  min-height: 300px;
}

.editTemplatePopup-ETP_standardTeam---6kOU {
  background-color: #f9f9f9;
  margin-right: 40px;
}

.editTemplatePopup-ETP_standardTeam---6kOU .editTemplatePopup-ETP_userList-1a5Ec4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;
  }

.editTemplatePopup-ETP_standardTeam---6kOU .editTemplatePopup-ETP_userList-1a5Ec4 > div:last-child {
      margin-bottom: 0;
    }

.editTemplatePopup-ETP_standardTeam---6kOU .editTemplatePopup-ETP_userList-1a5Ec4 > div + div {
      margin-top: 0;
    }

.editTemplatePopup-ETP_relatedDocuments-12mhhL {
  border: undefined;
  border: 1px solid var(--color_lightGray2);
}

.editTemplatePopup-ETP_relatedDocuments-12mhhL .editTemplatePopup-ETP_documentList-jUWRlb {
    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;
  }

.editTemplatePopup-ETP_relatedDocuments-12mhhL .editTemplatePopup-ETP_documentList_item-1EJQHg:not(:first-child) {
        margin-top: 20px;
      }

.editTemplatePopup-ETP_relatedDocuments-12mhhL .editTemplatePopup-ETP_documentList_item-1EJQHg .editTemplatePopup-docIcon-1OeDTU {
        -webkit-transform: translateY(4px);
                transform: translateY(4px);
      }

.editTemplatePopup-ETP_relatedDocuments-12mhhL .editTemplatePopup-ETP_documentList_item_controls-2hhyV9  {
        padding-left: 40px;
      }

.editTemplatePopup-ETP_relatedDocuments-12mhhL .editTemplatePopup-ETP_documentList_item_controls-2hhyV9 > label:not(:last-child) {
          margin-bottom: 10px;
        }

.editTemplatePopup-docIcon-1OeDTU {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  margin-right: 30px;
}

.editTemplatePopup-AMP_wrapper-27NhEu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 40px 0;
  overflow-y: scroll;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 10;
}

.editTemplatePopup-AMP_popup-wrapper-29JN0w {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  margin: 0 auto;
  padding-bottom: 40px;
  width: 400px;

}

.editTemplatePopup-AMP_popup-2nz7Af {
  border-radius: 20px;
  -webkit-box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
          box-shadow: -5px 0 80px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-color: #fff;
  color: undefined;
  color: var(--color_black);
  padding: 40px;
}

.editTemplatePopup-AMP_input-1qITWV {
  position: relative;
  margin-bottom: 40px;
}

.editTemplatePopup-AMP_input-1qITWV button {
    position: absolute;
    right: 30px;
    top: 8px;
  }

.editTemplatePopup-AMP_input-1qITWV input {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_darkGray);
    width: 100%;
    padding: 10px 55px 10px 15px;
    border: undefined;
    border: 1px solid var(--color_lightGray);
  }

.editTemplatePopup-AMP_input-1qITWV input::-webkit-input-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.editTemplatePopup-AMP_input-1qITWV input::-moz-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.editTemplatePopup-AMP_input-1qITWV input::-ms-input-placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.editTemplatePopup-AMP_input-1qITWV input::placeholder {
    color: undefined;
    color: var(--color_gray);
  }

.editTemplatePopup-AMP_input-1qITWV > div {
    top: 5px;
    right: 10px;
  }

.editTemplatePopup-AMP_candidates-2SjVTu {
  margin-top: 40px;
}

.editTemplatePopup-AMP_candidates-2SjVTu > div:last-child {
    margin-bottom: 0;
  }

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