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

@media screen and (min-width: 1660px) {
    html {font-size: 13px;}
}

@media screen and (min-width: 2160px) {
    html {font-size: 17px;}
}

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;
}

.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;
  }

.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;
}

.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_ {
    color: var();
} */

.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;
}

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

.helpBtn:hover {
        opacity: 1;
    }

.wrapper {
  max-width: inherit;   
}

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

.pointable {
  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/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_hover: #1DA6E5; 
  --color_primary_hover__dark: #0368e0;
  --color_primary_semi: #b7d6fc;
  --color_black: #212121;
  --color_darkGray: #606060;
  --color_gray: #ACACAC; --color_gray_hover: rgba(172, 172, 172, 0.75);
  --color_lightGray2: #DEDEDE;
  --color_lightGray3: #F7F7F7;
  --color_lightGray: #EEEEEE;
  --color_white: #FFF;
  --color_green: #00AB26; --color_green_hover: rgba(0, 171, 38, 0.75);
  --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: #F8954080;
  --color_yellow_light: rgba(255, 233, 0, 0.2);
  --color_yellow_semi: rgba(255, 233, 0, 0.5);
  --color_yellow_frame: #ffeb3b38;

  /* 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_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);

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

.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: 80rem;
    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: 80rem;
    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;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** 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/docStats.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;
}

.docStats-tabs-block-2FrC6S {
    position: relative;
    width: calc(100% + 80px);
    padding: 0 40px;
    left: -40px;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray2);
    margin-bottom: 40px;
}

.docStats-tabs-1G_lap {
    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;
}

.docStats-tabs-1G_lap.docStats-_isSelected-25OeqF {
        border-bottom: undefined;
        border-bottom: solid 5px var(--color_lightGray2);
    }

.docStats-columns-394aQK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    color: undefined;
    color: var(--color_darkGray);
}

.docStats-columns_time-24Z18y {

    }

.docStats-columns_general-3fV_ko {
        color: #606060;
        width: 360px;
    }

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

.docStats-controls-ohMZFR > 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;
    }

.docStats-controls-ohMZFR > button.docStats-_active-1qb8Ft {
        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;
    }

.docStats-userList-1ISqZo {
    margin-top: 40px;
    margin-bottom: 40px;
}

.docStats-userListItem-3wpmvl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}

.docStats-userListItem-3wpmvl > div:first-child {
        width: 204px;
        padding-right: 20px;
    }

.docStats-userListItem-3wpmvl label > div:first-child {
            display: none;
        }

.docStats-userListItem-3wpmvl label > div:last-child > a {
            margin-left: 0;
        }

.docStats-timeCounter-1wtr6y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.docStats-detailStats-lizoPR {
    width: 601px;
    margin-left: 40px;
}

.docStats-detailStats-lizoPR .docStats-timeCounter-1wtr6y {
        position: relative;
        display: inline-block;
        width: 200px;
        margin-right: 0;
    }

.docStats-readingLine-3V5GVw, .docStats-commentingLine-EZxgXS, .docStats-editingLine-SPbEmk {
    margin-top: 5px;
    width: 80px;
    height: 2px;
}

.docStats-readingLine-3V5GVw {
    background-color: undefined;
    background-color: var(--color_lightGray2);
    left: 0;
}

.docStats-commentingLine-EZxgXS {
    background-color: undefined;
    background-color: var(--color_green);
    left: 0;
}

.docStats-editingLine-SPbEmk {
    background-color: undefined;
    background-color: var(--color_lightRed);
    left: 0;
}

.docStats-counterPartStats-1_iwzP {
    padding-left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.docStats-counterPartStats-1_iwzP > div:first-child {
        width: 164px;
    }

.docStats-sideControls-2cZCcg {
    position: relative;
    top: 1px;
    width: 272px;
    height: 24px;
    border-radius: 6px;
    border: undefined;
    border: 1px solid var(--color_lightGray2);
    margin-left: 25px;
    overflow: hidden;
}

.docStats-sideControls-2cZCcg button {
        position: relative;
        top: -2px;
        cursor: pointer;
        font-size: 11px;
        padding: 0;
        width: 90px;
        height: 26px;
        text-align: center;
        border: none;
        color: undefined;
        color: var(--color_gray);
        background-color: #fff;
    }

.docStats-sideControls-2cZCcg button.docStats-_active-1qb8Ft {
        cursor: default;
        background-color: undefined;
        background-color: var(--color_lightGray2);
        color: #fff;
    }

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

.docStats-small-3IK9VL {
    font-size: undefined;
    font-size: var(--fontSize_tip);
}

.docStats-gray-1oiA2s {
    color: undefined;
    color: var(--color_gray);
}

.docStats-green-1ptHxw {
    color: undefined;
    color: var(--color_green);
}

.docStats-red-1X9bwa {
    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/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/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/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/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: 10;
}

.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;
}

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

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

.documentNavigation-screen-2ZDpvy {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.documentNavigation-wrapper-U0prGE {
    position: fixed;
    top: 154px;
    left: 0;
    border-radius: 5px;
    width: 80px;
    -webkit-transition: width .2s, height .2s;
    transition: width .2s, height .2s;
}

.documentNavigation-wrapper-U0prGE.documentNavigation-_open-3gI6Xb {
        -webkit-transition: width .2s, height .2s, -webkit-box-shadow .1s .1s;
        transition: width .2s, height .2s, -webkit-box-shadow .1s .1s;
        transition: box-shadow .1s .1s, width .2s, height .2s;
        transition: box-shadow .1s .1s, width .2s, height .2s, -webkit-box-shadow .1s .1s;
        -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);
    }

.documentNavigation-wrapper-U0prGE.documentNavigation-fullMode-AavYqV {
        width: 400px;
        padding-top: 30px;
        background-color: white;
    }

.documentNavigation-title-2rW79r {
    position: absolute;
    left: 40px;
    top: 25px;
    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/documentNavigation/navigationControls.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;
}

    .navigationControls-wrapper-SSV6Ix {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 0 0 5px 5px;
    padding: 11px 0 11px 15px;
    -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;
    -webkit-transition: left .2s;
    transition: left .2s;
    left: -80px;
    margin-top: -52px;
}

    .navigationControls-wrapper-SSV6Ix.navigationControls-_open-31F9SB {
        -webkit-transition: left .2s, -webkit-box-shadow .1s .1s;
        transition: left .2s, -webkit-box-shadow .1s .1s;
        transition: left .2s, box-shadow .1s .1s;
        transition: left .2s, box-shadow .1s .1s, -webkit-box-shadow .1s .1s;
        left: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .navigationControls-wrapper-SSV6Ix.navigationControls-fullMode-1PvM3e {
        margin-top: 0;
        display: inline;
    }

    .navigationControls-wrapper-SSV6Ix.navigationControls-fullMode-1PvM3e .navigationControls-flex-36Xtjn {
            -webkit-transition: display 0s 0s, margin-left .2s;
            transition: display 0s 0s, margin-left .2s;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-left: 297px;
            padding-top: 6px;
        }

    .navigationControls-wrapper-SSV6Ix.navigationControls-fullMode-1PvM3e .navigationControls-back-7jXpb0 {
            padding: 0;
            margin-right: 11px;
            -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                    order: -1;
            -webkit-transform: translateY(-1.5px);
                    transform: translateY(-1.5px);
        }

    .navigationControls-wrapper-SSV6Ix.navigationControls-fullMode-1PvM3e .navigationControls-back-7jXpb0 .navigationControls-tip-3tjTVV {
                top: -36px;
                left: 0;
            }

    .navigationControls-wrapper-SSV6Ix.navigationControls-b-1jt_TO:not(.navigationControls-fullMode-1PvM3e) {
        margin-top: -111px;
    }

    .navigationControls-wrapper-SSV6Ix.navigationControls-b-1jt_TO.navigationControls-fullMode-1PvM3e .navigationControls-flex-36Xtjn {
        margin-left: 251px;
    }

.navigationControls-flex-36Xtjn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.navigationControls-flex-36Xtjn > div:first-child {
        margin-right: 12px;
    }

.navigationControls-tip-3tjTVV {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
}

.navigationControls-pin-3STwMJ {
    position: relative;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
}

.navigationControls-pin-3STwMJ .navigationControls-pin-img-1OnKLV {
        padding: 5px;
        cursor: pointer;
    }

.navigationControls-pin-3STwMJ .navigationControls-pin-img-1OnKLV > img {
            cursor: pointer;
            width: 12px;
            height: 12px;
        }

.navigationControls-pin-3STwMJ:hover .navigationControls-tip-3tjTVV {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .2s .5s, visibility .2s .5s;
        transition: opacity .2s .5s, visibility .2s .5s;
    }

.navigationControls-pin-3STwMJ .navigationControls-tip-3tjTVV {
        top: -32.5px;
        left: -7px;
    }

.navigationControls-arrow-2IgQBX {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.navigationControls-arrow-2IgQBX:hover .navigationControls-tip-3tjTVV {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .2s .5s, visibility .2s .5s;
        transition: opacity .2s .5s, visibility .2s .5s;
    }

.navigationControls-arrow-2IgQBX .navigationControls-tip-3tjTVV {
        top: -34px;
        left: -11px;
    }

.navigationControls-arrow-2IgQBX .navigationControls-arrowBtn-1K2X02 {
    position: relative;
    width: 16px;
    height: 26px;
    padding: 3px;
}

.navigationControls-arrow-2IgQBX .navigationControls-arrowBtn-1K2X02::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: 3px;
        -webkit-transition: background-color .2s;
        transition: background-color .2s;
    }

.navigationControls-arrow-2IgQBX .navigationControls-arrowBtn-1K2X02::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: 3px;
        -webkit-transition: background-color .2s;
        transition: background-color .2s;
    }

.navigationControls-arrow-2IgQBX .navigationControls-arrowBtn-1K2X02::after {
        top: 10px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

.navigationControls-arrow-2IgQBX .navigationControls-arrowBtn-1K2X02.navigationControls-reverse-3dmULb::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

.navigationControls-arrow-2IgQBX .navigationControls-arrowBtn-1K2X02.navigationControls-reverse-3dmULb::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }

.navigationControls-filters-3TzGR8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 35px 35px 25px;
    overflow: hidden;
}

.navigationControls-filters_btn-JPVGqZ {
        font-size: undefined;
        font-size: var(--fontSize_standart);
        white-space: nowrap;
        color: undefined;
        color: var(--color_primary);
        border-bottom: undefined;
        border-bottom: 1px dashed var(--color_primary);
        cursor: pointer;
        padding: 2px 0 0;
        margin: 0 10px;
        -webkit-transition: color .2s, background-color .2s;
        transition: color .2s, background-color .2s;
    }

.navigationControls-filters_btn-JPVGqZ:hover:not(.navigationControls-current-1wS5Hk) {
            color: undefined;
            color: var(--color_primary_hover);
        }

.navigationControls-filters_btn-JPVGqZ.navigationControls-_current-CVy_Z_ {
            color: undefined;
            color: var(--color_darkGray);
            border-radius: 4px;
            border: none;
            padding: 2px 5px 0px;
            margin: 0 5px;
            background-color: undefined;
            background-color: var(--color_lightGray2);
            cursor: default;
        }

.navigationControls-filters_btn-JPVGqZ.navigationControls-_current-CVy_Z_:hover {
                color: undefined;
                color: var(--color_darkGray);
            }

.navigationControls-back-7jXpb0 {
    position: relative;
    display: inline-block;
    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);
    padding: 5px 13px 5px 8px;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.navigationControls-back-btn-1jvSze {
        padding: 5px;
        cursor: pointer;
    }

.navigationControls-back-7jXpb0:hover {
        color: undefined;
        color: var(--color_primary_hover);
    }

.navigationControls-back-7jXpb0:hover .navigationControls-tip-3tjTVV {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .2s .5s, visibility .2s .5s;
        transition: opacity .2s .5s, visibility .2s .5s;
    }

.navigationControls-back-7jXpb0 .navigationControls-tip-3tjTVV {
        top: -28px;
        left: 8px;
    }

/*!******************************************************************************************************************************************************************************!*\
  !*** 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/documentNavigation/navigationBtn.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;
}
    .navigationBtn-wrapper-2Xuj1O {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 12px 0;
    border-radius: 5px;
    -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;
    opacity: .5;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
    .navigationBtn-wrapper-2Xuj1O:hover {
        opacity: 1;
    }
    .navigationBtn-wrapper-2Xuj1O.navigationBtn-_open-2N5Z1a {
        -webkit-transition: -webkit-box-shadow .1s .1s;
        transition: -webkit-box-shadow .1s .1s;
        transition: box-shadow .1s .1s;
        transition: box-shadow .1s .1s, -webkit-box-shadow .1s .1s;
        opacity: 1;
        border-radius: 5px 5px 0 0;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .navigationBtn-wrapper-2Xuj1O.navigationBtn-fullMode-gBJ-6m {
        display: inline-block;
        padding: 10px 15px 20px 35px;
    }
.navigationBtn-tip-28YIua {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
}
.navigationBtn-menu-btn-3NLsBt {
    position: relative;
    margin: 0 auto;
    width: 25px;
}
.navigationBtn-menu-btn-3NLsBt .navigationBtn-menu-img-1imDdD {
        padding: 5px;
        width: 25px;
        cursor: pointer;
    }
.navigationBtn-menu-btn-3NLsBt .navigationBtn-menu-img-1imDdD > img {
            width: 15px;
            cursor: pointer;
        }
.navigationBtn-menu-btn-3NLsBt:hover .navigationBtn-tip-28YIua {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .2s .5s, visibility .2s .5s;
        transition: opacity .2s .5s, visibility .2s .5s;
    }
.navigationBtn-menu-btn-3NLsBt .navigationBtn-tip-28YIua {
        top: -31px;
        left: -4px;
    }
.navigationBtn-back-3t2NRA {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_primary);
    width: 100%;
    margin: 15px auto 0;
    padding-top: 15px;
    padding-bottom: 5px;
    border-top: undefined;
    border-top: 1px solid var(--color_lightGray);
    -webkit-transition: color .2s;
    transition: color .2s;
}
.navigationBtn-back-btn-YZEeF_ {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        padding: 5px;
        cursor: pointer;
    }
.navigationBtn-back-3t2NRA:hover {
        color: undefined;
        color: var(--color_primary_hover);
    }
.navigationBtn-back-3t2NRA:hover .navigationBtn-tip-28YIua {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .2s .5s, visibility .2s .5s;
        transition: opacity .2s .5s, visibility .2s .5s;
    }
.navigationBtn-back-3t2NRA .navigationBtn-tip-28YIua {
        top: -17px;
        left: 22px;
    }

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** 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/documentNavigation/navigationContent.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;
}

    .navigationContent-wrapper-18CqRh {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 0 0 5px 5px;
    padding: 0 2px 15px 0;
    -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;
    -webkit-transition: left .2s;
    transition: left .2s;
    left: -80px;
    border-top: undefined;
    border-top: 1px solid var(--color_lightGray);
}

    .navigationContent-wrapper-18CqRh.navigationContent-_open-18Zynr {
        -webkit-transition: left .2s, -webkit-box-shadow .1s .1s;
        transition: left .2s, -webkit-box-shadow .1s .1s;
        transition: left .2s, box-shadow .1s .1s;
        transition: left .2s, box-shadow .1s .1s, -webkit-box-shadow .1s .1s;
        left: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .navigationContent-wrapper-18CqRh.navigationContent-fullMode-M8ZJvr {
        border-top: none;
        padding: 0 2px 35px 0;
    }

    .navigationContent-wrapper-18CqRh.navigationContent-fullMode-M8ZJvr .navigationContent-paraList-lCQ8Kl {
            padding: 0 20px 0 35px;
            max-height: calc(100vh - 410px);
        }

    .navigationContent-wrapper-18CqRh.navigationContent-b-1yRClo:not(.navigationContent-fullMode-M8ZJvr) .navigationContent-paraList-lCQ8Kl {
        max-height: calc(100vh - 294px);
    }

.navigationContent-title-WydQq4 {
    line-height: normal;
    margin-left: 40px;
    margin-bottom: 18px;
}

.navigationContent-paraList-lCQ8Kl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: calc(100vh - 262px);
    overflow-y: hidden;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    padding: 20px 0 0 15px;
    color: undefined;
    color: var(--color_darkGray);

    scrollbar-color: #cacaca transparent;
    scrollbar-width: thin;
}

.navigationContent-paraList-lCQ8Kl:hover {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

.navigationContent-paraList-lCQ8Kl:hover .navigationContent-paraItem-1zpEnx::after {
            width: 36px;
        }

.navigationContent-paraList-lCQ8Kl::-webkit-scrollbar {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        width: 3px;
    }

.navigationContent-paraList-lCQ8Kl::-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);
    }

.navigationContent-paraList-lCQ8Kl.navigationContent-recentParaList-22S6Gk {
        padding-bottom: 32px !important;
    }

.navigationContent-paraItem_wrapper-2_94OW {
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.navigationContent-paraItem_wrapper-2_94OW.navigationContent-_chg-1AH9zP::before {
        content: '';
        position: absolute;
        left: -13px;
        top: 2px;
        height: calc(100% - 4px);
        width: 2px;
        border-radius: 2px;
        background-color: undefined;
        background-color: var(--color_orange);
    }

.navigationContent-paraItem_wrapper-2_94OW.navigationContent-_current-1kkysE .navigationContent-paraItem-1zpEnx {
        background-color: undefined;
        background-color: var(--color_lightGray2);
    }

.navigationContent-paraItem-1zpEnx {
    padding: 5px 0 5px 5px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
}

.navigationContent-paraItem-1zpEnx:hover {
        color: undefined;
        color: var(--color_primary_hover)
    }

.navigationContent-paraItem-1zpEnx span {
        margin-right: 15px;
    }

.navigationContent-paraItem-1zpEnx::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 24px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(1%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), to(rgba(255,255,255,1)));
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    }

.navigationContent-popupPara-2ACGpE {
    position: absolute;
    color: undefined;
    color: var(--color_primary_hover);
    font-size: undefined;
    font-size: var(--fontSize_standart);
    top: 0;
    left: 15px;
    padding: 5px;
    max-width: 340px;
    overflow: hidden;
    white-space: nowrap;
    background-color: white;
    border-radius: 4px;
    -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);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility .2s, opacity .2s;
    transition: visibility .2s, opacity .2s;
}

.navigationContent-popupPara-2ACGpE > div {
        padding: 5px;
        border-radius: 4px;
    }

.navigationContent-popupPara-2ACGpE > div > span {
            margin-right: 15px;
        }

.navigationContent-popupPara-2ACGpE::after {
        content: '';
        position: absolute;
        top: 0;
        left: 300px;
        width: 40px;
        height: 33px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(1%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), to(rgba(255,255,255,1)));
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    }

.navigationContent-popupPara-2ACGpE.navigationContent-_current-1kkysE > div {
        background-color: undefined;
        background-color: var(--color_lightGray2);
    }

.navigationContent-popupPara-2ACGpE.navigationContent-_vis-1x7dBO {
        opacity: 1;
        visibility: visible;
        -webkit-transition: visibility .2s, opacity .2s;
        transition: visibility .2s, opacity .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/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;
}

.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);
}

.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/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;
}
.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;
}
.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;
}
.formatting-shifted5-2JAOSy {
    top: 7px;
}
.formatting-pickColor-2GCyCE {
    display: inline-block;
    height: 15px;
    width: 4px;
    border-radius: 2px;    
    margin: 0 4px;
}
.formatting-back-picker-1xUM-s {
    position: relative;
    top: 2px;
}
.formatting-sizePicker-1hw_D1 {
    -ms-flex-preferred-size: 67px;
        flex-basis: 67px;
    margin-left: 10px;
    margin-right: 15px;
    padding: 2px 5px;
}
.formatting-BIH-3C1PSa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.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: 7px;
    }
.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-size: 12x;
    }
.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-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;
    z-index: 2;
    width: 190px;
    height: 100px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_menu);
            box-shadow: var(--shadow_menu);
    background-color: #fff;
    top: 100%;
    right: 0;
    padding: 10px;
    border-radius: 6px;
    font-size: undefined;
    font-size: var(--fontSize_frameNormal);
}
.formatting-noHighlight-gIFrk3 {
    color: undefined;
    color: var(--color_primary);
    line-height: 18px;
    height: 20px;
    text-align: center;
    border: undefined;
    border: 1px dashed var(--color_primary);
    border-radius: 6px;
    margin-bottom: 10px;
}
.formatting-mainHighlight-Tr0WF2 {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    margin-right: 10px;
}
.formatting-smallHighlights-6oR5Q6 {
    width: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: justify;
        align-content: space-between;
}
.formatting-smallHighlights-6oR5Q6 > div {
        margin-right: 10px;
        width: 20px;
        height: 20px;
        border-radius: 6px;
        cursor: pointer;
    }
.formatting-smallHighlights-6oR5Q6 > div:nth-child(4n) {
        margin-right: 0;
    }
.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);
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** 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: 50px;
    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-bottom: undefined;
    border-bottom: solid 1px var(--color_lightGray);    
    padding-bottom: 19px;
    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: 60px;
    margin-bottom: 40px;
    position: relative;
}
.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: 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%);    
}
.clauseLib-upperSide-Zdy-IY {
    padding: 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.clauseLib-upperSide-Zdy-IY 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);
    }
.clauseLib-upperSide-Zdy-IY textarea::-webkit-input-placeholder {
        color: undefined;
        color: var(--color_orange);
      }
.clauseLib-upperSide-Zdy-IY textarea:-ms-input-placeholder {
        color: undefined;
        color: var(--color_orange);
      }
.clauseLib-upperSide-Zdy-IY textarea::-ms-input-placeholder {
        color: undefined;
        color: var(--color_orange);
      }
.clauseLib-upperSide-Zdy-IY textarea::placeholder {
        color: undefined;
        color: var(--color_orange);
      }
.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):-ms-input-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: 240px;
    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: 10px 20px;
}
.clauseLib-lowerSide-2uJQjF > span {
        cursor: pointer;
        color: undefined;
        color: var(--color_primary);
        margin-right: 20px;
        position: relative;        
    }
.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-red-Bn00te {
            color: undefined;
            color: var(--color_darkRed);
        }
.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-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 0px;
    background-color: white;
    z-index:2;
    width: 400px;
}
.clauseLib-show-folder-3yciRv {
    line-height: 16px;
}
.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-card-1pDZ1R {
    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;
}
.clauseLib-card-1pDZ1R.clauseLib-draft-1_cs57 {
        border-color: undefined;
        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;
    }
.clauseLib-preline-2LFL4P+.clauseLib-card-1pDZ1R {
    margin-top: -20px;
}
.clauseLib-title-2dHv-j {
    font-weight:bold;
    color: undefined;
    color: var(--color_black);
}
.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: 4;
    overflow: hidden;
    white-space: pre-wrap;
    margin-top: 20px;
}
.clauseLib-subclause-1LSiHb {
    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;
}
.clauseLib-subclause-1LSiHb.clauseLib-draft-1_cs57 {
        border-color: undefined;
        border-color: var(--color_lightGray);
    }
.clauseLib-subclause-1LSiHb span {
        color: undefined;
        color: var(--color_primary);
        cursor: pointer;
        margin-right: 40px;
    }
.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: white;
    position: relative;
    top: -21px;
}
[data-x="1"] {
    background-color: undefined;
    background-color: var(--color_yellow_semi);
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-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 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: 0px;
      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: -30px;
      }
.templatesUnderMenu-createVars_btn-3mt9Cw {
    font-size: undefined;
    font-size: var(--fontSize_button);
    padding: 4px 10px 2px;
    height: 21px;
    line-height: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    color: #fff;
    background-color: undefined;
    background-color: 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;
  }
.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,.templatesUnderMenu-createVars_btn-3mt9Cw[data-point="true"]::before,.templatesUnderMenu-createVars_btn-3mt9Cw[data-point="true"]::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-createVars_btn-3mt9Cw[data-point="true"]::before {
       left: -12px;
       background-color: #979797;
    }
.templatesUnderMenu-createVars_btn-3mt9Cw[data-point="true"]::after {
       left: -18px;
       background-color: #979797;
       -webkit-transform: rotate(-50deg);
               transform: rotate(-50deg);
    }
.templatesUnderMenu-varContainerExtAdapter-3SUo_S {
  width: calc(80rem + 490px);
  height: 0;
  margin: auto;
  position: relative;
}
.templatesUnderMenu-varContainerExt-2tTAlI {
    position: absolute;
    width: 440px;
    left: calc(80rem + 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-varContainer-1f7ErQ {
    padding: 38px 0 50px 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-variableField-2dfcUW {
  width: 400px;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  border: undefined;
  border: 1px dashed var(--color_orange_semi);
  background-color: white;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 14px 0 rgb(0 0 0 / 11%);
          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-edited="true"] {
     -webkit-box-shadow:none;
             box-shadow:none;
     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: 360px;  
    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);
    }
.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;
    font-size: 14px;
    color: undefined;
    color: var(--color_orange);    
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28 {
    position: relative;
    font-size: 14px;
    color: undefined;
    color: var(--color_orange);    
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-questionDiv-3XX85I[data-req="true"], .templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28[data-req="true"] {
      font-weight: bold;
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-questionDrop-31SWi5 {
    font-size: 14px;
    color: undefined;
    color: var(--color_gray);
    padding-left: 38px;
    position: relative;
    cursor: pointer;
    min-height: 16px;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-questionDrop-31SWi5:hover {
       color: undefined;
       color: var(--color_primary_hover);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-questionDrop-31SWi5[data-selected="true"] {
      font-weight: bold;
      color: undefined;
      color: var(--color_darkGray);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-questionDrop-31SWi5[data-selected="true"]:hover {
         color: undefined;
         color: var(--color_primary_hover);
      }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28 {
    height: 21px;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-question-2suy28::-webkit-input-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::-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="true"] {
      color: undefined;
      color: var(--color_darkGray);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq {
    font-size: 12px;
    color: undefined;
    color: var(--color_gray);
    position: relative;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hintDiv-poarsS {
    font-size: 12px;
    color: undefined;
    color: var(--color_gray);
    position: relative;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hintDrop-2oxfb1 {
    font-size: 12px;
    color: undefined;
    color: var(--color_gray);
    position: relative;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hintDrop-2oxfb1 {
    margin: 10px 0 0 40px;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq {
    height: 18px;
  }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq::-webkit-input-placeholder {
      color: undefined;
      color: var(--color_primary);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq:-ms-input-placeholder {
      color: undefined;
      color: var(--color_primary);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq::-ms-input-placeholder {
      color: undefined;
      color: var(--color_primary);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-hint-5QVAnq::placeholder {
      color: undefined;
      color: var(--color_primary);
    }
.templatesUnderMenu-variableField-2dfcUW .templatesUnderMenu-oldinput-3R7XVD {
    width: 100%;
    padding: 8px 15px;
    font-size: 14px;
    border: undefined;
    border: 1px solid var(--color_lightGray);
    border-radius: 4px;
  }
.templatesUnderMenu-variableField-2dfcUW input, .templatesUnderMenu-variableField-2dfcUW textarea {
    font-family: 'ProximaNova', sans-serif !important;
    border-radius: 4px;
    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;
    }
.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;
  }
.templatesUnderMenu-variableField_head_inputs-3-Iq3q {
      margin-right: 20px;
      position: relative;
    }
.templatesUnderMenu-variableField_head_inputs-3-Iq3q:not([data-used="true"])::before {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        background-color: undefined;
        background-color: var(--color_orange);
        left: -21px;
        top: 0px;    
      }
.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 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.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_dropdownPart-21kwem {
    padding: 0 20px 20px;
  }
.templatesUnderMenu-variableField_dropdownPart_btn-3ZVfnH {
      background-color: #FFFFFF;
      font-size: 12px;
      padding: 3px 10px 2px;
      border: undefined;
      border: 1px solid var(--color_orange);
      color: undefined;
      color: var(--color_orange);
      border-radius: 5px;
      -webkit-transition: all .2s;
      transition: all .2s;
      margin-top: 20px;
    }
.templatesUnderMenu-variableField_dropdownPart_btn-3ZVfnH:hover {
        color: undefined;
        color: var(--color_orange_hover);
        border-color: undefined;
        border-color: var(--color_orange_hover);
      }
.templatesUnderMenu-variableField_dropdownPart_options-xx-UIq {

    }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: undefined;
      border: 1px dashed var(--color_orange);
      padding: 20px;
    }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_:first-child {
        border-radius: 8px 8px 0 0;
      }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_:first-child:last-child {
        border-radius: 8px;
      }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ + .templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ {
        border-top: none;
      }
.templatesUnderMenu-variableField_dropdownPart_option-1aBNA_ + .templatesUnderMenu-variableField_dropdownPart_option-1aBNA_:last-child {
          border-radius: 0 0 8px 8px;
        }
.templatesUnderMenu-variableField_dropdownPart_option_left-1VqOdD textarea {
          width: 100%;
        }
.templatesUnderMenu-variableField_dropdownPart_option_right-2X1lrz {
          padding-left: 20px;
      }
.templatesUnderMenu-variableField_advanced-jvPykr {
    padding: 20px;
    border-top: undefined;
    border-top: 1px dashed var(--color_orange);
  }
.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-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: 20px;
    }
.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_footer-fsqAK7 {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    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: 10px;
}
.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: 10px;
}
.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;
    width: calc(100% + 60px);
    padding: 20px 20px 20px 40px;
    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;
    }
[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%);
}
.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;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** 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/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:50px;
    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:-ms-input-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/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: -5px;
    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: 40px;
}

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

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

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

.helpMenu-line-2bHVfN {
  height: 1px;
  border: undefined;
  border: solid 1px 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/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/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:-ms-input-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/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: 50px; 
  width: calc(80rem + 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/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 {
    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-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:-ms-input-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: calc(80rem + 440px);
    min-width: 100%;
    padding: 32px 0 32px 0;
    position: -webkit-sticky;
    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: calc(80rem + 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: calc(80rem + 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;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.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: 14px;
        height: 15px;
    }

.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;
}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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:-ms-input-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:-ms-input-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;
}

/*!*****************************************************************************************************************************************************************************************!*\
  !*** 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 65px 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:-ms-input-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:-ms-input-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/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: 9;
    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/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: calc(80rem + 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/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: 50px;
    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: 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;
}
.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 5px 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;
}



/*!*************************************************************************************************************************************************************************************************************!*\
  !*** 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/publicArea/legal/dataProtection.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;
}

.dataProtection-wrapper-2A74Cw {
    margin: 0 auto;
    width: 750px;
    padding-top: 160px;
    color: undefined;
    color: var(--color_black);
    min-height: 745px;
}

.dataProtection-title-3OUDaf {
    position: relative;
    font-size: 50px;
    font-weight: 700;
}

.dataProtection-title-3OUDaf > img {
        position: absolute;
        top: 20px;
        bottom: 0;
        left: -70px;
        width: 20px;
        height: 25px;
    }

.dataProtection-selection-cols-Gtj2il {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 100px;
}

.dataProtection-selection-cols-col-1CtEcs {
        width: 210px;
        margin-right: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

.dataProtection-selection-cols-col-head-2hTq6N {
            font-size: undefined;
            font-size: var(--fontSize_h2);
            padding-bottom: 20px;
            font-weight: bold;
            line-height: 40px;
        }

.dataProtection-selection-cols-col-link-wvH3Qx > a {
                display: block;
                line-height: 36px;
                text-decoration: none;
                color: undefined;
                color: var(--color_primary);
                font-size: undefined;
                font-size: var(--fontSize_18);
                padding-bottom: 20px;
                -webkit-transition: color .2s;
                transition: color .2s;
        }

.dataProtection-selection-cols-col-link-wvH3Qx > a:hover {
                    color: undefined;
                    color: var(--color_primary_hover);
                }

.dataProtection-selection-39z2Md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 100px;
}

.dataProtection-selection-link-Z6SEQU > a {
            display: block;
            width: 150px;
            text-decoration: none;
            font-size: undefined;
            font-size: var(--fontSize_18);
            color: undefined;
            color: var(--color_primary);
            -webkit-transition: color .2s;
            transition: color .2s;
        }

.dataProtection-selection-link-Z6SEQU > a:hover {
                color: undefined;
                color: var(--color_primary_hover);
            }

.dataProtection-version-2_4e3o {
    color: undefined;
    color: var(--color_gray);
    line-height: 19px;
    padding-top: 20px;
}

.dataProtection-subTitle-1enWv0 {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_h1);
    font-weight: 700;
    line-height: 40px;
    padding-top: 100px;
    padding-bottom: 40px;
    padding-left: 76px;
}

.dataProtection-subTitle2-14MZJZ {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_h1);
    font-weight: 700;
    line-height: 40px;
    padding-top: 100px;
    padding-bottom: 40px;
    padding-left: 76px;
}

.dataProtection-subTitle-desc-fqTXRg {
        font-size: undefined;
        font-size: var(--fontSize_18);
        line-height: 36px;
        padding-bottom: 40px;
    }

.dataProtection-subTitle2-desc-1M5T4f {
        font-size: undefined;
        font-size: var(--fontSize_18);
        line-height: 36px;
        padding-bottom: 40px;
    }

.dataProtection-subTitle-1enWv0 > span {
        position: absolute;
        display: block;
        top: 113px;
        left: 0;
        color: undefined;
        color: var(--color_gray);
        font-size: undefined;
        font-size: var(--fontSize_tab);
        font-weight: normal;
        line-height: normal;
    }

.dataProtection-subTitle2-14MZJZ > span {
        position: absolute;
        display: block;
        top: 113px;
        left: 0;
        color: undefined;
        color: var(--color_gray);
        font-size: undefined;
        font-size: var(--fontSize_tab);
        font-weight: normal;
        line-height: normal;
    }

.dataProtection-subTitle2-14MZJZ {
    font-size: undefined;
    font-size: var(--fontSize_h2);
    padding-top: 0;
}

.dataProtection-subTitle2-14MZJZ > span {
        top: 9px;
    }

.dataProtection-section-1heSit .dataProtection-paragraph-2tq3Iq:last-child, .dataProtection-section-1heSit .dataProtection-paragraph-col-J2mz1T:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border: none;
    }

.dataProtection-section-1heSit .dataProtection-section-1heSit .dataProtection-paragraph-2tq3Iq:last-child, .dataProtection-section-1heSit .dataProtection-paragraph-col-J2mz1T:last-child {
        padding-bottom: 20px;
        margin-bottom: 0;
        border: none;
    }

.dataProtection-paragraph-2tq3Iq {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_18);
    line-height: 36px;
    padding-left: 76px;
    padding-bottom: 40px;
}

.dataProtection-paragraph-col-J2mz1T {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_18);
    line-height: 36px;
    padding-left: 76px;
    padding-bottom: 40px;
}

.dataProtection-paragraph-2tq3Iq > span {
        position: absolute;
        display: block;
        top: 6px;
        left: 0;
        color: undefined;
        color: var(--color_gray);
        font-size: undefined;
        font-size: var(--fontSize_tab);
        font-weight: normal;
        line-height: normal;
    }

.dataProtection-paragraph-col-J2mz1T > span {
        position: absolute;
        display: block;
        top: 6px;
        left: 0;
        color: undefined;
        color: var(--color_gray);
        font-size: undefined;
        font-size: var(--fontSize_tab);
        font-weight: normal;
        line-height: normal;
    }

.dataProtection-cols-2Rp2FB {
    font-size: undefined;
    font-size: var(--fontSize_18);
    line-height: normal;
    margin-left: 76px;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dataProtection-head-cols-1sP8pr {
    font-size: undefined;
    font-size: var(--fontSize_18);
    line-height: normal;
    margin-left: 76px;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dataProtection-cols-2Rp2FB > div:first-child, .dataProtection-head-cols-1sP8pr > div:first-child {
        min-width: 163px;
        width: 163px;
        margin-right: 50px;
    }

.dataProtection-cols-2Rp2FB > span, .dataProtection-head-cols-1sP8pr > span {
        left: -76px;
    }

.dataProtection-head-cols-1sP8pr {
    font-weight: normal;
    font-style: italic;
    color: #acacac;
    border-bottom: undefined;
    border-bottom: 1px solid var(--color_lightGray2);
}

.dataProtection-subParagraph-2VsASe {
    position: relative;
    font-size: undefined;
    font-size: var(--fontSize_18);
    line-height: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 76px;
}

.dataProtection-subParagraph-2VsASe > span {
        position: absolute;
        display: block;
        top: 16px;
        left: 0;
        color: undefined;
        color: var(--color_gray);
        font-size: undefined;
        font-size: var(--fontSize_tab);
        font-weight: normal;
        line-height: normal;
    }

.dataProtection-signature-1-LDM3 {
    font-size: undefined;
    font-size: var(--fontSize_tab);
    margin-top: 100px;
    color: undefined;
    color: var(--color_gray);
    margin-bottom: 200px;
}

.dataProtection-link-3lbfGX {
    display: inline;
    text-decoration: none;
    cursor: pointer;
    color: undefined;
    color: var(--color_primary);
    border-bottom: undefined;
    border-bottom: dashed 1px var(--color_primary);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.dataProtection-link-3lbfGX:hover {
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-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/footer/footer.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;
}
.footer-wrapper-2CF6N0 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 50px 40px 30px;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
  color: undefined;
  color: var(--color_darkGray);
  font-size: undefined;
  font-size: var(--fontSize_tab);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.footer-wrapper-2CF6N0 > .footer-logo-3A8Xf6 {
  position: relative;
  top: 6px;
  display: inline-block;
  margin-right: 50px;
  margin-bottom: 20px;
}
.footer-copyright-3sFBUu {
  margin-right: 50px;
  margin-bottom: 20px;
}
.footer-link-G4uxFP {
  margin-right: 50px;
  margin-bottom: 20px;
  color: undefined;
  color: var(--color_primary);
  text-decoration: none;
  -webkit-transition: color .2s;
  transition: color .2s;
}
.footer-link-G4uxFP:hover {
    color: undefined;
    color: var(--color_primary_hover);
  }
.footer-mission-1tz57g {
  font-weight: bold;
  -webkit-transition: color .2s;
  transition: color .2s;
}
.footer-mission-1tz57g span {
    font-weight: normal;
    font-size: undefined;
    font-size: var(--fontSize_standart);
    color: undefined;
    color: var(--color_darkGray);
  }
.footer-mission-1tz57g:hover {
    color: undefined;
    color: var(--color_primary_hover);
  }
@media screen and (max-width: 767px){
    .footer-wrapper-2CF6N0 .footer-logo-3A8Xf6 {
      display: none !important;
    }
    .footer-wrapper-2CF6N0 .footer-copyright-3sFBUu {
      display: block;
      margin-right: 0;
      width: 100%;
      text-align: center;
    }
    .footer-wrapper-2CF6N0 .footer-link-G4uxFP {
      margin-right: 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/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-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/views/publicArea/static/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-wrapper-2VCrYl {
  padding-top: 210px;
  min-height: 101vh;
  margin: auto;
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
}

.promo-inner-11tCI4 {
  margin: auto;
  color: undefined;
  color: var(--color_black);
  font-family: ProximaNova, sans-serif;
  font-family: var(--fontFamily);
}

.promo-title-1GaZjB {
  text-align: center;
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 0.02px;  
}

.promo-space80-3ndUfi {
  width: 100%;
  height: 80px;
}

.promo-subtitle-36L_JI {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}

.promo-title-row-2nmCjg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
}

.promo-title-rowBlock1-1jNXwU, .promo-title-rowBlock2-1zp3YH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.promo-title-rowBlock1-1jNXwU {
    margin-right: 100px;
}

.promo-title-rowBlock1-1jNXwU img {
        width: 100px;
        height: 100px;
        margin-right: 50px;
    }

.promo-title-quote-1r_eSC {
    width: 330px;
    font-size: 24px;
}

.promo-title-quote-1r_eSC span {
        font-size: undefined;
        font-size: var(--fontSize_tab);
    }

.promo-title-rowBlock2-1zp3YH img {
        width: 182px;
        height: 115px;
        margin-right: 50px;
    }

.promo-title-bamText-3-epqM {
    font-size: 24px;
}

.promo-title-getAccBtn-pg5jp0 {
    margin-top: 40px;
}

.promo-title-getAccBtn-pg5jp0 button {
        height: 42px !important;
        width: 167px !important;
        font-size: undefined !important;
        font-size: var(--fontSize_18) !important;
    }

.promo-button-row-2WCTKW {
  text-align: center;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.promo-button-row-2WCTKW.promo-_opaque-3Gpyny {
     opacity: 0;
  }

.promo-sectionOne-3nISpg {
    width: 1155px;
    height:787px;
    margin: 0 auto 116px;
    background: url('/images/contract-one-ipad-bg-compressed.jpg');
    background-size: cover;
    position: relative;
}

.promo-sectionOne-3nISpg img {
    position: absolute;
    top: 53px;
    left: 177px;
}

.promo-intermedia-39UQip {
  width: 487px;
  font-size: 25px;
  line-height: 1.6;
  margin: auto;
  position: relative;
}

.promo-intermediaImg-3trs_1 {
  left:0;
  top: 2px;
  position: relative;
}

.promo-img20-21jKJw {
  margin: 0 20px;
  left:0;
  top: 1px;
  position: relative;
}

.promo-space200-3R4FZA {
  width: 100%;
  height: 200px;
}

.promo-sectionTwo-1yeUgW {
    width: 1140px;
    margin: auto;  
    display: -webkit-box;  
    display: -ms-flexbox;  
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 10px;
}

.promo-sectionTwoColumn-1-qvSR {
    width: 300px;
    font-size: undefined;
    font-size: var(--fontSize_h2);
    line-height: 1.5;
}

.promo-sectionTwoHeader-1zzlqr {
    font-size: undefined;
    font-size: var(--fontSize_h1);
    font-weight: bold;
    line-height: 1.18;
    letter-spacing: 0.01px;
    margin-bottom: 40px;
}

.promo-sectionTwoHalf-1W6az9 {
    width: 1280px;
    margin:130px auto 130px auto;  
    display: -webkit-box;  
    display: -ms-flexbox;  
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.promo-clarity-iAXrpd {
    color: undefined;
    color: var(--color_primary);
    font-weight: bold;
    font-size: 24px;
    margin-top: 40px;
}

.promo-clarity-iAXrpd span {
        font-size: undefined;
        font-size: var(--fontSize_18);
    }

.promo-sectionPink-3M-Mm0 {
  width: 1126px;
  margin: auto;
  padding: 80px 100px;
  border-radius: 20px;
  background-color: #fbfbfb;
}

.promo-titlePink-rfrtB0 {
  width: 400px;
  font-size: undefined;
  font-size: var(--fontSize_h1);
  font-weight: bold;
  line-height: 1.18;
  margin: auto;
}

.promo-pink2column-O03UAw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

.promo-pinkColumn-16roPJ {
  width: 443px;
  border-radius: 20px;
  background-color: #ffffff;
  padding: 20px 0 20px 120px;
  font-size: 26px;
  position: relative;
}

.promo-pinkContain-3-O49G {
  position: absolute;
  top: 27px;
  left: 0;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.promo-pinkText1-10pgC7 {
    color: undefined;
    color: var(--color_gray);
}

.promo-pinkText2-3-OGNv {
    color: undefined;
    color: var(--color_lightGray2);
}

.promo-pinkText3-1FdW9f {
    color: undefined;
    color: var(--color_lightGray);
}

.promo-pinkText4-XXIi-d {
    color: undefined;
    color: var(--color_primary);
}

.promo-pinkColumn2-1TpE6u {
  width: 926px;
  border-radius: 20px;
  background-color: #ffffff;
  padding: 20px 100px 20px 120px;
  font-size: 26px;
  position: relative;  
}

.promo-pinkColumn4-1PE_tF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;  
  -webkit-box-pack: justify;  
      -ms-flex-pack: justify;  
          justify-content: space-between;
  font-size: undefined;
  font-size: var(--fontSize_h2);
  line-height: 1.5;
  color: undefined;
  color: var(--color_darkGray);
  margin-top: 40px;
}

.promo-ordinal-1hVvht {
  margin-top: 40px;
  font-size: undefined;
  font-size: var(--fontSize_h2);
  font-weight: normal;
  line-height: 1.5; 
}

.promo-sectionSVG-2SDwQR {
  width: 954px;
  height: 1422px;
  margin: 100px auto 200px;
  background:url('/images/process.png');  
  background-size: cover;
}

.promo-versions-3oQ9KF {
  margin: 72px 28px 68px -20px;
  background:url('/images/versions-image.png');
  background-size: cover;
  width: 918px;
  height: 470px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
    .promo-sectionSVG-2SDwQR {
        width: 954px;
        height: 1422px;
        margin: 100px auto 200px;
        background:url('/images/process@3x.png');
        background-size: cover;
    }
    .promo-versions-3oQ9KF {
        margin: 72px 28px 68px -20px;
        background:url('/images/versions-image@3x.png');
        background-size: cover;
        width: 918px;
        height: 470px;
    }
}

.promo-changes1-1FJvvN {
  width: 480px;
  margin: 84px 0 200px;
}

.promo-changes-IfHbr8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}

.promo-changesColumn-3Ngud1 {
   width: 200px;
}

.promo-bold-1hVotj {
  font-weight: bold;  
}

.promo-sectionGrey-1rg64p {
  background-color: #e3e3e3;
  padding: 80px;
}

.promo-titleGreyWhite-o2bk1j {
  font-size: 80px;
  font-weight: bold;
  color: #ffffff;
  margin: auto;
  position: relative;
  width: 400px;
  text-align: center;
}

.promo-titleGreyWhite-o2bk1j > svg {
  position: absolute;
  left: 8px;
  top: 37px;
}

.promo-titleGrey-38sYYQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}

.promo-sectionTwoColumn268-2C3XdL {
  width: 268px;
  position: relative;
}

.promo-aws-Md4b19 {
  left: 0;
  top: 5px;
  position: relative;
}

.promo-cite-q4afKF {
  font-weight: normal;
  text-indent: -12px;
}

.promo-cite1-3Rl3X5 {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  font-weight: normal;
  line-height: 1.36;
  color: #606060;
  margin-top: 40px;
}

.promo-sectionGrad-OYXo4c {
  background-image: linear-gradient(to bottom, #f6f6f6, 190px, #f6f6f6, #fefefe);
  padding: 80px 0 80px 365px;
}

.promo-sectionGrad1-2F9ggE {
  margin-top: 40px;
  width: 400px;
  font-size: undefined;
  font-size: var(--fontSize_h1);
  font-weight: bold;
  line-height: 1.18;
}

.promo-sectionGrad-OYXo4c .promo-titleGreyWhite-o2bk1j {
  text-align: left;
  margin: 0;
}

.promo-sectionOrange-9a5Dt- {
  background-color: #f89f53;
  -webkit-box-shadow: 0 0 14px 14px #f89f5340;
          box-shadow: 0 0 14px 14px #f89f5340;
  padding: 80px 0 80px 363px;
  font-size: 50px;
  font-weight: bold;
}

.promo-white-2jyCEY {
  color: white;
  position: relative;
}

.promo-white-2jyCEY > img {
  position: absolute;
  top: 24px;
  left: -90px;
}

.promo-schedule1-2SXwUY {
  text-decoration: none;
}

.promo-schedule-2C91Od {
  color: white;
  width: 400px;
  height: 80px;
  border-radius: 20px;
  border: solid 2px #ffffff;
  font-size: undefined;
  font-size: var(--fontSize_h1);
  line-height: 2;
  text-align: center;
}

.promo-s2title-1_uDYP {
  font-size: 60px;  
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.4px;
  display: inline-block;
  width: 470px;
  position: -webkit-sticky;
  position: sticky;
  top: 130px;
}

.promo-test-1TGELi {
  padding-top: 20vh;
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.promo-s2opaque-2rLQK1{
    height: 3px;
    width: 100%;
    z-index: 2;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(97%, white), to(rgba(255,255,255,0)));
    background: linear-gradient(to top, white, white 97%, rgba(255,255,255,0));
}

.promo-s2titleDiv-2CMfd8 {
    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;
    min-width: 470px;
}

.promo-remarkAbsolute-2MHm-m {
  position: absolute;
  top: -200px;
  bottom: 0;
  left: -525px;
  visibility: 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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.promo-s2titleHide-UPy_qW {
  opacity: 0;
  -webkit-transition: opacity 0.4s linear 0.3s;
  transition: opacity 0.4s linear 0.3s;    
}

.promo-remark-K3E3eo {
  display: inline-block;
  width: 393px;
  margin-top: 70px;
  bottom: 0px;
  visibility: visible;
  font-weight: normal;
  line-height: normal;
}

.promo-remark-K3E3eo.promo-_width-3sisM9 {
    width: 100%;
  }

.promo-remark-K3E3eo img {
    display: block;
    margin-bottom: 16px;
}

.promo-remark-K3E3eo div {
  font-size: 22px;  
  letter-spacing: 0.6px;
}

.promo-remark-K3E3eo span {
  font-size: undefined;
  font-size: var(--fontSize_18);
  color: undefined;
  color: var(--color_lightGray);
  display: block;
  margin-bottom: 16px;
  letter-spacing: normal;
}

.promo-remark-K3E3eo p {
  font-size: undefined;
  font-size: var(--fontSize_h3);
  line-height: 1.5;
  margin: 0;
  letter-spacing: normal;
}

.promo-margin0-29nuAU {
    margin: 0;
}

images>div {
    margin: 0;
    width: 565px;
}

.promo-images-1XFHpr>div+div, .promo-subimages-3yEVU0>div+img{
    margin-top: 50px;
    position: relative;
}

.promo-remark-full-1E2c3x {
    border-radius: 25px;
    border: undefined;
    border: 2px solid var(--color_primary);
    width: 565px;
    padding: 50px 30px 30px 30px;
}

.promo-pane-6c5p9F {
    border-radius: 25px;
    background-color: #f8f8f8;
    padding: 30px 30px 30px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 565px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.promo-pane-6c5p9F > * {
    margin-top: 20px;
}

.promo-pane-6c5p9F div {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.17;
  text-align: center;
  color: #000000;
}

.promo-pane-6c5p9F p {
  margin-bottom: 0;
  font-size: undefined;
  font-size: var(--fontSize_h2);
  line-height: 1.5;
  letter-spacing: normal;
  color: undefined;
  color: var(--color_black);
}

.promo-clink-X9EAFw {
    color: undefined;
    color: var(--color_primary);
    display: inline-block;
    font-size: undefined;
    font-size: var(--fontSize_tab);
    font-weight: bold; 
    cursor: pointer;
}

.promo-columnOfThree-iUFdTj {
  font-size: undefined;
  font-size: var(--fontSize_tab);
  line-height: 1.43;
  letter-spacing: normal;
  color: undefined;
  color: var(--color_darkGray);
  width:350px;
}

.promo-columnOfThree-iUFdTj img {
    margin: 0 auto 30px auto;
    display: block;
}

.promo-advSec-30scaw {
  font-size: undefined;
  font-size: var(--fontSize_h1);
  font-weight: bold;  
  line-height: 1.18;
  color: undefined;
  color: var(--color_black);
  margin-bottom: 60px;
}

.promo-columnOfThree-iUFdTj p {
    margin: 0;
}

.promo-columnOfThree-iUFdTj p + div {
  height: 30px;    
}

.promo-sectionFour-2r9vWu {
    display:none;
    margin: auto;
    padding-top: 50px;
    margin-top: -54px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ffffff));
    background-image: linear-gradient(to bottom, #f9f9f9, #ffffff);
}

.promo-plans-2sVOTq {
    margin: 70px auto 100px 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;
}

.promo-faq-VMY2-M {
    margin: auto;
    width: 800px;
    minwidth: 800px;    
}

.promo-faq-VMY2-M label {
  font-size: 22px;
  color: undefined;
  color: var(--color_black);
  padding: 25px 0;
  position: relative;
  display: block;
  cursor: pointer;
  margin:0;
}

.promo-faq-VMY2-M input+div {
    display: inline-block;
    position: relative;
    left: 30px;
    top: 6px;
    width: 25px;
    height: 25px;    
    background: url('/images/down@3x.png');
    z-index: 1;
    background-size: cover;
}

.promo-faq-VMY2-M input:checked+div{
    background: url(/images/up@3x.png);
    background-size: cover;
}

.promo-input-hidden-3pxXz0{
  display:none;
}

.promo-faq-VMY2-M input:checked~.promo-input-hidden-3pxXz0{
  display: block;
  margin-top: 10px;
  margin-bottom: 1px;
  font-size: undefined;
  font-size: var(--fontSize_h3);
  line-height: 1.75;
  color: undefined;
  color: var(--color_darkGray);
  width: 700px;
}

.promo-faq-VMY2-M img {
    display: block;
    margin: 20px auto 20px 0;
}

.promo-faq-VMY2-M .promo-input-hidden-3pxXz0>p{
  margin: 0;
}

.promo-faq-VMY2-M .promo-input-hidden-3pxXz0>p+p{
  margin-top: 12px;
}

.promo-faq-VMY2-M  input {
    position: fixed;
    top: -20px;
    height: 0;
}

.promo-imagesWrapper-2Ovk2l input {
    position: fixed;
    top: -20px;
    height: 0;
}

.promo-imagesWrapper-2Ovk2l {
  max-width: 565px;
  border-radius: 25px;
  position: relative;
}

.promo-italic-3OEHXz {
  font-style: italic; 
}

.promo-internal-2_DknR{
  color: undefined;
  color: var(--color_gray);
}

.promo-external-3KMKaG{
  color: undefined;
  color: var(--color_primary);
}

.promo-orange-3VfDOg {
  color: undefined;
  color: var(--color_orange);
}

.promo-imagesBottom-1Lei0I {
    position: absolute;
    bottom: 0;
}

.promo-imagesBottom30-1433L8 {
    position: absolute;
    bottom: 30px;
}

.promo-imagesTop-3SC_t- {
    position: absolute;
    top: 0;
}

.promo-imagesTop60-MV61mV {
    position: absolute;
    top: 60px;
}

.promo-imagesTopLeft-2sL1LG {
    position: absolute;
    top: 60px;
    left: 60px;
}

.promo-imagesTitle_a1-PNhHor {
  margin: 0 auto 20px auto;
  width: 469px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.17;
  text-align: center;
  color: #000000; 
  z-index: 3;
  position: relative;
}

.promo-imagesWrapper-2Ovk2l input+div {
  margin: 0 auto 34px auto;
  display: block;
  position: relative;
  width: 100px;
  height: 1px;
}

.promo-imagesWrapper-2Ovk2l input+div:after{
    content: "See More";
    position: absolute;
    display: inline-block;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: undefined;
    font-size: var(--fontSize_18);
    font-family: ProximaNova, sans-serif;
    font-family: var(--fontFamily);
    z-index: 1;
    color: undefined;
    color: var(--color_primary);
  }

.promo-imagesWrapper-2Ovk2l input+div.promo-orange-3VfDOg:after{
      color: undefined;
      color: var(--color_orange);
  }

.promo-imagesWrapper-2Ovk2l input:checked+div:after{
     content: "Hide text";
    }

.promo-imagesWrapper-2Ovk2l  input:checked~.promo-input-hidden-3pxXz0{
  display: block;
  margin: 0 30px;
  font-size: undefined;
  font-size: var(--fontSize_h3);
  line-height: 1.75;
  color: undefined;
  color: var(--color_darkGray);
  z-index: 3;
  position: relative;
}

.promo-imagesWrapper-2Ovk2l  input:checked~.promo-input-hidden-3pxXz0>p {
      margin: 0;
      padding: 0;
  }

.promo-imagesWrapper-2Ovk2l  input:checked~.promo-input-hidden-3pxXz0>p+p{
          margin-top: 12px;
      }

.promo-bg-1-a-xz0tCo {
    background-color: #e9f0fa;
    padding-top: 50px;
}

.promo-bg-1-a-xz0tCo footer {
        height: 447px;
    }

.promo-bg-1-c-2cgg7V>article{
        position: absolute;
        top:293px;
        left: 30px;
        display: inline-block;
        width: 461px;
        font-size: 30px;
        font-weight: bold;
        line-height: 1.17;
        color: white;
    }

.promo-bg-1-c-2cgg7V>nav {
        width: 505px;
        font-size: undefined;
        font-size: var(--fontSize_h2);
        line-height: 1.5;
        position: absolute;
        top:383px;
        left: 30px;
        display: inline-block;
        color: white;
    }

.promo-bg-2-a-1vcVbQ {
    background-color: #e8f0fb;
    padding-top: 406px;
}

.promo-bg-2-a-1vcVbQ article {
      text-align: center;
      z-index: 3;
      position: relative;
      width: 503px;
      font-size: 30px;
      font-weight: bold;
      line-height: 1.17;
      color: #31393c;
      margin: 0 auto 20px auto;
    }

.promo-bg-2-a-1vcVbQ footer {
        height: 19px;
    }

.promo-bg-2-b-3u8Fht>article{
        position: absolute;
        top:222px;
        left: 30px;
        display: inline-block;
        width: 505px;
        font-size: 30px;
        font-weight: bold;
        line-height: 1.17;
        color: #212121;
    }

.promo-bg-2-b-3u8Fht>nav {
        width: 505px;
        font-size: undefined;
        font-size: var(--fontSize_h2);
        line-height: 1.5;
        position: absolute;
        top:313px;
        left: 30px;
        display: inline-block;
        color: undefined;
        color: var(--color_black);
    }

.promo-bg-2-c-TJIb3- {
    padding-top: 316px;
}

.promo-bg-2-c-TJIb3- article {
      text-align: center;
      z-index: 3;
      position: relative;
      width: 525px;
      font-size: 30px;
      font-weight: bold;
      line-height: 1.17;
      color: undefined;
      color: var(--color_black);
      margin: 0 auto 20px auto;
    }

.promo-bg-2-c-TJIb3- footer {
        height: 18px;
    }

.promo-imagesWrapper-2Ovk2l input~svg.promo-svg-small-nhH9NT{
  display:inline-block;
}

.promo-imagesWrapper-2Ovk2l input~svg.promo-svg-big-3QqqjV{
  display:none;
}

.promo-imagesWrapper-2Ovk2l input:checked~svg.promo-svg-small-nhH9NT{
  display:none;
}

.promo-imagesWrapper-2Ovk2l input:checked~svg.promo-svg-big-3QqqjV{
  display:inline-block;
}

.promo-bg-3-a-1l9pzN{
    background-color: #e9f0fa;
    padding-top: 60px;
}

.promo-bg-3-a-1l9pzN article {
      text-align: center;
      z-index: 3;
      position: relative;
      width: 527px;
      font-size: 30px;
      font-weight: bold;
      line-height: 1.17;
      color: undefined;
      color: var(--color_black);
      margin: 0 auto 20px auto;
    }

.promo-bg-3-a-1l9pzN footer {
        height: 371px;
    }

.promo-bg-3-b-Xg3d5o>article{
        position: absolute;
        top:208px;
        left: 30px;
        display: inline-block;
        width: 505px;
        font-size: 30px;
        font-weight: bold;
        line-height: 1.17;
        color: black;
    }

.promo-bg-3-b-Xg3d5o>nav {
        width: 505px;
        font-size: undefined;
        font-size: var(--fontSize_h2);
        line-height: 1.5;
        position: absolute;
        top:338px;
        left: 30px;
        display: inline-block;
        color: #31393c;
    }

.promo-bg-1-b-3l8O4I {
    background-color: #fcf0e6;
    padding-top: 356px;
}

.promo-bg-1-b-3l8O4I article {
      text-align: center;
      z-index: 3;
      position: relative;
      width: 469px;
      font-size: 30px;
      font-weight: bold;
      line-height: 1.17;
      color: black;
      margin: 0 auto 20px auto;
    }

.promo-bg-1-b-3l8O4I footer {
        height: 19px;
    }


/*!************************************************************************************************************************************************************************************!*\
  !*** 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/static/security.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;
}

.security-wrapper-c93fA4 {
    margin: 0 auto;
    width: 750px;
    color: #212121;
    padding-top: 160px;
    padding-bottom: 50px;
}

.security-title-3h6C7a {
    position: relative;
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 100px;
}

.security-title-desc-uVFoTt {
        line-height: 36px;
        font-size: undefined;
        font-size: var(--fontSize_18);
    }

.security-title-3h6C7a > img {
        position: absolute;
        top: 20px;
        bottom: 0;
        left: -60px;
        width: 20px;
        height: 25px;
    }

.security-section-1YhVGc {
    margin: 100px 0;
    line-height: 36px;
    font-size: undefined;
    font-size: var(--fontSize_18);
}

.security-section-title-OG9tBW {
        font-weight: bold;
        font-size: undefined;
        font-size: var(--fontSize_h1);
        line-height: 40px;
        margin-bottom: 40px;
    }

.security-cols-row-1o0gdW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    margin-bottom: 50px;
}

.security-cols-row-col-lMwrem {
        width: 100%;
    }

.security-cols-row-col-title-3fxV7Q {
            font-size: undefined;
            font-size: var(--fontSize_h2);
            font-weight: bold;
            line-height: 40px;
            padding-bottom: 20px;
        }

.security-cols-row-col-lMwrem:not(:last-child) {
            margin-right: 50px;
        }

.security-link-3jggrA {
    display: inline-block;
    text-decoration: none;
    color: undefined;
    color: var(--color_primary);
}

.security-bold-1dSzf5 {
    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/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/eventBanner/eventBanner.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;
}
    .eventBanner-wrapper-1_15E1 {
    position: fixed;
    top: 40px;
    left: calc(50% - 389px);
    padding: 40px;
    border-radius: 20px;
    -webkit-box-shadow: undefined;
            box-shadow: undefined;
    -webkit-box-shadow: var(--shadow_big);
            box-shadow: var(--shadow_big);
    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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 15;
    min-width: 784px;
}
    .eventBanner-wrapper-1_15E1.eventBanner-offsetTop-27UbS2 {
        top: 166px;
    }
    .eventBanner-wrapper-1_15E1 button {
        white-space: nowrap;
    }

.eventBanner-event-name-3YcY2D {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.eventBanner-event-name-3YcY2D > img {
        height: 30px;
        width: 28px;
        margin-right: 20px;
        margin-top: 4px;
    }

.eventBanner-event-name-3YcY2D .eventBanner-text-194TK6 {
        color: undefined;
        color: var(--color_black);
        font-size: undefined;
        font-size: var(--fontSize_tab);
    }

.eventBanner-event-name-3YcY2D .eventBanner-btnBlue-2m08Fg {
        color: undefined;
        color: var(--color_primary);
        cursor: pointer;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.eventBanner-event-name-3YcY2D .eventBanner-btnBlue-2m08Fg:hover {
            color: undefined;
            color: var(--color_primary_hover)
        }

.eventBanner-event-tagline-2UaZGB {
    font-size: 30px;
    font-weight: bold;
    color: undefined;
    color: var(--color_black);
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
}

.eventBanner-event-tagline-2UaZGB > img {
        width: 64px;
        height: 20px;
    }

.eventBanner-gray-2tIVml {
    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/publicArea/static/PromoFuture.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;
}

.PromoFuture-wrapper-2qFELa {

}

.PromoFuture-firstBlock-3mdqLW {
    color: #fff;
}

.PromoFuture-firstBlock_container-3Vk40B {
        padding-top: 180px;
        padding-bottom: 300px;
        background:
                undefined;
        background:
                linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75)),
                linear-gradient(-195deg, var(--color_orange) 17%, rgba(248, 149, 64, 0) 50%),
                linear-gradient(120deg, #ff6c6c 18%, #157efb 65%);
        /*
         background:
                linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75)),
                linear-gradient(-195deg, var(--color_orange) 17%, rgba(248, 149, 64, 0) 50%),
                linear-gradient(120deg, #ff6c6c 15%, #157efb 70%);
        */
        background-size: 100% 500px, 75% 300px, 100% 100%;
        background-position: bottom, 0 0, 0 0;
        background-repeat: no-repeat, no-repeat, no-repeat;
    }

