/* Start:/local/templates/lk_auth/css/normalize.css?16880883566052*/
/*! normalize.css v8.0.0 | 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;
}

/**
 * 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 {
  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 */
  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 {
  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"] {
  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;
}

/* End */


/* Start:/local/templates/lk_auth/css/main.css?1688088356135032*/
/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  border: 0;
  height: 1px;
  padding: 0;
  margin: 8px 0;
  background-color: #e5e5e5;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/lk_auth/css/../fonts/roboto-light-webfont.eot');
  src: url('/local/templates/lk_auth/css/../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/lk_auth/css/../fonts/roboto-light-webfont.woff2') format('woff2'), url('/local/templates/lk_auth/css/../fonts/roboto-light-webfont.woff') format('woff'), url('/local/templates/lk_auth/css/../fonts/roboto-light-webfont.ttf') format('truetype'), url('/local/templates/lk_auth/css/../fonts/roboto-light-webfont.svg#robotolight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/lk_auth/css/../fonts/roboto-lightitalic-webfont.eot');
  src: url('/local/templates/lk_auth/css/../fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/lk_auth/css/../fonts/roboto-lightitalic-webfont.woff2') format('woff2'), url('/local/templates/lk_auth/css/../fonts/roboto-lightitalic-webfont.woff') format('woff'), url('/local/templates/lk_auth/css/../fonts/roboto-lightitalic-webfont.ttf') format('truetype'), url('/local/templates/lk_auth/css/../fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/lk_auth/css/../fonts/roboto-regular-webfont.eot');
  src: url('/local/templates/lk_auth/css/../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/lk_auth/css/../fonts/roboto-regular-webfont.woff2') format('woff2'), url('/local/templates/lk_auth/css/../fonts/roboto-regular-webfont.woff') format('woff'), url('/local/templates/lk_auth/css/../fonts/roboto-regular-webfont.ttf') format('truetype'), url('/local/templates/lk_auth/css/../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/lk_auth/css/../fonts/roboto-italic-webfont.eot');
  src: url('/local/templates/lk_auth/css/../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/lk_auth/css/../fonts/roboto-italic-webfont.woff2') format('woff2'), url('/local/templates/lk_auth/css/../fonts/roboto-italic-webfont.woff') format('woff'), url('/local/templates/lk_auth/css/../fonts/roboto-italic-webfont.ttf') format('truetype'), url('/local/templates/lk_auth/css/../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/lk_auth/css/../fonts/roboto-medium-webfont.eot');
  src: url('/local/templates/lk_auth/css/../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/lk_auth/css/../fonts/roboto-medium-webfont.woff2') format('woff2'), url('/local/templates/lk_auth/css/../fonts/roboto-medium-webfont.woff') format('woff'), url('/local/templates/lk_auth/css/../fonts/roboto-medium-webfont.ttf') format('truetype'), url('/local/templates/lk_auth/css/../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/lk_auth/css/../fonts/roboto-mediumitalic-webfont.eot');
  src: url('/local/templates/lk_auth/css/../fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/lk_auth/css/../fonts/roboto-mediumitalic-webfont.woff2') format('woff2'), url('/local/templates/lk_auth/css/../fonts/roboto-mediumitalic-webfont.woff') format('woff'), url('/local/templates/lk_auth/css/../fonts/roboto-mediumitalic-webfont.ttf') format('truetype'), url('/local/templates/lk_auth/css/../fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/lk_auth/css/../fonts/roboto-bold-webfont.eot');
  src: url('/local/templates/lk_auth/css/../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/lk_auth/css/../fonts/roboto-bold-webfont.woff2') format('woff2'), url('/local/templates/lk_auth/css/../fonts/roboto-bold-webfont.woff') format('woff'), url('/local/templates/lk_auth/css/../fonts/roboto-bold-webfont.ttf') format('truetype'), url('/local/templates/lk_auth/css/../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/lk_auth/css/../fonts/roboto-bolditalic-webfont.eot');
  src: url('/local/templates/lk_auth/css/../fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/lk_auth/css/../fonts/roboto-bolditalic-webfont.woff2') format('woff2'), url('/local/templates/lk_auth/css/../fonts/roboto-bolditalic-webfont.woff') format('woff'), url('/local/templates/lk_auth/css/../fonts/roboto-bolditalic-webfont.ttf') format('truetype'), url('/local/templates/lk_auth/css/../fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'als_rublregular';
  src: url('/local/templates/lk_auth/css/../fonts/rouble_sign-webfont.eot');
  src: url('/local/templates/lk_auth/css/../fonts/rouble_sign-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/lk_auth/css/../fonts/rouble_sign-webfont.woff2') format('woff2'), url('/local/templates/lk_auth/css/../fonts/rouble_sign-webfont.woff') format('woff'), url('/local/templates/lk_auth/css/../fonts/rouble_sign-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
*,
*::before,
*::after {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#index-map *,
#index-map *::before,
#index-map *::after {
  max-width: none;
}

*:focus { outline: none; }

html { height: 100%; margin: 0; }
body { margin: 0; overflow: auto; min-width: 1280px; height: 100%; font: 15px/1.8 'Roboto', sans-serif; font-weight: 400; letter-spacing: 0px; color: #455573 ; background: #989696;
  -webkit-font-smoothing: antialiased;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

h1, .h1 { font: 26px/1.1 'Roboto', sans-serif; font-weight: 400; margin: 0; color: #ffffff; }
h2, .h2 { font: 22px/1.2 'Roboto', sans-serif; font-weight: 400; margin: 0 0 0.6em; color: #283142; }
h3, .h3 { font: 20px/1.2 'Roboto', sans-serif; font-weight: 400; margin: 0 0 0.8em; color: #283142; }
h4, .h4 { font: 18px/1.2 'Roboto', sans-serif; font-weight: 400; margin: 0 0 0.8em; color: #283142; }
h5, .h5 { font: 15px/1.2 'Roboto', sans-serif; font-weight: 700; margin: 0 0 0.8em; color: #283142; }
h6, .h6 { font: 13px/1.2 'Roboto', sans-serif; font-weight: 400; margin: 0 0 0.8em; color: #283142; }

p { font: 15px/1.8 'Roboto', sans-serif; font-weight: 400; margin: 0 0 1.8em; letter-spacing: 0.025em; color: #455573; }
* > p:last-child  { margin: 0; }

a { text-decoration: none; color: #111111; }

ul, ol { margin: 0; padding: 0; }
b, strong { font-weight: 700; }

img { border: 0; vertical-align: middle; }
.input, .textarea, .button { font: 13px/1 'Roboto', sans-serif; font-weight: 400; color: inherit; border: 0; border-radius: 0; margin: 0; padding: 0; background: none; overflow: hidden; resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

input::-webkit-input-placeholder {color: rgba(0,0,0, 0.5);}
input::-moz-placeholder          {color: rgba(0,0,0, 0.5);}
input:-moz-placeholder           {color: rgba(0,0,0, 0.5);}
input:-ms-input-placeholder      {color: rgba(0,0,0, 0.5);}

body input:focus::-webkit-input-placeholder {color: transparent}
body input:focus::-moz-placeholder          {color: transparent}
body input:focus:-moz-placeholder           {color: transparent}
body input:focus:-ms-input-placeholder      {color: transparent}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 96px;
  height: 24px;
  text-transform: uppercase;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 11px;
  color: #ffffff;
  background-color: #3dc466;
  border: 1px solid #3aba61;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.btn:hover {
  background-color: #64d085;
}
.btn-big {
  width: auto;
  height: 30px;
  min-width: 78px;
  padding: 0 12px;
  font-weight: 700;
}
.btn:not(.disabled):hover {
  background-color: #64d085;
  border-color: #64d085;
}
.btn.disabled {
  color: #bfbfbf;
  background-color: #fff;
  border-color: #d9d9d9;
  cursor: default;
}
.btn-green2 { background-color: #37b05c; border-color: #37b05c; }
.btn-green2:not(.disabled):hover { background-color: #9ee1b2; border-color: #9ee1b2; }
.btn-blue1 { background-color: #2bc1f8; border-color: #2bc1f8; }
.btn-blue1:not(.disabled):hover { background-color: #55cdf9; border-color: #55cdf9; }
.btn-blue2 { background-color: #27addf; border-color: #27addf; }
.btn-blue2:not(.disabled):hover { background-color: #95e0fb; border-color: #95e0fb }
.btn-grey1 { background-color: #bfbfbf; border-color: #bfbfbf; }
.btn-grey1:not(.disabled):hover { background-color: #cccccc; border-color: #cccccc; }
.btn-grey2 { background-color: #acacac; border-color: #acacac; }
.btn-grey2:not(.disabled):hover { background-color: #dfdfdf; border-color: #dfdfdf; }
.btn-grey-trans { background-color: transparent; border-color: #cccccc; color: #bfbfbf; }
.btn-grey-trans:not(.disabled):hover { border-color: #cccccc; background-color: #cccccc; color: #fff; }

.btn.btn-invite {
  font-weight: 700;
  color: #3e464c;
  border-color: #d3d3d3;
  background: #ffffff;
}
.btn.btn-invite:hover {
  color: #3aba61;
  border-color: #3aba61;
  background: #ffffff;
}
.btn svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  fill: #ffffff;
  margin-right: 8px;
}

.round-incr-decr-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.round-incr-decr-wrap input {
  width: 16px;
  color: #3f3f3f;
  text-align: center;
}
.round-incr-decr {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 8px;
  background-color: rgba(62,70,76, 0.5);
  border-radius: 50%;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  cursor: pointer;
}
.round-incr-decr:hover {
  background-color: rgba(62,70,76, 0.75);
}
.round-incr-decr::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 7px;
  width: 8px;
  height: 2px;
  background-color: #f7f7f7;
}
.round-decr::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 4px;
  width: 2px;
  height: 8px;
  background-color: #f7f7f7;
}

.btns-test {
  padding: 40px;
}
.btns-test .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.btns-test .item {
  margin: 0 22px 22px 0;
}

.AppInner {
  /*text-align: center;*/
  /*background-color: #ccc;*/
}

.page-width {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

#root {}

.full-screen-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  min-height: 0;
}
.full-screen-wrap .header-wrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.full-screen-wrap .full-screen {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  height: 100%;
}
.full-screen-wrap .full-screen .page-width {
  height: 100%;
}
.full-screen-wrap .full-screen .content-wrapper {
  height: 100%;
  overflow: hidden;
}
/*_::-webkit-full-page-media,*/
/*_:future,*/
/*:root .safari_only {*/
  /**/
/*}*/
.full-screen-wrap .content {
  max-width: none;
  width: 1300px;
  height: 100%;
  overflow: auto;
}
.full-screen-wrap .content-inner {
  width: 1248px;
  min-height: 100%;
}

.content-wrapper {
  /*margin-top: 242px;*/
  /*padding: 16px;*/
  /*background-color: #ededed;*/
  border: 16px solid #ededed;
}
.xt-content-wrapper {
  position: relative;
}
.xt-content-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: none;
  border: 16px solid #8cd7f3;
  pointer-events: none;
}
.switchboard-xt-bg {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  width: 564px;
  border-right: 1px solid rgba(0,0,0, 0.6);
  pointer-events: none;
}
.switchboard-xt-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  border: 16px solid #95d8a9;
  border-right: none;
}
.content {
  position: relative;
  background-color: #fff;
}

.header-fixed {
  /*position: fixed;*/
  /*top: 0;*/
  /*left: 0;*/
  /*width: 100%;*/
}
header {
  background-color: #363d42;
}
.header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 18px 16px 11px;
}
header .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-top .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 30px;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  cursor: pointer;
}
.header-top .logo:hover {
  opacity: 0.8;
}
.header-top .logo span {
  margin-left: 10px;
  font-size: 14px;
  color: rgba(255,255,255, 0.9);
}
header .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 18px;
}
header .hand-icon svg {
  fill: #ff4b4b;
}
header .star-icon svg {
  fill: #ffcd07;
}
header .calc-icon svg {
  fill: #3dc365;
}
header h1 {
  margin-right: 16px;
}
.head-summ {
  height: 18px;
  margin-right: 8px;
  padding: 0 3px;
  font-size: 11px;
  line-height: 18px;
  border: 1px solid;
  border-radius: 2px;
  font-weight: 500;
  color: #fff;
}
.head-summ.green {
  border-color: #3dc466;
  color: #3dc466;
}
.head-summ.red {
  border-color: #ff4c4c;
  color: #ff4c4c;
}
.header-top-funcbtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.header-top-funcbtns .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 30px;
}
.open-right-menu {
  cursor: pointer;
}
.hide-navigation {
  cursor: pointer;
}
.header-top-funcbtns svg {
  opacity: 0.8;
  fill: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.header-top-funcbtns svg:hover {
  opacity: 0.6;
}
.header-top-funcbtns .show-hints-wrap {
  position: relative;
  width: 21px;
  height: 21px;
  line-height: 0;
}
.header-top-funcbtns .show-hints {
  position: absolute;
  left: 100px;
  top: 50px;
  width: 100%;
  height: 100%;
  -webkit-transition: left 0.2s 0.2s linear, top 0.1s 0.2s linear;
  transition: left 0.2s 0.2s linear, top 0.1s 0.2s linear;
  cursor: pointer;
}
.menu-hidden .header-top-funcbtns .show-hints {
  left: 0;
  top: 0;
  -webkit-transition: left 0.2s 0s linear, top 0.15s 0.15s linear;
  transition: left 0.2s 0s linear, top 0.15s 0.15s linear;
}
.header-top-funcbtns .show-hints svg {
  fill: #fff;
  opacity: 0.2;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.header-top-funcbtns .show-hints svg:hover {
  opacity: 0.6;
}

.header-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 12px 16px;
}
nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
nav a {
  padding: 3px 12px 2px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  color: rgba(255,255,255, 0.6);
  border-radius: 2px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
nav a:hover {
  color: #fff;
}
nav a.active {
  color: #363d42;
  background: rgba(255,255,255, 0.8);
}
.header-bottom-funcbtns {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.header-bottom-funcbtns svg {
  fill: #fff;
  opacity: 0.2;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.header-bottom-funcbtns svg:hover {
  opacity: 0.6;
}
.header-bottom-funcbtns .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 30px;
}
.show-navigation-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-bottom-funcbtns .show-navigation-wrap {
  margin-top: -90px;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.header-bottom-funcbtns .show-navigation-wrap svg {
  opacity: 0.8;
}
.header-bottom-funcbtns .show-navigation-wrap svg:hover {
  opacity: 0.6;
}
.header-bottom-funcbtns .show-hints-wrap {
  position: absolute;
  left: 100%;
  margin-left: -21px;
  bottom: -10px;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.menu-hidden .header-bottom-funcbtns .show-navigation-wrap {
  margin-top: 0;
}
.menu-hidden .header-bottom-funcbtns .show-hints-wrap {
  left: 0;
  bottom: -2px;
}

.left-menu-wrap {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 100vh;
  height: 100%;
  background-color: #fff;
}
.left-menu {
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 200;
  top: 0;
  max-width: none;
  width: 312px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.left-menu.show {
  opacity: 1;
  pointer-events: auto;
}
.left-menu-close {
  position: fixed;
  left: 0;
  top: 0;
  max-width: none;
  width: 100vw;
  height: 100%;
  cursor: pointer;
}
.left-menu-head {
  position: relative;
  padding: 18px 16px 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: url("/local/templates/lk_auth/css/../img/left-menu-bg.jpg") center center / cover no-repeat;
}
.left-menu .title {
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  color: #ffffff;
}
.left-menu .user-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
}
.left-menu .logout {
  cursor: pointer;
}
.left-menu .logout svg {
  margin-left: 8px;
  fill: #ffffff;
  opacity: 0.8;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.left-menu .logout:hover svg {
  opacity: 1;
}
.left-menu-body-wrap {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-height: 100%;
  overflow: hidden;
}
.left-menu-body-wrap::before,
.left-menu-body-wrap::after {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 24px;
  background: linear-gradient(#fff 0%, #fff 6px, rgba(255,255,255, 0) 100%);
  pointer-events: none;
}
.left-menu-body-wrap::after {
  top: auto;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.left-menu-body {
  max-height: 100%;
  max-width: none;
  width: 350px;
  padding: 16px 0 24px;
  overflow: auto;
}
.menu-list-wrap {
  width: 312px;
}
.menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 8px 0;
  border-top: 1px solid #e5e5e5;
}
.menu-list:first-child {
  border-top: none;
}
.menu-list .elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 0 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #3e464c;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.menu-list .elem-text {
  padding: 0 18px;
  font-size: 13px;
  line-height: 1.5em;
  color: #7f7f7f;
}
.menu-list .icon {
  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;
  width: 20px;
  margin-right: 34px;
}
.menu-list svg {
  fill: #3d454b;
  opacity: 0.5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.menu-list a.elem:hover {
  background: #f7f7f7;
}
.menu-list a.elem.active {
  color: #3dc466;
}
.menu-list a.elem.active svg {
  opacity: 1;
  fill: #3dc365;
}
.right-menu-wrap {
  position: absolute;
  top: 0;
  right: 0;
  max-height: 100vh;
  height: 100%;
  background-color: #fff;
}
.right-menu {
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 200;
  top: 0;
  max-width: none;
  width: 320px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.right-menu.show {
  opacity: 1;
  pointer-events: auto;
}
.right-menu-close {
  position: fixed;
  right: 0;
  top: 0;
  max-width: none;
  width: 100vw;
  height: 100%;
  cursor: pointer;
}
.right-menu-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /*flex-direction: column;*/
  padding: 15px 20px 20px 72px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.1);
  box-shadow: 0 1px 1px rgba(0,0,0, 0.1);
}
.right-menu .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 12px;
  font-size: 26px;
  color: #3f3f3f;
}
.right-menu .btn {
  margin-top: 24px;
}
.right-menu .right-container {
  margin-left: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.right-menu .right-container svg {
  opacity: 0.5;
  fill: #3d454b;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.right-menu .right-container:hover svg {
  opacity: 1;
  fill: #3dc365;
}
.right-menu .right-search {
  cursor: pointer;
}
.right-menu .right-sort {
  position: relative;
  cursor: pointer;
}
.right-menu .right-sort {}
.right-menu .right-sort .drop-down-items {
  left: auto;
  right: -16px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.right-menu .sort-by {}
.right-menu .sort-by .active .show-hover {
  opacity: 1;
}
.right-menu .sort-by-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.right-menu .sort-by-icon span {
  height: 2px;
  margin: 1px 0;
  background-color: #b2b2b2;
}
.right-menu .sort-by-icon span:nth-child(2) { width: 8px; }
.right-menu .sort-by-icon span:nth-child(3) { width: 6px; }
.right-menu .sort-by-icon span:nth-child(4) { width: 4px; }
.right-menu .sort-by .sort-asc:hover .show-hover .sort-by-icon {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.right-filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.right-filter {}
.right-filter-current {
  font-size: 13px;
  color: #3f3f3f;
  cursor: pointer;
}
.right-filter-current svg {
  fill: #3d454b;
  opacity: 0.5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.right-filter:hover svg {
  opacity: 1;
}
.right-menu-body-wrap {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-height: 100%;
  overflow: hidden;
}
.right-menu-body-wrap::before,
.right-menu-body-wrap::after {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 24px;
  background: linear-gradient(#fff 0%, #fff 6px, rgba(255,255,255, 0) 100%);
  pointer-events: none;
}
.right-menu-body-wrap::after {
  top: auto;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.right-menu-body {
  max-height: 100%;
  height: 100%;
  max-width: none;
  width: 370px;
  padding: 16px 0 24px;
  overflow: auto;
}
.projects-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.projects-list.crop-over {
  overflow: hidden;
}
.projects-list .project-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.projects-list .project-item-wrap.hovered,
.projects-list .project-item-wrap:hover {
  background-color: #f7f7f7;
}
.projects-list .project-item-before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  margin-right: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.projects-list .project-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 216px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.projects-list .project-item-after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  margin-left: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
}
.projects-list .project-submenu {
  left: auto;
  right: 16px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.projects-list .project-item-after svg {
  fill: #000000;
  opacity: 0;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.projects-list .project-item-wrap:hover svg {
  opacity: 0.5;
}
.projects-list .project-item-after:hover svg {
  opacity: 0.8;
}
.projects-list .project-item-after.open svg {
  opacity: 0.8;
}
.projects-list .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 4px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 13px;
  line-height: 1em;
  color: #000000;
}
.projects-list .icons-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.projects-list .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.projects-list .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 18px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.projects-list .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 1.4em;
  color: #3f3f3f;
}
.projects-list .type {
  font-size: 13px;
  line-height: 1.4em;
  color: #9f9f9f;
}
.for-admin .right-menu {
  width: 350px;
}
.for-admin .projects-list {
  width: 350px;
  min-height: 100%;
}
.for-admin .projects-list .project-item-before {
  width: 70px;
}
.for-admin .project-alerts {
  font-size: 13px;
  color: #ff4c4c;
}

@media (min-width: 1920px){
  /*.left-menu {*/
    /*transform: translate3d(-100%,0,0);*/
  /*}*/
  .right-menu {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 0;
  }
  .right-menu-close {
    position: fixed;
    right: calc((1280px - 100vw)/2);
    top: 0;
    max-width: none;
    width: 100vw;
    height: 100%;
  }
}

@media (max-width: 400px){
  .right-menu-close {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 12px;
    right: 12px;
    z-index: 20;
  }
  .right-menu-close::before,
  .right-menu-close::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background: #e24636;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .right-menu-close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.panel {
  position: relative;
  z-index: 100;
  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: 11px;
  color: #3e464c;
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03), 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03), 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px;
}
.panel-bottom-wrap {
  height: 69px;
  border-top: 1px solid #dfdfdf;
}
.panel-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px;
}
.panel-bottom-second {
  display: none;
}
.func-btns-case-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px;
  border-left: 1px solid #dfdfdf;
}
.func-btns-case-wrap:first-child {
  padding-left: 0px;
  border: none;
}
.func-btns-case-wrap:first-child .func-btns-wrap:first-child {
  margin-left: 0px;
}
.func-btns-case-wrap:last-child {
  padding-right: 0px;
  margin-left: auto;
}
.func-btns-case-wrap:last-child .func-btns-wrap:last-child {
  margin-right: 0px;
}
.func-btns-case-wrap.variant-choice {
  cursor: pointer;
}
.func-btns-case-wrap.variant-choice .func-btn {
  color: rgba(62,70,76, 0.5);
}
.func-btns-case-wrap.variant-choice .selected .func-btn {
  color: rgba(62,70,76, 1);
}
.func-btns-case-wrap .valid-variant .func-btn.func-btn-green {
  color: #37b05c;
}
.func-btns-case-wrap.variant-choice .selected {
  position: relative;
}
.func-btns-case-wrap.variant-choice .selected::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -17px;
  width: 100%;
  height: 3px;
  background: #6d7377;
}
.func-btns-case-wrap.variant-choice .selected .case-title {
  opacity: 1;
}
.func-btns-case-wrap.variant-choice .func-btn-micro svg {
  opacity: 1;
  fill: #ff4c4c;
}
.func-btns-case-wrap.variant-choice .valid-variant .func-btn-micro svg {
  opacity: 0;
}
.func-btns-case-wrap.variant-choice .valid-variant .func-btn-micro {
  background: #3dc466 url("/local/templates/lk_auth/css/../img/checkbox.png") center center no-repeat;
}
.func-btns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 8px;
}
.func-btns-wrap.unchangeable .case-title {
  opacity: 0.5;
}
.func-btns-wrap.unchangeable .func-btn {
  color: rgba(62,70,76, 0.5);
  border-color: #d3d3d3;
  cursor: default;
}
.func-btns-wrap.unchangeable .func-btn svg {
  opacity: 0.25;
}
.func-btns-wrap.unchangeable .drop-down-items {
  display: none !important;
}
.func-btns-wrap-special {
  position: relative;
}
.func-btns-wrap-special::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -17px;
  width: 100%;
  height: 3px;
  background: #6d7377;
}
.func-btns-wrap-special .case-title {
  opacity: 1;
}
.func-btns-wrap-special .func-btn-micro {
  width: 30px;
  background: #ff9600;
  color: #fff;
}
.func-btns-wrap-special .func-btn-micro .drop-down svg {
  fill: #fff;
  opacity: 1;
}
.func-btns-wrap-verification {}
.func-btns-wrap-verification .text-cropped {
  width: 48px;
  background: #72787d;
}
.func-btns-wrap-verification .cropped {
  max-width: 100%;
  overflow: hidden;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.func-btns-wrap-verification .confirmation {
  background: #3dc466 url(/local/templates/lk_auth/css/../img/checkbox.png) center center no-repeat;
}
.func-btns-wrap-verification .cancel-confirmation {
  background: #ff4c4c;
}
.func-btns-wrap-verification .cancel-confirmation svg {
  opacity: 1;
  fill: #ffffff;
}
.func-btns-case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.case-title {
  position: relative;
  margin: -9px 0 2px 0;
  opacity: 0.75;
}
.label-new {
  position: relative;
  fill: #3dc466;
  fill-rule: evenodd;
  right: -4px;
}
.label-soon {
  position: relative;
  fill: #3dc466;
  fill-rule: evenodd;
  right: -6px;
}
.label-bule {
  fill: #2bc1f7;
}
.func-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-right: 8px;
}
.func-btns:last-child {
  padding-right: 0;
}
.func-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  /*line-height: 1.4em;*/
  /*line-height: 24px;*/
  padding: 0 7px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.func-btn.flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.func-btn.weight-bold {
  font-weight: 700;
}
.func-btn .text {
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.func-btn-incr-decr-wrap {}
.func-btn-incr-decr-wrap .incr-decr::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  margin: -1px 0 0 -5px;
  background: #9ea2a5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.func-btn-incr-decr-wrap .incr::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 10px;
  margin: -5px 0 0 -1px;
  background: #9ea2a5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.func-btn-incr-decr-wrap .incr-decr:hover::before,
.func-btn-incr-decr-wrap .incr-decr:hover::after {
  background: #3e464c;
}
.func-btn-incr-decr-wrap .incr-decr.not-change::before,
.func-btn-incr-decr-wrap .incr-decr.not-change::after {
  background: #cfd1d2;
}
.func-btn-incr-decr-wrap .decr {}
.func-btn-incr-decr .incr {}
.func-btn.func-btn-micro {
  min-width: 24px;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.func-btn.func-btn-smaller {
  min-width: 40px;
}
.func-btn.func-btn-small {
  min-width: 48px;
}
.func-btn.func-btn-medium {
  min-width: 80px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.func-btn.func-btn-above-medium {
  min-width: 100px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.func-btn.func-btn-big {
  min-width: 120px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.func-btn.func-btn-large {
  min-width: 160px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.func-btn.func-btn-green {
  color: #37b05c;
}
.func-btn-before {
  margin-right: 6px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.func-btns-fixed-width .func-btn {
  width: 56px;
  text-align: center;
}
.func-btn svg{
  vertical-align: middle;
  fill: #3e464c;
  fill-rule: nonzero;
  opacity: 0.5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.func-btn.checked svg {
  fill: #fff;
  opacity: 0.9;
}
.func-btn.checked {
  z-index: 1;
  border-color: #61666a;
  background-color: #72787d;
  color: #fff;
}
.func-btn.disabled:not(.func-btn-icon) {
  border-color: #cacaca;
  background-color: #ededed;
  cursor: default;
}
.func-btn.disabled svg {
  opacity: 0.25;
}
.func-btn.disabled .drop-down {
  display: none;
}
.func-btn.disabled-dark:not(.func-btn-icon) {
  border-color: #d3d3d3;
  background-color: #72787d;
  color: #fff;
  cursor: default;
}
.func-btn.disabled-dark svg {
  opacity: 0.25;
}
.func-btn.disabled-dark .drop-down {
  display: none;
}
.func-btn.can-drop-down:not(.func-btn-icon){
  padding-right: 14px;
}
.func-btn .drop-down {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  bottom: 1px;
  top: 0px;
  right: 1px;
  width: 10px;
  /*line-height: 0;*/
}
.func-btn:hover > svg {
  opacity: 0.75;
}
.func-btn.checked:hover > svg {
  fill: #fff;
  opacity: 0.9;
}
.func-btn.interface-switch {}
.func-btn.interface-switch .drop-down-items svg {
  fill: #3e464c;
  opacity: 0.5;
}
.func-btn.interface-switch .drop-down-items .elem-name {
  width: 52px;
  text-align: center;
}
.func-btn-icon {
  width: 40px;
  padding: 0;
}
.func-btn-switch {
  padding: 0 7px;
}
.func-btn-num {
  min-width: 32px;
  padding: 0;
  text-align: center;
}
.func-btn + .func-btn {
  /*margin-left: -1px;*/
  border-left-width: 0;
}
.func-btn:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.func-btn:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.click-drop-down {
  position: relative;
  cursor: pointer;
}
.click-drop-down .drop-icon {
  margin-left: 4px;
}
.click-drop-down .drop-icon svg {
  fill: #000;
  opacity: 0.5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.click-drop-down.open .drop-icon svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.can-drop-down {
  position: relative;
}
.drop-down-items {
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  top: calc(100% + 1px);
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  margin-top: 4px;
  max-width: none;
  min-width: calc(100% + 16px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 8px 0;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0, 0.2);
  box-shadow: 0 1px 10px 1px rgba(0,0,0, 0.2);
  background-color: #fff;
  pointer-events: none;
  opacity: 0;
  /*transition: 0.2s linear;*/
}
.drop-down-items.drop-down-fixed {
  max-height: 157px;
  overflow: hidden;
}
.drop-down-fixed .drop-down-inner {
  max-width: none;
  /*width: calc(100% + 20px);*/
  overflow: auto;
}
.drop-down-fixed .drop-down-elems {}
/*.drop-down-items .elems-list {}*/
.can-drop-down:hover .drop-down-items,
.click-drop-down.open .drop-down-items{
  margin-top: 0;
  pointer-events: auto;
  opacity: 1;
}
.drop-down-items .elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 13px;
  color: #3f3f3f;
  background-color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.drop-down-centered .elem {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.drop-down-items .elem-name {
  padding: 12px 16px;
}
.drop-down-items hr {
  width: 100%;
  height: 1px;
  margin: 8px 0;
  border: none;
  background-color: #e5e5e5;
}
.drop-down-items .elem.unselectable {
  cursor: default;
}
.drop-down-items .elem:not(.unselectable).active,
.drop-down-items .elem:not(.unselectable):hover {
  background-color: #f7f7f7;
}
.drop-down-items .elem-before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 12px;
  margin-left: 16px;
}
.drop-down-items .elem-after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 16px;
  margin-right: 16px;
}
.drop-down-items .show-hover {
  opacity: 0;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.drop-down-items .elem:hover .show-hover {
  opacity: 1;
}
.submit-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: auto;
}
.hide-panel {
  overflow: hidden; /*for IE vertical scroll disable LOL*/
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 100%;
  right: 40px;
  width: 48px;
  height: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f8f8f8;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03), 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03), 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.hide-panel-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hide-panel svg {
  fill: #3e464c;
  fill-rule: nonzero;
  opacity: 0.5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.hide-panel.clicked svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hide-panel-icon.show-second-panel.clicked svg {
  opacity: 0.75;
}
.switch-checked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  cursor: pointer;
}
.switch {
  position: relative;
  width: 22px;
  height: 6px;
  border-radius: 3px;
  background: rgba(0,0,0, 0.2);
}
.switch::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-radius: 3px;
  background-color: #3dc466;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.checked .switch::before {
  width: 100%;
}
.switch::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 0;
  border-radius: 50%;
  background-color: #72787d;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.checked .switch::after {
  left: calc(100% - 12px);
  background-color: #fff;
}
.switch + svg {
  margin-left: 8px;
}

/*start test styles*/
.test-page {}
.test-page .panel {
  z-index: auto;
}
.colors-test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.colors-test .color-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 80px;
}
.colors-test .color-wrap div {
  height: 20px;
}
.colors-test .color-wrap div.big {
  height: 40px;
}

.red1 { background-color: #ff4c4c; opacity: 0.8; /*background-color: #ff7070;*/ }
.red2 { background-color: #ff4c4c; }
.red3 { background-color: #e54444; }

.blue1 { background-color: #2bc1f8; opacity: 0.8; /*background-color: #55cdf9;*/ }
.blue2 { background-color: #2bc1f8; }
.blue3 { background-color: #27addf; }

.yellow1 { background-color: #ffcd07; opacity: 0.8; /*background-color: #ffd739;*/ }
.yellow2 { background-color: #ffcd07; }
.yellow3 { background-color: #e5b806; }

.black1 { background-color: #3e464c; opacity: 0.8; /*background-color: #52595e;*/ }
.black2 { background-color: #3e464c; }
.black3 { background-color: #383f44; }

.green1 { background-color: #3dc466; opacity: 0.8; /*background-color: #64d085;*/ }
.green2 { background-color: #3dc466; }
.green3 { background-color: #37b05c; }

.orange1 { background-color: #ff9600; opacity: 0.8; /*background-color: #ffab33;*/ }
.orange2 { background-color: #ff9600; }
.orange3 { background-color: #e58700; }

.purple1 { background-color: #ad60c2; opacity: 0.8; /*background-color: #bd80ce;*/ }
.purple2 { background-color: #ad60c2; }
.purple3 { background-color: #9b56ae; }

.gray1 { background-color: #bfbfbf; opacity: 0.8; /*background-color: #cccccc;*/ }
.gray2 { background-color: #bfbfbf; }
.gray3 { background-color: #acacac; }

.some-more-test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.some-more-test .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 152px;
  margin-right: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.some-more-test .some-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.cell-color1 { width: 24px; height: 24px; background-color: #000; opacity: 0.5; /*background-color: #7f7f7f;*/ }
.cell-color2 { width: 24px; height: 24px; background-color: #000; opacity: 0.75; /*background-color: #404040;*/ }
.cell-color3 { width: 24px; height: 24px; background-color: #000; opacity: 0.25; /*background-color: #bfbfbf;*/ }
.wrap-dark-bg { background-color: #3e464c; }
.wrap-dark-bg .cell-color1 { width: 24px; height: 24px; background-color: #ffffff; opacity: 0.9; /*background-color: #eceded;*/ }
.wrap-dark-bg .cell-color2 { width: 24px; height: 24px; background-color: #ffffff; opacity: 1; /*background-color: #404040;*/ }
.wrap-dark-bg .cell-color3 { width: 24px; height: 24px; background-color: #ffffff; opacity: 0.5; /*background-color: #9fa3a6;*/ }
.theme-bg .cell-color1 { width: 24px; height: 24px; background-color: #3e464c; opacity: 0.5; /*background-color: #eceded;*/ }
.theme-bg .cell-color2 { width: 24px; height: 24px; background-color: #3e464c; opacity: 0.75; /*background-color: #404040;*/ }
.theme-bg .cell-color3 { width: 24px; height: 24px; background-color: #3e464c; opacity: 0.25; /*background-color: #9fa3a6;*/ }

.some-more-test .simple-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px;
}
.simple-text { font-size: 14px; color: #000000; }
.simple-text.text-light { opacity: 0.9; }
.simple-text.text-blue { color: #2bc1f8; }
.simple-text.text-gray { opacity: 0.5; }
.wrap-dark-bg .simple-text:not(.text-blue) { color: #ffffff; }

.checkbox-radio-test {
  padding: 40px;
}
.checkbox-radio-test .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkbox-radio-test .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 16px;
}
.checkbox-radio-test .radio-item {
  margin-bottom: 16px;
}
.radio-item {
  position: relative;
}
.radio-item input[type="checkbox"],
.radio-item input[type="radio"] {
  position: absolute;
  left: 0;
  opacity: 0;
}
.radio-item label {
  position: relative;
  display: block;
  min-height: 16px;
  padding-left: 28px;
  font-size: 13px;
  color: #3f3f3f;
  cursor: pointer;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.radio-item [type="radio"] + label {
  border-radius: 50%;
}
.radio-item label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  max-width: none;
  width: 16px;
  height: 16px;
  border: 2px solid #7f7f7f;
  border-radius: 2px;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.radio-item [type="radio"] + label::before {
  border-radius: 50%;
}
.radio-item label::after {
  content: '';
  position: absolute;
  opacity: 0;
  left: 0;
  top: 50%;
  max-width: none;
  width: 16px;
  height: 16px;
  background-image: url("/local/templates/lk_auth/css/../img/checkbox.png");
  background-color: #3dc466;
  border-radius: 2px;
  -webkit-transform: translate3d(0,-50%,0) scale(0);
  transform: translate3d(0,-50%,0) scale(0);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.radio-item [type="radio"] + label::after {
  left: 4px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.radio-item [type="checkbox"]:not(:checked) + label::after,
.radio-item [type="radio"]:not(:checked) + label::after {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.radio-item [type="checkbox"]:checked + label::after,
.radio-item [type="radio"]:checked + label::after {
  opacity: 1;
  -webkit-transform: translate3d(0,-50%,0) scale(1);
  transform: translate3d(0,-50%,0) scale(1);
}
.radio-item [type="checkbox"]:checked + label::before,
.radio-item [type="radio"]:checked + label::before {
  border-color: #3dc466;
}
.radio-item [type="checkbox"]:disabled + label::before,
.radio-item [type="radio"]:disabled + label::before {
  border-color: #b2b2b2 !important;
}
.radio-item [type="checkbox"]:disabled + label::after,
.radio-item [type="radio"]:disabled + label::after {
  background-color: #b2b2b2 !important;
}
.radio-item [type="checkbox"]:checked + label:hover,
.radio-item [type="radio"]:checked + label:hover {
  border-color: #64d085;
}
.radio-item label:hover {
  border-color: #64d085;
}
.radio-item label:hover::after {
  background-color: #64d085;
}

.input-text-test {
  padding: 20px 40px;
}
.input-text-test .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.input-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: none;
  margin: 0 -12px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.input-line .input-item {
  width: 100%;
  margin: 12px 0 30px;
  padding: 0 12px;
}
.input-line .radio-item {
  margin: 0 0 18px;
  padding: 0 12px;
}
.input-item .drop-down-items {
  left: auto;
  right: 0;
}
.input-line .input-item .drop-down-items {
  right: 12px;
}
.input-line .input-item.click-drop-down input {
  padding-right: 12px;
}
.input-line .input-item-third {
  width: 33.333%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.input-item {
  position: relative;
  font-size: 13px;
}
.input-item .icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
.input-item .icon svg {
  fill: #3d454b;
  opacity: 0.5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.input-item:hover .icon svg {
  opacity: 0.75;
}
.input-line .input-item .icon {
 right: 12px;
}
.input-item .select-imitator {
  line-height: 2;
  border-bottom: 1px solid #cccccc;
  color: rgba(0,0,0, 0.9);
  cursor: pointer;
}
.input-item input {
  width: 100%;
  font-size: inherit;
  line-height: 2;
  height: 2em;
  color: rgba(0,0,0, 0.9);
  border-bottom: 1px solid #cccccc;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.input-item textarea {
  width: 100%;
  padding: 0.3em 0;
  font-size: inherit;
  height: 3.4em;
  line-height: 1.4;
  color: rgba(0,0,0, 0.9);
  border-bottom: 1px solid #cccccc;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.input-item label {
  display: block;
  line-height: 2;
  color: rgba(0,0,0,0.5);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  pointer-events: none;
}
.input-item:hover input,
.input-item input:focus {
  color: rgba(0,0,0, 1);
  border-bottom: 1px solid #999999;
}
.input-item textarea + label,
.input-item input + label {
  position: absolute;
  top: 0;
}
.input-item:hover label,
.input-item textarea:focus + label,
.input-item input:focus + label {
color: #000;
}
.input-item.changed label,
.input-item textarea:focus + label,
.input-item input:focus + label {
  top: -2em;
}
.input-item.valid input {
  border-bottom: 2px solid #2bc1f8;
}
.input-item.error label {
  color: #ff4c4c;
}
.input-item.error input {
  border-bottom: 2px solid #ff4c4c;
}
.input-item.disabled label {
  color: rgba(0,0,0, 0.25);
}
.input-item.disabled input {
border-bottom: 1px solid #cccccc;
color: rgba(0,0,0, 0.25);
}

/*end test styles*/

/*start project page*/

.project-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.project-column {
  width: 100%;
}
.project-column:not(:last-child) {
  border-right: 1px solid #cccccc;
}
.editable-wrap .not-showed {
  display: none;
}
.editable-wrap.being-edited .not-showed {
  display: block;
}
.editable-wrap.being-edited .showed {
  display: none;
}
.editable-wrap.being-edited .edit-wrap {
  display: none;
}
.project-page .objects {
  width: 333px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.project-page .objects-files {}
.project-page .objects-contractors {
  width: 539px;
}
.project-page .objects-contractors {
  width: 539px;
}
.project-page .objects-contractors .btns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0 0;
}
.project-page .objects-contractors .btns-wrap .btn:last-child {
  margin-left: 10px;
}
.project-page .project-column-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 16px 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: rgba(0,0,0, 0.9);
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0, 0.1);
  box-shadow: 0 1px 2px rgba(0,0,0, 0.1);
}
.project-page .add-object-modal-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.project-page .add-object-modal-btn:hover svg {
  opacity: 0.75;
}
.project-page .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.project-page svg {
  fill: #3e464c;
  opacity: 0.5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.project-page .project-column-body {
  position: relative;
  max-height: calc(100vh - 80px);
  overflow: hidden;
  height: calc(100% - 48px);
}
.project-page .project-column-body::before,
.project-page .project-column-body::after{
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 24px;
  background: linear-gradient(#fff 0%, #fff 6px, rgba(255,255,255, 0) 100%);
  pointer-events: none;
}
.project-page .project-column-body::after{
  top: auto;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.project-page .project-scrolled {
  height: 100%;
  max-height: 100%;
  max-width: none;
  width: calc(100% + 30px);
  overflow: auto;
}
.project-page .objects .project-scrolled-inner {
  width: 332px;
}
.project-page .objects-files .project-scrolled-inner {
  width: 375px;
}
.project-page .objects-contractors .project-scrolled-inner {
  width: 539px;
}
.project-page .project-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: #1f1f1f;
}
.project-page .column-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.project-page .icon.add {
  margin-left: 10px;
}
.project-page .edit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.project-page .edit-wrap svg {}
.project-page .edit-wrap .edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.project-page .edit-wrap .edit:hover svg {
  opacity: 0.75;
}
.project-page .edit-wrap .remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  margin-left: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.project-page .edit-wrap .remove:hover svg {
  opacity: 0.75;
}
.project-page .column-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
}
.project-page .add-object-file-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.project-page .add-object-file-btn:hover svg {
  opacity: 0.75;
}
.project-page .add-object-file-wrap {
  display: none;
}
.column-right .object-files-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.column-right .object-files-filter:hover svg {
  opacity: 0.75;
}
.column-right .object-files-filter .icon {
  margin-left: 2px;
}
.column-right .object-files-filter.open .icon svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.project-page .object-item {
  padding-top: 24px;
}
.project-page .object-item:not(:last-child)::after {
  content: '';
  display: block;
  margin: 0 16px;
  height: 1px;
  background-color: #f2f2f2;
}
.project-page .object-item .edit-wrap {
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.project-page .object-item:hover .edit-wrap {
  opacity: 1;
}
.project-page .object-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  padding: 0 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: #3f3f3f;
}
.project-page .object-name {
  padding-right: 8px;
}
.project-page .object-area {
  color: #9f9f9f;
}
.project-page .object-type {
  padding: 0 16px;
  font-size: 24px;
  line-height: 1.2em;
  color: #1f1f1f;
}
.project-page .object-type-drop-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.project-page .object-type-drop-down .drop-down-items {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  left: -8px;
}
.project-page .project-column .object-type-drop-down .drop-down-items {
  min-width: auto;
}
.project-page .object-type-drop-down .icon {
  margin-left: 8px;
}
.object-type-drop-down .elem-name {
  width: 170px;
}
.project-page .object-detail {
  padding-bottom: 24px;
}
.project-page .object-detail-title {
  color: #7f7f7f;
}
.project-page .object-detail .column-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.project-page .object-detail .btns-wrap {
  padding: 30px 16px 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.project-page .objects .btns-wrap .btn:last-child {
   margin-left: 10px;
}
.project-page .object-detail .btns-wrap input {
  height: 30px;
  width: 83px;
  padding: 0 12px;
  line-height: 28px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #bfbfbf;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.project-page .object-detail .btns-wrap input::-webkit-input-placeholder {color: #bfbfbf;}
.project-page .object-detail .btns-wrap input::-moz-placeholder          {color: #bfbfbf;}
.project-page .object-detail .btns-wrap input:-moz-placeholder           {color: #bfbfbf;}
.project-page .object-detail .btns-wrap input:-ms-input-placeholder      {color: #bfbfbf;}

.project-page .object-detail .btns-wrap input:focus::-webkit-input-placeholder {color: transparent;}
.project-page .object-detail .btns-wrap input:focus::-moz-placeholder          {color: transparent;}
.project-page .object-detail .btns-wrap input:focus:-moz-placeholder           {color: transparent;}
.project-page .object-detail .btns-wrap input:focus:-ms-input-placeholder      {color: transparent;}

.project-page .project-row .round-incr-decr {
  opacity: 0;
}
.project-page .being-edited .project-row .round-incr-decr,
.project-page .project-row:hover .round-incr-decr {
  opacity: 1;
}
.project-page .objects-files {
  width: 376px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.project-page .objects-files .column-left {
  width: 204px;
}
.project-page .objects-files-list {
  padding: 12px 0 16px;
}
.project-page .objects-files-list .project-row {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.project-page .objects-files-list .project-row.hovered,
.project-page .objects-files-list .project-row:hover {
  background: #fafafa;
}
.project-page .objects-files-list .column-right {
  color: #7f7f7f;
}
.objects-files-list .icons-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  margin-right: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.objects-files-list .icon.remove {
  display: none;
  cursor: pointer;
}
.objects-files-list .icon.remove svg {
  fill: #ff4b4b;
  opacity: 1;
}
.objects-files-list .icon.file {}
.objects-files-list .project-row:hover .icon.remove { display: -webkit-box; display: -ms-flexbox; display: flex; }
.objects-files-list .project-row:hover .icon.file { display: none; }
.project-page .column-right-after {
  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;
  width: 16px;
  margin-left: auto;
  margin-right: -4px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.project-page .column-right-after svg {
  fill: #000000;
  opacity: 0;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.project-page .project-row:hover .column-right-after svg {
  opacity: 0.5;
}
.project-page .project-row .column-right-after:hover svg,
.project-page .project-row .column-right-after.open svg {
  opacity: 0.8;
}
.project-page .file-submenu {
  top: 0;
  left: auto;
  right: 16px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.add-contractors-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.add-contractors-btn:hover svg {
 opacity: 0.75;
}
.objects-contractors .project-scrolled-inner {
  padding: 0 16px;
}
.project-page .objects-contractors .column-left {
  width: 300px;
}
.project-page .objects-contractor {
  margin-bottom: 16px;
  padding: 24px 0;
  border-bottom: 1px solid #f2f2f2;
}
.project-page .objects-contractor:last-child {
  border-bottom: none;
}
.project-page .objects-contractor .edit-wrap {
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.project-page .objects-contractor:hover .edit-wrap {
  opacity: 1;
}
.project-page .contractor-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #9f9f9f;
}
.project-page .contractor-type-hide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.project-page .contractor-type-hide svg {
  margin-left: 8px;
}
.project-page .contractor-type-hide.clicked svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.project-page .contractor-info {}
.project-page .contractor-name {
  margin-top: 6px;
  font-size: 20px;
  color: #1f1f1f;
}
.project-page .contractor-name .input-item {
  font-size: 20px;
  color: #1f1f1f;
}
.project-page .contractor-agent {
  margin-top: 8px;
  font-size: 13px;
  color: #1f1f1f;
}
.project-page .contractor-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.project-page .contractor-contacts .contact-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 6px 24px 6px 0;
}
.project-page .contractor-contacts .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: #7f7f7f;
}
.project-page .contractor-contacts .contact-wrap:last-child {
  margin-right: 0;
}
.project-page .contractor-contacts svg {
  margin-right: 4px;
}
.project-page .contractor-contacts .phone {}
.project-page .contractor-contacts .mail {}
.project-page .contractor-contacts .website {}
.project-page .contractor-comment {
  margin-top: 6px;
  font-size: 13px;
  color: #3f3f3f;
}

/*end project page*/

/*start modal window*/
.modal-window-wrap {
  display: none;
  position: fixed;
  z-index: 700;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
.modal-window-wrap-close {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  -webkit-animation-name: showModalBg;
  animation-name: showModalBg;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  background: rgba(255,255,255, 0.6);
}
.modal-window-wrap.show {
  display: block;
}
.modal-window {
  max-width: none;
  width: 120%;
  overflow: auto;
  max-height: 100vh;
  height: 100%;
}
.modal-window-inner {
  width: 100vw;
  height: 100%;
  padding: 24px;
  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;
}
.modal-form-wrap {
  position: relative;
  padding: 30px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0, 0.2);
  box-shadow: 0 1px 6px rgba(0,0,0, 0.2);
  background: #fff;
  -webkit-animation-name: showModal;
  animation-name: showModal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.modal-form-wrap.hide {
  -webkit-animation-name: hideModal;
  animation-name: hideModal;
}
.modal-form-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: #bfbfbf;
}
.modal-form-head .num {}
.modal-form-head .name {
  margin-left: auto;
}
.modal-form-title {
  margin-bottom: 1em;
  font-size: 26px;
  line-height: 1.2em;
  color: rgba(0,0,0, 0.9);
}
.modal-form-text {
  margin-bottom: 2em;
  font-size: 13px;
  line-height: 1.6em;
  color: #3f3f3f;
}
.modal-form-wrap .grey-sign {
  margin-bottom: 2em;
  font-size: 13px;
  text-align: right;
  color: #9f9f9f;
}
.modal-window .btns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal-window .btns-wrap .btn {
  margin-left: 8px;
}
.modal-window .btns-wrap .btn:nth-last-child(2) {
  margin-left: auto;
}

@-webkit-keyframes showModal {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes showModal {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes hideModal {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes hideModal {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@-webkit-keyframes showModalBg {
  from {opacity: 0;}
  50% {opacity: 1;}
}
@keyframes showModalBg {
  from {opacity: 0;}
  50% {opacity: 1;}
}

.add-object-modal .object-type .drop-down-items {
  min-width: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  left: -8px;
}

.add-project-modal .modal-form-wrap {
  width: 560px;
}
.input-line .project-form-name {
  font-size: 20px;
  color: #9f9f9f;
}
.add-project-modal .btns-wrap .btn {
  margin-left: 8px;
}
.add-project-modal .date {
  font-size: 13px;
  color: #bfbfbf;
}
.add-project-modal .drop-down-items {
  left: 50%;
  right: auto;
}

.add-contractors-modal .modal-form-wrap {
  width: 560px;
}
.add-contractors-modal .drop-down-items {
  right: unset;
  left: 50%;
}

.edit-customer-modal .drop-down-items {
  right: unset;
  left: 50%;
}

.authorization-modal {
  display: block;
  background: rgba(255,255,255, 0.6);
}
.authorization-modal .btns-wrap .btn {
  margin: 0;
}
.authorization-modal .modal-window .btns-wrap .btn:nth-last-child(2) {
  margin: 0 auto 0 0;
}
.authorization-modal .password-recovery-btn {
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.authorization-modal .password-recovery-btn:hover {
  color: #3dc466;
}

.update-history-modal .modal-form-wrap {
  width: 480px;
}

.add-monitoring-modal {}
.add-monitoring-modal .modal-form-wrap {
  width: 760px;
  padding: 0;
}
.add-monitoring-modal .modal-form-title {
  padding: 24px 18px 0;
}
.add-monitoring-modal .btns-wrap {
  padding: 0 18px 24px;
}
.add-monitoring-modal .table-header {
  border-top: 1px solid rgba(0,0,0, 0.2);
}
.add-monitoring-modal .table-header .col-inner {
  line-height: 1em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  overflow: visible;
  white-space: normal;
}
.add-monitoring-modal .flex-table .mm-num {
  padding: 0 16px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.add-monitoring-modal .flex-table .mm-num .col-inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.add-monitoring-modal .flex-table:not(.table-header) .mm-num .col-inner::before {
  counter-increment: number;
  content: counter(number, decimal);
}
.add-monitoring-modal .mm-num {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 58px;
}
.add-monitoring-modal .mm-signal {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 358px;
}
.add-monitoring-modal .mm-parameter {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 94px;
}
.add-monitoring-modal .mm-sms {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 130px;
}
.add-monitoring-modal .mm-sst {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
}

.cable-log-modal {
  position: absolute;
}
.cable-log-modal .modal-window-inner {
  width: 1248px;
}
.cable-log-modal .modal-form-wrap {
  width: 474px;
  padding: 0;
}
.cable-log-modal .table-header .col-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cable-log-modal .table-header svg {
  opacity: 0.5;
  fill: #000000;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.cable-log-modal .cl-room .icon {
  margin-left: auto;
}
.cable-log-modal .flex-table .cl-num {
  padding: 0 16px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.cable-log-modal .flex-table .cl-num .col-inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.cable-log-modal .flex-table:not(.table-header) .cl-num .col-inner::before {
  counter-increment: number;
  content: counter(number, decimal);
}
.cable-log-modal .mm-sst {
}
.cable-log-modal .btns-wrap {
  padding: 0 18px 24px;
}
.cable-log-modal .cl-num {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
}
.cable-log-modal .cl-room {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 192px;
}
.cable-log-modal .cl-room-num {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 60px;
}
.cable-log-modal .cl-area {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 70px;
}
.cable-log-modal .cl-width {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 96px;
}

/*.password-recovery-modal .btns-wrap .btn {*/
  /*margin: 0;*/
/*}*/

/*.password-recovery-modal .modal-form-wrap {*/
  /*width: 400px;*/
/*}*/
.password-recovery-modal .forgotpasswd-caption,
.password-recovery-modal .forgotpasswd-caption * {
  max-width: 500px;
  margin-bottom: 2em;
  font-weight: 300;
  line-height: 1.2em;
  font-size: 13px;
}
.password-recovery-modal .errortext,
.password-recovery-modal .errortext * {
  color: #ff4c4c;
}
.password-recovery-modal .notetext,
.password-recovery-modal .notetext * {
  color: #3dc466;
}
/*end modal window*/

/*start settings-page*/

.settings-page {
  padding: 18px 42px 12px;
}
.settings-page-form {
  width: 400px;
  padding: 24px 0 30px;
}
.settings-page-form h2 {
  margin-bottom: 1em;
}

/*end settings-page*/

/*start commercial-offer-page*/

.flex-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 13px;
  counter-reset: number;
  color: rgba(0,0,0, 0.9);
  background: #ffffff;
}
.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 0;
  padding: 0 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid rgba(0,0,0, 0.2);
  border-bottom: 1px solid rgba(0,0,0, 0.05);
}
.table-header .flex-col {
  height: 46px;
  padding-top: 6px;
}
.flex-col:first-child {
  border-left: none;
}
.flex-table .col-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flex-table .flex-inner-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.flex-table .flex-inner-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.flex-table .flex-inner-col + .flex-inner-col {
  border-left: 1px solid rgba(0,0,0, 0.1);
}

.flex-table .comment-wrap {
  display: none;
  position: absolute;
  z-index: 2;
  right: 100%;
  top: 50%;
  max-width: none;
  width: 246px;
  margin-right: 4px;
  padding: 8px 8px 16px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 2px;
  background: #fff;
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0, 0.2);
  box-shadow: 0 1px 10px rgba(0,0,0, 0.2);
}
.flex-table .comment-wrap .auto-expand {
  padding: 8px;
  width: 100%;
  overflow: hidden;
  border: 0;
  resize: none;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #3f3f3f;
  line-height: 16px;
}
.flex-table .comment-wrap .auto-expand-text {
  padding: 8px 8px 0;
  width: 100%;
  font-size: 13px;
  color: #3f3f3f;
  line-height: 16px;
  white-space: normal;
}
.flex-table .comment-wrap .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 6px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flex-table .comment-wrap .cancel {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  color: #7f7f7f;
  cursor: pointer;
}
.flex-table .comment-wrap .ok {
  margin-left: 16px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  color: #3dc466;
  cursor: pointer;
}

.before-table {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  text-transform: uppercase;
  color: #3f3f3f;
  background: #f4f4f4;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.before-table .before-table-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 16px 2px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.before-table .icon {
  margin-left: 4px;
}
.before-table .icon svg {
  fill: #000000;
  opacity: 0.5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.before-table .cnock .icon svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.before-table.violet {
  color: #ffffff;
  background: #ad60c2;
}
.before-table.violet .icon svg {
  opacity: 1;
  fill: #ffffff;
}
.before-table .before-table-price {
  width: 392px;
  margin-left: auto;
  padding: 0 8px;
}

.commercial-offer-page .input {
  width: 100%;
  height: 100%;
}
.commercial-offer-page .num {
  width: 58px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.commercial-offer-page .name {
  width: 100%;
}
.commercial-offer-page .vendor-code {
  width: 180px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.commercial-offer-page .unit {
  width: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.commercial-offer-page .quantity {
  width: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.commercial-offer-page .retail-price {
  width: 118px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.commercial-offer-page .price {
  width: 140px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.commercial-offer-page .note {
  width: 180px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.commercial-offer-page .to-do {
  width: 72px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.commercial-offer-page .table-header .col-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.commercial-offer-page .table-header .num .col-inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.commercial-offer-page .table-header svg {
  fill: #000000;
  opacity: 0.8;
}
.commercial-offer-page .flex-table:not(.table-header) .to-do .col-inner {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.commercial-offer-page .flex-table .num {
  padding: 0 16px;
}
.commercial-offer-page .flex-table:not(.table-header) .num .col-inner::before {
  counter-increment: number;
  content: counter(number, decimal);
}
.commercial-offer-page .to-do .col-inner {
  overflow: visible;
}
.commercial-offer-page .to-do .radio-item label {
  padding-left: 16px;
}
.commercial-offer-page .to-do .comment-icon {
  position: relative;
  margin-right: 8px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  opacity: 0;
}
.commercial-offer-page .to-do .comment-icon.edited,
.commercial-offer-page .to-do .comment-icon.commented {
  opacity: 1;
}
.commercial-offer-page .to-do .comment-icon svg {
  opacity: 0.5;
  fill: #3e464c;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.commercial-offer-page .to-do .comment-icon.commented svg {
  opacity: 1;
  fill: #2bc1f7;
}
.commercial-offer-page .flex-row:hover .to-do .comment-icon {
  opacity: 1;
}
.commercial-offer-page .flex-row:hover {
  background: #fafafa;
}
.commercial-offer-page .flex-col:hover {
  background: #f5f5f5;
}

/*end commercial-offer-page*/

/*start specification-page*/

.specification-page .input {
  width: 100%;
  height: 100%;
}
.specification-page .num {
  width: 58px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.specification-page .name {
  width: 100%;
}
.specification-page .vendor-code {
  width: 180px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.specification-page .unit {
  width: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.specification-page .quantity {
  width: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.specification-page .retail-price {
  width: 126px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.specification-page .price {
  width: 140px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.specification-page .note {
  width: 180px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.specification-page .to-do {
  width: 72px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.specification-page .table-header .col-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.specification-page .table-header .num .col-inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.specification-page .table-header svg {
  fill: #000000;
  opacity: 0.8;
}
.specification-page .flex-table:not(.table-header) .to-do .col-inner {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.specification-page .flex-table .num {
  padding: 0 16px;
}
.specification-page .flex-table:not(.table-header) .num .col-inner::before {
  counter-increment: number;
  content: counter(number, decimal);
}
.specification-page .to-do .col-inner {
  overflow: visible;
}
.specification-page .to-do .radio-item label {
  padding-left: 16px;
}
.specification-page .to-do .comment-icon {
  position: relative;
  margin-right: 8px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  opacity: 0;
}
.specification-page .to-do .comment-icon.edited,
.specification-page .to-do .comment-icon.commented {
  opacity: 1;
}
.specification-page .to-do .comment-icon svg {
  opacity: 0.5;
  fill: #3e464c;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.specification-page .to-do .comment-icon.commented svg {
  opacity: 1;
  fill: #2bc1f7;
}
.specification-page .flex-row:hover .to-do .comment-icon {
  opacity: 1;
}
.specification-page .flex-row:hover {
  background: #fafafa;
}
.specification-page .flex-col:hover {
  background: #f5f5f5;
}

/*end specification-page*/

/*start cable-log page*/

.cable-log-page {}
.cable-log-page .input {
  width: 100%;
  height: 100%;
}
.cable-log-page .flex-col {
  padding-left: 0;
  padding-right: 0;
}
.cable-log-page .flex-inner-col {
  padding: 0 8px;
}
.cable-log-page .flex-inner-col.warning {
  background: #ffcd07;
}
.cable-log-page .table-header .flex-inner-col.warning {
  position: relative;
  background: transparent;
}
.cable-log-page .table-header .flex-inner-col.warning::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #ffcd07;
}
.cable-log-page .flex-inner-col.error {
  background: #ff4c4c;
}
.cable-log-page .table-header .flex-inner-col.error {
  position: relative;
  background: transparent;
}
.cable-log-page .table-header .flex-inner-col.error::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #ff4c4c;
}
.cable-log-page .flex-inner-col.valid {
  background: #3dc466;
}
.cable-log-page .table-header .flex-inner-col {
  padding: 0;
  text-align: center;
}
.cable-log-page .table-header .marking {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cable-log-page .table-header .marking .flex-inner-table {
  height: auto;
}
.cable-log-page .num {
  width: 58px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .marking {
  width: 180px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .marking .flex-inner-col:nth-child(1) {
  width: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .marking .flex-inner-col:nth-child(2) {
  width: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .marking .flex-inner-col:nth-child(3) {
  width: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .marking .flex-inner-col:nth-child(4) {
  width: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .cable-type {
  width: 110px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .start-point {
  width: 290px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .table-header .start-point .flex-inner-col {
  border-left: 0;
}
.cable-log-page .start-point .flex-inner-col:nth-child(1) {
  width: 200px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .start-point .flex-inner-col:nth-child(2) {
  width: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .start-point .flex-inner-col:nth-child(3) {
  width: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .end-point {
  width: 320px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .table-header .end-point .flex-inner-col {
  border-left: 0;
}
.cable-log-page .end-point .flex-inner-col:nth-child(1) {
  width: 200px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .end-point .flex-inner-col:nth-child(2) {
  width: 120px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .length {
  width: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cable-log-page .note {
  width: 100%;
}
.cable-log-page .to-do {
  width: 72px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.cable-log-page .table-header .col-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cable-log-page .table-header .num .col-inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.cable-log-page .table-header svg {
  fill: #000000;
  opacity: 0.8;
}
.cable-log-page .flex-table:not(.table-header) .to-do .col-inner {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.cable-log-page .flex-table .num .flex-inner-col {
  padding: 0 16px;
}
.cable-log-page .flex-table:not(.table-header) .num .col-inner::before {
  counter-increment: number;
  content: counter(number, decimal);
}
.cable-log-page .to-do .col-inner {
  overflow: visible;
}
.cable-log-page .to-do .radio-item label {
  padding-left: 16px;
}
.cable-log-page .to-do .comment-icon {
  position: relative;
  margin-right: 8px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  opacity: 0;
}
.cable-log-page .to-do .comment-icon.edited,
.cable-log-page .to-do .comment-icon.commented {
  opacity: 1;
}
.cable-log-page .to-do .comment-icon svg {
  opacity: 0.5;
  fill: #3e464c;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.cable-log-page .to-do .comment-icon.commented svg {
  opacity: 1;
  fill: #2bc1f7;
}
.cable-log-page .flex-row:hover .to-do .comment-icon {
  opacity: 1;
}
.cable-log-page .flex-row:hover {
  background: #fafafa;
}
.cable-log-page .flex-col:hover {
  background: #f5f5f5;
}
.cable-log-page .flex-table .to-do .to-do-icon {
  width: 12px;
  height: 12px;
  margin-right: 10px;
}
.cable-log-page .flex-table .to-do-checked {
  background: #3dc466;
}
.cable-log-page .flex-table .to-do-checked .to-do-icon {
  background: url("/local/templates/lk_auth/css/../img/checkbox-small-check.png") center top no-repeat;
}
.cable-log-page .flex-table .to-do-checked .comment-icon svg {
  fill: #fff;
  fill-rule: nonzero;
}
.cable-log-page .flex-table .to-do-unchecked {
  background: #ff4c4c;
}
.cable-log-page .flex-table .to-do-unchecked .to-do-icon {
  background: url("/local/templates/lk_auth/css/../img/checkbox-small-uncheck.png") center center no-repeat;
}
.cable-log-page .flex-table .to-do-unchecked .comment-icon svg {
  fill: #fff;
  fill-rule: nonzero;
}

/*end cable-log page*/

/*start functional page*/

.full-screen-wrap .content-inner.functional-page {
  /*overflow: auto;*/
  /*height: 100%;*/
  width: 100%;
}
.functional-page .before-table {
  max-width: none;
  /*transition: 0.4s linear;*/
}
.functional-page-table {
  max-width: none;
  width: auto;
}
.functional-page .basic-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid rgba(0,0,0, 0.2);
  border-bottom: 1px solid rgba(0,0,0, 0.05);
}
.functional-page .flex-table:not(.table-header) .flex-row:hover .flex-inner-col {
  background: rgba(0,0,0, 0.02);
}
.functional-page .flex-table:not(.table-header) .flex-row .flex-inner-col.hovered {
  background: rgba(0,0,0, 0.02);
}
.functional-page .flex-table:not(.table-header) .flex-row .flex-inner-col {
  position: relative;
}
.functional-page .flex-table:not(.table-header) .flex-row .flex-inner-col:hover {
  background: rgba(0,0,0, 0.04);
}
.functional-page .flex-table:not(.table-header) .flex-row .flex-inner-col::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  right: -1px;
  bottom: -1px;
  max-width: none;
  border: 1px solid rgba(0,0,0, 0.2);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.functional-page .flex-table:not(.table-header) .flex-row:not(:first-child) .flex-inner-col::before {
  top: -1px;
}
.functional-page .flex-table:not(.table-header) .accessory-table .flex-inner-col:hover::before,
.functional-page .flex-table:not(.table-header) .room-name .flex-inner-col:hover::before {
  opacity: 1;
}
.functional-page .table-header {
  position: relative;
  z-index: 2;
}
.functional-page .table-header .accessory-table .col-inner {
  position: relative;
  height: 47px;
  overflow: visible;
}
.functional-page .table-header .accessory-table .col-inner .col-inner-text {
  position: absolute;
  left: 0;
  width: calc(100% - 34px);
  /*padding: 0 8px;*/
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.functional-page .flex-col:first-child .basic-table {
  border-left: none;
}
.functional-page .accessory-table {
  display: none;
  width: auto;
  height: 100%;
}
.functional-page .show-accessory .accessory-table {
  display: block;
}
.functional-page .flex-table.table-header .flex-inner-col + .flex-inner-col {
  border-left: 0;
}
.functional-page .table-header .flex-col {
  height: auto;
}
.functional-page .flex-colour-col .basic-table {
  width: 70px;
}
.functional-page .flex-colour-col.control .basic-table {
  width: 78px;
}
.functional-page .table-header .flex-colour-col .basic-table {
  cursor: pointer;
}
.functional-page .flex-colour-col .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0,0,0, 0.3);
  border-radius: 2px;
}
.functional-page .flex-colour-col svg {
  fill: #ffffff;
  opacity: 0.9;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.functional-page .flex-table .col-inner {
  height: auto;
  padding: 16px 8px 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.functional-page .table-header .flex-inner-table {
  height: auto;
}
.functional-page .flex-table .accessory-table .col-inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.functional-page .table-header .flex-inner-col {
  padding: 8px 8px 16px;
  font-size: 11px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  line-height: 1.6em;
  color: rgba(0,0,0, 0.9);
}
.functional-page .table-header .flex-inner-text {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.functional-page .flex-table:not(.table-header) .accessory-table .flex-inner-col {
  padding: 8px;
  border-left: 1px solid rgba(0,0,0, 0.1);
  border-bottom: 1px solid rgba(0,0,0, 0.05);
}
.functional-page .flex-table .accessory-table .flex-inner-col {
  width: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.functional-page .flex-table.table-header .accessory-table .flex-inner-col {
  height: 43px;
  position: relative;
}
.functional-page .flex-table.table-header .accessory-table .flex-inner-col::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #000;
  opacity: 0;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.functional-page .flex-table.table-header .accessory-table .flex-inner-col.hovered::before,
.functional-page .flex-table.table-header .accessory-table .flex-inner-col:hover::before {
  opacity: 0.5;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.functional-page .flex-table .accessory-table .flex-inner-col svg {
  opacity: 0.5;
  fill: #000000
}
.functional-page .table-header .flex-inner-col {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.functional-page .input {
  width: 100%;
  height: 100%;
}
.functional-page .flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 0;
}
.functional-page .flex-inner-col {
  /*align-items: center;*/
  padding: 0 8px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.functional-page .flex-inner-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  white-space: nowrap;
}
.functional-page .flex-inner-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.functional-page .flex-table:not(.table-header) .flex-colour-col .accessory-table .flex-inner-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.functional-page .flex-table:not(.table-header) .flex-colour-col:not(.control) .accessory-table .flex-inner-text input {
  text-align: center;
}
.functional-page .flex-table:not(.table-header) .flex-colour-col:not(.control) .accessory-table .flex-inner-text input.hide-num {
  color: transparent !important;
}
.functional-page .table-header .flex-inner-col {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.functional-page .num {
  width: 58px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.functional-page .flex-table:not(.table-header) .num .flex-inner-text::before {
  counter-increment: number;
  content: counter(number, decimal);
}
.functional-page .room-name .flex-inner-col {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.functional-page .num .col-inner,
.functional-page .num .flex-inner-col {
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
}
.functional-page .num .col-inner .flex-inner-text,
.functional-page .num .flex-inner-text {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.functional-page .num .click-drop-down {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 0;
  top: 0;
  height: 40px;
  width: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.functional-page .num .click-drop-down svg {
  opacity: 0;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.functional-page .flex-row:hover .num .click-drop-down svg {
  opacity: 0.5;
}
.functional-page .flex-row .num:hover .click-drop-down svg {
  opacity: 0.8;
}
.functional-page .num .drop-down-items {
  left: 100%;
  top: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.functional-page .room-name {
  width: 192px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.functional-page .room-name .col-inner {
  overflow: visible;
}
.functional-page .room-name-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.functional-page .room-name .flex-inner-col,
.functional-page .room-name .flex-inner-text {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.functional-page .room-name .icon {
  margin-left: auto;
}
.functional-page .room-num {
  width: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.functional-page .room-num .basic-table svg {
  fill: #000000;
  opacity: 0.5;
}
.functional-page .room-area {
  width: 70px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.functional-page .summ {
  width: 90px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #bfbfbf;
}
.functional-page .summ.flex-colour-col .basic-table {
  width: 90px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.functional-page .table-header .summ .basic-table {
  cursor: auto;
}
.functional-page .summ {
  width: 90px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #bfbfbf;
}
.functional-page .control .subtable-head-row,
.functional-page .control .basic-table,
.functional-page .control .labeled .flex-inner-text,
.functional-page .table-header .control {
  background: #c5b2a1;
}
.functional-page .flex-table .control .accessory-table .flex-inner-col {
  width: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.functional-page .flex-table .control .accessory-table .flex-inner-col + .flex-inner-col {
  border-left: 1px solid rgba(0,0,0, 0.2);
}
.functional-page .flex-table .control .accessory-table .flex-inner-text {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.functional-page .flex-table .control .accessory-table .flex-inner-col:nth-child(1) {
  width: 160px;
}
.functional-page .flex-table .control .accessory-table .flex-inner-col:nth-child(2) {
  width: 160px;
}
.functional-page .flex-table .control .accessory-table .flex-inner-col:nth-child(3) {
  width: 160px;
}
.functional-page .flex-table .control .accessory-table .flex-inner-col:nth-child(4) {
  width: 100px;
}
.functional-page .last-control {}
.functional-page .last-control .controls-wrap {
  margin-left: auto;
}
.functional-page .last-control .controls-wrap svg {
  margin-left: 10px;
  fill: #000000;
  opacity: 0.5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  cursor: pointer;
}
.functional-page .last-control .controls-wrap svg:hover {
  opacity: 0.8;
}
.functional-page .flex-table:not(.table-header) .flex-colour-col.control .accessory-table .flex-inner-text {
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.functional-page .control-dropbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.functional-page .control-circle {
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(0,0,0, 0.2);
  border-radius: 50%;
}
.functional-page .control-circle.orange-circle { background: #f9a82a; }
.functional-page .control-circle.black-circle { background: #000000; }
.functional-page .control-circle.grey-circle { background: #9f9f9f; }
.functional-page .control-circle.white-circle { background: #ffffff; }
.functional-page .lighting .have-subtable::after { border-bottom-color: #ecd060; }
.functional-page .lighting .subtable-head-row,
.functional-page .lighting .basic-table,
.functional-page .lighting .labeled .flex-inner-text,
.functional-page .table-header .lighting {
  background: #ecd060;
}
.functional-page .security .have-subtable::after { border-bottom-color: #65c883; }
.functional-page .security .subtable-head-row,
.functional-page .security .basic-table,
.functional-page .security .labeled .flex-inner-text,
.functional-page .table-header .security {
  background: #65c883;
}
.functional-page .heating .have-subtable::after { border-bottom-color: #ff968b; }
.functional-page .heating .subtable-head-row,
.functional-page .heating .basic-table,
.functional-page .heating .labeled .flex-inner-text,
.functional-page .table-header .heating {
  background: #ff968b;
}
.functional-page .conditioning .have-subtable::after { border-bottom-color: #90d5fc; }
.functional-page .conditioning .subtable-head-row,
.functional-page .conditioning .basic-table,
.functional-page .conditioning .labeled .flex-inner-text,
.functional-page .table-header .conditioning {
  background: #90d5fc;
}
.functional-page .ventilation .have-subtable::after { border-bottom-color: #72e2d0; }
.functional-page .ventilation .subtable-head-row,
.functional-page .ventilation .basic-table,
.functional-page .ventilation .labeled .flex-inner-text,
.functional-page .table-header .ventilation {
  background: #72e2d0;
}
.functional-page .drivers .have-subtable::after { border-bottom-color: #ecdb9e; }
.functional-page .drivers .subtable-head-row,
.functional-page .drivers .basic-table,
.functional-page .drivers .labeled .flex-inner-text,
.functional-page .table-header .drivers {
  background: #ecdb9e;
}
.functional-page .loads .have-subtable::after { border-bottom-color: #c38cb8; }
.functional-page .loads .subtable-head-row,
.functional-page .loads .basic-table,
.functional-page .loads .labeled .flex-inner-text,
.functional-page .table-header .loads {
  background: #c38cb8;
}
.functional-page .monitoring .have-subtable::after { border-bottom-color: #5dbae5; }
.functional-page .monitoring .subtable-head-row,
.functional-page .monitoring .basic-table,
.functional-page .monitoring .labeled .flex-inner-text,
.functional-page .table-header .monitoring {
  background: #5dbae5;
}
.functional-page .access .have-subtable::after { border-bottom-color: #95c655; }
.functional-page .access .subtable-head-row,
.functional-page .access .basic-table,
.functional-page .access .labeled .flex-inner-text,
.functional-page .table-header .access {
  background: #95c655;
}
.functional-page .multimedia .have-subtable::after { border-bottom-color: #928bd9; }
.functional-page .multimedia .subtable-head-row,
.functional-page .multimedia .subtable-head-row,
.functional-page .multimedia .basic-table,
.functional-page .multimedia .labeled .flex-inner-text,
.functional-page .table-header .multimedia {
  background: #928bd9;
}
.functional-page .have-subtable {
  position: relative;
}
.functional-page .have-subtable::after {
  content: "";
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -8px;
  margin-left: -12px;
  border-bottom: 12px solid #ecd060;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
.functional-page .have-subtable.subtable-open::after {
  display: block;
}
.functional-page .have-subtable.subtable-open.hide-triangle::after {
  display: none;
}
.functional-page .subtable-wrap {
  margin-left: -1000px;
  position: absolute;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  max-width: none;
  left: 50%;
  top: 100%;
  margin-top: 4px;
  -webkit-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
  background: #fff;
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0, 0.2);
  box-shadow: 0 1px 10px rgba(0,0,0, 0.2);
}
.functional-page .subtable-open .subtable-wrap {
  opacity: 1;
  pointer-events: auto;
}
.functional-page .subtable {
  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%;
  counter-reset: stnumber;
}
.functional-page .subtable-rows {

}
.functional-page .subtable-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.functional-page .subtable-head-row {}
.functional-page .subtable-head-row .subtable-inner {
  background: none;
}
.functional-page .subtable-head-row .subtable-inner.st-comment {
  padding: 0;
  border-bottom: 0;
}
.functional-page .subtable-head-row .subtable-inner.st-comment .btn {
  min-width: auto;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.functional-page .subtable-main-row {}
.functional-page .subtable-main-row .subtable-inner {
  height: 48px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background: none;
}
.functional-page .subtable-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.functional-page .subtable-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  padding: 0 14px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 13px;
  line-height: 1em;
  color: rgba(0,0,0, 0.9);
  border-left: 1px solid rgba(0,0,0, 0.1);
  border-bottom: 1px solid rgba(0,0,0, 0.05);
  background: #c5fad5;
}
.functional-page .subtable-row:nth-child(n+3) .st-num::before {
  counter-increment: stnumber;
  content: counter(stnumber, decimal);
}
.functional-page .subtable-col:first-child .subtable-inner:first-child {
  border-left: none;
}
.functional-page .subtable-inner.disabled {
  color: rgba(0,0,0, 0.7);
  background: #f8f8f8;
}
.functional-page .subtable-inner.st-comment {
  background: none;
}
.functional-page .subtable-row:nth-child(n+3) .st-comment {
  cursor: pointer;
}
.functional-page .subtable-row:nth-child(n+3) .st-comment svg {
  opacity: 1;
  fill: #2bc1f8;
}
.functional-page .subtable .drop-down {
  position: absolute;
  right: 1px;
  bottom: 0px;
}
.functional-page .st-name-wrap {
  width: 210px;
}
.functional-page .st-num {
  width: 72px;
}
.functional-page .st-name {
  width: 138px;
}
.functional-page .st-info-wrap {
  width: 380px;
}
.functional-page .st-quantity {
  width: 90px;
}
.functional-page .st-compound {
  width: 105px;
}
.functional-page .st-control {
  width: 105px;
}
.functional-page .st-supply {
  width: 80px;
}
.functional-page .st-col1 {
  width: 60px;
}
.functional-page .st-col2 {
  width: 78px;
}
.functional-page .st-col3 {
  width: 60px;
}
.functional-page .st-col4 {
  width: 80px;
}
.functional-page .st-comment {
  width: 72px;
}
.functional-page .subtable-text {
  display: none;
  padding: 14px;
  font-size: 13px;
  line-height: 1.2em;
  letter-spacing: 0;
  color: rgba(0,0,0, 0.7);
}
.functional-page .subtable-text.open {
  display: block;
}
.functional-page .subtable-control {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 40px;
  top: 100%;
  padding: 0 12px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03), 0 3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03), 0 3px 3px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.functional-page .subtable-info-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
}
.functional-page .subtable-info-btn svg {

}
.functional-page .subtable-close-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 2px;
  padding: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
}
.functional-page .flex-table .accessory-table .subtable-close-btn svg {
  opacity: 1;
  fill: #ff4c4c;
}

/*end functional page*/

/*start switchboard page*/

.switchboard-page .input {
  width: 100%;
  height: 100%;
}
.switchboard-page .num {
  width: 56px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.switchboard-page .marking {
  width: 120px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.switchboard-page .cablе-type {
  width: 180px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.switchboard-page .group {
  width: 110px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.switchboard-page .area {
  width: 180px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.switchboard-page .to-do {
  width: 72px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.switchboard-page .table-header .col-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.switchboard-page .table-header .num .col-inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.switchboard-page .table-header svg {
  fill: #000000;
  opacity: 0.8;
}
.switchboard-page .flex-table:not(.table-header) .to-do .col-inner {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.switchboard-page .flex-table .num {
  padding: 0 16px;
}
.switchboard-page .flex-table:not(.table-header) .num .col-inner::before {
  counter-increment: number;
  content: counter(number, decimal);
}
.switchboard-page .to-do .col-inner {
  overflow: visible;
}
.switchboard-page .to-do .comment-icon {
  position: relative;
  margin-right: 8px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  opacity: 0;
}
.switchboard-page .to-do .comment-icon.edited,
.switchboard-page .to-do .comment-icon.commented {
  opacity: 1;
}
.switchboard-page .to-do .comment-icon svg {
  opacity: 0.5;
  fill: #3e464c;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.switchboard-page .to-do .comment-icon.commented svg {
  opacity: 1;
  fill: #2bc1f7;
}
.switchboard-page .flex-row:hover .to-do .comment-icon {
  opacity: 1;
}

.switchboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ededed;
}
.switchboard-left {
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.05);
  box-shadow: 0 1px 1px rgba(0,0,0, 0.05);
}
.switchboard-right {
  margin-left: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.05);
  box-shadow: 0 1px 1px rgba(0,0,0, 0.05);
}
.switchboard-table {}
.switchboard-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 9px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: rgba(31,31,31, 0.9);
  border-bottom: 1px solid #e5e5e5;
}
.switchboard-head .title {
  font-size: 11px;
  line-height: 1.2em;
  color: rgba(0,0,0, 0.5);
}
.switchboard-table .green { color: #3dc466; }
.switchboard .sb-name {
  width: 130px;
  padding-left: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 34px;
  color: #1f1f1f;
}
.switchboard .sb-type {
  width: 56px;
  padding-left: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.switchboard .sb-model {
  width: 80px;
  padding-left: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.switchboard .sb-size {
  width: 120px;
  padding-left: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.switchboard .sb-base {
  width: 120px;
  padding-left: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.switchboard-voltage {}
.switchboard-voltage-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 28px 16px 28px 8px;
}
.switchboard-voltage .table-header {
  border-top: 1px solid rgba(0,0,0, 0.1);
}
.switchboard-voltage .table-header .flex-col {
  height: 54px;
}
.switchboard-voltage .table-header .col-inner {
  overflow: visible;
  white-space: normal;
  text-align: center;
  line-height: 1em;
}
.switchboard-voltage .flex-table .v-c1 .col-inner {
  padding: 0 16px;
}
.switchboard-voltage .flex-table:not(.table-header) .v-c1 .col-inner::before {
  counter-increment: number;
  content: counter(number, decimal);
}
.switchboard-voltage .voltage-col {
  min-width: 0;
}
.switchboard-voltage .voltage-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.switchboard-voltage .voltage-icons .icon {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  margin: 0 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.switchboard-voltage .voltage-icons .icon svg {
  opacity: 0.5;
  fill: #000000;
  fill-rule: evenodd;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.switchboard-voltage .voltage-icons .icon.active svg,
.switchboard-voltage .voltage-icons .icon:hover svg {
  opacity: 1;
  fill: #3dc365;
}
.switchboard-voltage .voltage-rules {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 24px;
  font-size: 11px;
}
.switchboard-voltage .voltage-rules .grey {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 6px;
  opacity: 0.5;
}
.switchboard-page .voltage-nums-wrap {
  margin-left: 10px;
}
.switchboard-page .voltage-nums {
  list-style-type: none;
  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;
}
.switchboard-page .voltage-nums li:not(.drop-list) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 6px;
  font-size: 11px;
  color: #6e7479;
  border: 1px solid #6e7479;
  border-radius: 50%;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  cursor: pointer;
}
.switchboard-page .voltage-nums .drop-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 10px;
}
.switchboard-page .voltage-nums .drop-list li {
  margin: 2px auto;
}
.switchboard-page .voltage-nums li:not(.drop-list).active {
  color: #ffffff;
  background: #6e7479;
}
.switchboard-page .voltage-nums li:not(.drop-list):hover {
  color: #ffffff;
  background: #3dc466;
  border-color: #3dc466;
}
.switchboard-voltage .btn-wrap {
  margin-left: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.switchboard-page .flex-col-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-left: 1px solid rgba(0,0,0, 0.2);
  border-bottom: 1px solid rgba(0,0,0, 0.05);
}
.switchboard-page .flex-col-wrap:first-child {
  border-left: none;
}
.switchboard-page .flex-col-wrap:first-child .comment-wrap {
  right: auto;
  left: 100%;
  margin-right: 0;
  margin-left: 4px;
}
.switchboard-page .flex-col-wrap .flex-col {
  position: relative;
  width: 100%;
  border-left: none;
  border-bottom: 1px solid rgba(0,0,0, 0.05);
}
.switchboard-page .flex-col-wrap .flex-col:last-child {
  border-bottom: none;
}
.switchboard-page .flex-col-wrap .drop-down {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 1px;
  bottom: 1px;
  top: 0;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.switchboard-page .flex-col-wrap .drop-down svg {
  opacity: 0.5;
  fill: #3e464c;
}
.switchboard-voltage .v-c1 {
  width: 58px;
}
.switchboard-voltage .v-c2 {
  width: 160px;
}
.switchboard-voltage .v-c3 {
  width: 90px;
}
.switchboard-voltage .v-c4 {
  width: 90px;
}
.switchboard-voltage .v-c5 {
  width: 90px;
}
.switchboard-voltage .v-c6 {
  width: 90px;
}
.switchboard-voltage .v-c7 {
  width: 90px;
}
.switchboard-voltage .v-c8 {
  width: 90px;
}
.switchboard-voltage .v-c9 {
  width: 90px;
}
.switchboard-voltage .v-c10 {
  width: 120px;
}
.switchboard-voltage .v-c11 {}
.switchboard-voltage .v-c12 {
  width: 120px;
}
.switchboard-voltage .to-do {
  width: 70px;
}
.switchboard-voltage .radio-item [type="checkbox"]:not(:checked) + label {
  color: rgba(0,0,0, 0.5);
}
.switchboard-voltage .before-table-name {
  width: 218px;
}
.switchboard-voltage .before-table-cell {
  height: 100%;
  padding: 3px 8px 2px;
}
.switchboard-voltage .dark-cell {
  color: rgba(255,255,255, 0.9);
  background: #3e464c;
}

.switchboard-xt {
  position: relative;
  z-index: 2;
}
.switchboard-xt-head {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px 0 16px;
}
.switchboard-xt-head .xt-title {
  width: 84px;
  font-size: 34px;
  color: #1f1f1f;
}
.switchboard-xt-head .xt-info {
  margin-left: 16px;
  font-size: 13px;
  line-height: 1.2em;
  color: rgba(0,0,0, 0.9);
}
.switchboard-xt-head .xt-info-name {}
.switchboard-xt-head .xt-info-about {
  font-size: 11px;
  color: rgba(31,31,31, 0.5);
}
.switchboard-xt-head .voltage-nums {
  margin-left: auto;
}
.switchboard-xt .flex-table {
  position: relative;
  background: #fff;
}
.switchboard-xt .flex-col-wrap .flex-col {
  padding: 0;
}
.switchboard-xt .flex-col-wrap .flex-inner-col {
  padding: 0 8px;
}
.switchboard-xt .table-header {
  border-top: 1px solid rgba(0,0,0, 0.1);
}
.switchboard-xt .to-do {
  width: 70px;
}
.switchboard-xt .xt-c1 {
  width: 242px;
}
.switchboard-xt .xt-c2 {
  width: 50px;
}
.switchboard-xt .xt-c3 {
  width: 60px;
}
.switchboard-xt .xt-c4 {
  width: 100px;
}
.switchboard-xt .xt-c5 {
  width: 48px;
}
.switchboard-xt .xt-c6 {
  width: 100px;
}
.switchboard-xt .xt-c7 {
  width: 80px;
}
.switchboard-xt .xt-c8 {
  width: 40px;
}
.switchboard-xt .xt-c9 {
  width: 250px;
}
.switchboard-xt .xt-c10 {
  width: 138px;
}
.switchboard-page .switchboard-xt .flex-table .to-do .col-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.switchboard-page .switchboard-xt .flex-table .flex-col-wrap.xt-blue {
  font-weight: 700;
  background: #2bc1f8;
}
.switchboard-page .switchboard-xt .flex-table .flex-col-wrap.xt-pe {
  position: relative;
  font-weight: 700;
  background: #ffcd07;
}
.switchboard-xt .xt-pe::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: -1px;
  width: 50%;
  background: #3dc466;
}
.switchboard-xt .flex-table:not(.table-header) .xt-c5 {
  font-weight: 700;
  background: #bfbfbf;
}
.switchboard-xt .flex-table:not(.table-header) .xt-c5 .col-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.switchboard-xt .table-header .radio-item {
  margin-left: 6px;
}
.switchboard-xt .radio-item label {
  padding-left: 16px;
}

/*end switchboard page*/

/*start user-page*/

.user-page {
  min-width: 320px;
}
.user-page .page-width {
  max-width: 990px;
}
.user-page .header-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.user-page .header-top .logo {
  margin-right: auto;
}
.menu-hidden .user-menu-item .user-menu-icon {
  height: 0;
  margin: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.user-page .header-top-funcbtns {
  margin-top: 6px;
}

.user-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*margin: 0 auto;*/
}
.user-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 128px;
  -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;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  color: rgba(255,255,255, 0.6);
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.user-menu-item .user-menu-icon {
  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;
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border: 1px solid rgba(255,255,255, 0.3);
  border-radius: 50%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.user-menu-item:hover,
.user-menu-item.active {
  color: #fff;
}
.user-menu-item:hover .user-menu-icon {
  border-color: #00a2ff;
}
.user-menu-item.active .user-menu-icon {
  background: #00a2ff;
  border-color: #00a2ff;
}
.user-menu-item .user-menu-icon svg {
  fill: #00a1ff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.user-menu-item.active .user-menu-icon svg {
  opacity: 0.9;
  fill: #ffffff;
}

.user-page-variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  background: #f8f8f8;
}
.user-page-variant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 24px;
  border-right: 1px solid #dfdfdf;
}
.user-page-variant:last-child {
  border-right: none;
}
.user-page-variant .inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  cursor: pointer;
}
.user-page-variant .inner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -16px;
  display: block;
  width: 100%;
  height: 3px;
  background: #6d7377;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.user-page-variant.active .inner::after {
  opacity: 1;
}
.user-page-variant .name {
  margin-top: -6px;
  opacity: 0.75;
  font-size: 11px;
  line-height: 1.2em;
  color: #3e464c;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.user-page-variant .sum {
  opacity: 0.5;
  font-size: 17px;
  color: #000000;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.user-page-variant.active .sum {
  opacity: 0.9;
}

.user-page .right-menu-head {
  padding: 16px 16px 8px;
  border-bottom: 1px solid #f5f5f5;
}

/*@media (min-width: 1570px){*/
  /*.user-page .right-menu {*/
    /*transform: translate3d(0, 0, 0);*/
    /*right: auto;*/
    /*left: auto;*/
  /*}*/
/*}*/

@media (max-width: 700px) {
  .user-menu-item {
    width: 80px;
  }
}
@media (max-width: 540px) {
  .header-top .logo span {
    display: none;
  }
  .user-page .header-top-funcbtns {
    margin-top: 10px;
  }
  .user-page .header-top-funcbtns .item {
    margin-left: 0;
  }
  .user-page .show-hints-wrap {
    display: none;
  }
  .user-page .hide-navigation {
    display: none;
  }
  .user-menu-item .user-menu-icon {
    margin-bottom: 10px;
  }

  .user-page-variants {
    padding: 16px 0;
  }
  .user-page-variant {
    padding: 0;
  }
  .user-page-variant .inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px;
  }
  .user-page-variant .sum {
    font-size: 13px;
  }
}
.user-page .user-page-calculation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.user-page .content {
  max-width: 100%;
}
.user-page-calculation .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.user-page-calculation .line-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.user-page-calculation .column {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 64px;
  padding: 8px 24px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.user-page-calculation .column::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #000;
  opacity: 0.2;
}
.user-page-calculation .column:last-child:before {
  display: none;
}
.user-page-calculation .column::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #000;
  opacity: 0.05;
}
.user-page-calculation .value {
  font-size: 13px;
  font-weight: 300;
  color: rgba(0,0,0, 0.5);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.user-page-calculation .active .value {
  color: rgba(0,0,0, 0.9);
}
.user-page-calculation .value span {
  font-size: 17px;
}
.user-page-calculation .line-name {
  position: absolute;
  z-index: 2;
  left: 24px;
  top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: rgba(0,0,0, 0.75);
  pointer-events: none;
}
.user-page-calculation .line-name .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 8px;
  background: rgba(0,0,0, 0.3);
  border-radius: 2px;
}
.user-page-calculation .line-name svg {
  fill: #ffffff;
  opacity: 0.9;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.user-page-calculation .line-body-wrap {
  display: none;
}
.user-page-calculation .line-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
.user-page-calculation .column-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.user-page-calculation .column-body::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #000;
  opacity: 0.2;
}
.user-page-calculation .column-body:last-child::before {
  display: none;
}
.user-page-calculation .column-body .elem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 24px 12px 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.user-page-calculation .column-body .elem::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: #000;
  opacity: 0.05;
}
.user-page-calculation .column-body .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: rgba(0,0,0, 0.9);
}
.user-page-calculation .column-body .icon {
  width: 36px;
}
.user-page-calculation .column-body .icon svg {
  fill: #000000;
  opacity: 0.5;
}
.user-page-calculation .column-body .column-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 24px;
  margin-left: auto;
  padding: 0 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border: 1px solid rgba(0,0,0, 0.2);
  border-radius: 2px;
}
.user-page-calculation .column-body .column-value input {
  text-align: right;
}
.user-page-calculation .line-control .line-head { background: #c5b2a1; }
.user-page-calculation .line-lighting .line-head { background: #ecd060; }
.user-page-calculation .line-security .line-head { background: #65c883; }
.user-page-calculation .line-heating .line-head { background: #ff968b; }
.user-page-calculation .line-conditioning .line-head { background: #90d5fc; }
.user-page-calculation .line-ventilation .line-head { background: #72e2d0; }
.user-page-calculation .line-drivers .line-head { background: #ecdb9e; }
.user-page-calculation .line-loads .line-head { background: #c38cb8; }
.user-page-calculation .line-monitoring .line-head { background: #5dbae5; }
.user-page-calculation .line-access .line-head { background: #95c655; }
.user-page-calculation .line-multimedia .line-head { background: #928bd9; }
.user-page-calculation .line-disabled .line-head { background: #f4f4f4; }

@media (min-width: 1000px){
  .user-page .content {
    max-width: none;
  }
  .user-page .full-screen-wrap .content-inner.user-page-calculation {
    width: 958px;
  }
}
@media (max-width: 1000px){
  .user-page .full-screen-wrap {
    height: auto;
  }
  .user-page .full-screen-wrap .full-screen {
    height: auto;
    overflow: auto;
  }
}
@media (max-width: 900px){
  .user-page-calculation .column-body .elem {
    padding: 12px 16px 12px 18px;
  }
}
@media (max-width: 790px){
  .user-page-calculation .column-body,
  .user-page-calculation .column {
    display: none;
  }
  .user-page-calculation .column-body.active,
  .user-page-calculation .column.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/*end user-page*/


































.hidden {
    display: none !important;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* End */


/* Start:/local/templates/lk_auth/template_styles.css?168808835626*/
body {
	background: #eee
}
/* End */
/* /local/templates/lk_auth/css/normalize.css?16880883566052 */
/* /local/templates/lk_auth/css/main.css?1688088356135032 */
/* /local/templates/lk_auth/template_styles.css?168808835626 */