.PromoFuture-firstBlock-3mdqLW .PromoFuture-pageTitle-1LR2jY {
        font-size: 80px;
        font-weight: bold;
        width: 741px;
        padding-left: 120px;
        margin: 0 auto 40px;
    }

.PromoFuture-firstBlock-3mdqLW .PromoFuture-pageTitleDesc-2DG7wa {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-left: 50px;
        font-size: 30px;
        margin: 0 auto 80px;
    }

.PromoFuture-firstBlock-3mdqLW .PromoFuture-pageTitleButton-14AKnT {
        width: 500px;
        margin: 0 auto;
    }

.PromoFuture-firstBlock-3mdqLW .PromoFuture-c1screen-3MsGUa {
        height: 867px;
        padding: 100px;
        margin: 20px auto 5px;
        background-image: radial-gradient(rgba(0, 171, 38, 0.5) 55%, rgba(0, 171, 38, 0) 72%, rgba(0, 171, 38, 0) 100%);
        background-repeat: no-repeat;
        background-size: 100% 95%;
        background-position: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        min-width: 1310px;
        max-width: 1310px;
    }

/*max-width: 1663px;*/

.PromoFuture-firstBlock-3mdqLW .PromoFuture-c1screen-3MsGUa > img:first-child { /* left */
            margin-right: -661px;
            margin-top: 33px;
            background-color: white;
            border-radius: 10px;
        }

.PromoFuture-firstBlock-3mdqLW .PromoFuture-c1screen-3MsGUa > img:not(:first-child):not(:last-child) { /* center */
            z-index: 1;
            border-radius: 10px;
            -webkit-box-shadow: undefined;
                    box-shadow: undefined;
            -webkit-box-shadow: var(--shadow_alert);
                    box-shadow: var(--shadow_alert);
            background-color: white;
        }

.PromoFuture-firstBlock-3mdqLW .PromoFuture-c1screen-3MsGUa > img:last-child { /* right */
            margin-left: -661px;
            margin-top: 33px;
            background-color: white;
            border-radius: 10px;
        }

.PromoFuture-featuredBlock-3uJ3LC {
    position: relative;
    top: -100px;
}

.PromoFuture-featuredBlock_container-vRXXCI {
        padding: 0 60px;
        background-color: #f9f9f9;
        margin-bottom: -200px;
    }

.PromoFuture-featuredBlock_item-cGUVsm {
        position: relative;
        color: #606060;
        font-size: 24px;
        padding: 50px 120px 100px 100px;
        border-radius: 10px;
        max-width: 1120px;
        height: 800px;
        margin: 0 auto;
        background-color: white;
        opacity: 0.8;
        overflow: hidden;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.PromoFuture-featuredBlock_item_img-2T_7ch {
            position: relative;
            left: -100px;
            width: calc(100% + 220px);
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            overflow: auto;
        }

.PromoFuture-featuredBlock_item_img-2T_7ch > img {

            }

.PromoFuture-featuredBlock_item-cGUVsm:not(:last-child) {
            margin-bottom: 100px;
        }

.PromoFuture-featuredBlock_item-cGUVsm *:not(.PromoFuture-statsGradient-3AYZnt) {
            z-index: 1;
        }

.PromoFuture-featuredBlock_item-cGUVsm .PromoFuture-lightRed-_zcptF {
            color: undefined;
            color: var(--color_darkGray);
        }

.PromoFuture-featuredBlock_item-cGUVsm:hover {
            opacity: 1;
        }

.PromoFuture-featuredBlock_item-cGUVsm:hover .PromoFuture-lightRed-_zcptF {
                color: undefined;
                color: var(--color_lightRed);
            }

.PromoFuture-featuredBlock_item-cGUVsm:hover .PromoFuture-h2-33nXWE.PromoFuture-darkGray-2sqfs9 {
                color: undefined;
                color: var(--color_primary);
            }

.PromoFuture-featuredBlock_flex-2axf36 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

.PromoFuture-featuredBlock_flex-2axf36 .PromoFuture-featuredBlock_item-cGUVsm {
            padding: 96px 100px 100px;
            width: 510px;
            height: 677px;
        }

.PromoFuture-featuredBlock_flex-2axf36 .PromoFuture-featuredBlock_item-cGUVsm:first-child {
                margin-left: 0;
                margin-right: 100px;
            }

.PromoFuture-featuredBlock_flex-2axf36 .PromoFuture-featuredBlock_item-cGUVsm:not(:first-child) {
                margin-left: 0;
                margin-right: 0;
                padding-right: 90px;
            }

.PromoFuture-benefits-1Tqt9n {
    position: static;
}

.PromoFuture-benefits_container-2GqXOn {
        padding-top: 300px;
        padding-bottom: 190px;

        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
        linear-gradient(123deg, #157efb 25%, #ff6c6c 60%);
        background-size: 100% 400px, 100% 400px, 100% 100%;
        background-position: bottom, top, 0 0;
        background-repeat: no-repeat, no-repeat, no-repeat;
    }

.PromoFuture-benefits_152-343BFk {
        position: relative;
        padding: 78px 120px 100px 100px;
        margin: 200px auto;
        max-width: 1120px;
        height: 800px;
        border-radius: 10px;
        background-color: #fff;
        -webkit-box-shadow: -5px 0 80px 0 rgb(255, 255, 255);
                box-shadow: -5px 0 80px 0 rgb(255, 255, 255);
    }

.PromoFuture-benefits_152-343BFk .PromoFuture-h2-33nXWE {
            margin-bottom: 380px;
        }

.PromoFuture-benefits_152_numbers-1Lcs06 {
            position: absolute;
            top: 152px;
            left: 100px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            font-weight: bold;
            font-size: 262px;
            letter-spacing: 2px;
            color: rgba(255, 255, 255, 0);
            -webkit-background-clip: text;
            background-clip: text;
            background-image: undefined;
            background-image: linear-gradient(115deg, var(--color_primary) 24%, var(--color_lightRed) 73%);
            background-size: 100% 100%;
        }

.PromoFuture-benefits_152-343BFk:hover .PromoFuture-h2-33nXWE {
            color: undefined;
            color: var(--color_primary);
        }

.PromoFuture-benefits_cards-2Kr_Lq {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 190px auto 0;
        padding: 0 20px;
        max-width: 1330px;
    }

.PromoFuture-benefits_cards_item-XC2E5h {
            margin: 10px;
            padding: 40px;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 20px;
            width: 300px;
        }

.PromoFuture-benefits_cards_item-XC2E5h.PromoFuture-double-2dFIer {
                width: 620px;
            }

.PromoFuture-benefits_cards_item_head-gyAh56 {
                font-size: 100px;
                font-weight: bold;
                margin-bottom: 40px;
            }

.PromoFuture-benefits_cards_item_head-gyAh56 span {
                    display: block;
                    font-size: 30px;
                    color: undefined;
                    color: var(--color_gray);
                }

.PromoFuture-benefits_cards_item_text-8uA-hd {
                width: 220px;
                font-size: 25px;
                color: undefined;
                color: var(--color_darkGray);
                line-height: 30px;
            }

.PromoFuture-learnMore-XznUMB {
    position: static;
}

.PromoFuture-learnMore_container-1HOeFp {

    }

.PromoFuture-learnMore_cards-2zVQFa {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 50px auto 180px;
        padding: 40px;
        max-width: 1330px;
    }

.PromoFuture-learnMore_cards-2zVQFa > a {
            text-decoration: none;
        }

.PromoFuture-learnMore_cards_item-GZmmZu {
            width: 300px;
            min-width: 300px;
            border-radius: 20px;
            background-color: #f9f9f9;
            padding: 40px;
            margin: 20px 10px;
            font-size: undefined;
            font-size: var(--fontSize_18);
            color: undefined;
            color: var(--color_darkGray);
        }

.PromoFuture-learnMore_cards_item_title-1FCGw- {
                position: relative;
                font-size: 30px;
                line-height: 40px;
                font-weight: bold;
                color: undefined;
                color: var(--color_black);
            }

.PromoFuture-learnMore_cards_item_text-hMji2y {
                margin-top: 20px;
            }

.PromoFuture-learnMore_cards-2zVQFa .PromoFuture-negotiateNew-3F7SSH {
            color: rgba(255, 255, 255, 0);
            -webkit-background-clip: text;
            background-clip: text;
            background-image: undefined;
            background-image: linear-gradient(115deg, var(--color_primary) 24%, var(--color_lightRed) 73%);
            background-size: 100% 100%;
        }

.PromoFuture-learnMore_btnContainer-3s7UC2 {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
    }

.PromoFuture-learnMore_btnContainer_mob-2eqvVM {
            display: none;
        }

.PromoFuture-learnMore-XznUMB .PromoFuture-securityIcon-yFZk07 {
        position: absolute;
        top: 6px;
        left: 0;
        height: 28px;
        image-rendering: -webkit-optimize-contrast;
        /*width: 30px;*/
    }

.PromoFuture-reviews-1MK51y {
    /*max-width: 1200px;
    height: 240px;
    border: 1px solid #0563c1;
    margin: 200px auto 140px;*/
    width: 100%;
    height: 200px;
}

.PromoFuture-quoteBlock-17JZRS {
    max-width: 500px;
    margin: 0 auto;
    color: #fff;
}

.PromoFuture-quoteText-3fqHwS {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 40px;
    font-family: 'ProximaNova Bold', 'ProximaNova', sans-serif !important;
}

.PromoFuture-quoteDesc-1yR0Rp {
    font-size: undefined;
    font-size: var(--fontSize_18);
}

.PromoFuture-transparentButton-3XxuOf, .PromoFuture-blueButton-2xq3f_, .PromoFuture-blueButtonFill-1sNx0i {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    padding: 30px 98px;
    border-radius: 10px;
    border: solid 1px rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.25);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.PromoFuture-transparentButton-3XxuOf:hover {
        cursor: pointer;
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }

.PromoFuture-blueButton-2xq3f_:hover {
        cursor: pointer;
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }

.PromoFuture-blueButtonFill-1sNx0i:hover {
        cursor: pointer;
        color: undefined;
        color: var(--color_primary_hover);
        border-color: undefined;
        border-color: var(--color_primary_hover);
    }

.PromoFuture-blueButton-2xq3f_ {
    border: undefined;
    border: 1px solid var(--color_primary);
    background-color: rgba(255, 255, 255, 0);
    color: undefined;
    color: var(--color_primary);
}

.PromoFuture-blueButtonFill-1sNx0i {
    background-color: undefined;
    background-color: var(--color_primary);
    color: #fff;
}

.PromoFuture-blueButtonFill-1sNx0i {
    background-color: undefined;
    background-color: var(--color_primary);
    color: #fff;
}

.PromoFuture-blueButtonFill-1sNx0i:hover {
        background-color: undefined;
        background-color: var(--color_primary_hover);
        color: #fff;
    }

.PromoFuture-blueButtonFill-1sNx0i:hover {
        background-color: undefined;
        background-color: var(--color_primary_hover);
        color: #fff;
    }

.PromoFuture-h2-33nXWE {
    font-size: 50px;
    font-weight: bold;
    color: #212121;
    margin-bottom: 40px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.PromoFuture-fz60-3J73I8 {
    font-size: 60px;
}

.PromoFuture-fz50-1QIj75 {
    font-size: 50px;
}

.PromoFuture-fz40-2SJbzz {
    font-size: 40px;
}

.PromoFuture-fz30-2P0aIK {
    font-size: 30px;
}

.PromoFuture-fz24-2RytyY {
    font-size: 24px;
}

.PromoFuture-fz20-1fep3s {
    font-size: undefined;
    font-size: var(--fontSize_h2);
}

.PromoFuture-link-qPKYH9 {
    text-decoration: none;
    color: undefined;
    color: var(--color_primary);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.PromoFuture-link-qPKYH9:hover {
        color: undefined;
        color: var(--color_primary_hover);
    }

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

.PromoFuture-lightBlue-JUZMdp {
    color: undefined;
    color: var(--color_primary_hover);
}

.PromoFuture-darkGray-2sqfs9 {
    color: undefined;
    color: var(--color_darkGray);
}

.PromoFuture-blue-2-mO3W {
    color: undefined;
    color: var(--color_primary);
}

.PromoFuture-darkRed-2k9hTZ {
    color: undefined;
    color: var(--color_darkRed);
}

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

.PromoFuture-orange-1y5qoF {
    color: undefined;
    color: var(--color_orange);
}

.PromoFuture-green-3WDvXv {
    color: undefined;
    color: var(--color_green);
}

.PromoFuture-statsGradient-3AYZnt {
    position: absolute;
    top: 442px;
    left: 0;
    height: 150px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
    background-image: linear-gradient(to bottom, #f9f9f9, #fff);
}

.PromoFuture-statsGradient-3AYZnt::before, .PromoFuture-statsGradient-3AYZnt::after {
        content: "";
        position: absolute;
        top: -25px;
        height: 100%;
        width: 100px;
    }

.PromoFuture-statsGradient-3AYZnt::before {
        left: 0;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(5%, white), color-stop(15%, white), to(rgba(255, 255, 255, 0)));
        background-image: linear-gradient(to right, white 5%, white 15%, rgba(255, 255, 255, 0));
    }

.PromoFuture-statsGradient-3AYZnt::after {
        right: 0;
        background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, white), color-stop(15%, white), to(rgba(255, 255, 255, 0)));
        background-image: linear-gradient(to left, white 5%, white 15%, rgba(255, 255, 255, 0));
    }

.PromoFuture-parallax-tMOem7 {
    position: relative;
    top: 150px;
}

/* tablets */

@media screen and (max-width: 1325px) {
    .PromoFuture-c1screen-3MsGUa {
        overflow: auto;
        max-width: initial !important;
        min-width: initial !important;
    }
    .PromoFuture-firstBlock_container-3Vk40B {
        background-size: 100% 500px, 100% 300px, 100% 100%;
    }
}

@media screen and (max-width: 1280px) {
    .PromoFuture-pageTitle-1LR2jY, .PromoFuture-pageTitleDesc-2DG7wa {
        padding-left: 0 !important;
        width: 622px !important;
    }

    .PromoFuture-c1screen-3MsGUa {
        background-image: none !important;
    }
        .PromoFuture-featuredBlock_item-cGUVsm {
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            opacity: 1;
        }
            .PromoFuture-featuredBlock_item-cGUVsm .PromoFuture-h2-33nXWE.PromoFuture-lightRed-_zcptF {
                color: undefined;
                color: var(--color_lightRed);
            }
            .PromoFuture-featuredBlock_item-cGUVsm .PromoFuture-h2-33nXWE.PromoFuture-darkGray-2sqfs9 {
                color: undefined;
                color: var(--color_primary);
            }
            .PromoFuture-featuredBlock_item-cGUVsm .PromoFuture-flex-jAm27B {
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            }
                .PromoFuture-featuredBlock_item-cGUVsm .PromoFuture-flex-jAm27B > div:first-child {
                    margin-bottom: 40px;
                }
            .PromoFuture-featuredBlock_flex-2axf36 .PromoFuture-featuredBlock_item-cGUVsm {
                height: -webkit-fit-content;
                height: -moz-fit-content;
                height: fit-content;
            }

}

@media screen and (max-width: 1024px) {
        .PromoFuture-featuredBlock_flex-2axf36 {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            margin-bottom: 40px;
        }
            .PromoFuture-featuredBlock_flex-2axf36 .PromoFuture-featuredBlock_item-cGUVsm {
                height: -webkit-fit-content;
                height: -moz-fit-content;
                height: fit-content;
            }
                .PromoFuture-featuredBlock_flex-2axf36 .PromoFuture-featuredBlock_item-cGUVsm:first-child {
                    margin-right: 0;
                }
    .PromoFuture-benefits_152-343BFk {
        margin: 200px 40px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
        .PromoFuture-benefits_152-343BFk .PromoFuture-h2-33nXWE {
            margin-bottom: 240px;
        }
        .PromoFuture-benefits_152_numbers-1Lcs06 {
            font-size: 200px;
        }
        .PromoFuture-benefits_152-343BFk .PromoFuture-flex-jAm27B {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        }
            .PromoFuture-benefits_152-343BFk .PromoFuture-flex-jAm27B > div:first-child {
                margin-bottom: 40px;
            }
}

@media screen and (max-width: 851px) {
    .PromoFuture-benefits_152_numbers-1Lcs06 {
        top: 202px;
    }
}

/* phones */

@media screen and (max-width: 767px) {
    .PromoFuture-pageTitle-1LR2jY {
        font-size: 45px !important;
        padding: 0 20px;
    }
    .PromoFuture-pageTitleDesc-2DG7wa {
        font-size: undefined !important;
        font-size: var(--fontSize_h2) !important;
    }
    .PromoFuture-pageTitle-1LR2jY, .PromoFuture-pageTitleDesc-2DG7wa {
        max-width: 450px;
        width: auto !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .PromoFuture-pageTitleButton-14AKnT {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
    }
    .PromoFuture-h2-33nXWE {
        font-size: 40px !important;
    }

    .PromoFuture-c1screen-3MsGUa {
        padding: 100px 40px !important;
    }
        .PromoFuture-c1screen-3MsGUa > img:last-child, .PromoFuture-c1screen-3MsGUa > img:first-child {
            display: none;
        }
    .PromoFuture-quoteBlock-17JZRS {
        padding: 0 40px;
        width: auto !important;
    }
        .PromoFuture-quoteBlock-17JZRS .PromoFuture-quoteText-3fqHwS {
            font-size: 24px !important;
        }
        .PromoFuture-featuredBlock_flex-2axf36 > .PromoFuture-featuredBlock_item-cGUVsm:last-child > div:not(.PromoFuture-darkGray-2sqfs9) {
            -webkit-transform: translate(-40px, -50px) !important;
                    transform: translate(-40px, -50px) !important;
        }
        .PromoFuture-featuredBlock_container-vRXXCI {
            padding: 0;
        }
        .PromoFuture-featuredBlock_item-cGUVsm {
            font-size: 30px !important;
            width: 100% !important;
            padding: 60px 40px 40px !important;
        }
            .PromoFuture-featuredBlock_item_img-2T_7ch {
                text-align: center;
                width: calc(100% + 80px) !important;
                left: -40px !important;
            }
            .PromoFuture-featuredBlock_item-cGUVsm .PromoFuture-fz40-2SJbzz {
                font-size: 30px !important;
            }
            .PromoFuture-featuredBlock_item-cGUVsm * {
                min-width: auto !important;
                margin-right: 0 !important;
            }
        .PromoFuture-featuredBlock-3uJ3LC > .PromoFuture-featuredBlock_item-cGUVsm:nth-child(1) > .PromoFuture-featuredBlock_item_img-2T_7ch > img {
            width: 613px !important;
        }
        .PromoFuture-featuredBlock-3uJ3LC > .PromoFuture-featuredBlock_item-cGUVsm:nth-child(2) > .PromoFuture-featuredBlock_item_img-2T_7ch > img,
        .PromoFuture-featuredBlock-3uJ3LC > .PromoFuture-featuredBlock_item-cGUVsm:nth-child(3) > .PromoFuture-featuredBlock_item_img-2T_7ch > img,
        .PromoFuture-featuredBlock-3uJ3LC > .PromoFuture-featuredBlock_item-cGUVsm:nth-child(4) > .PromoFuture-featuredBlock_item_img-2T_7ch > img {
            width: 800px !important;
        }
        .PromoFuture-featuredBlock-3uJ3LC > .PromoFuture-featuredBlock_item-cGUVsm:nth-child(6) > .PromoFuture-featuredBlock_item_img-2T_7ch > img {
            width: 700px !important;
        }
    .PromoFuture-benefits_152-343BFk {
        padding: 40px;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
        .PromoFuture-benefits_152-343BFk .PromoFuture-flex-jAm27B > div:first-child {
            min-width: auto !important;
            margin-right: 0 !important;
        }
        .PromoFuture-benefits_152-343BFk .PromoFuture-h2-33nXWE {
            margin-bottom: 170px;
            color: undefined;
            color: var(--color_primary);
        }
        .PromoFuture-benefits_152-343BFk .PromoFuture-fz40-2SJbzz {
            font-size: 30px !important;
        }
        .PromoFuture-benefits_152_numbers-1Lcs06 {
            font-size: 120px;
            top: 140px;
            left: 20px;
        }
        .PromoFuture-benefits_cards_item-XC2E5h.PromoFuture-double-2dFIer {
            width: 300px;
        }
            .PromoFuture-benefits_cards_item-XC2E5h.PromoFuture-double-2dFIer .PromoFuture-flex-jAm27B {
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            }
                .PromoFuture-benefits_cards_item-XC2E5h.PromoFuture-double-2dFIer .PromoFuture-flex-jAm27B > div:first-child {
                    margin-bottom: 40px;
                }
            .PromoFuture-benefits_cards_item_text-8uA-hd {
                font-size: 25px;
                margin-right: 0 !important;
            }
        .PromoFuture-benefits_cards_item-XC2E5h:last-child .PromoFuture-benefits_cards_item_head-gyAh56 {
            font-size: 40px;
        }
    .PromoFuture-learnMore_cards-2zVQFa {
        margin-top: -2px;
        margin-bottom: 40px;
    }
        .PromoFuture-learnMore_cards_btnContainer-1gWgex.PromoFuture-_mob-2-KRYQ {

        }
    .PromoFuture-reviews-1MK51y {
        height: 50px;
    }
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** 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:-ms-input-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: scroll;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 10;

}
.SendPopup-popup_wrapper-30sQm9 {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: 0 auto;
    padding-bottom: 40px;
    width: 400px;
}
.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:-ms-input-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:-ms-input-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:-ms-input-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.css.map*/