@charset "UTF-8";
/* Подключаем вспомогательные миксины, функции */
/* Подключаем шрифты */
/* FONT */
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans/IBMPlexSans-Thin.woff2") format("woff2"), url("../fonts/IBMPlexSans/IBMPlexSans-Thin.woff") format("woff"), url("../fonts/IBMPlexSans/IBMPlexSans-Thin.ttf") format("ttf");
  font-weight: 100;
  font-display: swap; }

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans/IBMPlexSans-ExtraLight.woff2") format("woff2"), url("../fonts/IBMPlexSans/IBMPlexSans-ExtraLight.woff") format("woff"), url("../fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf") format("ttf");
  font-weight: 200;
  font-display: swap; }

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans/IBMPlexSans-Light.woff2") format("woff2"), url("../fonts/IBMPlexSans/IBMPlexSans-Light.woff") format("woff"), url("../fonts/IBMPlexSans/IBMPlexSans-Light.ttf") format("ttf");
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans/IBMPlexSans-Regular.woff2") format("woff2"), url("../fonts/IBMPlexSans/IBMPlexSans-Regular.woff") format("woff"), url("../fonts/IBMPlexSans/IBMPlexSans-Regular.ttf") format("ttf");
  font-weight: normal;
  font-display: swap; }

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans/IBMPlexSans-Medium.woff2") format("woff2"), url("../fonts/IBMPlexSans/IBMPlexSans-Medium.woff") format("woff"), url("../fonts/IBMPlexSans/IBMPlexSans-Medium.ttf") format("ttf");
  font-weight: 500;
  font-display: swap; }

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans/IBMPlexSans-SemiBold.woff2") format("woff2"), url("../fonts/IBMPlexSans/IBMPlexSans-SemiBold.woff") format("woff"), url("../fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-display: swap; }

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans/IBMPlexSans-Bold.woff2") format("woff2"), url("../fonts/IBMPlexSans/IBMPlexSans-Bold.woff") format("woff"), url("../fonts/IBMPlexSans/IBMPlexSans-Bold.ttf") format("ttf");
  font-weight: 700;
  font-display: swap; }

/* Подключаем базовые переменные */
/*
	Naming conventions: MUST READ!!!

	component-specific variables:
		<свойство, которое задается, или назначение переменной/>
		-<название компоненты (если дочерний элемент, то полное название дочернего)/>
		-<модификаторы/>
		-<доп. инфа/>
*/
/* IMAGES */
/* B R A N D I N G   A V A I L A B L E   V A R S */
/* ASIDE MENU */
/* BUTTONS */
/* AUTH BUTTON */
/* LOADER */
/* COLORS */
/* file */
/* react-select */
/* datepicker */
/* radio */
/* LOADING-OVERLAY */
/* STATUS MARK */
/* Registration */
/* Minimized filter */
/* L A N D I N G */
/* ---/ B R A N D I N G /--- /*

/* SCREEN SIZE DEFINITIONS */
/* COMMON variables */
/* HEADER */
/* FOOTER */
/* BODY */
/* INFO CONTAINER */
/* H-TITLE */
/* ASIDE MENU */
/* WORK_SECTION */
/* PROGRESS */
/* PROFILE - CERTIFICATES */
/* FEEDBACK */
/* C-SECTION */
/* LOGIN */
/* DOCS-SECTION */
/* CONTRAGENTS-SECTION */
/* CONTRAGENT */
/* AGENT CARD */
/* ROAMING-REQUEST-MODAL */
/* CONTRAGENT-ITEM-MENU */
/* CONTRAGENT-HISTORY */
/* ORGANIZATION-SECTION */
/* ORGANIZATION-DETAILS-FORM */
/* ORGANIZATION-DETAILS-STATEMENTS-LIST */
/* ORGANIZATION DEPARTMENTS */
/* ORGANIZATION EMPLOYEES */
/* CREATING-SECTION */
/* PAGE-TABS */
/* TEMPLATES */
/* UPLOADING-FORM */
/* UPLOADED-DOC */
/* _C-DROPZONE */
/* AUTHORITY */
/* DOCS-GRID */
/* LINKS */
/* DROPDOWN */
/* INPUTS */
/* Document selector */
/* ARROW TRIANGLE */
/* FILTER */
/* CHECKBOX */
/* PAGINATION CONTROL */
/* DIALOG */
/* TC-MODAL */
/* TC-MODAL-INFO */
/* PACKAGE-CONTENTS */
/* TOOLTIPS */
/* SHOW-MORE-CONTAINER */
/* REACT-AUTOSUGGEST */
/* CUSTOM-TOOLTIP */
/* info */
/* warning */
/* error */
/* CERTIFICATE-SELECT */
/* AUTH FORM */
/* Input */
/* Profile */
/* Packages */
/* M A S T E R */
/* MAIN SEARCH ELEM */
html,
body {
  width: 100%;
  min-height: 100vh;
  margin: 0; }

body {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  background-color: #eeeeee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 768px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.body-error {
  background-color: #ffffff; }

button {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }

figure {
  margin: 0; }

::-ms-clear {
  display: none; }

::-ms-reveal {
  display: none; }

/* Accessible hiding */
.visually-hidden:not(:focus):not(:active),
input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden; }

/*
	- Theme: Default
	- URI: https://tcrypt.ru
	- Author: Ainur Farkh
*/
input, button, button:focus {
  outline: none; }

/* B U T T O N S */
/* Minimized filter */
/* L A N D I N G */
/* Page Not Found (404 , 500)  */
/* Подключаем все компоненты */
/* Подключаем вспомогательные классы */
.m-0 {
  margin: 0px !important; }

.mt-0 {
  margin-top: 0px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.mr-0 {
  margin-right: 0px !important; }

.ml-0 {
  margin-left: 0px !important; }

.m-1 {
  margin: 8px !important; }

.mt-1 {
  margin-top: 8px !important; }

.mb-1 {
  margin-bottom: 8px !important; }

.mr-1 {
  margin-right: 8px !important; }

.ml-1 {
  margin-left: 8px !important; }

.m-2 {
  margin: 16px !important; }

.mt-2 {
  margin-top: 16px !important; }

.mb-2 {
  margin-bottom: 16px !important; }

.mr-2 {
  margin-right: 16px !important; }

.ml-2 {
  margin-left: 16px !important; }

.m-3 {
  margin: 24px !important; }

.mt-3 {
  margin-top: 24px !important; }

.mb-3 {
  margin-bottom: 24px !important; }

.mr-3 {
  margin-right: 24px !important; }

.ml-3 {
  margin-left: 24px !important; }

.m-4 {
  margin: 32px !important; }

.mt-4 {
  margin-top: 32px !important; }

.mb-4 {
  margin-bottom: 32px !important; }

.mr-4 {
  margin-right: 32px !important; }

.ml-4 {
  margin-left: 32px !important; }

.m-auto {
  margin: auto; }

.mt-auto {
  margin-top: auto; }

.mb-auto {
  margin-bottom: auto; }

.mr-auto {
  margin-right: auto; }

.ml-auto {
  margin-left: auto; }

.p-0 {
  padding: 0px; }

.pt-0 {
  padding-top: 0px; }

.pb-0 {
  padding-bottom: 0px; }

.pr-0 {
  padding-right: 0px; }

.pl-0 {
  padding-left: 0px; }

.p-1 {
  padding: 8px; }

.pt-1 {
  padding-top: 8px; }

.pb-1 {
  padding-bottom: 8px; }

.pr-1 {
  padding-right: 8px; }

.pl-1 {
  padding-left: 8px; }

.p-2 {
  padding: 16px; }

.pt-2 {
  padding-top: 16px; }

.pb-2 {
  padding-bottom: 16px; }

.pr-2 {
  padding-right: 16px; }

.pl-2 {
  padding-left: 16px; }

.p-3 {
  padding: 24px; }

.pt-3 {
  padding-top: 24px; }

.pb-3 {
  padding-bottom: 24px; }

.pr-3 {
  padding-right: 24px; }

.pl-3 {
  padding-left: 24px; }

.p-4 {
  padding: 32px; }

.pt-4 {
  padding-top: 32px; }

.pb-4 {
  padding-bottom: 32px; }

.pr-4 {
  padding-right: 32px; }

.pl-4 {
  padding-left: 32px; }

.p-5 {
  padding: 40px; }

.pt-5 {
  padding-top: 40px; }

.pb-5 {
  padding-bottom: 40px; }

.pr-5 {
  padding-right: 40px; }

.pl-5 {
  padding-left: 40px; }

.text-red {
  color: #c20101; }

.text-italic {
  font-style: italic; }

.text-normal {
  font-weight: normal; }

.text-bold {
  font-weight: bold; }

.text-light {
  font-weight: 300; }

.text-ellipsis-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden; }

.text-crossed {
  text-decoration: line-through;
  opacity: 0.5; }

.text-smaller {
  font-size: smaller; }

@media (max-width: 991.98px) {
  .responsive-screen-notvisible-medium-or-smaller {
    display: none !important; } }

@media (min-width: 992px) {
  .responsive-screen-notvisible-large-or-bigger {
    display: none !important; } }

@-webkit-keyframes right-slide {
  from {
    left: 120px;
    opacity: 0; }
  to {
    left: 0;
    opacity: 1; } }

@keyframes right-slide {
  from {
    left: 120px;
    opacity: 0; }
  to {
    left: 0;
    opacity: 1; } }

@-webkit-keyframes top-slide {
  from {
    top: 120px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

@keyframes top-slide {
  from {
    top: 120px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

.right-slide-animation {
  -webkit-animation-name: right-slide;
          animation-name: right-slide;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s; }

.top-slide-animation {
  -webkit-animation-name: top-slide;
          animation-name: top-slide;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s; }

.atomic-utils-locked {
  overflow: hidden; }

.tc-link {
  color: #0067b8;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  line-height: initial; }
  .tc-link--black {
    color: #000000; }
  .tc-link:hover {
    text-decoration: none; }
    .tc-link:hover::after {
      content: '';
      position: absolute;
      border-bottom-color: inherit;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      width: 100%;
      left: 0;
      bottom: 0; }

/* Подключаем используемые компоненты */
/* Layout and shared components */
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.beta-header {
  display: none;
  background-color: #feeba0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  height: 50px;
  color: #1c2c3c;
  font-size: 17px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 400;
  line-height: 50px;
  /* Приближение из-за подстановки шрифтов */
  vertical-align: middle;
  padding-left: 36px;
  padding-right: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  -webkit-transform: none;
          transform: none;
  will-change: transform;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
  .beta-header a {
    color: #157996; }
    .beta-header a:hover {
      text-decoration: underline; }
  .beta-header__button {
    margin-left: auto; }
  .beta-header--hidden {
    -webkit-transform: translateY(-130px);
            transform: translateY(-130px);
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
  .beta-header--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.layout {
  width: 100%;
  height: 100%;
  position: relative; }
  .layout:empty {
    position: absolute;
    top: calc(50% - 43px);
    left: calc(50% - 43px);
    width: 86px;
    height: 86px;
    border: 7px solid transparent;
    border-left: 7px solid #0067b8;
    border-top: 7px solid #0067b8;
    border-right: 7px solid #0067b8;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-animation: load8 1.1s infinite linear;
            animation: load8 1.1s infinite linear; }
  .layout-header {
    background-color: #ee7f35;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    height: 80px;
    -webkit-transform: none;
            transform: none;
    will-change: transform;
    -webkit-transition: -webkit-transform 200ms ease-in-out !important;
    transition: -webkit-transform 200ms ease-in-out !important;
    transition: transform 200ms ease-in-out !important;
    transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out !important; }
    @media (max-width: 767.98px) {
      .layout-header {
        display: none; } }
    @media (min-width: 992px) {
      .layout-header {
        padding: 0 0 0 25px; } }
    .layout-header--with-beta {
      top: 50px; }
    .layout-header--hidden {
      -webkit-transform: translateY(-80px);
              transform: translateY(-80px);
      -webkit-transition: -webkit-transform 200ms ease-in-out !important;
      transition: -webkit-transform 200ms ease-in-out !important;
      transition: transform 200ms ease-in-out !important;
      transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out !important; }
      .layout-header--hidden-with-beta {
        -webkit-transform: translateY(-130px);
                transform: translateY(-130px); }
    .layout-header--error {
      top: 0; }
    .layout-header__logo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-right: 50px;
      cursor: pointer; }
      @media (max-width: 991.98px) {
        .layout-header__logo {
          -ms-flex-preferred-size: 200px;
              flex-basis: 200px; } }
      .layout-header__logo__img {
        width: 219px;
        height: 32px;
        vertical-align: top;
        background: url("../Src/Themes/TESB/img/logo.svg");
        background-size: cover;
        -o-object-fit: contain;
        object-fit: contain;
        font-family: "object-fit: contain"; }
        @media (max-width: 991.98px) {
          .layout-header__logo__img {
            width: 187px; } }
      .layout-header__logo__arrow {
        margin-left: 15px;
        margin-top: -2px; }
    .layout-header__counter {
      position: absolute;
      left: 259px;
      height: 100%;
      font-size: 17px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #ffffff; }
      .layout-header__counter--ok {
        color: #70dcff; }
      .layout-header__counter--expires, .layout-header__counter-link {
        color: #dc4e41; }
      .layout-header__counter-link {
        text-decoration: underline; }
        .layout-header__counter-link:hover, .layout-header__counter-link:active {
          color: #dc4e41; }
    .layout-header__nav {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 1px;
              flex: 1 1 1px;
      min-width: 0; }
    .layout-header-simplified {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 8px 24px; }
      .layout-header-simplified__link {
        font-size: 24px;
        color: #0b1b2c; }
        .layout-header-simplified__link--active {
          color: #70dcff;
          text-decoration: underline; }
        .layout-header-simplified__link:hover {
          color: #70dcff;
          text-decoration: none; }
  .layout-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    min-height: 100vh;
    position: relative;
    padding-top: 80px;
    -webkit-transition: padding-top 0.1s linear;
    transition: padding-top 0.1s linear;
    transition: padding-top 0.1s linear; }
    .layout-body--fix .layout-body__workspace {
      max-width: 1120px;
      margin: 0 auto; }
    .layout-body--fix .layout-body__paging__pager {
      left: 0;
      max-width: 1120px; }
    .layout-body--deleted {
      min-width: 1200px; }
    .layout-visible-paging .layout-body .layout-body__workspace {
      margin-bottom: 64px; }
    .layout-visible-paging .layout-body .layout-body__menu__content {
      margin-bottom: 64px; }
    .layout-body--with-beta {
      padding-top: 80px; }
    @media (max-width: 767.98px) {
      .layout-body {
        padding-top: 60px; } }
    .layout-body__menu {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      -webkit-transform: none;
              transform: none;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out; }
      @media (max-width: 767.98px) {
        .layout-body__menu:not(.show-on-small) {
          display: none; } }
      @media (min-width: 992px) {
        .layout-body__menu {
          width: 236px; } }
      @media (max-width: 991.98px) {
        .layout-body__menu {
          width: 200px; } }
      .layout-body__menu--simple {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .layout-body__menu--simple .layout-body__menu__content {
        background-color: inherit;
        border: none;
        position: unset; }
      .layout-body__menu__content {
        position: fixed;
        top: 80px;
        left: 0;
        bottom: 0;
        z-index: 3;
        -webkit-transition: top 0.1s linear, bottom 0.1s linear;
        transition: top 0.1s linear, bottom 0.1s linear;
        background-color: #ffffff;
        -webkit-transition: width 0.25s ease-in-out;
        transition: width 0.25s ease-in-out;
        height: 100vh;
        -webkit-transform: none;
                transform: none;
        will-change: transform;
        -webkit-transition: -webkit-transform 200ms ease-in-out;
        transition: -webkit-transform 200ms ease-in-out;
        transition: transform 200ms ease-in-out;
        transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
        .layout-body__menu__content--with-beta {
          top: 80px; }
          .layout-body__menu__content--with-beta.layout-body__menu__content--no-header {
            -webkit-transform: translateY(-130px);
                    transform: translateY(-130px); }
        .layout-body__menu__content--no-header {
          height: 100vh;
          -webkit-transform: translateY(-80px);
                  transform: translateY(-80px);
          -webkit-transition: -webkit-transform 200ms ease-in-out;
          transition: -webkit-transform 200ms ease-in-out;
          transition: transform 200ms ease-in-out;
          transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
        @media (min-width: 992px) {
          .layout-body__menu__content {
            width: 236px; } }
        @media (max-width: 991.98px) {
          .layout-body__menu__content {
            width: 200px; } }
    .layout-body__workspace {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      margin-left: 24px;
      /* overflow-x: hidden; */
      position: relative;
      min-height: calc(100vh - 140px); }
      .layout-body__workspace__content {
        min-height: 100%;
        padding-bottom: 150px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .layout-body__workspace__content--with-footer {
          height: 100%; }
          .layout-body__workspace__content--with-footer-mini {
            padding-bottom: 80px; }
        .layout-body__workspace__content--error {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
      .layout-body__workspace__docs-controls {
        background-color: #eeeeee;
        position: relative; }
        .layout-body__workspace__docs-controls--sticked {
          position: fixed;
          right: 0;
          z-index: 4;
          top: 0;
          padding-top: 12px; }
          .layout-body__workspace__docs-controls--sticked .contragents-invitation__menu,
          .layout-body__workspace__docs-controls--sticked .contragents-invitation__search-result--header {
            margin-right: 25px; }
          @media (max-width: 767.98px) {
            .layout-body__workspace__docs-controls--sticked {
              left: 24px; } }
          @media (min-width: 992px) {
            .layout-body__workspace__docs-controls--sticked {
              left: 260px; } }
          @media (min-width: 768px) and (max-width: 991.98px) {
            .layout-body__workspace__docs-controls--sticked {
              left: 224px; } }
          @media (min-width: 992px) {
            .layout-body__workspace__docs-controls--sticked.layout-body__workspace__docs-controls--collapsed {
              left: 80px; } }
          @media (min-width: 768px) and (max-width: 991.98px) {
            .layout-body__workspace__docs-controls--sticked.layout-body__workspace__docs-controls--collapsed {
              left: 80px; } }
    .layout-body__paging {
      z-index: 2;
      position: fixed;
      bottom: 0;
      left: 0;
      background-color: #eeeeee;
      height: 64px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-animation: paging-animation 0.1s linear;
              animation: paging-animation 0.1s linear; }
      .layout-body__paging__line {
        height: 1px;
        background: rgba(195, 195, 195, 0.9);
        width: 100%;
        position: absolute;
        right: 0;
        top: -1px; }
      .layout-body__paging__up {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media (min-width: 992px) {
          .layout-body__paging__up {
            width: 236px; } }
        @media (max-width: 991.98px) {
          .layout-body__paging__up {
            width: 200px; } }
        .layout-body__paging__up-wrapper--internal {
          position: absolute;
          left: 0; }
      .layout-body__paging__pager {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 64px;
        width: 100%;
        position: relative;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 0; }
      @media (max-width: 767.98px) {
        .layout-body__paging__pager {
          position: initial; }
        .layout-body__paging__line {
          width: calc(100% - 28px); } }
  .layout-footer {
    background-color: #d7d7d7;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.23);
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.23);
    border: 1px solid rgba(195, 195, 195, 0.9);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 92px; }
    @media (min-width: 992px) {
      .layout-footer {
        padding: 0 50px; } }
    @media (max-width: 991.98px) {
      .layout-footer {
        padding: 0 20px; } }
    .layout-footer__company img {
      width: 188px;
      margin-bottom: 2px;
      -o-object-fit: contain;
      object-fit: contain;
      font-family: "object-fit: contain"; }
    .layout-footer__company p {
      font-size: 14px;
      margin: 0;
      text-align: center; }
    .layout-footer__links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-left: 32px; }
      .layout-footer__links__link {
        font-size: 14px; }
        .layout-footer__links__link:nth-child(2) {
          line-height: 36px; }

.body-error .fix-width550 {
  margin: 200px auto; }
  .body-error .fix-width550 .error-block {
    text-align: center; }
    .body-error .fix-width550 .error-block .maintext {
      font-size: 19em;
      font-weight: bold;
      color: #3db338;
      line-height: 260px; }

.layout-body__menu--collapsed {
  width: 56px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .layout-body__menu--collapsed .layout-body__menu__content {
    width: 56px; }
  .layout-body__menu--collapsed .tc-btn--with-plus-sign {
    width: 40px;
    padding: 0; }
    .layout-body__menu--collapsed .tc-btn--with-plus-sign div {
      margin: 0; }
    .layout-body__menu--collapsed .tc-btn--with-plus-sign span {
      display: none; }
  .layout-body__menu--collapsed .new-contragents-notice--visible::before {
    top: 2px;
    right: 2px; }
  .layout-body__menu--collapsed .c-section__link {
    width: 40px;
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .layout-body__menu--collapsed .c-section__link span {
      display: none; }
    .layout-body__menu--collapsed .c-section__link--rejected-agents::after, .layout-body__menu--collapsed .c-section__link--my-invitations::after, .layout-body__menu--collapsed .c-section__link--profile-notice::after, .layout-body__menu--collapsed .c-section__link--personal-data::after, .layout-body__menu--collapsed .c-section__link--departments::after, .layout-body__menu--collapsed .c-section__link--requisites::after, .layout-body__menu--collapsed .c-section__link--employees::after, .layout-body__menu--collapsed .c-section__link--my-agents::after, .layout-body__menu--collapsed .c-section__link--my-certs::after, .layout-body__menu--collapsed .c-section__link--invited::after, .layout-body__menu--collapsed .c-section__link--marking::after, .layout-body__menu--collapsed .c-section__link--statistics::after {
      left: calc(50% - 11px);
      top: calc(50% - 11px); }
    .layout-body__menu--collapsed .c-section__link--inbox::after, .layout-body__menu--collapsed .c-section__link--outbox::after, .layout-body__menu--collapsed .c-section__link--draft::after {
      left: 12px; }
    .layout-body__menu--collapsed .c-section__link--deleted::after {
      left: 13px; }
    .layout-body__menu--collapsed .c-section__link--approval::after {
      left: 10px; }
    .layout-body__menu--collapsed .c-section__link--mocks::after {
      left: 10px;
      top: 10px; }
  .layout-body__menu--collapsed .custom-tooltip-info.custom-tooltip--dark {
    display: inline-block; }
  .layout-body__menu--collapsed .tc-btn--scroll-to-top {
    left: 4px; }
    .layout-body__menu--collapsed .tc-btn--scroll-to-top-higher {
      bottom: 88px; }
  .layout-body__menu--collapsed .body-menu-footer {
    left: 8px; }
    .layout-body__menu--collapsed .body-menu-footer .tc-btn--help {
      width: 40px;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .layout-body__menu--collapsed .body-menu-footer .tc-btn--help div {
        margin: 0; }
      .layout-body__menu--collapsed .body-menu-footer .tc-btn--help span {
        display: none; }
    .layout-body__menu--collapsed .body-menu-footer .help-menu {
      left: 8px; }
    .layout-body__menu--collapsed .body-menu-footer .info-container::after {
      left: 15px; }
    .layout-body__menu--collapsed .body-menu-footer .custom-tooltip-info {
      display: inline-block; }
  @media (min-width: 992px) {
    .layout-body__menu--collapsed .layout-body__workspace__docs-controls--sticked {
      left: 80px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .layout-body__menu--collapsed .layout-body__workspace__docs-controls--sticked {
      left: 80px; } }
  .layout-body__menu--collapsed .aside-menu--reports .c-section__link {
    padding: 0; }

#list-container {
  background: #ffffff; }

.no-scroll {
  max-height: 100vh;
  overflow: hidden; }

@-webkit-keyframes paging-animation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes paging-animation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.blue-theme .layout-body__workspace {
  margin-right: 24px;
  min-width: 700px !important; }

.blue-theme .docs-section__tabs--sticked {
  margin-top: 10px;
  position: fixed;
  top: 0;
  left: 260px;
  right: 24px;
  z-index: 100; }

.blue-theme .layout-body__workspace__docs-controls--sticked {
  right: 21px;
  border-right: 3px solid #eeeeee; }
  .blue-theme .layout-body__workspace__docs-controls--sticked .docs-list-header {
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08); }
  .blue-theme .layout-body__workspace__docs-controls--sticked .filter {
    top: 97px; }
  .blue-theme .layout-body__workspace__docs-controls--sticked .filter--mocks {
    top: 54px; }

.blue-theme .layout-body__workspace__docs-controls--mocks-hourly-sticked {
  padding-top: 66px; }
  .blue-theme .layout-body__workspace__docs-controls--mocks-hourly-sticked .tc-btn--template-filter {
    top: 17px;
    z-index: 101; }

.blue-theme .c-section__link {
  padding-right: 15px; }

.blue-theme .tc-btn--with-plus-sign span {
  padding: 0; }

.c-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .c-flex--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .c-flex--justifyCenter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .c-flex--justifySpaceBetween {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .c-flex--justifySpaceAround {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .c-flex--justifyFlexEnd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .c-flex--justifyFlexStart {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .c-flex--alignItemsCenter {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-flex--alignItemsFlexStart {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .c-flex--alignItemsFlexEnd {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .c-flex--enableWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .c-flex--grow1x {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .c-flex__element--nogrow {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .c-flex__element--grow1x {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .c-flex__element--basisAuto {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
  .c-flex__element--alignRight {
    margin-left: auto; }
  .c-flex__element--noshrink {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .nav-menu__img-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 16px; }
  .nav-menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    margin: 0;
    border-bottom: 4px solid transparent;
    padding: 0 20px;
    background: transparent;
    text-decoration: none;
    position: relative; }
    .nav-menu__link:hover {
      color: #ffffff;
      text-decoration: none;
      background-color: #e06310; }
    .nav-menu__link--active {
      color: #ffffff;
      border-bottom: 4px solid #ffffff;
      background: #e06310; }
      .nav-menu__link--active .notification-ico {
        background-image: url("images/bell-active.svg"); }
    .nav-menu__link--fasterShrink {
      -ms-flex-negative: 2;
          flex-shrink: 2; }
    .nav-menu__link--organization {
      min-width: 0; }
    .nav-menu__link--user {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .nav-menu__link--bell {
      position: relative; }
      .nav-menu__link--bell .nav-menu__wrapper {
        margin-bottom: -8px; }
  .nav-menu__organization-name {
    max-width: 150px; }
  .nav-menu__person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    margin: 0;
    padding-left: 16px;
    padding-right: 12.5px;
    cursor: pointer; }
    .nav-menu__person__around {
      padding: 0;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      overflow: hidden; }
    .nav-menu__person:hover {
      background-color: #e06310; }
    .nav-menu__person__figure {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-radius: 50%;
      width: 100%;
      height: 100%;
      margin: 0; }
      .nav-menu__person__figure img {
        width: 100%;
        height: 100%; }
      .nav-menu__person__figure span {
        background-size: contain;
        border-radius: 50%;
        -webkit-transition: width 0.1s linear, height 0.1s linear;
        transition: width 0.1s linear, height 0.1s linear; }
    .nav-menu__person__arrow {
      margin-left: 15px; }
  .nav-menu__notification-ico {
    display: block;
    width: 18px;
    height: 21px;
    margin: auto 25px;
    background-image: url("images/bell-active.svg");
    background-size: cover;
    background-repeat: no-repeat; }
  .nav-menu__user-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 17px;
    text-align: center;
    color: #ffffff;
    margin: 0 16px;
    border-bottom: 4px solid transparent; }
  .nav-menu .notifications-counter {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px 9px;
    margin-top: -16px;
    margin-left: 35px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 10px;
    background-color: #0067b8;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
  .nav-menu .nav-menu__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }

.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: static;
  height: 100%;
  width: 215px;
  margin-right: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ee7f35;
  -webkit-transition: width 0.1s linear;
  transition: width 0.1s linear; }
  .search--full {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .search form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  .search__content {
    padding-left: 35px;
    height: 40px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .search__content:hover {
      background-color: rgba(255, 255, 255, 0.3); }
  .search__input {
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: transparent; }
    .search__input:focus {
      outline: none; }
    .search__input::-webkit-input-placeholder {
      color: #ffffff;
      font-size: 16px; }
    .search__input::-moz-placeholder {
      color: #ffffff;
      font-size: 16px; }
    .search__input::-ms-input-placeholder {
      color: #ffffff;
      font-size: 16px; }
    .search__input::placeholder {
      color: #ffffff;
      font-size: 16px; }
    .search__input:-webkit-autofill, .search__input:-webkit-autofill:hover, .search__input:-webkit-autofill:focus {
      border: none;
      -webkit-text-fill-color: #ffffff;
      -webkit-box-shadow: 0 0 0 1000px transparent inset;
      -webkit-transition: background-color 5000s ease-in-out 0s;
      transition: background-color 5000s ease-in-out 0s;
      background: transparent; }
  .search__icon-container {
    position: absolute;
    right: 235px;
    top: calc(50% - 6px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .search__icon--search {
    min-width: 18px;
    min-height: 18px;
    background: url("images/search-icon-white.svg") no-repeat;
    background-size: cover;
    position: absolute;
    left: 10px;
    top: calc(50% - 9px);
    border: none; }
    .search__icon--search:focus {
      outline: none; }
  .search__icon--clear {
    min-width: 12px;
    min-height: 12px;
    background: url("/Styles/images/cross-black.png") no-repeat;
    background-size: contain;
    opacity: 0; }
  .search--focused {
    position: absolute;
    left: 260px;
    z-index: 2;
    width: calc(100% - 244px);
    -webkit-transition: width 0.1s linear;
    transition: width 0.1s linear;
    padding-right: 42px; }
    .search--focused .search {
      background: red; }
      .search--focused .search__content {
        background: #ffffff;
        color: #222222;
        padding-right: 188px; }
        .search--focused .search__content--contragents {
          padding-right: 35px; }
          .search--focused .search__content--contragents .search__icon--clear {
            position: absolute;
            right: 10px;
            top: calc(50% - 6px); }
      .search--focused .search__input {
        color: #222222;
        padding-right: 35px; }
        .search--focused .search__input::-webkit-input-placeholder {
          color: #cccccc; }
        .search--focused .search__input::-moz-placeholder {
          color: #cccccc; }
        .search--focused .search__input::-ms-input-placeholder {
          color: #cccccc; }
        .search--focused .search__input::placeholder {
          color: #cccccc; }
        .search--focused .search__input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: #cccccc; }
        .search--focused .search__input::-moz-placeholder {
          /* Firefox 19+ */
          color: #cccccc; }
        .search--focused .search__input:-ms-input-placeholder {
          /* IE 10+ */
          color: #cccccc; }
        .search--focused .search__input:-moz-placeholder {
          /* Firefox 18- */
          color: #cccccc; }
        .search--focused .search__input:-webkit-autofill, .search--focused .search__input:-webkit-autofill:hover, .search--focused .search__input:-webkit-autofill:focus {
          border: none;
          -webkit-text-fill-color: #222222;
          -webkit-box-shadow: 0 0 0 1000px transparent inset;
          -webkit-transition: background-color 5000s ease-in-out 0s;
          transition: background-color 5000s ease-in-out 0s;
          background: transparent; }
      .search--focused .search__icon--search {
        background: url("images/search-icon-grey.svg") no-repeat;
        opacity: 0.7;
        cursor: pointer; }
        .search--focused .search__icon--search:hover {
          opacity: 1; }
        .search--focused .search__icon--search:focus {
          outline: none; }
      .search--focused .search__icon--clear {
        border: none;
        opacity: 0.3;
        cursor: pointer; }
        .search--focused .search__icon--clear:hover {
          opacity: 0.6; }
        .search--focused .search__icon--clear:focus {
          outline: none; }
      .search--focused .search__button {
        font-size: 14px;
        color: #222222;
        background-color: #f7f7f7;
        border: none;
        border-radius: 2px;
        position: absolute;
        right: 46px;
        top: calc(50% - 16px);
        height: 32px;
        bottom: 4px;
        padding: 6px 14px;
        padding-left: 34px;
        cursor: pointer;
        white-space: nowrap;
        outline: none; }
        .search--focused .search__button::before {
          content: '';
          display: block;
          width: 14px;
          height: 14px;
          background: url("/Styles/images/advanced-search.svg") no-repeat;
          background-size: cover;
          position: absolute;
          top: calc(50% - 7px);
          left: 10px; }
        .search--focused .search__button:hover {
          background-color: #eaeaea; }
        .search--focused .search__button--clicked {
          -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
                  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); }
        .search--focused .search__button--on::before {
          background: url("/Styles/images/advanced-search-on.svg") no-repeat; }

.advanced-search {
  background: #ffffff;
  position: absolute;
  top: 68px;
  right: 42px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 637px;
  border-radius: 4px;
  z-index: 15; }
  .advanced-search__content {
    padding: 45px 30px 45px 40px; }
  .advanced-search__bottom-bar {
    padding: 20px 40px;
    background: #f2f2f2; }
  .advanced-search .Select {
    width: 73%;
    font-size: 14px; }
    .advanced-search .Select-placeholder {
      padding: 4px 10px; }
  .advanced-search__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px; }
    .advanced-search__field:last-child {
      margin: 0; }
  .advanced-search .react-autosuggest__container {
    width: 73%; }

.search-result {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0; }
  .search-result:last-child {
    border-bottom: none; }
  .search-result-wrapper {
    position: absolute;
    border-radius: 4px;
    left: 0;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    top: 65px;
    width: calc(100% - 42px);
    overflow: hidden;
    -webkit-animation: showFeald .3s ease;
            animation: showFeald .3s ease;
    padding: 20px 16px;
    padding-bottom: 0px; }
    .search-result-wrapper > h2 {
      margin: 0 8px;
      font-weight: 500;
      font-size: 16px;
      line-height: 21px; }
  .search-result__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px 10px;
    border-radius: 4px;
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear;
    cursor: pointer; }
    .search-result__wrapper--selected {
      background-color: #f0f0f0; }
    .search-result__wrapper:hover {
      background-color: #f0f0f0; }
  .search-result-hide {
    display: none; }
  .search-result__list, .search-result__closeIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .search-result__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .search-result__remove-icon {
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url(../../../../../Styles/images/deleted.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center; }
  .search-result__item {
    display: inline-block;
    cursor: pointer;
    margin: 0; }
    .search-result__item-circle {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 18px; }
      .search-result__item-circle::after {
        content: '+';
        margin: 4px; }
      .search-result__item-circle:last-child::after {
        content: ''; }

@-webkit-keyframes showFeald {
  from {
    opacity: 0;
    height: 0; }
  50% {
    opacity: 0;
    height: 50%; }
  70% {
    opacity: .5;
    height: 70%; }
  to {
    opacity: 1;
    height: auto; } }

@keyframes showFeald {
  from {
    opacity: 0;
    height: 0; }
  50% {
    opacity: 0;
    height: 50%; }
  70% {
    opacity: .5;
    height: 70%; }
  to {
    opacity: 1;
    height: auto; } }

.footer {
  height: 150px;
  margin-top: -150px;
  width: 100%;
  padding: 20px 25px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .footer--mini {
    height: 84px;
    margin-top: -84px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .footer--mini .footer__column--help, .footer--mini .footer__column--copyright {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .footer--mini .footer__column--help {
      margin-left: auto; }
  .footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto; }
  .footer__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .footer__column:last-child {
      margin-left: auto !important;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .footer__column * {
      margin-bottom: 8px; }
  .footer__column + .footer__column {
    margin-left: 10%; }
  .footer__title {
    color: #222222;
    font-size: 14px;
    font-weight: 600; }
  .footer__phone {
    font-size: 17px; }
  .footer__link {
    color: #222222;
    text-decoration: none;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .footer__link:active, .footer__link:hover {
      color: #000000;
      text-decoration: underline; }
    .footer__link-mobile::before {
      content: '';
      display: inline-block;
      width: 15px;
      height: 16px;
      margin-right: 10px;
      margin-top: -5px; }
    .footer__link-mobile--android::before {
      background-image: url("/Styles/images/android-icon.svg");
      background-repeat: no-repeat;
      background-size: cover; }
    .footer__link-mobile--ios::before {
      background-image: url("/Styles/images/ios-icon.svg");
      background-repeat: no-repeat;
      background-size: cover; }
    .footer__link-social i::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-size: cover; }
    .footer__link-social--facebook i::after {
      background-image: url("/Styles/images/fb-logo.svg"); }
    .footer__link-social--instagram i::after {
      background-image: url("/Styles/images/instagram-logo.svg"); }
    .footer__link-social--vk i::after {
      background-image: url("/Styles/images/vk-logo.svg"); }
    .footer__link-social:active, .footer__link-social:hover {
      text-decoration: none; }
      .footer__link-social:active.footer__link-social--facebook i::after, .footer__link-social:hover.footer__link-social--facebook i::after {
        background-image: url("/Styles/images/fb-logo-hover.svg"); }
      .footer__link-social:active.footer__link-social--instagram i::after, .footer__link-social:hover.footer__link-social--instagram i::after {
        background-image: url("/Styles/images/instagram-logo-hover.svg"); }
      .footer__link-social:active.footer__link-social--vk i::after, .footer__link-social:hover.footer__link-social--vk i::after {
        background-image: url("/Styles/images/vk-logo-hover.svg"); }
    .footer__link-social + .footer__link-social {
      margin-left: 12px; }
  .footer__logo {
    cursor: pointer;
    text-decoration: none; }
    .footer__logo i::after {
      content: '';
      display: block;
      width: 100px;
      height: 22px;
      background-image: url("images/logo-taxnet.svg");
      background-repeat: no-repeat;
      background-size: cover; }
    .footer__logo i:hover::after {
      background-image: url("images/logo-taxnet-hover.svg");
      background-repeat: no-repeat;
      background-size: cover; }
  .footer__copyright {
    color: #222222;
    font-size: 14px; }
  .footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.c-show-more {
  width: 100%;
  max-height: 170px;
  padding: 0 8px;
  border: 1px solid transparent; }
  .c-show-more--expanded {
    background: #f6f6f6;
    border: 1px solid #dadada;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 1px rgba(163, 163, 163, 0.004);
            box-shadow: inset 0 1px 0 1px rgba(163, 163, 163, 0.004);
    overflow-y: auto; }
  .c-show-more--department-switch {
    max-height: 250px;
    padding: 0; }
  .c-show-more--department-switch .c-show-more__link {
    margin: 5px;
    line-height: 50px;
    vertical-align: bottom; }
  .c-show-more--department-switch .c-show-more__element {
    cursor: pointer;
    display: block;
    padding: 5px; }
    .c-show-more--department-switch .c-show-more__element:hover {
      background-color: #edeeef; }

.intro-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1000;
  color: #fff;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .intro-overlay__close-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 35px;
    background: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
    -webkit-mask: url("/Styles/images/cross.svg");
            mask: url("/Styles/images/cross.svg");
    -webkit-mask-size: cover;
            mask-size: cover; }
    .intro-overlay__close-icon:hover {
      background: #ffffff; }
  .intro-overlay__title {
    text-align: center;
    margin-bottom: 50px;
    font-weight: 400; }
  .intro-overlay__centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .intro-overlay .scenarios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .intro-overlay .scenarios__scenario {
      height: 175px;
      width: 275px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: 2px solid #ffffff;
      border-radius: 6px;
      cursor: pointer;
      position: relative;
      margin-bottom: 20px;
      -webkit-transition: background .15s ease-in-out;
      transition: background .15s ease-in-out; }
      .intro-overlay .scenarios__scenario:hover {
        background: #ffffff;
        color: #000000; }
        .intro-overlay .scenarios__scenario:hover .scenarios__icon {
          background: #000000; }
      .intro-overlay .scenarios__scenario--disabled {
        opacity: .5;
        cursor: default; }
        .intro-overlay .scenarios__scenario--disabled:hover {
          background: transparent;
          color: #ffffff; }
          .intro-overlay .scenarios__scenario--disabled:hover .scenarios__icon {
            background: #ffffff; }
    .intro-overlay .scenarios__icon {
      width: 56px;
      height: 56px;
      position: absolute;
      top: 20px;
      background: #ffffff;
      -webkit-transition: background 0.15s ease-in-out;
      transition: background 0.15s ease-in-out; }
      .intro-overlay .scenarios__icon--contragent {
        -webkit-mask: url("/Styles/images/add-user-icon.svg");
                mask: url("/Styles/images/add-user-icon.svg");
        -webkit-mask-size: cover;
                mask-size: cover; }
      .intro-overlay .scenarios__icon--document {
        -webkit-mask: url("/Styles/images/add-doc-icon.svg");
                mask: url("/Styles/images/add-doc-icon.svg");
        -webkit-mask-size: cover;
                mask-size: cover; }
      .intro-overlay .scenarios__icon--search {
        -webkit-mask: url("/Styles/images/search-icon.svg");
                mask: url("/Styles/images/search-icon.svg");
        -webkit-mask-size: cover;
                mask-size: cover; }
    .intro-overlay .scenarios__title {
      text-align: center;
      font-size: 1.2em;
      position: absolute;
      top: 95px; }
  .intro-overlay .scenarios__scenario + .scenarios__scenario {
    margin-left: 20px; }

@media (max-width: 610px) {
  .intro-overlay__title {
    margin-bottom: 20px; }
  .intro-overlay .scenarios {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .intro-overlay .scenarios__scenario {
      margin: 0 0 20px 0;
      width: 200px;
      height: 100px; }
    .intro-overlay .scenarios__icon {
      top: 10px;
      width: 30px;
      height: 30px; }
    .intro-overlay .scenarios__title {
      font-size: 1em;
      top: 45px;
      margin: 0; }
  .intro-overlay .scenarios__scenario + .scenarios__scenario {
    margin-right: 20px; } }

.overlay-menu {
  display: none;
  background-color: #eeeeee;
  position: fixed;
  width: 100%;
  height: 60px;
  z-index: 99; }
  @media (max-width: 767.98px) {
    .overlay-menu {
      display: block; } }
  .overlay-menu__container {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.9);
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0);
            transform: scale(0);
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden; }
    .overlay-menu__container--open {
      opacity: 0.99;
      visibility: visible;
      -webkit-transform: scale(1);
              transform: scale(1); }
  .overlay-menu__burger-btn {
    position: fixed;
    left: 20px;
    top: 20px;
    cursor: pointer;
    background: #111;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-clip: content-box;
    width: 30px;
    height: 24px;
    padding: 0;
    border-left: none;
    border-right: none;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .overlay-menu__burger-btn:focus {
      outline: none; }
    .overlay-menu__burger-btn:before, .overlay-menu__burger-btn:after {
      content: "";
      position: absolute;
      background: #111;
      height: 2px;
      width: 100%;
      right: 0;
      will-change: rotate;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .overlay-menu__burger-btn:before {
      top: -10px; }
    .overlay-menu__burger-btn:after {
      bottom: -10px; }
    .overlay-menu__burger-btn--active {
      background: transparent;
      background-clip: content-box; }
      .overlay-menu__burger-btn--active:before {
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
        top: 0;
        background: #111;
        width: 110%; }
      .overlay-menu__burger-btn--active:after {
        bottom: 0;
        -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
        background: #111;
        width: 110%; }

@media (max-width: 767px) {
  .loading-overlay__spiner {
    background-size: 40px; } }

@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.loading-overlay-layer, .loading-overlay--div, .loading-overlay--fullscreen {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 999; }
  .loading-overlay-layer .loading-overlay__message, .loading-overlay--div .loading-overlay__message, .loading-overlay--fullscreen .loading-overlay__message {
    position: absolute;
    width: 100%;
    top: calc(50% + 50px);
    font-size: 16px;
    text-align: center;
    margin: 0;
    color: #222222; }

.loading-overlay__spiner {
  width: 100%;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat; }
  .loading-overlay__spiner--ring-ball {
    background-image: url(/Styles/images/spinner-ring-ball.svg); }
  .loading-overlay__spiner--bars {
    background-image: url(/Styles/images/spinner-bars.svg); }
  .loading-overlay__spiner--two-ball {
    background-image: url(/Styles/images/spinner-two-ball.svg); }
  .loading-overlay__spiner--standard, .loading-overlay__spiner--tiny, .loading-overlay__spiner--mini {
    position: absolute;
    top: calc(50% - 43px);
    left: calc(50% - 43px);
    width: 86px;
    height: 86px;
    border: 7px solid transparent;
    border-left: 7px solid #0067b8;
    border-right: 7px solid #0067b8;
    border-top: 7px solid #0067b8;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-animation: load 1.1s infinite linear;
            animation: load 1.1s infinite linear; }
  .loading-overlay__spiner--tiny {
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    width: 32px;
    height: 32px;
    border: 2px solid transparent;
    border-left: 2px solid #0067b8;
    border-right: 2px solid #0067b8;
    border-top: 2px solid #0067b8; }
  .loading-overlay__spiner--mini {
    top: calc(50% - 10px);
    right: 8px;
    left: auto;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-left: 2px solid #0067b8;
    border-right: 2px solid #0067b8;
    border-bottom: 2px solid #0067b8; }
  .loading-overlay__spiner--mini {
    width: 44px;
    height: 44px;
    top: calc(50% - 22px);
    left: calc(50% - 22px);
    border-width: 4px; }
  .loading-overlay__spiner--custom {
    width: 24px;
    height: 24px;
    display: block;
    border: 2px solid transparent;
    border-left: 2px solid #0067b8;
    border-right: 2px solid #0067b8;
    border-top: 2px solid #0067b8;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-animation: load 1.1s infinite linear;
            animation: load 1.1s infinite linear; }

.loading-overlay--div {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4; }

.loading-overlay--fullscreen {
  position: fixed;
  top: 0;
  left: 0; }

.billing-tooltip.tc-dropdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.billing-tooltip__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap; }

.billing-tooltip__window {
  position: absolute;
  will-change: transform;
  top: 32px;
  left: 0;
  -webkit-transform: translate3d(-160px, 89px, 0);
          transform: translate3d(-160px, 89px, 0);
  -webkit-box-shadow: 12px 12px 45px -20px rgba(0, 0, 0, 0.7);
          box-shadow: 12px 12px 45px -20px rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  color: #000000;
  text-align: left;
  width: 400px; }

.billing-tooltip .tc-dropdown__menu {
  border-radius: 3px;
  padding: 0;
  cursor: default; }
  .billing-tooltip .tc-dropdown__menu::before {
    top: -7px; }

.billing-tooltip__content {
  padding: 16px; }
  .billing-tooltip__content--hint {
    display: block;
    width: 100%; }

.billing-tooltip__title {
  font-size: 22px;
  font-weight: normal;
  color: #0067b8; }
  .billing-tooltip__title:hover {
    text-decoration: none;
    color: #0067b8; }

.billing-tooltip__expiring {
  color: #909090; }

.billing-tooltip__progress {
  height: 25px;
  background: #eceff2;
  border-radius: 13px;
  text-align: center;
  line-height: 25px;
  position: relative;
  color: #3f4047;
  font-weight: 500;
  min-width: 100%; }
  .billing-tooltip__progress-text {
    z-index: 2;
    position: absolute;
    display: block;
    text-align: center;
    width: 100%; }
  .billing-tooltip__progress::after {
    content: '';
    position: absolute;
    background: repeating-linear-gradient(120deg, #54c766, #54c766 10px, #4db75d 0, #4db75d 20px);
    top: 0;
    bottom: 0;
    left: 0;
    width: inherit;
    border-radius: 13px;
    -webkit-animation: filler 0.8s ease-in-out;
            animation: filler 0.8s ease-in-out; }
  .billing-tooltip__progress--expiring::after {
    background: repeating-linear-gradient(120deg, #d53a3d, #d53a3d 10px, #c13436 0, #c13436 20px); }

.billing-tooltip__link {
  color: #3f4047;
  font-weight: 500; }
  .billing-tooltip__link:hover {
    text-decoration: none;
    color: #3f4047; }

.billing-tooltip__footer {
  background: #f2f2f2;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #222222;
  text-decoration: none;
  border-radius: 0 0 4px 4px;
  cursor: pointer; }
  .billing-tooltip__footer:hover {
    text-decoration: underline;
    color: #000000;
    background: #ebebeb; }

.tariff-expiring {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0067b8;
  position: absolute;
  top: 25px;
  right: 6px;
  cursor: pointer;
  z-index: 1; }

.layout-minimized-header .tariff-expiring {
  top: 12px; }

.nav-menu__billing-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 16px; }
  .nav-menu__billing-link .nav-menu__link {
    margin: 0;
    height: 100%;
    white-space: nowrap; }

@-webkit-keyframes filler {
  0% {
    width: 0; } }

@keyframes filler {
  0% {
    width: 0; } }

.billing-popup {
  position: relative;
  left: 65px;
  width: 224px;
  padding: 24px 28px 24px 24px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px; }
  .billing-popup::before {
    content: '';
    position: absolute;
    top: -5px;
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background: #ffffff; }
  .billing-popup__text {
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    color: #000000;
    font-size: 16px;
    line-height: 19px;
    margin: 0; }
  .billing-popup__btn {
    position: relative;
    border: none;
    background: transparent;
    cursor: pointer; }
    .billing-popup__btn--close {
      position: absolute;
      top: 10px;
      right: 10px;
      padding: 0;
      margin: 0;
      width: 16px;
      height: 16px; }
      .billing-popup__btn--close::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 16px;
        background: #c4c4c4;
        border-radius: 3px;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); }
      .billing-popup__btn--close::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 16px;
        background: #c4c4c4;
        border-radius: 3px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .billing-popup__btn--close:hover, .billing-popup__btn--close:focus {
        outline: none; }
        .billing-popup__btn--close:hover::before, .billing-popup__btn--close:focus::before {
          background: #666666; }
        .billing-popup__btn--close:hover::after, .billing-popup__btn--close:focus::after {
          background: #666666; }
    .billing-popup__btn--light {
      padding: 10px 25px;
      margin-top: 15px;
      font-size: 16px;
      line-height: 19px;
      color: #0067b8;
      background-color: #ffffff;
      border: 1px solid #0067b8;
      border-radius: 3px;
      white-space: nowrap; }
      .billing-popup__btn--light:hover {
        background-color: #0067b8;
        color: #ffffff;
        text-decoration: none; }

.notifications-tooltip.tc-dropdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.notifications-tooltip__window {
  -webkit-transform: translate3d(0, 80px, 0) !important;
          transform: translate3d(0, 80px, 0) !important;
  margin-top: 16px !important; }

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

.notifications-tooltip .tc-dropdown__menu {
  border-radius: 4px;
  padding: 0;
  cursor: default; }
  .notifications-tooltip .tc-dropdown__menu::before {
    top: -8px;
    left: 47px;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; }

.notifications-tooltip__info {
  margin: 0;
  height: 85px;
  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;
  font-size: 14px;
  color: #222222; }

.notifications-tooltip__content {
  width: 364px;
  min-height: 170px;
  max-height: 605px;
  position: relative;
  color: #222222; }

.notifications-tooltip__header {
  height: 45px;
  border-bottom: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
  position: relative; }
  .notifications-tooltip__header-title {
    margin: 0 auto;
    font-size: 16px; }

.notifications-tooltip__datetime {
  color: #999999; }

.notifications-tooltip__docname {
  color: #0067b8;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer; }

.notifications-tooltip__comment {
  background: #f1f1f1;
  padding: 6px 10px;
  font-size: 14px;
  border-radius: 0 4px 4px 4px;
  margin-top: 7px;
  position: relative; }
  .notifications-tooltip__comment::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right-color: #f1f1f1;
    border-left: 0;
    border-top: 0;
    margin-left: -8px; }

.notifications-tooltip__list {
  min-height: 85px;
  height: calc(100% - 85px);
  max-height: 520px;
  margin: 0;
  list-style-type: none;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  padding: 0; }
  .notifications-tooltip__list::-webkit-scrollbar {
    display: none; }
  .notifications-tooltip__list-item {
    padding: 10px 15px 10px 63px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 85px; }
    .notifications-tooltip__list-item:not(:last-child) {
      border-bottom: 1px solid #e0e0e0; }
    .notifications-tooltip__list-item p {
      margin: 0;
      font-size: 14px; }
    .notifications-tooltip__list-item:hover {
      background: #f1f1f1; }
    .notifications-tooltip__list-item::before {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      width: 40px;
      height: 40px;
      background-color: #dbdbdb;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px; }
    .notifications-tooltip__list-item--new {
      background: rgba(88, 151, 224, 0.1); }
      .notifications-tooltip__list-item--new:hover {
        background: rgba(88, 151, 224, 0.15); }
    .notifications-tooltip__list-item--blue-doc::before {
      background-image: url("images/doc.svg");
      background-color: #03a9f3; }
    .notifications-tooltip__list-item--green-doc::before {
      background-image: url("images/doc.svg");
      background-color: #00c292; }
    .notifications-tooltip__list-item--orange-wallet::before {
      background-image: url("images/wallet.svg");
      background-color: #fb9678; }
    .notifications-tooltip__list-item--orange-exchange::before {
      background-image: url("images/exchange.svg");
      background-color: #fb9678; }
    .notifications-tooltip__list-item--green-people::before {
      background-image: url("images/people.svg");
      background-color: #00c292; }
    .notifications-tooltip__list-item--red-attention::before {
      background-image: url("images/attention.svg");
      background-color: #e46a76; }
    .notifications-tooltip__list-item--gray::before {
      background-color: #dbdbdb; }
    .notifications-tooltip__list-item--green-group::before {
      background-image: url("images/group.svg");
      background-color: #00c292; }
    .notifications-tooltip__list-item--orange-reject::before {
      background-image: url("images/reject.svg");
      background-color: #fb9678; }
    .notifications-tooltip__list-item--orange-stop::before {
      background-image: url("images/stop.svg");
      background-color: #fb9678; }
    .notifications-tooltip__list-item--orange-package::before {
      background-image: url("images/doc-2.svg");
      background-color: #fb9678; }
    .notifications-tooltip__list-item--green-package::before {
      background-image: url("images/doc-2.svg");
      background-color: #00c292; }
    .notifications-tooltip__list-item--blue-package::before {
      background-image: url("images/doc-2.svg");
      background-color: #03a9f3; }
    .notifications-tooltip__list-item--orange-doc::before {
      background-image: url("images/doc.svg");
      background-color: #fb9678; }
    .notifications-tooltip__list-item--blue-sign::before {
      background-image: url("images/sign.svg");
      background-color: #03a9f3; }
    .notifications-tooltip__list-item--green-sign::before {
      background-image: url("images/sign.svg");
      background-color: #00c292; }
    .notifications-tooltip__list-item--red-sign::before {
      background-image: url("images/sign.svg");
      background-color: #e46a76; }
    .notifications-tooltip__list-item--orange-sign::before {
      background-image: url("images/sign.svg");
      background-color: #fb9678; }
    .notifications-tooltip__list-item--blue-group::before {
      background-image: url("images/group.svg");
      background-color: #03a9f3; }
    .notifications-tooltip__list-item--orange-attention::before {
      background-image: url("images/attention.svg");
      background-color: #fb9678 !important; }

.notifications-tooltip__link {
  background: #f2f2f2;
  width: 100%;
  height: 40px;
  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;
  font-size: 14px;
  color: #222222;
  cursor: pointer;
  border-radius: 0 0 4px 4px;
  text-decoration: none; }
  .notifications-tooltip__link:hover {
    color: #000000;
    background: #ebebeb; }

.notifications-tooltip__bottom-bar {
  background: #f2f2f2;
  padding: 16px 24px;
  border-top: 8px solid #ffffff; }

.notifications-tooltip__icon {
  display: block;
  width: 24px;
  height: 24px;
  border: none;
  opacity: 0.5;
  cursor: pointer;
  padding: 0;
  position: absolute;
  top: calc(50% - 12px); }
  .notifications-tooltip__icon:hover {
    opacity: 0.7; }
  .notifications-tooltip__icon:disabled {
    cursor: default;
    opacity: 0.3; }
    .notifications-tooltip__icon:disabled:hover {
      opacity: 0.3; }
  .notifications-tooltip__icon--check-all {
    right: 15px;
    background: url("images/check-all.svg") no-repeat; }
  .notifications-tooltip__icon--back, .notifications-tooltip__icon--settings {
    left: 15px;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background: url("images/settings.svg") no-repeat;
    background-size: cover;
    opacity: 1; }
  .notifications-tooltip__icon--back {
    background: url("images/arrow-back.svg") no-repeat;
    background-size: cover; }

.notifications-tooltip .custom-tooltip__top {
  min-width: 165px; }

.notifications-tooltip__settings {
  min-height: 400px;
  max-height: 484px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 17px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  min-width: 100%; }
  .notifications-tooltip__settings .accordion {
    width: 364px; }
  .notifications-tooltip__settings-wrapper {
    overflow-x: hidden; }
  .notifications-tooltip__settings-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px; }
  .notifications-tooltip__settings__title {
    margin-bottom: 0;
    margin-left: 10px; }

@media screen and (max-width: 1281px) {
  .notifications-tooltip__list {
    max-height: 355px; } }

.accordion {
  width: 100%; }
  .accordion__header {
    min-height: 40px;
    background: #ffffff;
    padding: 5px 40px 5px 15px;
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .accordion__header::after {
      content: '';
      display: block;
      background: url(/Styles/images/arrow-down.svg) no-repeat;
      background-size: cover;
      width: 12px;
      height: 8px;
      position: absolute;
      right: 25px;
      top: calc(50% - 4px);
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
    .accordion__header:hover {
      background: #f1f1f1; }
  .accordion__title {
    font-size: 14px;
    color: #222222;
    margin: 0; }
  .accordion__inner {
    max-height: 0;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    z-index: 1;
    position: relative;
    background: #f1f1f1; }
  .accordion__content {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    z-index: 1;
    position: relative;
    padding: 15px;
    font-size: 14px;
    color: #222222; }
  .accordion--expanded .accordion__header::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .accordion--expanded .accordion__inner {
    max-height: 100rem;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-property: max-height;
    transition-property: max-height; }
  .accordion--expanded .accordion__content {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform; }

.aside-menu__action-block {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 8px; }
  .aside-menu__action-block--empty {
    border-bottom: none;
    height: 16px; }
  .aside-menu__action-block .custom-tooltip-info {
    display: none; }

.aside-menu__links-block {
  margin: 9px 8px; }
  .aside-menu__links-block .custom-tooltip-info {
    display: none; }

.progress__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.progress__bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 7px;
  background-color: #cccccc;
  background-size: 20px 20px;
  background-image: linear-gradient(135deg, #eeeeee 25%, transparent 25%, transparent 50%, #eeeeee 50%, #eeeeee 75%, transparent 75%, transparent); }
  .progress__bar--active {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
            animation: progress-bar-stripes 1s linear infinite; }
  .progress__bar--success {
    background-color: #00ac3d; }
  .progress__bar--fail {
    background-color: #dc4e41; }

.progress__text {
  margin-top: 4px;
  font-size: 11.6px;
  font-weight: 500;
  color: #969696;
  text-align: center;
  margin-bottom: 0; }

.progress__error-ico {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 5px;
  width: 20px;
  height: 25px;
  background: url("images/require-cancel-doc.png") no-repeat;
  background-size: contain;
  border: none; }

.progress-error__description {
  padding-bottom: 20px; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 20px 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 20px 0; } }

.help-menu {
  position: fixed;
  bottom: 110px;
  left: 15px;
  width: 200px;
  z-index: 20;
  display: none; }
  .help-menu--visible {
    display: block; }
  .help-menu__item {
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding: 6px 12px;
    color: #222222 !important;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .help-menu__item--ie:-ms-expand {
      display: none; }
    .help-menu__item-icon {
      position: absolute;
      right: 40px;
      top: 16px; }
    .help-menu__item-img {
      width: 14px;
      margin-right: 5px; }
    .help-menu__item:hover {
      background-color: #f1f1f1;
      text-decoration: none; }
  .help-menu__submenu {
    display: none;
    width: 100%; }
    .help-menu__submenu--visible {
      display: block; }
  .help-menu__subitem {
    height: 34px;
    line-height: 34px;
    display: block;
    color: #222222 !important;
    text-decoration: none;
    padding-left: 25px;
    cursor: pointer; }
    .help-menu__subitem:hover {
      background-color: #eef0f4;
      text-decoration: none;
      color: #505863; }
  .help-menu .info-container {
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    height: auto;
    border-radius: 4px;
    padding: 0;
    font-size: 14px; }
    .help-menu .info-container--colapsed::after {
      left: calc(19% / 2 - 5px); }
  @media (max-width: 991.98px) {
    .help-menu {
      left: 5px; } }

.switch-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  margin: 0; }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ebebeb;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    border-radius: 10px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .switch__slider::before {
      content: '';
      position: absolute;
      height: 16px;
      width: 16px;
      left: 1px;
      bottom: 1px;
      background-color: #ffffff;
      -webkit-transition: 0.25s;
      transition: 0.25s;
      border-radius: 50%;
      will-change: transform;
      -webkit-transform: left 0.25s ease-out;
              transform: left 0.25s ease-out; }
    .switch__slider--on::before {
      left: 17px;
      -webkit-transform: left 0.25s ease-out;
              transform: left 0.25s ease-out; }
  input:checked + .switch__slider {
    background-color: #0067b8;
    border: 1px solid #0067b8; }
  .switch__label {
    margin-bottom: 0;
    margin-left: 10px;
    cursor: pointer;
    white-space: nowrap; }
    .switch__label--disabled {
      color: #999999; }
  .switch--disabled .switch__slider {
    cursor: default;
    opacity: 0.7; }

.help-menu-feedback__input--not-valid {
  border-color: #dc4e41 !important; }

.help-menu-feedback__textarea--not-valid {
  border-color: #dc4e41 !important; }

.help-menu-feedback__validation-message {
  margin: 0;
  padding-left: 2px;
  font-size: .875em;
  color: #dc4e41; }
  .help-menu-feedback__validation-message--upper {
    margin-top: -6px; }

.alert {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  border-radius: 6px;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
  position: relative; }
  .alert--notification {
    background-color: #feeba0;
    color: #1c2c3c; }
  .alert--danger {
    background-color: #fee6e6;
    color: #222222; }
  .alert--success {
    background-color: #54c766;
    color: #ffffff; }

.body-menu-footer {
  position: fixed;
  bottom: 60px;
  left: 64px;
  z-index: 3; }
  @media (max-width: 767.98px) {
    .body-menu-footer {
      display: none !important; } }
  @media (max-width: 991.98px) {
    .body-menu-footer {
      left: 45px; } }
  .body-menu-footer .custom-tooltip-info {
    display: none; }
  .body-menu-footer--collapsed {
    left: 8px; }
    .body-menu-footer--collapsed .help-menu {
      left: 8px; }
    .body-menu-footer--collapsed .tc-btn--help {
      width: 40px;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .body-menu-footer--collapsed .tc-btn--help span {
        display: none; }
      .body-menu-footer--collapsed .tc-btn--help div {
        margin: 0; }

.feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px; }
  .feedback__btn {
    background-color: #d7d7d7;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    .feedback__btn .feedback__btn__img--active {
      display: none; }
    .feedback__btn:hover .feedback__btn__img, .feedback__btn:active .feedback__btn__img {
      display: none; }
      .feedback__btn:hover .feedback__btn__img--active, .feedback__btn:active .feedback__btn__img--active {
        display: block; }
    .feedback__btn:before {
      content: '';
      background-position: center;
      background-size: contain; }
    .feedback__btn--email {
      background: url("images/email.svg") no-repeat;
      width: 17px;
      height: 14px; }
    .feedback__btn--contacts {
      background: url("images/contacts.svg") no-repeat;
      width: 20px;
      height: 18px; }
    .feedback__btn--info {
      background: url("images/info.svg") no-repeat;
      width: 20px;
      height: 18px; }
    .feedback__btn:hover .feedback__btn--email, .feedback__btn:active .feedback__btn--email {
      background: url("images/email-active.svg") no-repeat; }
    .feedback__btn:hover .feedback__btn--contacts, .feedback__btn:active .feedback__btn--contacts {
      background: url("images/contacts-active.svg") no-repeat; }
    .feedback__btn:hover .feedback__btn--info, .feedback__btn:active .feedback__btn--info {
      background: url("images/info-active.svg") no-repeat; }
    .feedback__btn:hover {
      background-color: #a3a3a3; }
    .feedback__btn:active {
      background-color: #7e7e7e; }

.c-section {
  padding: 0; }
  .c-section__links-header {
    margin: 0;
    padding: 3px 0 3px 35px;
    font-weight: 700; }
  .c-section__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    color: #0b1b2c;
    cursor: pointer;
    border-radius: 4px;
    height: 39px;
    padding: 10px 16px;
    position: relative;
    overflow: hidden;
    -webkit-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
    white-space: nowrap; }
    .c-section__link span {
      white-space: nowrap; }
    .c-section__link:hover:not(.c-section__link--active) {
      background-color: rgba(235, 235, 235, 0.5);
      color: #222222;
      text-decoration: none; }
    .c-section__link--active {
      background-color: #dddddd;
      color: #222222;
      cursor: default !important; }
      .c-section__link--active:hover {
        text-decoration: none;
        color: #222222; }
    .c-section__link .c-section__link--icon {
      margin-right: 15px;
      position: absolute;
      left: 15px;
      top: 11px; }
    .c-section__link--inbox::after, .c-section__link--outbox::after, .c-section__link--draft::after, .c-section__link--deleted::after, .c-section__link--approval::after, .c-section__link--mocks::after, .c-section__link--multilateral::after, .c-section__link--requisites::after, .c-section__link--employees::after, .c-section__link--departments::after, .c-section__link--marking::after, .c-section__link--my-agents::after, .c-section__link--invited::after, .c-section__link--my-invitations::after, .c-section__link--rejected-agents::after, .c-section__link--personal-data::after, .c-section__link--my-certs::after, .c-section__link--profile-notice::after, .c-section__link--statistics::after {
      content: '';
      position: absolute;
      left: 15px;
      top: 12px;
      background-size: cover;
      background-repeat: no-repeat;
      width: 22px;
      height: 21px; }
    .c-section__link--inbox::after {
      background-image: url("images/inbox.svg");
      width: 18px;
      height: 15px; }
    .c-section__link--outbox::after {
      background-image: url("images/outbox.svg");
      width: 18px;
      height: 15px; }
    .c-section__link--draft::after {
      background-image: url("images/draft.svg");
      width: 16px;
      height: 20px; }
    .c-section__link--deleted::after {
      background-image: url("images/deleted.svg");
      width: 14px;
      height: 18px; }
    .c-section__link--approval::after {
      background-image: url("images/approval.svg");
      width: 20px;
      height: 20px; }
    .c-section__link--mocks::after {
      background-image: url("images/mocks.svg"); }
    .c-section__link--multilateral::after {
      left: 13px;
      top: 17px;
      background-image: url("images/multilateral-icon.svg");
      width: 20px;
      height: 6px; }
    .c-section__link--requisites::after {
      background-image: url("images/requisites-icon.svg"); }
    .c-section__link--employees::after {
      background-image: url("images/employees-icon.svg"); }
    .c-section__link--departments::after {
      background-image: url("images/departments-icon.svg"); }
    .c-section__link--marking::after {
      background-image: url("images/marking-icon.svg"); }
    .c-section__link--statistics::after {
      background-image: url("images/statistics.svg"); }
    .c-section__link--my-agents::after {
      background-image: url("images/people-dark.svg"); }
    .c-section__link--invited::after {
      background-image: url("images/agent-invent.svg"); }
    .c-section__link--my-invitations::after {
      background-image: url("images/agent-add.svg"); }
    .c-section__link--rejected-agents::after {
      background-image: url("images/agent-reject.svg"); }
    .c-section__link--personal-data::after {
      background-image: url("images/person.svg"); }
    .c-section__link--my-certs::after {
      background-image: url("images/cert-icon-grey.svg"); }
    .c-section__link--profile-notice::after {
      background-image: url("images/bell-grey.svg"); }
  .c-section__empty {
    height: 29px; }
  .c-section__divider {
    height: 1px;
    border-bottom: 1px solid #e0e0e0;
    margin: 9px 0; }

.aside-menu--organization .c-section__link,
.aside-menu--reports .c-section__link {
  padding: 10px 5px 10px 48px; }

.aside-menu--organization .aside-menu__links-block {
  margin-top: 0; }

.new-contragents-notice::before {
  content: '';
  position: absolute;
  top: 7px;
  right: 23px;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background-color: #0067b8;
  visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.new-contragents-notice--navb::before {
  top: 24px;
  right: 7px; }

.new-contragents-notice--visible::before {
  visibility: visible;
  -webkit-animation: appearEase .4s ease;
          animation: appearEase .4s ease; }

@-webkit-keyframes appearEase {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes appearEase {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.work-section {
  position: relative;
  margin-top: 23px;
  width: 100%; }
  .work-section__title {
    margin-bottom: 25px; }
  .work-section__search {
    position: absolute !important;
    top: 0;
    right: 30px;
    width: 220px;
    background-size: cover; }
  .work-section__workspace {
    border-color: rgba(195, 195, 195, 0.9);
    border-style: solid;
    border-width: 1px 0 1px 1px;
    background-color: #ffffff; }

.paragraph {
  margin: 0;
  font-weight: 300;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  cursor: default; }
  .paragraph--bold {
    font-weight: bold; }
  .paragraph__link {
    color: #0067b8 !important; }
    .paragraph__link:hover {
      color: #0067b8 !important; }

.h-title {
  color: #222222;
  font-weight: 300; }
  .h-title--normal {
    font-weight: 500; }

.tc-btn {
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
  background: #f6f6f6;
  color: #000000;
  border: 1px solid #d2d2d2;
  padding: 0 17px;
  height: 36px;
  line-height: 34px;
  text-decoration: none; }
  .tc-btn:focus, .tc-btn:active {
    outline: 0; }
  .tc-btn:hover:not(:disabled) {
    text-decoration: none;
    background: #e4e4e4;
    color: #000000; }
  .tc-btn--previous {
    position: relative;
    border-radius: 4px 0 0 4px;
    border-right: none; }
    .tc-btn--previous::after {
      content: '';
      display: block;
      width: 12px;
      height: 12px;
      background: url(/Styles/images/arrow-previous.svg) no-repeat;
      background-size: cover;
      position: absolute;
      left: 10px;
      top: calc(50% - 6px); }
  .tc-btn--next {
    position: relative;
    border-radius: 0 4px 4px 0; }
    .tc-btn--next::after {
      content: '';
      display: block;
      width: 12px;
      height: 12px;
      background: url(/Styles/images/arrow-next.svg) no-repeat;
      background-size: cover;
      position: absolute;
      right: 10px;
      top: calc(50% - 6px); }
  .tc-btn--filter {
    padding: 0 10px; }
    .tc-btn--filter img {
      margin-right: 10px; }
    .tc-btn--filter-pressed {
      -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
              box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); }
  .tc-btn--template-filter {
    position: absolute;
    top: 0;
    right: 0; }
  .tc-btn--load {
    margin: 0 0 28px 28px; }
  .tc-btn--scroll-to-top {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d7d7d7;
    background: #f7f7f7;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    position: fixed;
    right: 40px;
    bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    cursor: pointer;
    -webkit-transition: right 0.2s ease-in-out;
    transition: right 0.2s ease-in-out;
    z-index: 999; }
    .tc-btn--scroll-to-top::after {
      content: "";
      width: 16px;
      height: 16px;
      position: absolute;
      top: calc(50% - 8px);
      left: calc(50% - 8px);
      background-image: url("/Styles/images/arrow-up.svg");
      background-size: cover; }
  .tc-btn--settings, .tc-btn--filter, .tc-btn--remove, .tc-btn--more, .tc-btn--download {
    padding: 0 10px;
    margin-bottom: 5px; }
    .tc-btn--settings-icon, .tc-btn--filter-icon, .tc-btn--remove-icon, .tc-btn--more-icon, .tc-btn--download-icon {
      width: 16px;
      height: 16px;
      background-image: url("/Styles/images/settings.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
  .tc-btn--filter-icon {
    background-image: url("/Styles/images/filter.svg");
    background-size: contain; }
  .tc-btn--settings-tooltip {
    left: -20px !important; }
    .tc-btn--settings-tooltip span {
      left: 85px !important; }
  .tc-btn--remove-icon {
    background-image: url("/Styles/images/basket.svg");
    background-size: auto; }
  .tc-btn--remove:hover {
    background-color: transparent !important; }
  .tc-btn--more-icon {
    background-image: url("/Styles/images/more.svg");
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    background-size: contain; }
  .tc-btn--download-icon {
    background-image: url("/Styles/images/download.svg"); }
  .tc-btn--download:hover {
    background-color: transparent !important; }
  .tc-btn--check-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 38px;
    height: 36px;
    border: 1px solid #d2d2d2;
    background-color: #f6f6f6;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    margin-bottom: 5px;
    margin-right: 15px; }
    .tc-btn--check-all .tc-btn__icon {
      width: 38px;
      height: 36px;
      background-image: url("images/check-all.svg");
      background-position: center;
      background-repeat: no-repeat;
      opacity: 0.5; }
    .tc-btn--check-all:disabled {
      cursor: default; }
      .tc-btn--check-all:disabled .tc-btn__icon {
        opacity: 0.3; }
      .tc-btn--check-all:disabled:hover .tc-btn__icon {
        opacity: 0.3; }
    .tc-btn--check-all:hover:not(:disabled) .tc-btn__icon {
      opacity: 0.7; }
  .tc-btn--primary {
    background-color: #0067b8;
    color: #ffffff;
    border: none;
    padding: 8px;
    font-size: 16px;
    display: inline-block;
    height: 40px;
    line-height: 25px; }
    .tc-btn--primary:hover:not(:disabled) {
      background-color: #005da5;
      color: #ffffff; }
  .tc-btn--align-self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .tc-btn--with-plus-sign {
    position: relative;
    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: 200px;
    overflow: hidden;
    padding-left: 22px; }
    .tc-btn--with-plus-sign div {
      width: 14px;
      height: 14px;
      background-image: url("images/plus-icon.svg");
      background-size: cover;
      position: absolute;
      top: calc(50% - 6px);
      left: 8px; }
    .tc-btn--with-plus-sign span {
      margin-top: -2px;
      padding-right: 4px; }
    .tc-btn--with-plus-sign-reports {
      width: 195px;
      padding-left: 15px; }
      .tc-btn--with-plus-sign-reports div {
        left: 12px; }
  .tc-btn--oval {
    border-radius: 50px; }
  .tc-btn--help {
    height: 32px;
    padding: 2px 25px;
    line-height: 26px; }
  .tc-btn--success {
    border-width: 1px;
    border-style: solid;
    padding: 0 17px;
    height: 36px;
    line-height: 34px;
    background: #0067b8;
    color: #ffffff; }
    .tc-btn--success:hover:not(:disabled) {
      background-color: #005da5;
      color: #ffffff; }
  .tc-btn--secondary {
    border-width: 1px;
    border-style: solid;
    padding: 0 17px;
    height: 36px;
    line-height: 34px;
    background-color: #0067b8;
    border-color: #0067b8;
    color: #ffffff; }
    .tc-btn--secondary:hover:not(:disabled) {
      background-color: #005da5;
      color: #ffffff; }
  .tc-btn--light, .tc-btn--light:disabled:hover {
    border-width: 1px;
    border-style: solid;
    padding: 0 17px;
    height: 36px;
    line-height: 34px;
    background: #f6f6f6;
    color: #000000;
    border: 1px solid #d2d2d2; }
    .tc-btn--light:hover:not(:disabled), .tc-btn--light:disabled:hover:hover:not(:disabled) {
      background: #e4e4e4;
      color: #000000; }
  .tc-btn--white, .tc-btn--white:disabled:hover {
    border-width: 1px;
    border-style: solid;
    padding: 0 17px;
    height: 36px;
    line-height: 34px;
    border-color: #ffffff;
    background-color: transparent;
    color: #ffffff; }
    .tc-btn--white:hover:not(:disabled), .tc-btn--white:disabled:hover:hover:not(:disabled) {
      background-color: #ffffff;
      color: #333333; }
  .tc-btn--gray, .tc-btn--gray:disabled:hover {
    background-color: #f6f6f6;
    border: 1px solid #d7d7d7;
    color: #222222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 36px;
    font-size: 14px;
    padding: 0 15px; }
    .tc-btn--gray:hover:not(:disabled), .tc-btn--gray:disabled:hover:hover:not(:disabled) {
      background-color: #e4e4e4; }
  .tc-btn--help div {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    display: block;
    background: url("images/help-icon.svg") no-repeat center;
    background-size: cover; }
  .tc-btn:disabled {
    cursor: default;
    opacity: 0.5; }
  .tc-btn a {
    color: inherit;
    text-decoration: inherit; }

.custom-step__overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  mix-blend-mode: hard-light; }

.custom-step__spotlight {
  position: absolute;
  background: gray;
  border-radius: 4px; }

.custom-step__tooltip {
  padding-left: 16px;
  z-index: 9999;
  position: fixed; }
  .custom-step__tooltip__body {
    cursor: default;
    background: #ffffff;
    border-radius: 4px;
    width: 300px;
    min-height: 108px;
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 3px);
            filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 3px); }
  .custom-step__tooltip__arrow {
    position: absolute;
    left: 0;
    top: 0; }
    .custom-step__tooltip__arrow span {
      position: absolute;
      top: 48px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      .custom-step__tooltip__arrow span div {
        width: 16px;
        height: 32px;
        background-image: url(/Styles/images/arrow-step.svg);
        background-size: cover;
        background-repeat: no-repeat; }
  .custom-step__tooltip__cross {
    background-image: url(/Styles/images/cross-step.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; }
  .custom-step__tooltip__text {
    padding: 30px 10px 0;
    line-height: 1.4;
    font-size: 19px;
    text-align: center;
    margin: 0; }
  .custom-step__tooltip__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0;
    padding: 10px; }
  .custom-step__tooltip__button {
    border: 0;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    padding: 8px 16px;
    line-height: 1;
    background-color: #0067B8; }
    .custom-step__tooltip__button--green {
      background-color: #005DA5;
      margin-left: auto; }

.tc-dropdown {
  position: relative;
  display: inline-block;
  /* tc-dropdown Modificators */
  /* tc-dropdown Child Elements */ }
  .tc-dropdown--show {
    /* Теперь когда сделано через popper это не нужно. Но пока решил оставить. */ }
    .tc-dropdown--show .tc-dropdown__btn {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .tc-dropdown--show .tc-dropdown__btn button {
        border-bottom-left-radius: 0; }
      .tc-dropdown--show .tc-dropdown__btn span {
        border-bottom-right-radius: 0;
        background: #e4e4e4; }
        .tc-dropdown--show .tc-dropdown__btn span::after {
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-bottom: 4px solid #909090;
          border-top: none; }
    .tc-dropdown--show .tc-dropdown__menu {
      display: block; }
  .tc-dropdown--disabled .tc-dropdown__btn {
    cursor: default;
    opacity: 0.5; }
    .tc-dropdown--disabled .tc-dropdown__btn button {
      cursor: default; }
      .tc-dropdown--disabled .tc-dropdown__btn button:focus {
        outline: none; }
  .tc-dropdown__btn {
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    border: 1px solid #d2d2d2; }
    .tc-dropdown__btn button {
      background: #f6f6f6;
      color: #000000;
      border: none;
      cursor: pointer;
      padding-right: 8px !important;
      padding-left: 17px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
      .tc-dropdown__btn button:focus, .tc-dropdown__btn button:active {
        outline: 0; }
    .tc-dropdown__btn span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
      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: 32px;
      min-height: 100%;
      background: #f6f6f6;
      border-left: 1px solid #d2d2d2; }
      .tc-dropdown__btn span::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #909090;
        border-radius: 2px; }
  .tc-dropdown__menu {
    display: none;
    background-color: #ffffff;
    min-width: 250px;
    border: 1px solid #d7d7d7;
    padding: 0;
    z-index: 10;
    margin-top: 5px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    /* tc-dropdown__menu Modificators */
    /* tc-dropdown__menu Elements */ }
    .tc-dropdown__menu--arrowed::before {
      position: absolute;
      top: -7.5px;
      left: calc(50% - 2.5px);
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-bottom: 5px solid #ffffff;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent; }
    .tc-dropdown__menu-person {
      border-radius: 5px; }
      .tc-dropdown__menu-person::before {
        left: auto;
        right: 18%; }
      .tc-dropdown__menu-person .tc-dropdown__menu__item-username {
        margin: 0;
        cursor: default;
        font-weight: 500;
        font-size: 18px; }
        .tc-dropdown__menu-person .tc-dropdown__menu__item-username:hover {
          background-color: transparent; }
      .tc-dropdown__menu-person .tc-dropdown__menu__item-logout {
        padding-left: 0;
        padding-right: 0;
        margin: 0 12px;
        border-top: 1px solid #cccccc;
        width: auto; }
        .tc-dropdown__menu-person .tc-dropdown__menu__item-logout:hover {
          margin: 0;
          padding-left: 12px;
          padding-right: 12px; }
    .tc-dropdown__menu__item {
      color: #000000;
      font-size: 15px;
      padding: 6px 12px;
      text-decoration: none;
      display: block;
      border: none;
      background: transparent;
      text-align: left;
      font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
      font-weight: 300;
      cursor: pointer;
      width: 100%;
      white-space: nowrap; }
      .tc-dropdown__menu__item:hover {
        background-color: #f1f1f1;
        text-decoration: none;
        color: #000000; }
      .tc-dropdown__menu__item:disabled {
        cursor: default;
        opacity: 0.5; }
      .tc-dropdown__menu__item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
      .tc-dropdown__menu__item:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
    .tc-dropdown__menu__actions-group {
      margin-top: 15px;
      left: -11px !important; }
      .tc-dropdown__menu__actions-group > button {
        line-height: 24px; }
      .tc-dropdown__menu__actions-group--big {
        left: -11px !important; }

.internal-docflow-modal .tc-modal-body {
  min-height: 250px;
  max-height: 80vh;
  overflow-y: auto; }

.internal-docflow__doc-title {
  font-weight: 400;
  word-break: break-all; }

.internal-docflow__row {
  background: #f8f8fb;
  margin-bottom: 5px;
  border-radius: 3px;
  position: relative;
  padding: 18px 70px 18px 18px;
  cursor: pointer; }
  .internal-docflow__row figure {
    margin-right: 20px;
    width: 15px; }
  .internal-docflow__row--collapsed::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #666666;
    border-bottom: none; }
  .internal-docflow__row--expanded::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #666666;
    border-top: none; }
  .internal-docflow__row--sent figure {
    background: url("/Styles/images/sendArrow.png");
    background-size: 100%;
    background-repeat: no-repeat;
    height: 8px; }
  .internal-docflow__row--sent .internal-docflow__state {
    color: #27afda; }
  .internal-docflow__row--in-progress figure {
    background: url("/Styles/images/wait.png");
    background-size: 100%;
    background-repeat: no-repeat;
    height: 15px; }
  .internal-docflow__row--in-progress .internal-docflow__state {
    color: #fe790d; }
  .internal-docflow__row--canceled figure, .internal-docflow__row--failure figure {
    background: url("/Styles/images/reject-approval.png");
    background-size: 100%;
    background-repeat: no-repeat;
    height: 15px; }
  .internal-docflow__row--canceled .internal-docflow__state, .internal-docflow__row--failure .internal-docflow__state {
    color: #ef4845; }
  .internal-docflow__row--succeed figure {
    background: url("/Styles/images/success-doc.png");
    background-size: 100%;
    background-repeat: no-repeat;
    height: 15px; }
  .internal-docflow__row--succeed .internal-docflow__state {
    color: #5cad54; }
  .internal-docflow__row::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 29px;
    right: 20px; }

.internal-docflow__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.internal-docflow__state {
  margin-bottom: 0; }

.internal-docflow__date {
  margin-bottom: 0;
  margin-left: auto; }

.internal-docflow__initiator {
  padding-left: 35px;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .internal-docflow__initiator__title, .internal-docflow__initiator__value {
    margin-bottom: 0; }
  .internal-docflow__initiator__value {
    word-break: break-all; }
  .internal-docflow__initiator__title {
    min-width: 120px;
    color: #a5a5a5; }

.internal-docflow__package {
  margin-bottom: 20px;
  position: relative; }
  .internal-docflow__package__title {
    font-weight: 500;
    font-size: 1.1em;
    margin-bottom: 10px;
    color: #222222; }
    .internal-docflow__package__title:after {
      content: "";
      position: absolute;
      right: 0;
      top: 15px;
      width: 500px;
      height: 1px;
      background: #999999; }

.close-btn {
  position: absolute;
  right: 30px;
  top: 22px;
  background: url("images/dialog-close.svg") no-repeat;
  background-size: contain;
  width: 17px;
  height: 17px;
  opacity: 0.6;
  cursor: pointer;
  border: none; }
  .close-btn:hover {
    opacity: 1; }

.tc-ico-btn {
  width: 38px;
  height: 25px;
  cursor: pointer;
  border: 1px solid #757575;
  background-color: transparent; }
  .tc-ico-btn:hover {
    background-color: #2f3130;
    border-color: #2f3130; }
  .tc-ico-btn:active {
    background-color: #000;
    border-color: #000;
    outline: 0; }
  .tc-ico-btn:focus {
    outline: 0; }
  .tc-ico-btn--oval {
    border-radius: 12px; }
  .tc-ico-btn--edit {
    background-image: url("images/edit.svg");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 30px; }
    .tc-ico-btn--edit:hover {
      background-image: url("images/edit-black.svg");
      background-color: transparent; }
  .tc-ico-btn--up {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background-color: #0b1b2c;
    border-color: #0b1b2c;
    background-image: url("images/double_arrow.png");
    background-repeat: no-repeat;
    background-position: center; }
    .tc-ico-btn--up:hover {
      background-color: #00a1d6;
      border-color: #00a1d6; }
  .tc-ico-btn--right-arrow {
    background-image: url("images/right-arrow.png");
    background-repeat: no-repeat;
    background-position: center; }
    .tc-ico-btn--right-arrow:hover {
      background-image: url("images/right-arrow-white.png"); }
  .tc-ico-btn--watch {
    background-image: url("images/watch.png");
    background-repeat: no-repeat;
    background-position: center; }
    .tc-ico-btn--watch:hover {
      background-image: url("images/watch-white.png"); }
    .tc-ico-btn--watch-disabled {
      cursor: auto;
      background-image: url("images/watch-disabled.png");
      background-color: #fff !important;
      border-color: #cccccc !important; }
      .tc-ico-btn--watch-disabled:hover {
        background-image: url("images/watch-disabled.png"); }
  .tc-ico-btn--trash {
    background-image: url("images/trash.png");
    background-repeat: no-repeat;
    background-position: center; }
    .tc-ico-btn--trash:hover {
      background-image: url("images/trash-white.png"); }
  .tc-ico-btn--add {
    background-image: url("images/add.png");
    background-repeat: no-repeat;
    background-position: center; }
    .tc-ico-btn--add:hover {
      background-image: url("images/add-white.png"); }
  .tc-ico-btn--reject {
    background-image: url("images/reject.png");
    background-repeat: no-repeat;
    background-position: center; }
    .tc-ico-btn--reject:hover {
      background-image: url("images/reject-white.png"); }
  .tc-ico-btn--renew {
    background-image: url("images/renew.png");
    background-repeat: no-repeat;
    background-position: center; }
    .tc-ico-btn--renew:hover {
      background-image: url("images/renew-white.png"); }
  .tc-ico-btn--download {
    background-image: url("images/download.png");
    background-repeat: no-repeat;
    background-position: center; }
    .tc-ico-btn--download:hover {
      background-image: url("images/download-white.png"); }

.tc-linkbutton {
  background: none !important;
  border: none;
  padding: 0 !important;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  color: #0067B8; }
  .tc-linkbutton:hover {
    text-decoration: underline; }

.triangleOnDark--inactive {
  width: 0;
  height: 0;
  content: '';
  z-index: 2;
  border-top: 5px solid #ffffff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

.triangleOnDark--active {
  width: 0;
  height: 0;
  content: '';
  z-index: 2;
  border-bottom: 5px solid #ffffff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

.triangleOnLight--inactive {
  width: 0;
  height: 0;
  content: '';
  z-index: 2;
  border-top: 5px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

.triangleOnLight--active {
  width: 0;
  height: 0;
  content: '';
  z-index: 2;
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

.c-search {
  position: relative;
  width: 292px;
  border: 1px solid #CCCCCC;
  background: #ffffff;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15); }
  .c-search__ico {
    background: url("images/search-icon-dark.svg") no-repeat;
    background-size: cover;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 10px;
    left: 10px;
    opacity: 0.3; }
    .c-search__ico:hover {
      cursor: pointer; }
    .c-search__ico-reset {
      background: url("images/cross-black.png") no-repeat;
      left: auto;
      right: 10px; }
    .c-search__ico--close {
      background: url("images/close-black.png") no-repeat; }
  .c-search__input {
    background: transparent;
    border: none;
    font-weight: 400;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5); }
    .c-search__input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.5); }
    .c-search__input::-moz-placeholder {
      color: rgba(0, 0, 0, 0.5); }
    .c-search__input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.5); }
    .c-search__input:focus {
      outline: none;
      color: #222222; }
      .c-search__input:focus::-webkit-input-placeholder {
        color: #cccccc; }
      .c-search__input:focus::-moz-placeholder {
        color: #cccccc; }
      .c-search__input:focus:-ms-input-placeholder {
        color: #cccccc; }
      .c-search__input:focus ~ .c-search__ico {
        opacity: 1; }
      .c-search__input:focus ~ .c-search__ico-reset {
        opacity: 1; }
  .c-search:hover {
    border: 1px solid #B2B2B2; }
  .c-search--focus {
    border: 2px solid #5AA1D8 !important; }
    .c-search--focus .c-search__ico {
      top: 9px;
      left: 9px; }
      .c-search--focus .c-search__ico-reset {
        right: 9px;
        left: auto; }
    .c-search--focus input::-webkit-input-placeholder {
      color: #CCCCCC; }
    .c-search--focus input::-moz-placeholder {
      color: #CCCCCC; }
    .c-search--focus input::-ms-input-placeholder {
      color: #CCCCCC; }
    .c-search--focus input::placeholder {
      color: #CCCCCC; }

.tc-input {
  border: 1px solid #cccccc;
  border-radius: 0;
  padding: 6px 12px;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  color: #222222;
  height: 36px; }
  .tc-input-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .tc-input-group__label {
      min-width: 170px;
      text-align: left;
      font-size: 14px;
      color: #222222;
      line-height: 18px;
      margin-bottom: 0;
      margin-right: 5px; }
    .tc-input-group .tc-input {
      width: 100%; }
  .tc-input:focus {
    outline: none;
    border: 2px solid #5aa1d8;
    padding: 5px 11px; }
  .tc-input--default {
    color: #222222;
    background-color: #ffffff;
    line-height: 20px; }
    .tc-input--default::-webkit-input-placeholder {
      color: #999999; }
    .tc-input--default::-moz-placeholder {
      color: #999999; }
    .tc-input--default::-ms-input-placeholder {
      color: #999999; }
    .tc-input--default::placeholder {
      color: #999999; }
  .tc-input--invalid {
    border: 2px solid #e61c4c !important;
    padding: 5px 11px;
    background: #fee6e6; }
  .tc-input--textarea, .tc-input--text-area {
    resize: none; }
    .tc-input--textarea__feedback, .tc-input--text-area__feedback {
      height: auto;
      width: 100%; }
  .tc-input--textarea {
    min-height: 64px;
    width: 100%; }
  .tc-input--width100 {
    width: 100%; }

.textarea--labeled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .textarea--labeled label {
    font-size: 14px;
    margin: 10px 5px 0 0;
    min-width: 170px; }

.tc-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Style the checkmark/indicator */
  /* When the checkbox is checked */
  /* Show the checkmark when checked */ }
  .tc-checkbox--filter .tc-checkbox__mark {
    background-color: #404f5d; }
  .tc-checkbox__input {
    position: absolute;
    opacity: 0;
    left: -9999px; }
  .tc-checkbox__mark {
    position: relative;
    height: 16px;
    width: 16px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .tc-checkbox:hover .tc-checkbox__input ~ .tc-checkbox__mark {
    border: 1px solid #b2b2b2; }
  .tc-checkbox__mark::after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .tc-checkbox__input:checked ~ .tc-checkbox__mark {
    background-color: #0067b8;
    border: 1px solid #0067b8 !important; }
  .tc-checkbox__input:checked ~ .tc-checkbox__mark::after {
    display: block; }
  .tc-checkbox__text {
    margin-left: 5px; }
  .tc-checkbox--disabled {
    cursor: default; }
    .tc-checkbox--disabled .tc-checkbox__input ~ .tc-checkbox__mark {
      border: solid 1px #cccccc !important;
      cursor: default;
      background-color: #ebebeb; }
    .tc-checkbox--disabled .tc-checkbox__input:checked ~ .tc-checkbox__mark {
      background-color: #ebebeb;
      border: solid 1px #cccccc !important; }
      .tc-checkbox--disabled .tc-checkbox__input:checked ~ .tc-checkbox__mark::after {
        border: solid #999999;
        border-width: 0 2px 2px 0; }

.mb-wrapper__master {
  width: 447px;
  height: 529px; }
  .mb-wrapper__master--custom-h {
    height: 350px; }

.mb-content__master {
  width: 100%;
  height: 100%;
  padding: 17px;
  padding-top: 10px; }

.mb-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }
  .mb-step__first {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .mb-step__second {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .mb-step__header {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: black;
    width: 100%;
    margin: 0; }
  .mb-step__title {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    opacity: 0.9;
    width: 100%;
    margin: 0;
    margin-top: 10px; }
  .mb-step__icons {
    margin-top: 30px; }
  .mb-step__icon {
    width: 120px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
    .mb-step__icon--google {
      background-image: url(../../../../../Styles/images/google-icon.svg);
      margin-right: 8px; }
    .mb-step__icon--apple {
      background-image: url(../../../../../Styles/images/apple-icon.svg);
      margin-left: 8px; }
  .mb-step__qr-code {
    margin-top: 25px; }
    .mb-step__qr-code__second {
      margin: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative;
      margin-top: 30px; }
      .mb-step__qr-code__second--size {
        min-height: 144px;
        max-height: 144px;
        height: 144px; }
      .mb-step__qr-code__second--wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 1rem;
        margin-bottom: 0;
        cursor: pointer; }
      .mb-step__qr-code__second--text {
        margin: 0;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #0067B8; }
      .mb-step__qr-code__second--arrow {
        width: 12px;
        height: 12px;
        margin-right: 10px;
        background-image: url(../../../../../Styles/images/circle-arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center; }
  .mb-step__third {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%; }

.tc-radio {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .tc-radio__input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .tc-radio__input:checked ~ .tc-radio__mark {
      border: 1px solid #0067b8; }
      .tc-radio__input:checked ~ .tc-radio__mark::after {
        display: block; }
    .tc-radio__input:checked:disabled ~ .tc-radio__mark {
      border: 1px solid #cccccc; }
      .tc-radio__input:checked:disabled ~ .tc-radio__mark::after {
        background-color: #999999; }
    .tc-radio__input:disabled ~ .tc-radio__mark {
      background-color: #ebebeb; }
      .tc-radio__input:disabled ~ .tc-radio__mark:hover {
        border: 1px solid #cccccc; }
  .tc-radio__mark {
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 50%; }
    .tc-radio__mark:hover {
      border: 1px solid #b2b2b2; }
    .tc-radio__mark:focus {
      border: 2px solid #5aa1d8; }
    .tc-radio__mark::after {
      content: '';
      position: absolute;
      display: none;
      top: calc(50% - 4px);
      left: calc(50% - 4px);
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #0067b8; }

.spinner {
  -webkit-animation: rotation 1.35s linear infinite;
  animation: rotation 1.35s linear infinite; }

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); } }

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); } }

.circle {
  stroke-dasharray: 180;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: turn 1.35s ease-in-out infinite;
  animation: turn 1.35s ease-in-out infinite; }

@-webkit-keyframes turn {
  0% {
    stroke-dashoffset: 180; }
  50% {
    stroke-dashoffset: 45;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 180;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg); } }

@keyframes turn {
  0% {
    stroke-dashoffset: 180; }
  50% {
    stroke-dashoffset: 45;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 180;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg); } }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }

.ui-widget-overlay {
  background: #fff;
  opacity: 0.6; }

.ui-corner-all {
  border-radius: 6px; }

.ui-dialog.ui-widget-content {
  border: 1px solid #c1c1c1;
  padding: 0;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }

.ui-dialog .ui-dialog-titlebar {
  background-color: #fafbfc;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-style: solid;
  border-color: #c7c9cf;
  border-width: 0 0 1px 0; }
  .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 25px;
    font-weight: normal;
    color: #3f4047; }
  .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    border: none;
    right: 1em; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
      background: transparent; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
      background: url("images/dialog-close.svg") no-repeat center; }

.ui-dialog .ui-dialog-buttonpane {
  padding: .3em .4em .5em .4em;
  border-style: solid;
  border-color: #c7c9cf;
  border-width: 1px 0 0 0;
  border-radius: 0 0 6px 6px; }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: center;
    float: none; }

.dialog-left-align-buttons .ui-dialog-buttonpane .ui-dialog-buttonset {
  text-align: left; }

.dialog-right-align-buttons .ui-dialog-buttonpane .ui-dialog-buttonset {
  text-align: right; }

.no-close .ui-dialog-titlebar-close {
  display: none; }

.tooltip {
  position: absolute;
  width: 150px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  /*padding: 10px;*/
  text-align: center; }
  .tooltip--error {
    background: #ffffff;
    border: 1px solid #dc4e41;
    color: #dc4e41; }
    .tooltip--error .tooltip-arrow {
      border-color: #dc4e41; }
  .tooltip--dark {
    background: #1b2633;
    color: #ffffff; }
    .tooltip--dark .tooltip-arrow {
      border-color: #1b2633; }
  .tooltip--light {
    background: #ffffff;
    color: #000000; }
    .tooltip--light .tooltip-arrow {
      border-color: #ffffff; }
  .tooltip .tooltip-inner {
    line-height: initial; }
  .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px; }
  .tooltip[x-placement^="bottom"] {
    margin-top: 5px; }
    .tooltip[x-placement^="bottom"] .tooltip-arrow {
      border-width: 0 5px 5px 5px;
      border-left-color: transparent;
      border-right-color: transparent;
      border-top-color: transparent;
      top: -5px;
      left: calc(50% - 5px);
      margin-top: 0;
      margin-bottom: 0; }
  .tooltip[x-placement^="top"] {
    margin-bottom: 5px; }
    .tooltip[x-placement^="top"] .tooltip-arrow {
      border-width: 5px 5px 0 5px;
      border-left-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      bottom: -5px;
      left: calc(50% - 5px);
      margin-top: 0;
      margin-bottom: 0; }
  .tooltip[x-placement^="left"] {
    margin-right: 5px; }
    .tooltip[x-placement^="left"] .tooltip-arrow {
      border-width: 5px 0 5px 5px;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      right: -5px;
      top: calc(50% - 5px);
      margin-left: 0;
      margin-right: 0; }
  .tooltip[x-placement^="right"] {
    margin-left: 5px; }
    .tooltip[x-placement^="right"] .tooltip-arrow {
      border-width: 5px 5px 5px 0;
      border-left-color: transparent;
      border-top-color: transparent;
      border-bottom-color: transparent;
      left: -5px;
      top: calc(50% - 5px);
      margin-left: 0;
      margin-right: 0; }

.tc-modal-overlay {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.tc-modal-content {
  position: relative;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  background-color: #ffffff;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  outline: none; }

.tc-modal--multiple-organizations {
  width: 450px; }
  .tc-modal--multiple-organizations-fixed {
    height: 444px; }

.tc-modal-close-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  background: url("images/dialog-close.svg") no-repeat center;
  background-size: contain;
  width: 13px;
  height: 13px;
  opacity: 0.8;
  cursor: pointer;
  border: none; }
  .tc-modal-close-btn:hover {
    opacity: 1; }

.tc-modal-header {
  position: relative;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #ffffff;
  padding: 20px 30px; }
  .tc-modal-header h1 {
    font-size: 22px;
    font-weight: normal;
    color: #000000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0; }
  .tc-modal-header--border-none {
    border: none; }

.tc-modal-body {
  padding: 30px;
  padding-top: 0;
  max-height: calc(100vh - 150px);
  overflow: hidden;
  overflow-y: auto; }
  .tc-modal-body--no-padding {
    padding: 0; }

.tc-modal-bottom-block {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  padding: 15px 30px;
  border-radius: 0 0 4px 4px;
  background: #f2f2f2; }
  .tc-modal-bottom-block--border-none {
    border: none; }

.tc-modal--print-form {
  z-index: 1005; }

.tc-modal--confirmation {
  z-index: 1006; }

.modal__form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .modal__form-field label {
    padding-left: 5px;
    margin: 0; }
  .modal__form-field--radio label {
    padding-left: 10px;
    margin: 8px 0 -5px;
    cursor: pointer; }

.department-edit-modal {
  max-height: 95vh; }

.avatar-modal__uploader {
  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;
  overflow: hidden; }

.avatar-modal__load {
  margin-right: auto; }

.avatar-modal .c-flex--justifyFlexStart {
  padding-left: 6px;
  padding-right: 6px; }

.avatar-uploader {
  width: 40%; }
  .avatar-uploader__image {
    position: relative;
    background-color: #d4d4d4; }
    .avatar-uploader__image--wrapper {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .avatar-uploader__container {
    color: #ffffff;
    background-image: url("/Styles/images/photo.png");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-width: 231px;
    max-height: 231px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .avatar-uploader__container > label {
      line-height: 1.8rem !important; }
  .avatar-uploader label {
    width: 100%; }
  .avatar-uploader__button {
    border: none;
    color: #767676; }
  .avatar-uploader__discription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 34px;
    width: 60%; }
    .avatar-uploader__discription--title {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 18px; }
    .avatar-uploader__discription--subtitle {
      font-style: normal;
      font-weight: normal;
      font-size: 13px;
      line-height: 17px;
      opacity: .5; }

.tc-modal-info__overlay {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.35);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .tc-modal-info__overlay .exel-confirmation-modal {
    width: 543px; }
    .tc-modal-info__overlay .exel-confirmation-modal__list {
      text-align: left;
      margin-bottom: 0;
      color: #222;
      display: block; }
      .tc-modal-info__overlay .exel-confirmation-modal__list > i {
        color: #999999; }
      .tc-modal-info__overlay .exel-confirmation-modal__list--additional {
        margin: 12px 0;
        margin-bottom: 0;
        color: #999999;
        font-style: italic; }

.tc-modal-info__content {
  position: relative;
  border-radius: 4px;
  background-color: #ffffff;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }

.tc-modal-info__header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 60px;
  color: #393a40;
  padding: 20px 30px; }
  .tc-modal-info__header__title {
    font-size: 20px;
    font-weight: 400;
    margin: 0; }
  .tc-modal-info__header__close-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    background: url("images/dialog-close.svg") no-repeat center;
    background-size: cover;
    width: 13px;
    height: 13px;
    opacity: 0.8;
    cursor: pointer;
    border: none; }
    .tc-modal-info__header__close-btn:hover {
      opacity: 1; }

.tc-modal-info__body {
  padding: 10px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .tc-modal-info__body__icon {
    width: 75px;
    height: 75px;
    margin: 10px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%; }
  .tc-modal-info__body__icon--success {
    background-image: url(/Styles/images/save-success.png); }
  .tc-modal-info__body__icon--error {
    background-image: url(/Styles/images/cancel.png); }
  .tc-modal-info__body__text {
    text-align: center; }

.tc-modal-info__footer {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 60px;
  background-color: #f2f2f2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-right: 20px;
  padding-left: 20px; }

.reports-comment-modal {
  width: 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.reports-comment-modal__body p {
  margin-bottom: 4px; }

.reports-comment-modal__content {
  background-color: #f6f6f6;
  padding: 16px 17px;
  border-radius: 8px;
  position: relative;
  width: 100%;
  word-break: break-word; }
  .reports-comment-modal__content::after {
    content: '';
    width: 5px;
    height: 10px;
    position: absolute;
    top: -1px;
    left: -11px;
    border: 10px solid transparent;
    border-top: 20px solid #f6f6f6;
    border-right: 5px solid #f6f6f6; }

.modal-sizes-feedback {
  width: 577px; }

.modal-sizes-cert-info {
  width: 600px; }

.modal-sizes-help-menu-feedback {
  width: 550px; }

.modal-sizes-organization-changed {
  width: 650px; }

.modal-sizes-routing-workflow-docs {
  width: 480px; }

.modal-sizes-routing-workflow-role {
  width: 600px; }

.modal-sizes-dss-code {
  width: 600px; }

.modal-sizes-select-cert {
  width: 550px;
  max-height: 600px; }

.modal-sizes-internal-docflow {
  width: 750px; }

.modal-sizes-flc-popup {
  width: 700px; }

.modal-sizes-avatar {
  width: 594px;
  min-width: 550px;
  max-width: 95%;
  max-height: 95%; }

.modal-sizes-annul {
  width: 750px; }

.modal-sizes-notification {
  width: 480px; }

.modal-sizes-cancel-comments {
  width: 500px; }

.modal-sizes-templates {
  width: 550px; }

.modal-sizes-pinbox {
  width: 480px; }

.modal-sizes-signer-authorities {
  width: 560px; }

.modal-sizes-employee-settings {
  width: 630px; }

.modal-sizes-employee-edit {
  width: 492px; }

.modal-sizes-department-switch {
  width: 550px; }

.modal-sizes-docflow-info {
  width: 1100px; }

.modal-sizes-procuration-sign {
  width: 520px; }

.modal-sizes-authorities-sign {
  width: 520px; }

.modal-sizes-default-sign {
  width: 450px; }

.modal-sizes-cancel-request {
  width: 610px; }

.modal-sizes-approval-request {
  width: 850px; }

.modal-sizes-sending-to-sign-request {
  width: 850px; }

.modal-sizes-reject-sign {
  width: 462px; }

.modal-sizes-responses-popup {
  width: 590px; }

.modal-sizes-contragents-add {
  width: 600px;
  min-height: 400px; }

.modal-sizes-newdepartment-add {
  width: 600px; }

.modal-sizes-info-modal {
  width: 450px; }

.modal-sizes-progress-error {
  width: 600px; }
  .modal-sizes-progress-error .tc-modal-body {
    max-height: 250px;
    overflow: auto; }

.modal-sizes-contragent-history {
  width: 750px; }

.modal-sizes-roaming-request {
  width: 492px; }

.modal-options--disableScroll {
  overflow-y: hidden; }

.master-close-button {
  width: 13px;
  height: 13px;
  position: relative;
  background-image: url(../../../../../Styles/images/cross.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 28px;
  right: 28px; }
  .master-close-button:hover {
    background-image: url(../../../../../Styles/images/dialog-close.svg);
    cursor: pointer; }

.master__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden; }

.master__steps {
  list-style-type: none;
  margin: 0;
  list-style-type: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .master__steps__content {
    margin-top: 35px; }
    .master__steps__content--with-title {
      margin: 0; }
    .master__steps__content h2 {
      margin-top: 45px;
      text-align: center;
      padding: 0 20px; }
  .master__steps .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    margin: 0 15px; }
    .master__steps .step::before {
      content: attr(data-step);
      font-weight: normal;
      font-size: 18px;
      line-height: 32px;
      width: 30px;
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 50%;
      color: #FFF;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .master__steps .step::after {
      content: '';
      width: 15px;
      height: 15px;
      background-image: url(../../../../../Styles/images/master-arrow-next.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: auto;
      position: absolute;
      top: calc(50% - 17px);
      left: calc(100% + 8px); }
    .master__steps .step:last-child::after {
      display: none; }
    .master__steps .step--with-title {
      margin: 0; }
      .master__steps .step--with-title::after {
        top: calc(50% - 28px);
        right: calc(0% - 7px);
        left: auto; }
    .master__steps .step--active span {
      opacity: 1; }
    .master__steps .step--active::before {
      background: #0067B8;
      -webkit-transform: scale(1.33);
              transform: scale(1.33);
      font-weight: normal;
      font-size: 18px;
      line-height: 32px; }
    .master__steps .step--disabled span {
      opacity: .3; }
    .master__steps .step--disabled::before {
      background: #b3d1ea;
      font-weight: normal;
      font-size: 14px;
      line-height: 32px; }
    .master__steps .step span {
      margin: 10px;
      font-size: 14px;
      color: #666666; }

.master__content {
  height: 100%; }
  .master__content-wrapper {
    overflow-y: auto;
    height: 100%;
    padding-right: 17px;
    width: calc(100% + 17px); }
  .master__content--hidden {
    display: none; }

.master__bottom__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .master__bottom__buttons .button {
    width: 100%;
    height: 70px;
    color: #0067B8;
    background: #E5E5E5;
    border: none;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    outline: none;
    cursor: pointer; }
    .master__bottom__buttons .button:disabled {
      color: #767676;
      cursor: default; }

.modal-annul__list-title {
  color: rgba(4, 16, 30, 0.5); }

.modal-annul__textarea {
  border-radius: 5px;
  border: 1px solid #ccc;
  max-width: 716px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.modal-annul__horizontal-line {
  border: none;
  border-bottom: 1px solid #ccc; }

.modal-annul__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.tc-modal-printform__overlay {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.35);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  width: 100vw; }

.tc-modal-printform__content {
  z-index: 101;
  background-color: #ffffff;
  padding: 30px;
  border: 1px solid #eeeeee;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  max-height: 900px;
  overflow: hidden; }
  .tc-modal-printform__content__close {
    position: absolute;
    right: 12px;
    top: 12px; }
  .tc-modal-printform__content__iframe {
    border: none;
    overflow: hidden;
    margin-top: 18px;
    max-height: 90vh; }

.feedback-modal__header {
  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; }

.feedback-modal__logo {
  width: 55px;
  height: 32px;
  overflow: hidden; }
  .feedback-modal__logo img {
    height: 100%; }

.feedback-modal__title {
  font-size: 2em;
  font-weight: 400; }

.feedback-modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.feedback-modal__button {
  margin-left: auto; }

.feedback-modal__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.feedback-modal__comment {
  border: 1px solid #cfcfcf;
  max-height: 40vh;
  max-width: 483px; }
  .feedback-modal__comment-label {
    margin-left: 28px; }
  .feedback-modal__comment::-webkit-input-placeholder {
    color: #d4d4d4; }
  .feedback-modal__comment::-moz-placeholder {
    color: #d4d4d4; }
  .feedback-modal__comment::-ms-input-placeholder {
    color: #d4d4d4; }
  .feedback-modal__comment::placeholder {
    color: #d4d4d4; }

.feedback-modal .tc-radio__mark {
  top: 5px; }

.routing-workflow-modal__doc {
  color: #0067b8;
  padding-left: 25px;
  position: relative; }
  .routing-workflow-modal__doc::before {
    content: '';
    display: block;
    width: 16px;
    height: 20px;
    background: url(/Styles/images/default.svg);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0; }

.routing-workflow-modal textarea {
  height: 200px; }

.routing-workflow-modal__signer-cert {
  margin-bottom: 20px; }
  .routing-workflow-modal__signer-cert .singer-cert__row {
    margin: 15px 0; }
    .routing-workflow-modal__signer-cert .singer-cert__row--cert-content {
      border: 1px solid #d7d7d7;
      padding: 8px 12px; }
    .routing-workflow-modal__signer-cert .singer-cert__row--orgName {
      margin-top: 0; }
    .routing-workflow-modal__signer-cert .singer-cert__row--post {
      margin-bottom: 0; }
    .routing-workflow-modal__signer-cert .singer-cert__row > p {
      margin: 0;
      font-weight: 500; }
    .routing-workflow-modal__signer-cert .singer-cert__row .cert-fio,
    .routing-workflow-modal__signer-cert .singer-cert__row .cert-expDate {
      display: block;
      line-height: 20px; }

.add-metadata__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px; }

.add-metadata__label {
  min-width: 170px;
  max-width: 170px;
  margin-right: 5px;
  font-size: 14px; }
  .add-metadata__label--text .tc-input-group__label {
    max-width: 170px; }

.add-metadata__error {
  background-color: #fee6e6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0; }
  .add-metadata__error > span {
    font-size: 14px;
    font-weight: 300;
    padding: 0 10px; }

.tc-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .tc-form--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .tc-form--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .tc-form__group {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .tc-form--column .tc-form__group {
    padding: 0; }
  .tc-form--row .tc-form__group {
    margin: 0 9px 0 0; }
  .tc-form__label {
    margin: 0;
    text-align: left;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    opacity: 0.5; }
  .tc-form__captcha {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .tc-form__captcha .tc-form__label {
      position: static; }
    .tc-form__captcha img {
      -ms-flex-item-align: center;
          align-self: center;
      margin-top: 18px; }
  .tc-form__checkbox {
    margin: 15px 0; }
    .tc-form__checkbox .tc-checkbox {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .tc-form__checkbox .tc-checkbox__text {
        text-align: left;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #999999;
        margin-left: 12px; }
      .tc-form__checkbox .tc-checkbox__mark {
        margin-top: 4px; }

.autosuggest--invalid .tc-input,
.autosuggest--invalid .react-autosuggest__input {
  border: 2px solid #E61C4C !important;
  background: #FEE6E6;
  padding: 5px 11px; }

.cancel-request .tc-form__group {
  padding: 9px 0; }

.form-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .form-popup--centered {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .form-popup__form--authorities {
    width: 100%; }
    .form-popup__form--authorities .Select-option {
      white-space: unset;
      text-overflow: unset; }
    .form-popup__form--authorities-list {
      word-break: break-word; }
  .form-popup__form--authority-sign {
    width: 400px; }
  .form-popup__form--procuration-sign {
    width: 400px; }
  .form-popup__form--reject-sign {
    width: 400px; }
  .form-popup .authorities__subtitle {
    width: 100%; }

#authorities-form-content-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.reject-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .reject-modal__box {
    width: 100%; }
    .reject-modal__box--text {
      font-size: 24px;
      line-height: 30px;
      font-weight: normal;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .reject-modal__box--title {
      overflow: hidden; }
    .reject-modal__box--form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .reject-modal__box--form-routing .tc-input--textarea {
        height: 200px; }
    .reject-modal__box--warning, .reject-modal__box--error {
      font-size: 14px;
      font-weight: 100;
      color: #dc4e41;
      text-align: right; }
    .reject-modal__box--warning {
      visibility: visible; }
      .reject-modal__box--warning-invisible {
        visibility: hidden; }
    .reject-modal__box--error {
      visibility: hidden; }
      .reject-modal__box--error-visible {
        visibility: visible; }

.react-autosuggest__inn-kpp {
  color: rgba(4, 16, 30, 0.5);
  font-size: 16px;
  font-weight: bold; }

.react-autosuggest__inn, .react-autosuggest__kpp {
  font-weight: normal; }

.react-autosuggest__container {
  position: relative; }

.react-autosuggest__match {
  display: inline-block;
  background-color: #fcf5bf; }

.react-autosuggest__input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 6px 12px;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  color: #222222;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .react-autosuggest__input--focused {
    outline: none;
    border: 2px solid #5aa1d8;
    padding: 5px 11px; }
  .react-autosuggest__input--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.react-autosuggest__suggestions-container {
  display: none; }
  .react-autosuggest__suggestions-container--open {
    display: block;
    position: absolute;
    width: 100%;
    border: 1px solid #cccccc;
    border-top: none;
    background-color: #ffffff;
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 2; }

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 400px;
  overflow-y: auto; }

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px; }
  .react-autosuggest__suggestion--highlighted {
    background-color: #e8f3f9; }

.custom-tooltip, .custom-tooltip-info, .custom-tooltip-error, .custom-tooltip-warning {
  background: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  padding: 3px 5px;
  opacity: 1;
  z-index: 999; }
  .custom-tooltip--visible {
    visibility: visible; }
  .custom-tooltip--hidden {
    visibility: hidden; }

.custom-tooltip-arrow-error,
.custom-tooltip-arrow-warning {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px; }

.custom-tooltip-arrow-info {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: #ffffff;
  border: 1px solid rgba(195, 195, 195, 0.9); }

/* Info tooltip */
.custom-tooltip-info {
  border: 1px solid rgba(195, 195, 195, 0.9);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #000000 !important; }
  .custom-tooltip-info--wide {
    max-width: 400px; }
  .custom-tooltip-info[data-placement^="right"] {
    margin-left: 10px; }
  .custom-tooltip-info[data-placement^="right"] .custom-tooltip-arrow-info {
    border-right-color: transparent;
    border-top-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0; }
  .custom-tooltip-info[data-placement^="left"] {
    margin-right: 10px; }
  .custom-tooltip-info[data-placement^="left"] .custom-tooltip-arrow-info {
    border-left-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0; }
  .custom-tooltip-info[data-placement^="bottom"] {
    margin-top: 15px; }
  .custom-tooltip-info[data-placement^="bottom"] .custom-tooltip-arrow-info {
    border-right-color: transparent;
    border-bottom-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0; }
  .custom-tooltip-info[data-placement^="top"] {
    margin-bottom: 18px; }
  .custom-tooltip-info[data-placement^="top"] .custom-tooltip-arrow-info {
    border-left-color: transparent;
    border-top-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0; }

/* Eror tooltip */
.custom-tooltip-error {
  border: 1px solid;
  border-color: #dc4e41 !important;
  background-color: #dc4e41 !important;
  color: #ffffff !important; }
  .custom-tooltip-error[data-placement^="right"] {
    margin-left: 5px; }
  .custom-tooltip-error[data-placement^="right"] .custom-tooltip-arrow-error {
    border-width: 5px 5px 5px 0;
    border-color: transparent #dc4e41 transparent transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0; }
  .custom-tooltip-error[data-placement^="left"] {
    margin-right: 5px; }
  .custom-tooltip-error[data-placement^="left"] .custom-tooltip-arrow-error {
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #dc4e41;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0; }
  .custom-tooltip-error[data-placement^="bottom"] {
    margin-top: 5px; }
  .custom-tooltip-error[data-placement^="bottom"] .custom-tooltip-arrow-error {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #dc4e41 transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0; }
  .custom-tooltip-error[data-placement^="top"] {
    margin-bottom: 5px; }
  .custom-tooltip-error[data-placement^="top"] .custom-tooltip-arrow-error {
    border-width: 5px 5px 0 5px;
    border-color: #dc4e41 transparent transparent transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0; }
  .custom-tooltip-error span {
    white-space: nowrap; }

/* Warning tooltip */
.custom-tooltip-warning {
  border: 1px solid;
  border-color: #b1b100 !important;
  color: #b1b100 !important; }
  .custom-tooltip-warning[data-placement^="right"] {
    margin-left: 5px; }
  .custom-tooltip-warning[data-placement^="right"] .custom-tooltip-arrow-warning {
    border-width: 5px 5px 5px 0;
    border-color: transparent #b1b100 transparent transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0; }
  .custom-tooltip-warning[data-placement^="left"] {
    margin-right: 5px; }
  .custom-tooltip-warning[data-placement^="left"] .custom-tooltip-arrow-warning {
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #b1b100;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0; }
  .custom-tooltip-warning[data-placement^="bottom"] {
    margin-top: 5px; }
  .custom-tooltip-warning[data-placement^="bottom"] .custom-tooltip-arrow-warning {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #b1b100 transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0; }
  .custom-tooltip-warning[data-placement^="top"] {
    margin-bottom: 5px; }
  .custom-tooltip-warning[data-placement^="top"] .custom-tooltip-arrow-warning {
    border-width: 5px 5px 0 5px;
    border-color: #b1b100 transparent transparent transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0; }

.custom-tooltip--dark {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  min-height: 32px;
  max-width: 350px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 16px;
  color: #ffffff !important;
  border: none;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  display: inline-block; }
  .custom-tooltip--dark div {
    font-size: 14px;
    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;
    height: 100%; }
  .custom-tooltip--dark .custom-tooltip-info {
    display: block !important; }
  .custom-tooltip--dark .custom-tooltip-arrow-info {
    width: 0;
    height: 0;
    -webkit-transform: unset;
            transform: unset;
    border: none; }
    .custom-tooltip--dark .custom-tooltip-arrow-info::after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute; }
  .custom-tooltip--dark[data-placement^="right"] .custom-tooltip-arrow-info::after {
    border-right: 5px solid rgba(0, 0, 0, 0.8);
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -5px;
    right: -5px; }
  .custom-tooltip--dark[data-placement^="left"] .custom-tooltip-arrow-info::after {
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid rgba(0, 0, 0, 0.8);
    top: -5px;
    left: -5px; }
  .custom-tooltip--dark[data-placement^="bottom"] .custom-tooltip-arrow-info::after {
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, 0.8);
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -5px; }
  .custom-tooltip--dark[data-placement^="top"] .custom-tooltip-arrow-info::after {
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.8);
    border-left: 5px solid transparent;
    top: -5px;
    left: -5px; }

.custom-tooltip__bottom-right {
  -webkit-transform: translate3d(5px, 24px, 0px) !important;
          transform: translate3d(5px, 24px, 0px) !important; }
  .custom-tooltip__bottom-right .custom-tooltip-arrow-info {
    left: 5px !important; }
    .custom-tooltip__bottom-right .custom-tooltip-arrow-info::after {
      border-right: 5px solid transparent;
      border-bottom: 5px solid rgba(0, 0, 0, 0.8);
      border-top: 5px solid transparent;
      border-left: 5px solid transparent;
      top: -5px; }

/*
		Файл взят из react-select/dist

		1. Все свойства, где использованы переменные переопределены
		2. Закомментированные свойства в начале селектора это ненужные "родные" свойства
		3. Везде где переопределен стиль написан комментарий. Искать по тегу CHANGE
*/
/* Дополнительные переопредения */
/* Устанавливает выпадающему меню ограничение по высоте */
.react-select-override-max-height .Select-menu-outer,
.react-select-override-max-height .Select-menu-outer .Select-menu {
  max-height: 200px; }

.Select {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .Select div,
  .Select input,
  .Select span {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .Select input::-webkit-contacts-auto-fill-button, .Select input::-webkit-credentials-auto-fill-button, .Select input::-ms-clear, .Select input::-ms-reveal {
    display: none !important; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none;
    opacity: 0.35; }
  .Select.is-disabled > .Select-control {
    background-color: #f9f9f9; }
    .Select.is-disabled > .Select-control:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }
  .Select.is-open > .Select-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #ffffff; }
    .Select.is-open > .Select-control .Select-arrow {
      top: -2px;
      border-color: transparent transparent #999999;
      border-width: 0 5px 5px; }
  .Select.is-searchable.is-open > .Select-control,
  .Select.is-searchable.is-focused:not(.is-open) > .Select-control {
    cursor: text; }
  .Select.is-focused > .Select-control {
    background: #ffffff; }
  .Select.is-focused:not(.is-open) > .Select-control {
    background: #ffffff; }
  .Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
    padding-right: 42px; }
  .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
    text-overflow: ellipsis;
    overflow: hidden;
    color: #222222; }
  .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
    cursor: pointer;
    text-decoration: none; }
  .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
  .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
    color: #007eff;
    outline: none;
    text-decoration: underline; }
  .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus {
    background: #ffffff; }
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
    background: #ffffff; }
  .Select.has-value.is-pseudo-focused .Select-input {
    opacity: 0; }
  .Select.is-open .Select-arrow,
  .Select .Select-arrow-zone:hover > .Select-arrow {
    border-top-color: #666666; }
  .Select.Select--rtl {
    direction: rtl;
    text-align: right; }

.Select-control {
  background-color: #ffffff;
  border-radius: 0;
  color: #222222;
  cursor: default;
  display: table;
  border: 1px solid #cccccc;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15); }
  .Select-control:hover {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .Select-control .Select-input:focus {
    outline: none;
    background: #ffffff; }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  color: #999999;
  line-height: 28px;
  padding: 6px 18px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
  /* CHANGE: Это нужно закоментить. Для поддержки отображения многострочных вариантов.*/
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  /* Вертикальная центрация текста */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.Select-input {
  height: 34px;
  padding-left: 18px;
  padding-right: 18px;
  vertical-align: middle;
  /* CHANGE: Это нужно дописать. Для поддержки отображения многострочных вариантов. */
  position: absolute;
  top: 0;
  z-index: -1;
  /* ------------------------------------- */ }
  .Select-input > input {
    width: 100%;
    background: none transparent;
    border: 0 none;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 17px;
    padding: 8px 0 12px;
    /* For IE 8 compatibility */ }

.is-focused .Select-input > input {
  cursor: text; }

.has-value.is-pseudo-focused .Select-input {
  opacity: 0; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
          animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #cccccc;
  border-right-color: #333333;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
          animation: Select-animation-fadeIn 200ms;
  color: #999999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px; }
  .Select-clear-zone:hover {
    color: #d0021b; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px; }

.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px; }

.Select-arrow {
  border-color: #999999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

.Select-control > *:last-child {
  padding-right: 5px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  border-top: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: -1px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1; }

.Select-menu {
  overflow-y: auto;
  max-height: 300px; }

.Select-option {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  color: #222222;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .Select-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .Select-option.is-selected {
    background-color: #ffffff; }
  .Select-option.is-focused {
    background-color: #3471cd;
    color: #ffffff; }
  .Select-option.is-disabled {
    color: #cccccc;
    cursor: default; }

.select--invalid .Select-control {
  border: 2px solid #E61C4C !important;
  background: #FEE6E6; }

.select--invalid .Select-value,
.select--invalid .Select-placeholder {
  padding: 1px 9px; }

.Select-noresults {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: #ebf5ff;
  background-color: rgba(0, 126, 255, 0.08);
  /* Fallback color for IE 8 */
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  border: 1px solid rgba(0, 126, 255, 0.24);
  /* Fallback color for IE 8 */
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none; }
  .Select--multi a.Select-value-label:hover {
    text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  /* Fallback color for IE 8 */
  padding: 1px 5px 3px; }
  .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
    background-color: #d8eafd;
    background-color: rgba(0, 113, 230, 0.08);
    /* Fallback color for IE 8 */
    color: #007eff; }
  .Select--multi .Select-value-icon:active {
    background-color: #c2e0ff;
    background-color: rgba(0, 126, 255, 0.24);
    /* Fallback color for IE 8 */ }

.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px; }

.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c2e0ff;
  border-left: 1px solid rgba(0, 126, 255, 0.24);
  /* Fallback color for IE 8 */ }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }
  .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
    background-color: #fcfcfc; }

.Select--multi.is-searchable .Select-input {
  z-index: 0;
  margin-left: 5px;
  position: static;
  display: inline-block;
  max-width: 350px;
  overflow: hidden; }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  padding: 2px 18px 2px 10px;
  text-align: center; }

.status-select {
  min-width: 65px; }
  .status-select--mocks {
    min-width: 100px; }
  .status-select .Select-input {
    height: 34px; }
  .status-select--with-checkbox .select-with-checkboxes__control {
    width: auto;
    min-width: auto; }
  .status-select .Select-placeholder,
  .status-select .Select--single > .Select-control .Select-value {
    padding: 4px 18px; }
  .status-select .Select-control {
    height: 34px; }
  .status-select.is-focused > .Select-control {
    background: #ffffff; }
  .status-select.is-focused:not(.is-open) > .Select-control {
    background: #ffffff; }
  .status-select .Select-menu-outer {
    min-width: 230px;
    top: 39px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); }
  .status-select .Select-option {
    background: #ffffff;
    padding: 4px 10px;
    color: black; }
    .status-select .Select-option:last-child {
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px; }
    .status-select .Select-option:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .status-select .Select-option.is-focused {
      background: #f1f1f1; }

.status-select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 12px; }

.select--with-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .select--with-label label {
    margin: 0;
    margin-right: 5px;
    min-width: 170px;
    font-size: 14px; }
  .select--with-label .Select {
    width: 100%;
    font-size: 14px; }

.routing-workflow__select {
  width: 100%; }

.info-container {
  position: relative;
  border: 1px solid #d7d7d7;
  padding: 15px;
  margin-bottom: 5px;
  border-radius: 4px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
  .info-container:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: calc(100% / 2 - 5px);
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-color: #d7d7d7;
    border-style: solid;
    border-width: 0 0 1px 1px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .info-container--full {
    width: 100%; }
  .info-container--centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .info-container--centered .info-container__message {
    text-align: center; }
  .info-container__close-btn {
    position: absolute;
    right: 6px;
    top: 6px;
    background: url("images/dialog-close.svg") no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
    opacity: 0.6;
    cursor: pointer;
    border: none; }
    .info-container__close-btn:hover {
      opacity: 1; }
  .info-container__message {
    font-size: 14px;
    font-weight: 500; }
    .info-container__message--slim {
      max-width: 156px; }
  .info-container__attention-modal {
    width: 500px; }

.certificate-select__item {
  background-color: #f2fafe;
  border-radius: 5px;
  padding: 15px 22px;
  cursor: pointer; }
  .certificate-select__item * {
    cursor: pointer; }
  .certificate-select__item--selected {
    background-color: #d2effd; }
  .certificate-select__item:hover {
    background-color: #d2effd; }
  .certificate-select__item:first-child {
    margin-top: 0; }

.page-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #c1c1c1; }
  .page-tabs__clickable {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .page-tabs__tab {
    color: #404f5d !important;
    cursor: pointer;
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
    .page-tabs__tab--active {
      color: #0067b8 !important;
      border-bottom: 1px solid #008dbb; }
  .page-tabs__non-clickable-tab {
    color: rgba(63, 40, 47, 0.5);
    -ms-flex-item-align: end;
        align-self: flex-end; }

.input-password {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px; }
  .input-password__label {
    width: 150px;
    text-align: right;
    line-height: 35px;
    margin-right: 10px;
    font-size: 14px;
    margin-bottom: 0; }
  .input-password input {
    height: 34px;
    border: 1px solid #cccccc;
    padding: 6px 30px 6px 6px;
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    width: 270px;
    -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    color: #222222; }
    .input-password input:focus {
      outline: none;
      border: 2px solid #5AA1D8;
      padding: 5px 29px 5px 5px; }
  .input-password__field {
    position: relative; }
    .input-password__field--invalid input {
      border: 2px solid #e61c4c !important;
      padding: 5px 29px 5px 5px;
      background: #fee6e6; }
  .input-password__toggle {
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    top: 9px;
    right: 10px;
    background-color: transparent;
    background-image: url(images/show-password.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer; }
    .input-password__toggle--off {
      background-image: url("images/hide-password.png"); }

.cryptx-pinbox {
  width: 600px;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  z-index: 1001; }
  .cryptx-pinbox h2 {
    font-size: 16px;
    font-weight: normal;
    color: #555555; }
  .cryptx-pinbox .tc-modal-header {
    background-color: transparent;
    border-bottom-color: transparent; }
    .cryptx-pinbox .tc-modal-header h1 {
      font-size: 20px;
      text-align: left;
      margin: 10px;
      font-family: inherit; }
  .cryptx-pinbox .tc-modal-bottom-block {
    border-top-color: transparent;
    text-align: right; }
  .cryptx-pinbox .modal-bottom-toolbar {
    text-align: right; }
  .cryptx-pinbox .tc-btn {
    border-radius: 2px; }
    .cryptx-pinbox .tc-btn--success {
      border-width: 1px;
      border-style: solid;
      padding: 0 17px;
      line-height: 34px;
      background-color: #0067b8;
      border-color: #0067b8;
      width: 83px;
      color: #ffffff; }
      .cryptx-pinbox .tc-btn--success:hover, .cryptx-pinbox .tc-btn--success:hover:not(:disabled) {
        background-color: #005da5;
        border-color: #005da5; }
    .cryptx-pinbox .tc-btn--cancel, .cryptx-pinbox .tc-btn--danger {
      border: none;
      color: #ab191a;
      background-color: transparent;
      text-decoration: none; }
      .cryptx-pinbox .tc-btn--cancel:hover, .cryptx-pinbox .tc-btn--cancel:hover:not(:disabled), .cryptx-pinbox .tc-btn--danger:hover, .cryptx-pinbox .tc-btn--danger:hover:not(:disabled) {
        color: #ab191a;
        background-color: transparent; }
  .cryptx-pinbox .tc-modal-body {
    padding: 0 30px 30px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .cryptx-pinbox .modal-field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 10px 0; }
  .cryptx-pinbox .modal-label {
    font-weight: 700;
    color: #3f4047;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 8px;
    white-space: nowrap; }
  .cryptx-pinbox .modal-input {
    height: 42px;
    width: 350px;
    padding: 0;
    padding-left: 20px;
    color: #222222;
    font-family: inherit;
    font-size: 17px;
    font-weight: normal;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 2px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15); }
    .cryptx-pinbox .modal-input--invalid {
      padding: 8px 19px;
      border: 2px solid #e61c4c !important;
      background: #fee6e6; }
    .cryptx-pinbox .modal-input:focus {
      border: 2px solid #5AA1D8;
      padding: 8px 19px; }
    .cryptx-pinbox .modal-input[type="password"] {
      font: small-caption;
      letter-spacing: 1px; }
    .cryptx-pinbox .modal-input::-webkit-input-placeholder {
      font-size: 17px;
      color: #999999; }
    .cryptx-pinbox .modal-input::-moz-placeholder {
      font-size: 17px;
      color: #999999; }
    .cryptx-pinbox .modal-input::-ms-input-placeholder {
      font-size: 17px;
      color: #999999; }
    .cryptx-pinbox .modal-input::placeholder {
      font-size: 17px;
      color: #999999; }

.sys-notifications-popup {
  position: fixed;
  width: 230px;
  bottom: 105px;
  z-index: 3;
  padding: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  @media (min-width: 992px) {
    .sys-notifications-popup {
      width: 236px; } }
  @media (max-width: 991.98px) {
    .sys-notifications-popup {
      width: 200px; } }
  .sys-notifications-popup--hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.05s linear;
    transition: all 0.05s linear; }

.response-info {
  margin: 0;
  padding: 0; }
  .response-info__btn-container {
    text-align: center; }

.poll-container {
  position: relative;
  width: 220px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 15px;
  background: rgba(254, 235, 160, 0.5);
  border-radius: 4px; }
  .poll-container__title {
    width: 155px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #222222; }
  .poll-container__text {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #999999; }
  .poll-container__btn {
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #222222;
    background: #f7f7f7;
    border: 1px solid #d7d7d7;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 4px;
    padding: 4px 10px 6px;
    cursor: pointer; }
  .poll-container__close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 10px;
    height: 10px;
    background: url("images/dialog-close.svg") no-repeat center;
    background-size: contain;
    cursor: pointer; }

.PresetDateRangePicker_panel {
  padding: 0 22px 11px; }

.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }

.PresetDateRangePicker_button:active {
  outline: 0; }

.PresetDateRangePicker_button__selected {
  color: #ffffff;
  background: #00a699; }

.SingleDatePickerInput {
  display: inline-block;
  background-color: #ffffff; }

.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb; }

.SingleDatePickerInput__rtl {
  direction: rtl; }

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2; }

.SingleDatePickerInput__block {
  display: block; }

.SingleDatePickerInput__showClearDate {
  padding-right: 30px; }

.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%; }

.SingleDatePickerInput_clearDate__small {
  padding: 6px; }

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden; }

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.SingleDatePickerInput_clearDate_svg__small {
  height: 9px; }

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle; }

.SingleDatePicker {
  position: relative;
  display: inline-block;
  width: 100%; }

.SingleDatePicker__block {
  display: block; }

.SingleDatePicker_picker {
  z-index: 1;
  background-color: #ffffff;
  position: absolute; }
  .SingleDatePicker_picker .DayPicker {
    left: 0; }

.SingleDatePicker_picker__rtl {
  direction: rtl; }

.SingleDatePicker_picker__directionLeft {
  left: 0; }

.SingleDatePicker_picker__directionRight {
  right: 0; }

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #ffffff; }

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none; }

.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px; }

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0; }

.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2;
  display: none; }

.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute; }

.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489; }

.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489; }

.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0; }

.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0; }

.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489; }

.DayPickerKeyboardShortcuts_showSpan {
  color: #ffffff;
  position: absolute; }

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px; }

.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px; }

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px; }

.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left; }

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0; }

.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px; }

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2; }

.DayPickerKeyboardShortcuts_close:active {
  outline: 0; }

.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a; }

.CalendarDay {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center; }

.CalendarDay:active {
  outline: 0; }

.CalendarDay__defaultCursor {
  cursor: default; }

.CalendarDay__default {
  background: #ffffff; }

.CalendarDay__default:hover {
  background: #e4e7e7;
  color: inherit;
  border-radius: 7px; }

.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit; }

.CalendarDay__outside {
  border: 0;
  background: #ffffff;
  color: #484848; }

.CalendarDay__outside:hover {
  border: 0; }

.CalendarDay__blocked_minimum_nights {
  background: #ffffff;
  border: 1px solid #eceeee;
  color: #cacccd; }

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #ffffff;
  color: #cacccd; }

.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848; }

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848; }

.CalendarDay__selected_span {
  color: #0067b8;
  border-radius: 0px;
  background-color: #e9f5ff; }

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #0067b8;
  color: #ffffff;
  border-radius: 7px; }

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #0067b8;
  border-radius: 7px;
  color: #ffffff; }

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #e9f5ff;
  color: #0067b8; }

.CalendarDay__hovered_span:active {
  background: #0067b8;
  border: 1px double #0067b8;
  color: #ffffff; }

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a; }

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #ffffff;
  border: 1px solid #e4e7e7;
  color: #cacccd; }

.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee; }

.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7; }

.CalendarMonth {
  background: #ffffff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0; }

.CalendarMonth_verticalSpacing {
  border-collapse: separate; }

.CalendarMonth_caption {
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #0067b8;
  text-transform: capitalize; }

.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px; }

.CalendarMonthGrid {
  background: #ffffff;
  text-align: left;
  z-index: 0; }

.CalendarMonthGrid__animating {
  z-index: 1; }

.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px; }

.CalendarMonthGrid__vertical {
  margin: 0 auto; }

.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll; }

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%; }

.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none; }

.CalendarMonthGrid_month__hidden {
  visibility: hidden; }

.DayPickerNavigation {
  position: relative;
  z-index: 2; }

.DayPickerNavigation__horizontal {
  height: 0; }

.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0; }

.DayPickerNavigation__verticalScrollableDefault {
  position: relative; }

.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0; }

.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #ffffff;
  color: #757575; }

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4; }

.DayPickerNavigation_button__default:active {
  background: #f2f2f2; }

.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2; }

.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2; }

.DayPickerNavigation_button__disabled:active {
  background: 0 0; }

.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: 0.78;
  border-radius: 3px;
  padding: 6px 9px; }

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px; }

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px; }

.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%; }

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0; }

.DayPickerNavigation_nextButton__verticalScrollableDefault {
  width: 100%; }

.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block; }

.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848; }

.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2; }

.DayPicker {
  background: #ffffff;
  position: relative;
  text-align: left;
  left: -45px; }

.DayPicker__horizontal {
  background: #ffffff; }

.DayPicker__verticalScrollable {
  height: 100%; }

.DayPicker__hidden {
  visibility: hidden; }

.DayPicker__withBorder {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px; }

.DayPicker_portal__horizontal {
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%; }

.DayPicker_portal__vertical {
  position: initial; }

.DayPicker_focusRegion {
  outline: 0; }

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top; }

.DayPicker_weekHeaders {
  position: relative; }

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px; }

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left; }

.DayPicker_weekHeader__vertical {
  left: 50%; }

.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #ffffff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center; }

.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px; }

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center; }

.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px; }

.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out; }

.DayPicker_transitionContainer__vertical {
  width: 100%; }

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll; }

.DateInput {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle; }
  .DateInput.DateInput_1 {
    width: 110px; }

.DateInput__small {
  width: 97px; }

.DateInput__block {
  width: 100%; }

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb; }

.DateInput_input {
  font-weight: 200;
  font-size: 14px;
  line-height: 24px;
  color: #484848;
  width: 100%;
  padding: 6px 17px 5px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0;
  background-color: transparent; }

.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.2px;
  padding: 7px 7px 5px; }

.DateInput_input__regular {
  font-weight: auto; }

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

.DateInput_input__focused {
  outline: 0;
  background: transparent;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #0067b8;
  border-left: 0; }

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic; }

.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 15px;
  left: 22px;
  z-index: 2; }

.DateInput_fangShape {
  fill: #ffffff; }

.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent; }

.DateRangePickerInput {
  background-color: #ffffff;
  display: inline-block; }

.DateRangePickerInput__disabled {
  background: #f2f2f2; }

.DateRangePickerInput__withBorder {
  border-radius: 4px;
  background-color: #eef1f4;
  padding-right: 12px; }

.DateRangePickerInput__rtl {
  direction: rtl; }

.DateRangePickerInput__block {
  display: block; }

.DateRangePickerInput__showClearDates {
  padding-right: 30px; }

.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848;
  overflow: hidden;
  width: 10px; }

.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px; }

.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.DateRangePickerInput_clearDates__small {
  padding: 6px; }

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%; }

.DateRangePickerInput_clearDates__hide {
  visibility: hidden; }

.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.DateRangePickerInput_clearDates_svg__small {
  height: 9px; }

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle; }

.DateRangePicker {
  position: relative;
  display: inline-block; }

.DateRangePicker__block {
  display: block; }

.DateRangePicker_picker {
  z-index: 1;
  position: absolute; }

.DateRangePicker_picker__rtl {
  direction: rtl; }

.DateRangePicker_picker__directionLeft {
  left: 0; }

.DateRangePicker_picker__directionRight {
  right: 0; }

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.DateRangePicker_picker__fullScreenPortal {
  background-color: #ffffff; }

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none; }

.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.datepicker-wrapper {
  position: relative; }
  .datepicker-wrapper .SingleDatePickerInput__withBorder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    width: 100%;
    background-color: transparent; }
    .datepicker-wrapper .SingleDatePickerInput__withBorder .DateInput_input {
      padding: 0;
      color: #000000; }
    .datepicker-wrapper .SingleDatePickerInput__withBorder .DateInput_input__focused {
      border: 2px solid #5aa1d8; }

.datepicker-clear {
  position: absolute;
  background: url("images/cross-black.png") no-repeat center;
  background-size: contain;
  width: 12px;
  height: 12px;
  top: 12px;
  right: 9px;
  opacity: 0.4;
  cursor: pointer;
  border: none; }

.datepicker-wrapper.tc-input--width100 {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch; }
  .datepicker-wrapper.tc-input--width100 .SingleDatePicker {
    width: 100%; }
  .datepicker-wrapper.tc-input--width100 .SingleDatePickerInput {
    width: 100%; }
    .datepicker-wrapper.tc-input--width100 .SingleDatePickerInput__withBorder {
      width: 100%; }
      .datepicker-wrapper.tc-input--width100 .SingleDatePickerInput__withBorder .DateInput {
        width: 100%; }
      .datepicker-wrapper.tc-input--width100 .SingleDatePickerInput__withBorder .DateInput_input {
        padding: 6px 12px; }

.add-metadata__field .SingleDatePicker_picker {
  margin-left: 230px;
  margin-top: 102px; }

.add-metadata__field .datepicker-clear {
  display: none; }

.add-metadata__field .SingleDatePickerInput {
  background-color: #eef1f4; }

.add-metadata__field .SingleDatePicker_1 {
  position: static; }

.add-metadata__field .datepicker-wrapper {
  position: static; }

.add-metadata__field .DateInput_fang {
  margin-left: 40px;
  margin-top: -22px; }

.add-metadata__field .DateInput_1 {
  width: 110px;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.add-metadata__field .DateInput_input_1 {
  line-height: 24px;
  padding: 6px 17px 5px;
  text-align: center; }

.print-form-block__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px 0;
  min-height: 300px; }

.print-form-block--no-preview .print-form-block__content figure {
  margin: 20px 0; }
  .print-form-block--no-preview .print-form-block__content figure::after {
    content: url("images/no_preview.png"); }

.dss-code-modal form {
  width: 100%; }

.dss-code-modal__error {
  color: #ab191a;
  font-weight: 400; }

.dss-code-modal .modal-field-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.myDss-confirm-modal {
  width: 520px; }
  .myDss-confirm-modal--center {
    width: 347px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 32px; }
  .myDss-confirm-modal__logo {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    background-image: url(../../../../../Styles/images/myDss.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .myDss-confirm-modal__loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 24px;
    margin-bottom: 16px; }
    .myDss-confirm-modal__loader .loading-overlay__spiner--custom {
      width: 18px;
      height: 18px;
      margin: 0 10px; }
  .myDss-confirm-modal__text {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    padding: 0;
    margin: 0; }
    .myDss-confirm-modal__text--bold {
      font-size: 18px;
      line-height: 24px;
      color: #222222;
      margin-bottom: 12px; }
    .myDss-confirm-modal__text--link {
      color: #222222; }
    .myDss-confirm-modal__text--uppercase {
      font-size: 12px;
      line-height: 20px;
      text-transform: uppercase; }
  .myDss-confirm-modal__list {
    padding: 0;
    margin: 0;
    margin-top: 12px;
    list-style: none; }
    .myDss-confirm-modal__list--element > a {
      color: #0056b3; }
  .myDss-confirm-modal__line {
    height: 1px;
    width: 100%;
    margin-bottom: 24px;
    background-color: #f0f0f0; }

.body-error {
  width: 100vw;
  height: 100vh;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }

.er-wrapper {
  width: 608px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.er-header {
  width: 172px;
  height: 22px;
  margin-top: 24px; }
  .er-header__logo {
    width: 219px;
    height: 32px;
    background-image: url("../Src/Themes/TESB/img/logo-auth.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }

.er-position {
  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; }

.er-container {
  width: 100%; }
  .er-container__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .er-container__code {
    color: #222222;
    opacity: 0.2;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 0; }
  .er-container__title {
    color: #222222;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 35px; }
  .er-container__discription {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #8e9cae;
    text-align: center;
    width: 100%; }
    .er-container__discription--phone-number {
      color: #8e9cae;
      font-weight: 700; }
      .er-container__discription--phone-number::after {
        content: "8 800 333 80 89"; }
  .er-container__button {
    width: 151px;
    height: 38px;
    left: 565px;
    top: 433px;
    background: #ee7f35;
    border-radius: 2px;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none;
    border: none;
    cursor: pointer; }
    .er-container__button:hover {
      color: #ffffff;
      background: #ee7f35;
      text-decoration: none; }

.er-footer__date::before {
  content: "© "; }

.er-footer__date::after {
  content: ", АО «Татэнергосбыт»"; }

.er-footer p {
  margin-bottom: 24px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #999999; }

.accordion__header--sb {
  border-top: 1px solid #f0f0f0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px; }
  .accordion__header--sb > div {
    margin-right: 16px;
    margin-left: auto; }

.accordion__inner--bc {
  background-color: rgba(241, 241, 241, 0.2);
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1); }

.routing-document {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 5px;
  padding-bottom: 0;
  color: #999999; }
  .routing-document__status {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-right: 14px;
    background-image: none; }
  .routing-document--text {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px; }
  .routing-document--signed {
    color: #222222; }
    .routing-document--signed .routing-document__status {
      background-image: url(../../../../../Styles/images/save-success.svg); }
  .routing-document__description {
    width: 90%; }
    .routing-document__description--organization {
      margin: 0;
      margin-bottom: 4px; }
    .routing-document__description--post, .routing-document__description--author {
      color: #999999;
      margin: 0;
      margin-bottom: 11px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .routing-document__description--author {
      color: #0067b8; }
    .routing-document__description--wr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

.docs-accordion__button {
  margin-left: auto;
  margin-right: 25px; }

.docs-accordion .accordion__header {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 37px; }

.docs-accordion .accordion__doctype {
  font-size: 14px;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .docs-accordion .accordion__doctype--wrapper {
    width: 20%;
    margin: 0; }

.docs-accordion .accordion__title {
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .docs-accordion .accordion__title--wrapper {
    max-width: 57%;
    margin-left: 5px; }
  .docs-accordion .accordion__title__additional {
    max-width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content; }
    .docs-accordion .accordion__title__additional > div {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

.docs-accordion .accordion__content__comment {
  position: relative;
  background: #dadada;
  padding: 10px;
  border-radius: 4px;
  margin-left: 6px;
  display: inline-block;
  min-width: 15%;
  max-width: 100%; }
  .docs-accordion .accordion__content__comment--text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap; }
  .docs-accordion .accordion__content__comment--more {
    margin-left: 10px;
    color: #0067b8;
    opacity: .8;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer; }
    .docs-accordion .accordion__content__comment--more:hover {
      opacity: 1; }
  .docs-accordion .accordion__content__comment::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid #dadada;
    border-top: 6px solid #dadada;
    border-bottom: 6px solid transparent;
    left: -6px;
    top: 0; }

.cert-info__icon {
  width: 30px;
  height: 30px;
  background-image: url(../../../../../Styles/images/sert-info-icon.svg);
  background-size: 4px 12px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: -4px 12px 0;
  border-radius: 15%;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer; }
  .cert-info__icon--active {
    width: 30px;
    height: 30px;
    background-color: #dddddd;
    border-radius: 50%; }
  .cert-info__icon:hover, .cert-info__icon--active:hover {
    width: 30px;
    height: 30px;
    background-color: #dddddd;
    border-radius: 50%; }

.cert-info__tooltip {
  padding: 6px 12px;
  z-index: 5000;
  top: 40px;
  right: calc(50% - 104px);
  position: absolute;
  color: #222222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-animation: slideDown .2s ease;
          animation: slideDown .2s ease;
  border-radius: 4px;
  cursor: pointer; }
  .cert-info__tooltip__text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #222222;
    line-height: 18px;
    margin: 0;
    padding: 6px 12px;
    -webkit-animation: slideDown 0.2s ease;
            animation: slideDown 0.2s ease; }
  .cert-info__tooltip::after {
    content: '';
    position: absolute;
    top: -6px;
    left: calc(100% / 2 - 5px);
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-color: #d7d7d7;
    border-style: solid;
    border-width: 0 0 1px 1px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .cert-info__tooltip:hover {
    background-color: #f1f1f1; }
    .cert-info__tooltip:hover::after {
      background-color: #f1f1f1; }

.cert-notification__title {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #222222;
  line-height: 18px; }
  .cert-notification__title--bold {
    font-weight: 500;
    margin-bottom: 5px; }

@-webkit-keyframes slideDown {
  from {
    opacity: 0;
    height: 0;
    padding: 0; }
  to {
    opacity: 1;
    height: auto;
    padding: 6px 12px; } }

@keyframes slideDown {
  from {
    opacity: 0;
    height: 0;
    padding: 0; }
  to {
    opacity: 1;
    height: auto;
    padding: 6px 12px; } }

.dropdown-cbtn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  cursor: pointer;
  position: relative; }
  .dropdown-cbtn::after {
    content: '';
    width: 4px;
    height: 16px;
    background-image: url(../../../../../Styles/images/more.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
  .dropdown-cbtn--horizontal::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .dropdown-cbtn__menu {
    position: absolute;
    top: 40px;
    right: -15px;
    background: #ffffff;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    z-index: 4; }
    .dropdown-cbtn__menu > button,
    .dropdown-cbtn__menu > a {
      border: none;
      outline: none;
      background-color: transparent;
      width: 100%;
      padding: 6px 12px;
      color: #222222 !important;
      text-decoration: none;
      cursor: pointer;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0;
      position: relative; }
      .dropdown-cbtn__menu > button:first-child::after,
      .dropdown-cbtn__menu > a:first-child::after {
        content: '';
        position: absolute;
        top: -6px;
        right: 24px;
        width: 10px;
        height: 10px;
        background-color: #ffffff;
        border-color: #d7d7d7;
        border-style: solid;
        border-width: 0 0 1px 1px;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); }
      .dropdown-cbtn__menu > button:hover, .dropdown-cbtn__menu > button:first-child:hover::after,
      .dropdown-cbtn__menu > a:hover,
      .dropdown-cbtn__menu > a:first-child:hover::after {
        background: #f5f5f5; }
  .dropdown-cbtn:hover {
    background-color: #dddddd; }

.signer-authorities__input {
  width: 100%; }

.signer-authorities__otherInformation-btn {
  color: #007bff;
  text-decoration: none;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 0; }
  .signer-authorities__otherInformation-btn:hover {
    color: #0056b3;
    text-decoration: underline; }
  .signer-authorities__otherInformation-btn:active {
    outline: none; }

.profile-authorities-popap {
  width: 700px !important; }
  .profile-authorities-popap__form .Select-menu {
    overflow-y: visible; }
  .profile-authorities-popap .tc-modal-body {
    overflow: unset;
    overflow-y: unset; }

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

.profile-authorities__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .profile-authorities__info-title {
    font-size: 0.9rem;
    margin-right: 35px; }
  .profile-authorities__info--icon {
    width: 16px;
    height: 16px;
    background-image: url(images/cert-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-right: 10px; }
  .profile-authorities__info--fio > span {
    color: #000000;
    opacity: 0.5;
    font-size: 0.9rem; }

.profile-authorities__instruction::before {
  content: '';
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
  background-image: url(../../../../../Styles/images/help-icon-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

.buttons-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #cccccc;
  border-radius: 4px; }
  .buttons-group__button {
    border: none;
    outline: none;
    height: 100%;
    background-color: #f7f7f7;
    color: #222222;
    border-left: 1px solid #cccccc;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    padding: 8px 14px 10px;
    -webkit-transition: .2s ease background-color;
    transition: .2s ease background-color; }
    .buttons-group__button:hover {
      background-color: #6f6f6f;
      color: #ffffff; }
    .buttons-group__button--active, .buttons-group__button--active:hover {
      background-color: #6f6f6f;
      color: #ffffff; }
    .buttons-group__button:first-child {
      border-left: none;
      border-radius: 4px 0 0 4px; }
    .buttons-group__button:last-child {
      border-radius: 0 4px 4px 0; }
    .buttons-group__button:active, .buttons-group__button:focus {
      outline: none; }
  .buttons-group--settings {
    height: 36px; }
    .buttons-group--settings > button {
      padding: 10px; }

@-webkit-keyframes anim {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

@keyframes anim {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

.select-with-checkboxes {
  position: relative; }
  .select-with-checkboxes--disabled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(247, 247, 247, 0.3);
    z-index: 1; }
  .select-with-checkboxes--border {
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15); }
  .select-with-checkboxes__control {
    margin-bottom: 4px;
    min-width: 400px;
    width: 432px;
    position: relative;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden; }
    .select-with-checkboxes__control:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .select-with-checkboxes__control--error {
      border: 2px solid #E61C4C;
      background-color: #FEE6E6; }
  .select-with-checkboxes__input {
    padding: 0px 4px;
    padding-right: 30px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 4px; }
    .select-with-checkboxes__input--placeholder {
      margin: 0;
      padding: 7px 28px 3px 8px;
      font-size: 14px;
      color: #999999; }
    .select-with-checkboxes__input--value {
      margin: 4px;
      position: relative;
      padding: 5px 28px 5px 8px;
      background-color: #eaeaea;
      border-radius: 4px;
      line-height: 17px;
      font-size: 14px;
      margin-bottom: 0;
      -webkit-animation: anim .5s ease;
              animation: anim .5s ease; }
    .select-with-checkboxes__input--remove-value {
      position: absolute;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      top: 0;
      right: 10px;
      cursor: pointer; }
      .select-with-checkboxes__input--remove-value svg path {
        fill: #999999; }
      .select-with-checkboxes__input--remove-value:hover svg path {
        fill: #6d6d6d; }
    .select-with-checkboxes__input--input {
      width: 100%;
      border: none;
      background-color: transparent;
      padding: 6px 12px;
      font-size: 14px;
      color: #222222;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-bottom: 2px; }
    .select-with-checkboxes__input--wrapper {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
    .select-with-checkboxes__input--remove-icon {
      -ms-flex-item-align: center;
          align-self: center;
      width: 12px;
      height: 12px;
      background-image: url(../../../../../Styles/images/removeIconHover.svg);
      background-repeat: no-repeat;
      background-size: auto;
      background-position: center;
      margin-top: 6px;
      padding: 4px;
      opacity: .7;
      cursor: pointer;
      -webkit-transition: all ease .3s;
      transition: all ease .3s; }
      .select-with-checkboxes__input--remove-icon:hover {
        opacity: 1; }
  .select-with-checkboxes__arrow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    -webkit-transition: .2s ease all;
    transition: .2s ease all; }
    .select-with-checkboxes__arrow svg path {
      fill: #999999; }
    .select-with-checkboxes__arrow:hover svg path {
      fill: #6d6d6d; }
    .select-with-checkboxes__arrow--rotated {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
      .select-with-checkboxes__arrow--rotated svg path {
        fill: #6d6d6d; }
  .select-with-checkboxes__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .select-with-checkboxes__control .Select-loading-zone {
      position: absolute;
      right: 26px; }
  .select-with-checkboxes__menu {
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 16px 5px 16px 18px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
    background-color: #ffffff; }
    .select-with-checkboxes__menu--opend {
      display: block; }
      .select-with-checkboxes__menu--opend .tc-checkbox__text {
        opacity: 0.7; }
        .select-with-checkboxes__menu--opend .tc-checkbox__text:hover {
          opacity: 1; }
      .select-with-checkboxes__menu--opend .tc-checkbox__text--active {
        opacity: 1; }
    .select-with-checkboxes__menu .tc-checkbox__text {
      margin-left: 11px;
      font-size: 14px;
      line-height: 18px; }
    .select-with-checkboxes__menu .tc-checkbox {
      margin-bottom: 9px; }

.organization-tree {
  padding: 0; }
  .organization-tree--hide {
    display: none; }
  .organization-tree--childs {
    padding-left: 20px; }
  .organization-tree__list {
    list-style-type: none; }
    .organization-tree__list--switch {
      width: 25px;
      height: 25px;
      margin: 0 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
      .organization-tree__list--switch::after {
        content: '';
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 0;
        height: 0;
        border-top: 5px solid #6f6f6f;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent; }
      .organization-tree__list--switch-hidden {
        width: 25px;
        height: 25px;
        margin: 0 5px; }
      .organization-tree__list--switch--hide {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg); }
      .organization-tree__list--switch--expand {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg); }
  .organization-tree__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    .organization-tree__item:hover {
      background-color: #f6f6f6; }
    .organization-tree__item__body {
      width: 95%;
      padding: 6px 0;
      font-size: 14px; }
    .organization-tree__item--selected {
      background-color: #0067b8; }
      .organization-tree__item--selected:hover {
        background-color: #0067b8; }
      .organization-tree__item--selected .organization-tree__item__body {
        color: #ffffff; }
      .organization-tree__item--selected .organization-tree__list--switch::after {
        border-top: 5px solid #ffffff; }

.organization-tree__error {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 14px; }

.tc-menu-hide-btn {
  position: fixed;
  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;
  left: 0;
  bottom: 0px;
  z-index: 3;
  border-top: 1px solid #d7d7d7;
  padding: 10px 0;
  cursor: pointer;
  overflow: hidden; }
  @media (min-width: 992px) {
    .tc-menu-hide-btn {
      width: 236px; } }
  @media (max-width: 991.98px) {
    .tc-menu-hide-btn {
      width: 200px; } }
  .tc-menu-hide-btn__container {
    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; }
  .tc-menu-hide-btn__arrow {
    width: 18px;
    height: 17px;
    margin: 0 5px;
    background-image: url(/Styles/images/sidebar-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: none;
            transform: none; }
  .tc-menu-hide-btn__text {
    font-size: 14px;
    margin-right: 18px; }
  .tc-menu-hide-btn--collapsed {
    width: 56px; }
    .tc-menu-hide-btn--collapsed .tc-menu-hide-btn__text {
      display: none; }
    .tc-menu-hide-btn--collapsed .tc-menu-hide-btn__arrow {
      -webkit-transform: rotate3d(0, 1, 0, 180deg);
              transform: rotate3d(0, 1, 0, 180deg);
      margin: 0; }

/* Pages */
.docs-grid {
  background-color: #ffffff; }
  .docs-grid__content {
    border-color: rgba(195, 195, 195, 0.9);
    border-style: solid;
    border-width: 0 0 1px 1px; }
    .docs-grid__content--mock {
      padding: 0; }
    .docs-grid__content--deleted {
      padding-top: 0;
      padding-bottom: 0; }

.blue-theme .docs-grid__content {
  border: none;
  padding: 0; }

.blue-theme .docs-grid--empty .docs-grid__content {
  padding: 16px;
  font-size: 14px; }

.docs-list-header {
  background-color: #ffffff;
  border-color: rgba(195, 195, 195, 0.9);
  border-style: solid;
  border-width: 1px 0 1px 1px;
  position: relative; }
  .docs-list-header__filter-toggle {
    position: absolute;
    right: 17px;
    top: calc(50% - 11px);
    width: 21px;
    height: 21px;
    line-height: 13px; }
    .docs-list-header__filter-toggle button {
      border: none;
      background: url("images/filter-toggle-gray.png") no-repeat;
      background-size: contain;
      opacity: 0.6;
      width: inherit;
      height: inherit; }
      .docs-list-header__filter-toggle button:hover {
        opacity: 1; }

.blue-theme .docs-list-header {
  border: none;
  border-bottom: 1px solid #E0E0E0;
  height: 49px; }
  .blue-theme .docs-list-header .c-table__col {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .blue-theme .docs-list-header-template {
    padding-left: 25px; }
  .blue-theme .docs-list-header-removed {
    padding-left: 50px; }

.c-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #404f5d;
  border: 1px solid #404f5d;
  position: relative; }
  .c-filter__inputs-group {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding: 35px 0; }
    .c-filter__inputs-group--fixed {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .c-filter__buttons-group {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 16px;
    border-left: 1px solid white; }
    .c-filter__buttons-group button {
      width: 105px;
      margin: 5px 0; }
  .c-filter--mocks .c-filter__buttons-group {
    position: relative;
    padding-right: 40px; }
  .c-filter--mocks .c-filter__inputs-group {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset; }
  .c-filter__mocks-inputs {
    min-width: 110px; }
  .c-filter__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    margin-right: 19px; }
    .c-filter__col--checkbox {
      padding-left: 18px !important;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .c-filter__col--autoGrow-one {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .c-filter__col--autoGrow-two {
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2; }
    .c-filter__col--direction {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding-top: 20px; }
      .c-filter__col--direction label {
        margin-right: 20px; }
  .c-filter__label {
    margin-bottom: 0;
    font-size: 17px;
    color: #ffffff;
    min-height: 25px; }
  .c-filter__combined-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 34px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 5px;
    background: #eef1f4; }
    .c-filter__combined-inputs span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: center;
          align-content: center; }
    .c-filter__combined-inputs.invalid {
      border-color: red; }
  .c-filter__input {
    padding: 4px 8px;
    height: 34px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .c-filter__input--default {
      border: 1px solid transparent;
      border-radius: 5px;
      background: #eef1f4; }
    .c-filter__input--combined {
      border: none;
      background: transparent; }
    .c-filter__input--date-time {
      width: 92px;
      font-size: 14px; }
  .c-filter__filter-toggle {
    position: absolute;
    right: 10px;
    top: calc(50% - 11px);
    width: 21px;
    height: 21px; }
    .c-filter__filter-toggle button {
      border: none;
      background: url("images/filter-toggle-white.png") no-repeat;
      background-size: contain;
      opacity: 0.6;
      width: inherit;
      height: inherit; }
      .c-filter__filter-toggle button:hover {
        opacity: 1; }
  .c-filter--draft .c-filter__col--contragent, .c-filter--draft .c-filter__col--inn-kpp {
    width: 170px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .c-filter--draft .c-filter__col--contragent {
    -webkit-box-flex: 2.5;
        -ms-flex-positive: 2.5;
            flex-grow: 2.5; }
  .c-filter--draft .c-filter__col--inn-kpp {
    -webkit-box-flex: 1.1;
        -ms-flex-positive: 1.1;
            flex-grow: 1.1; }
  .c-filter--draft .c-filter__col--date {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 165px;
            flex: 1 0 165px; }
  .c-filter--draft .c-filter__col-department {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3; }
  .c-filter--draft .c-filter__filter-toggle {
    top: calc(50% - 11px); }
  .c-filter--draft .c-filter__buttons-group {
    position: relative; }
  .c-filter--deleted .c-filter__buttons-group {
    position: relative;
    padding-right: 40px; }
  .c-filter--deleted .c-filter__filter-toggle {
    top: calc(50% - 11px); }
  .c-filter--deleted .c-filter__col--state {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 65px;
            flex: 0 0 65px; }
  .c-filter--deleted .c-filter__col--contragent, .c-filter--deleted .c-filter__col--inn-kpp, .c-filter--deleted .c-filter__col--doc-name {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 170px;
            flex: 1 0 170px; }
  .c-filter--deleted .c-filter__col--received-date, .c-filter--deleted .c-filter__col--sent-date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 165px;
            flex: 0 0 165px; }
  .c-filter--deleted .c-filter__col--empty {
    -webkit-box-flex: 0.025;
        -ms-flex: 0.025;
            flex: 0.025; }
  .c-filter__label-outbox, .c-filter__label-inbox {
    color: #ffffff; }
    .c-filter__label-outbox::after, .c-filter__label-inbox::after {
      content: '';
      display: block;
      height: 20px;
      width: 20px;
      margin-left: 6px;
      background: url(images/arrow-up-bold.png) no-repeat center;
      background-color: #f2f2f2;
      border-radius: 50%; }
  .c-filter__label-inbox::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .c-filter .period-select {
    min-width: 100px; }

.c-filter-minimized {
  background-color: #ffffff;
  border: 1px solid rgba(195, 195, 195, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .c-filter-minimized__checkAllContainer {
    padding-left: 18px; }
  .c-filter-minimized__title {
    color: #999999;
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 0; }
  .c-filter-minimized__input-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px 8px;
    background-color: #eef1f4;
    border-radius: 5px; }
  .c-filter-minimized__remove-ico {
    width: 9px;
    height: 9px;
    background: url("images/dialog-close.png") no-repeat center;
    background-size: contain;
    opacity: 0.6;
    cursor: pointer;
    border: none; }

.filter {
  background: #ffffff;
  position: absolute;
  top: 41px;
  right: 38px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 546px;
  border-radius: 4px;
  z-index: 10; }
  .filter--mocks {
    top: 37px;
    right: 0; }
  .filter .Select {
    width: 72%;
    font-size: 14px; }
    .filter .Select-placeholder {
      padding: 4px 10px; }
  .filter__content {
    padding: 45px 30px 45px 40px; }
    .filter__content .react-autosuggest__container {
      width: 72%; }
  .filter__bottom-bar {
    padding: 20px 40px;
    background: #f2f2f2; }
  .filter__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px; }
    .filter__field-wrap--btn-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .filter__field-wrap--btn-group .field-is-important__label {
        padding: 9px 14px 8px !important; }
    .filter__field--period .Select {
      width: 35%; }
      .filter__field--period .Select:last-child {
        margin-left: 3%; }
    .filter__field:last-child {
      margin: 0; }
    .filter__field .select-with-checkboxes__control {
      width: 100%;
      min-width: 0; }
  .filter__label {
    width: 28%;
    margin: 0;
    font-size: 14px; }
  .filter__input {
    padding: 4px 27px 4px 8px;
    height: 34px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #cccccc;
    background: #ffffff;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    width: 100%;
    color: #222222;
    font-size: 14px; }
    .filter__input::-webkit-input-placeholder {
      color: #999999; }
    .filter__input::-moz-placeholder {
      color: #999999; }
    .filter__input::-ms-input-placeholder {
      color: #999999; }
    .filter__input::placeholder {
      color: #999999; }
    .filter__input__date-actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .filter__input__date-actions--btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
        .filter__input__date-actions--btn button:not(.buttons-group__button--active):hover {
          background-color: #f7f7f7;
          color: #222222; }
        .filter__input__date-actions--btn-resived {
          border-left: none !important;
          border-radius: 4px 0 0 4px !important;
          border-right: 1px solid #cccccc !important; }
      .filter__input__date-actions .Select {
        width: 108px; }
    .filter__input-wrapper {
      width: 73%;
      position: relative; }
      .filter__input-wrapper-divider {
        width: 3%;
        text-align: center; }
      .filter__input-wrapper__clearDate {
        font-size: 14px;
        color: #0067B8;
        cursor: pointer;
        opacity: .8;
        -webkit-transition: all ease .3s;
        transition: all ease .3s; }
        .filter__input-wrapper__clearDate:hover {
          opacity: 1; }
      .filter__input-wrapper--half {
        width: 35%; }
      .filter__input-wrapper .DateRangePickerInput {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: transparent;
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
                box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
        padding: 0;
        position: relative;
        padding-right: 15px; }
      .filter__input-wrapper .DateRangePickerInput_calendarIcon {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 10px;
        position: absolute;
        right: 0px;
        top: 10px; }
      .filter__input-wrapper .DateInput.DateInput_1 {
        width: 108px; }
      .filter__input-wrapper .CalendarDay__default, .filter__input-wrapper .CalendarDay__blocked_out_of_range {
        border: 1px solid transparent; }
      .filter__input-wrapper .CalendarDay {
        border-radius: 7px; }
        .filter__input-wrapper .CalendarDay:focus {
          outline: none; }
      .filter__input-wrapper .CalendarDay__selected_span {
        border-radius: 0px;
        background-color: #e9f5ff; }
      .filter__input-wrapper .CalendarDay__selected_span:active, .filter__input-wrapper .CalendarDay__selected_span:hover {
        border-radius: 7px;
        background-color: #0067b8; }
      .filter__input-wrapper .DayPickerNavigation_button:active {
        outline: none; }
      .filter__input-wrapper .CalendarMonth_caption {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        font-style: normal; }
    .filter__input:hover {
      border: 1px solid #b2b2b2; }
    .filter__input:focus {
      border: 2px solid #5aa1d8;
      padding: 3px 26px 3px 7px; }
    .filter__input:disabled {
      background: #ebebeb;
      color: #999999; }
  .filter__reset-ico {
    background: url("images/cross-black.png") no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    position: absolute;
    top: calc(50% - 6px);
    right: 9px;
    opacity: 0.4;
    cursor: pointer; }
    .filter__reset-ico:hover {
      opacity: 0.7; }
  .filter__date {
    margin: 0;
    position: relative; }
    .filter__date .c-filter__combined-inputs {
      padding-right: 18px; }
  .filter .field-is-important {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .filter .field-is-important__input {
      display: none; }
    .filter .field-is-important__label {
      position: relative;
      padding: 9px 16px 8px;
      font-size: 14px;
      line-height: 18px;
      color: #222222;
      background: #f7f7f7;
      border: 1px solid #cccccc;
      border-right: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 0;
      cursor: pointer; }
      .filter .field-is-important__label--with-star::before {
        position: absolute;
        content: '';
        left: 10px;
        top: 8px;
        width: 18px;
        height: 18px;
        background: url("images/yellow-star.svg") no-repeat;
        background-size: cover; }
      .filter .field-is-important__label--first {
        padding-left: 33px !important;
        border-radius: 4px 0 0 4px; }
      .filter .field-is-important__label--last {
        border-radius: 0 4px 4px 0;
        border-right: 1px solid #cccccc; }
      .filter .field-is-important__label--sm-padding {
        padding: 9px 10px 8px !important; }
    .filter .field-is-important__input:checked + label {
      background-color: #6f6f6f;
      color: #ffffff; }
  .filter--minimized {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 4px;
    font-size: 16px; }
    .filter--minimized__value {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #f7f7f7;
      color: inherit;
      padding: 3px 12px 3px 10px;
      border-radius: 4px;
      max-width: calc(100% - 104px);
      font-size: 14px;
      min-height: 31px;
      display: flex;
      align-items: center; }
      .filter--minimized__value p {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px; }
    .filter--minimized__title {
      color: #ffffff; }
    .filter--minimized__remove-icon {
      background-image: url(../../../../../Styles/images/removeIconHover.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-color: transparent;
      width: 10px;
      height: 10px;
      cursor: pointer;
      border: none; }
    .filter--minimized__clear {
      color: #222222;
      font-size: 14px; }
      .filter--minimized__clear:hover {
        color: #222222; }

.list-settings {
  background: #ffffff;
  position: absolute;
  top: 41px;
  right: 0;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  width: 345px;
  border-radius: 4px;
  z-index: 10; }
  .list-settings__title {
    font-size: 18px;
    font-weight: normal;
    color: #222222; }
  .list-settings__subtitle {
    font-size: 14px;
    line-height: 20px;
    color: #999999; }
  .list-settings__content {
    padding: 20px 25px; }
    .list-settings__content .tc-checkbox__text {
      font-size: 16px;
      color: #222222;
      margin-left: 10px; }
  .list-settings__bottom-bar {
    padding: 20px 25px;
    background: #f2f2f2; }

.docs-package {
  border: 1px solid #dedede;
  border-radius: 8px; }
  .docs-package .c-doc--approval-list-icon {
    width: 16px;
    height: 16px;
    background-image: url("/Styles/images/approval-list.svg");
    background-size: cover;
    cursor: pointer;
    opacity: 0.6;
    position: absolute;
    right: 8px;
    top: calc(50% - 8px); }
    .docs-package .c-doc--approval-list-icon:hover {
      opacity: 1; }
  .docs-package--routing-workflow, .docs-package--approval {
    padding-left: 16px;
    font-size: 14px; }
    .docs-package--routing-workflow__content, .docs-package--approval__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 100%; }
    .docs-package--routing-workflow__docs-list, .docs-package--approval__docs-list {
      width: 100%; }
    .docs-package--routing-workflow .docs-package__checkbox, .docs-package--routing-workflow .docs-package__initiator, .docs-package--routing-workflow .docs-package__performer, .docs-package--routing-workflow .docs-package__status, .docs-package--routing-workflow .docs-package__date, .docs-package--approval .docs-package__checkbox, .docs-package--approval .docs-package__initiator, .docs-package--approval .docs-package__performer, .docs-package--approval .docs-package__status, .docs-package--approval .docs-package__date {
      height: 56px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .docs-package--routing-workflow .docs-package__checkbox, .docs-package--approval .docs-package__checkbox {
      height: auto;
      margin-top: 15px;
      margin-right: 10px;
      visibility: hidden; }
    .docs-package--routing-workflow .docs-package__initiator, .docs-package--approval .docs-package__initiator {
      width: 15%;
      padding-right: 5px; }
    .docs-package--routing-workflow .docs-package__performer, .docs-package--approval .docs-package__performer {
      width: 15%;
      padding: 0 5px; }
    .docs-package--routing-workflow .docs-package__documents, .docs-package--approval .docs-package__documents {
      width: 30%;
      padding: 0 45px 0 25px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .docs-package--routing-workflow .docs-package__documents .c-doc, .docs-package--approval .docs-package__documents .c-doc {
        padding: 0;
        width: 100%; }
        .docs-package--routing-workflow .docs-package__documents .c-doc__col--name, .docs-package--approval .docs-package__documents .c-doc__col--name {
          width: 100%;
          padding: 0; }
    .docs-package--routing-workflow .docs-package__status, .docs-package--approval .docs-package__status {
      width: 25%; }
    .docs-package--routing-workflow .docs-package__date, .docs-package--approval .docs-package__date {
      width: 15%;
      padding: 0 10px; }
    .docs-package--routing-workflow .c-doc--approval-list-icon, .docs-package--approval .c-doc--approval-list-icon {
      width: 16px;
      height: 16px;
      background-image: url("/Styles/images/approval-list.svg");
      background-size: cover;
      cursor: pointer;
      opacity: 0.5;
      position: absolute;
      right: -20px;
      top: calc(50% - 8px);
      visibility: hidden; }
      .docs-package--routing-workflow .c-doc--approval-list-icon:hover, .docs-package--approval .c-doc--approval-list-icon:hover {
        opacity: 1; }
    .docs-package--routing-workflow:hover, .docs-package--approval:hover {
      background: #f1f1f1; }
      .docs-package--routing-workflow:hover .docs-package__checkbox, .docs-package--approval:hover .docs-package__checkbox {
        visibility: visible; }
      .docs-package--routing-workflow:hover .c-doc--approval-list-icon, .docs-package--approval:hover .c-doc--approval-list-icon {
        visibility: visible; }
  .docs-package--routing-workflow {
    padding-left: 0;
    cursor: pointer; }
    .docs-package--routing-workflow:hover {
      background-color: transparent; }
    .docs-package--routing-workflow__content .c-doc__col--checkbox {
      margin-left: 16px;
      margin-right: 0; }
    .docs-package--routing-workflow__content:hover {
      background-color: #f1f1f1; }
      .docs-package--routing-workflow__content:hover .c-doc__col--checkbox {
        visibility: visible; }
      .docs-package--routing-workflow__content:hover .c-doc__favorite:not(.c-doc__favorite--on) {
        background: url(images/star.svg) no-repeat; }
    .docs-package--routing-workflow__content--checked, .docs-package--routing-workflow__content--checked:hover {
      background-color: rgba(88, 151, 224, 0.1); }
    .docs-package--routing-workflow-unread .docs-package__documents {
      font-weight: 900; }
    .docs-package--routing-workflow .docs-package__documents {
      padding: 3px 10px 0 16px;
      width: 33%;
      overflow: hidden; }
      .docs-package--routing-workflow .docs-package__documents .docs-package__content {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .docs-package--routing-workflow .docs-package__documents .docs-package__content--docs {
          overflow: hidden; }
        .docs-package--routing-workflow .docs-package__documents .docs-package__content--favorite {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-top: 10px;
          width: 10%; }
        .docs-package--routing-workflow .docs-package__documents .docs-package__content .c-doc p {
          max-width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .docs-package--routing-workflow .docs-package__documents .docs-package__content .c-doc:hover {
          background-color: transparent; }
    .docs-package--routing-workflow .docs-package__date {
      width: 20%;
      padding: 0 10px; }
    .docs-package--routing-workflow .docs-package__inn {
      -webkit-box-flex: unset;
          -ms-flex: unset;
              flex: unset;
      width: 21%; }
    .docs-package--routing-workflow .docs-package__metadata, .docs-package--routing-workflow .docs-package__theme {
      width: 20%;
      min-width: 108px;
      padding: 13px 10px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .docs-package--routing-workflow .docs-package__metadata__value {
      text-overflow: ellipsis;
      overflow: hidden; }
    .docs-package--routing-workflow .docs-package__status {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-align: start !important;
          -ms-flex-align: start !important;
              align-items: flex-start !important;
      padding-top: 15px;
      margin-bottom: 10px;
      min-height: 60px; }
      .docs-package--routing-workflow .docs-package__status--common {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 3px; }
      .docs-package--routing-workflow .docs-package__status--sub {
        font-size: 14px;
        color: #999999;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 24px; }
  .docs-package--selected {
    background-color: rgba(88, 151, 224, 0.1) !important; }
    .docs-package--selected .c-doc:hover:not(.c-doc--showMore):not(.c-doc--draft) {
      background-color: transparent; }
  .docs-package__header {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 1px solid #dedede; }
    .docs-package__header--needAgreement .docs-package__header__stateCol {
      background-color: #00a8ff; }
      .docs-package__header--needAgreement .docs-package__header__stateCol figure {
        background-image: url("images/wait-cancel-doc.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 20px;
        height: 20px; }
    .docs-package__header--progress .docs-package__header__stateCol, .docs-package__header--package-for-signing-on-sign .docs-package__header__stateCol, .docs-package__header--package-for-signing-need-sign .docs-package__header__stateCol {
      background-color: #00a8ff; }
      .docs-package__header--progress .docs-package__header__stateCol figure, .docs-package__header--package-for-signing-on-sign .docs-package__header__stateCol figure, .docs-package__header--package-for-signing-need-sign .docs-package__header__stateCol figure {
        background-image: url("images/progress-ico.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 20px;
        height: 20px; }
    .docs-package__header--success .docs-package__header__stateCol, .docs-package__header--succeed .docs-package__header__stateCol, .docs-package__header--package-for-signing-signed .docs-package__header__stateCol {
      background-color: #55cc66; }
      .docs-package__header--success .docs-package__header__stateCol figure, .docs-package__header--succeed .docs-package__header__stateCol figure, .docs-package__header--package-for-signing-signed .docs-package__header__stateCol figure {
        background-image: url("images/success-ico.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 20px;
        height: 20px; }
    .docs-package__header--refused .docs-package__header__stateCol, .docs-package__header--failure .docs-package__header__stateCol, .docs-package__header--package-for-signing-refused .docs-package__header__stateCol {
      background-color: #dc4e41; }
      .docs-package__header--refused .docs-package__header__stateCol figure, .docs-package__header--failure .docs-package__header__stateCol figure, .docs-package__header--package-for-signing-refused .docs-package__header__stateCol figure {
        background-image: url("images/refuse-ico.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 20px;
        height: 20px; }
    .docs-package__header--draft {
      border-bottom: 1px solid rgba(195, 195, 195, 0.9);
      cursor: pointer; }
      .docs-package__header--draft .c-table__col-text {
        border: none;
        margin: 0; }
      .docs-package__header--draft .c-table__col--inn-kpp {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        white-space: nowrap; }
    .docs-package__header--require-cancel .docs-package__header__stateCol {
      background-color: #e353d1; }
      .docs-package__header--require-cancel .docs-package__header__stateCol figure {
        background-image: url("images/require-cancel-white.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 20px;
        height: 20px; }
    .docs-package__header--cancelled .docs-package__header__stateCol, .docs-package__header--package-for-signing-sign-cancel .docs-package__header__stateCol {
      background-color: #dc4e41; }
      .docs-package__header--cancelled .docs-package__header__stateCol figure, .docs-package__header--package-for-signing-sign-cancel .docs-package__header__stateCol figure {
        background-image: url("images/cancelled.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 20px;
        height: 20px; }
  .docs-package__name {
    display: inline-block;
    width: 20%;
    min-width: 150px;
    padding: 15px;
    font-size: 14px; }
    .docs-package__name--padding {
      padding: 7px 15px 7px 25px; }
    .docs-package__name--flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .docs-package__name__text {
      max-width: 100%;
      white-space: nowrap;
      overflow-x: hidden;
      text-overflow: ellipsis; }
      .docs-package__name__text--light {
        color: #999999;
        margin: 0; }
  .docs-package__inn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 172px;
    padding: 15px 10px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .docs-package--deleted .docs-package__name {
    padding: 15px 15px 15px 0; }
  .docs-package__content {
    padding: 18px 0; }
    .docs-package__content--draft .c-doc__col--department {
      margin-left: auto; }
    .docs-package__content--draft .c-doc__col--name {
      width: 50% !important; }
  .docs-package--template {
    border: none;
    margin-bottom: 0; }
    .docs-package--template .docs-package__content {
      padding: 0; }
      .docs-package--template .docs-package__content .c-doc {
        padding-right: 24px;
        height: 50px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-bottom: 1px solid #dedede; }
  .docs-package.draft:hover {
    background-color: #f2f2f2; }
    .docs-package.draft:hover .docs-package__header--draft {
      background-color: #f2f2f2 !important; }
  .docs-package--search {
    padding-left: 50px; }
    .docs-package--search .docs-package__name {
      padding: 15px 15px 15px 25px;
      position: relative; }
    .docs-package--search .docs-package__type-icon {
      width: 16px;
      height: 14px;
      position: absolute;
      left: 20px;
      top: 20px;
      background-image: url("/Styles/images/approval-list.svg");
      background-repeat: no-repeat;
      background-size: cover;
      cursor: pointer; }
    .docs-package--search-incoming .docs-package__type-icon {
      background-image: url("/Styles/images/inbox.svg"); }
    .docs-package--search-draft .docs-package__type-icon {
      height: 20px;
      background-image: url("/Styles/images/draft.svg"); }
    .docs-package--search-deleted .docs-package__type-icon {
      height: 20px;
      background-image: url("/Styles/images/deleted.svg"); }
    .docs-package--search-outcoming .docs-package__type-icon {
      background-image: url("/Styles/images/outbox.svg"); }

.blue-theme .docs-package {
  border: none;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0;
  position: relative; }
  .blue-theme .docs-package__content {
    padding: 0;
    display: inline-block;
    width: 80%; }
  .blue-theme .docs-package--approval .docs-package__direction-icon {
    left: -25px;
    top: 22px; }
  .blue-theme .docs-package--approval .docs-package__name {
    width: 25%;
    padding-left: 50px; }
  .blue-theme .docs-package--approval .docs-package__content {
    width: 75%; }
  .blue-theme .docs-package--deleted {
    padding-left: 50px; }
  .blue-theme .docs-package__direction-icon {
    display: block;
    width: 20px;
    position: absolute;
    left: 20px;
    top: 20px;
    cursor: pointer;
    margin-right: 5px; }
    .blue-theme .docs-package__direction-icon--incoming, .blue-theme .docs-package__direction-icon--outcoming {
      width: 14px;
      height: 12px;
      background-size: cover; }
    .blue-theme .docs-package__direction-icon--incoming {
      background-image: url("/Styles/images/inbox.svg"); }
    .blue-theme .docs-package__direction-icon--outcoming {
      background-image: url("/Styles/images/outbox.svg"); }
  .blue-theme .docs-package--columns-0 .docs-package__inn, .blue-theme .docs-package--columns-0 .docs-package__name {
    width: 0; }
  .blue-theme .docs-package--columns-0 .docs-package__content {
    width: 100%; }
  .blue-theme .docs-package--columns-1 .docs-package__name, .blue-theme .docs-package--columns-1 .docs-package__inn {
    width: 20%; }
  .blue-theme .docs-package--columns-1 .docs-package__content {
    width: 80%; }
  .blue-theme .docs-package--columns-2 .docs-package__inn, .blue-theme .docs-package--columns-2 .docs-package__name {
    width: 20%; }
  .blue-theme .docs-package--columns-2 .docs-package__content {
    width: 60%; }
  .blue-theme .docs-package--columns-5 .docs-package__documents {
    width: 29%; }
  .blue-theme .docs-package--columns-5 .docs-package__date {
    width: 15%; }
  .blue-theme .docs-package--columns-3 .docs-package__metadata, .blue-theme .docs-package--columns-3 .docs-package__theme {
    width: 25%; }
  .blue-theme .docs-package--approval.docs-package--columns-4 .docs-package__initiator, .blue-theme .docs-package--approval.docs-package--columns-4 .docs-package__performer {
    width: 15%; }
  .blue-theme .docs-package--approval.docs-package--columns-4 .docs-package__date {
    width: 15%; }
  .blue-theme .docs-package--approval.docs-package--columns-4 .docs-package__documents {
    width: 35%; }
  .blue-theme .docs-package--approval.docs-package--columns-4 .docs-package__status {
    width: 20%; }
  .blue-theme .docs-package--approval.docs-package--columns-5 .docs-package__initiator, .blue-theme .docs-package--approval.docs-package--columns-5 .docs-package__performer {
    width: 15%; }
  .blue-theme .docs-package--approval.docs-package--columns-5 .docs-package__date {
    width: 15%; }
  .blue-theme .docs-package--approval.docs-package--columns-5 .docs-package__documents {
    width: 30%; }
  .blue-theme .docs-package--approval.docs-package--columns-5 .docs-package__status {
    width: 20%; }
  .blue-theme .docs-package--approval.docs-package--columns-6 .docs-package__initiator, .blue-theme .docs-package--approval.docs-package--columns-6 .docs-package__performer {
    width: 10%; }
  .blue-theme .docs-package--approval.docs-package--columns-6 .docs-package__date {
    width: 15%; }
  .blue-theme .docs-package--approval.docs-package--columns-6 .docs-package__documents {
    width: 25%; }
  .blue-theme .docs-package--approval.docs-package--columns-6 .docs-package__status {
    width: 20%; }

.contractor-info {
  margin-top: 37px;
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 25px; }
  .contractor-info h2 {
    font-size: 25px;
    line-height: 25px; }
  .contractor-info h5 {
    font-size: 17px;
    line-height: 17px;
    margin: 0; }
  .contractor-info p {
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    color: rgba(63, 64, 71, 0.8);
    font-size: 17px;
    margin: 0; }

.reports-info-container {
  position: relative; }
  .reports-info-container > section {
    -webkit-animation: openReportsInfoContainer 2s;
            animation: openReportsInfoContainer 2s; }
    .reports-info-container > section.closing {
      -webkit-animation: closeReportsInfoContainer 1s;
              animation: closeReportsInfoContainer 1s; }

@-webkit-keyframes closeReportsInfoContainer {
  0% {
    position: absolute;
    width: 100%;
    left: 0%; }
  75% {
    left: 100%; }
  100% {
    display: none; } }

@keyframes closeReportsInfoContainer {
  0% {
    position: absolute;
    width: 100%;
    left: 0%; }
  75% {
    left: 100%; }
  100% {
    display: none; } }

@-webkit-keyframes openReportsInfoContainer {
  0% {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%; }
  50% {
    left: 10%; }
  75% {
    left: 0; }
  100% {
    position: normal; } }

@keyframes openReportsInfoContainer {
  0% {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%; }
  50% {
    left: 10%; }
  75% {
    left: 0; }
  100% {
    position: normal; } }

.package-section-100pc {
  width: 100%; }

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

.package-contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  /* min-height: calc(100vh - 224px); */
  /* min-width: calc(100vw - 260px); */ }
  .package-contents h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #222222; }
  .package-contents__document-type {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 21px;
    color: #222222;
    background: #f7f7f7;
    border-radius: 4px;
    padding: 0 9px;
    height: 24px;
    margin-left: 15px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .package-contents__document-type--cis {
      background-color: #ee7201;
      color: #ffffff;
      margin-left: 10px; }
  .package-contents__preview {
    width: 100%; }
  .package-contents__favorites {
    display: inline-block;
    background: url("images/star.svg") no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .package-contents__favorites--on {
      background: url("images/yellow-star.svg") no-repeat; }
  .package-contents__sidebar-toggler-wrapper {
    position: absolute;
    top: 6px;
    left: 10px; }
  .package-contents__document-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px; }
    .package-contents__document-info--vertical {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid #f0f0f0;
      margin-bottom: 10px; }
  .package-contents__print-form-block {
    width: 100%;
    height: 800px;
    margin-bottom: 24px; }
    .package-contents__print-form-block .print-form-block__iframe {
      width: 100%;
      height: 100%; }
  .package-contents--progress .package-contents__header,
  .package-contents--new .package-contents__header,
  .package-contents--package-for-signing-on-sign .package-contents__header,
  .package-contents--package-for-signing-need-sign .package-contents__header {
    background-color: rgba(85, 172, 238, 0.2); }
    .package-contents--progress .package-contents__header__stateCol,
    .package-contents--new .package-contents__header__stateCol,
    .package-contents--package-for-signing-on-sign .package-contents__header__stateCol,
    .package-contents--package-for-signing-need-sign .package-contents__header__stateCol {
      background-color: #55acee; }
      .package-contents--progress .package-contents__header__stateCol figure,
      .package-contents--new .package-contents__header__stateCol figure,
      .package-contents--package-for-signing-on-sign .package-contents__header__stateCol figure,
      .package-contents--package-for-signing-need-sign .package-contents__header__stateCol figure {
        background: url("images/progress-ico.png"); }
  .package-contents__title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px; }
  .package-contents__edit {
    position: relative;
    max-width: 250px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px; }
    .package-contents__edit::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      background: url("images/pencil.svg") no-repeat center;
      width: 20px;
      height: 20px;
      cursor: pointer; }
  .package-contents--needAgreement .package-contents__header {
    background-color: #d9edfb; }
    .package-contents--needAgreement .package-contents__header__stateCol {
      background-color: #00a8ff; }
      .package-contents--needAgreement .package-contents__header__stateCol figure {
        background: url("images/wait-cancel-doc.svg"); }
  .package-contents--success .package-contents__header,
  .package-contents--agreed .package-contents__header,
  .package-contents--succeed .package-contents__header,
  .package-contents--package-for-signing-signed .package-contents__header {
    background-color: rgba(85, 204, 102, 0.2); }
    .package-contents--success .package-contents__header__stateCol,
    .package-contents--agreed .package-contents__header__stateCol,
    .package-contents--succeed .package-contents__header__stateCol,
    .package-contents--package-for-signing-signed .package-contents__header__stateCol {
      background-color: #55cc66; }
      .package-contents--success .package-contents__header__stateCol figure,
      .package-contents--agreed .package-contents__header__stateCol figure,
      .package-contents--succeed .package-contents__header__stateCol figure,
      .package-contents--package-for-signing-signed .package-contents__header__stateCol figure {
        background: url("images/success-ico.png"); }
  .package-contents--refused .package-contents__header,
  .package-contents--not-agreed .package-contents__header,
  .package-contents--failure .package-contents__header,
  .package-contents--package-for-signing-refused .package-contents__header {
    background-color: rgba(220, 78, 65, 0.2); }
    .package-contents--refused .package-contents__header__stateCol,
    .package-contents--not-agreed .package-contents__header__stateCol,
    .package-contents--failure .package-contents__header__stateCol,
    .package-contents--package-for-signing-refused .package-contents__header__stateCol {
      background-color: #dc4e41; }
      .package-contents--refused .package-contents__header__stateCol figure,
      .package-contents--not-agreed .package-contents__header__stateCol figure,
      .package-contents--failure .package-contents__header__stateCol figure,
      .package-contents--package-for-signing-refused .package-contents__header__stateCol figure {
        background: url("images/refuse-ico.png"); }
  .package-contents--require-cancel .package-contents__header {
    background-color: rgba(227, 83, 209, 0.2); }
    .package-contents--require-cancel .package-contents__header__stateCol {
      background-color: #e353d1; }
      .package-contents--require-cancel .package-contents__header__stateCol figure {
        background: url("images/require-cancel-white.svg"); }
  .package-contents--cancelled .package-contents__header,
  .package-contents--package-for-signing-sign-cancel .package-contents__header {
    background-color: rgba(220, 78, 65, 0.2); }
    .package-contents--cancelled .package-contents__header__stateCol,
    .package-contents--package-for-signing-sign-cancel .package-contents__header__stateCol {
      background-color: #dc4e41; }
      .package-contents--cancelled .package-contents__header__stateCol figure,
      .package-contents--package-for-signing-sign-cancel .package-contents__header__stateCol figure {
        background: url("images/cancelled.svg"); }
  .package-contents--draft {
    margin-bottom: 20px; }
  .package-contents--draft .package-contents__header {
    background-color: #eeeff3; }
  .package-contents__error {
    margin-left: -20px;
    margin-top: 4px;
    border-radius: 0;
    padding: 6px 20px;
    font-size: 16px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: hidden;
    max-width: 63vw; }
    .package-contents__error > span {
      word-break: break-all; }
    .package-contents__error-modal {
      max-width: 750px; }
      .package-contents__error-modal__content {
        word-break: break-all; }
  .package-contents__header {
    height: 76px; }
    .package-contents__header__stateCol {
      width: 76px;
      height: 76px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .package-contents__header__stateCol figure {
        width: 20px;
        height: 20px; }
    .package-contents__header-text {
      height: 80px;
      padding-left: 30px;
      padding-right: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .package-contents__header-text p {
        font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
        color: rgba(63, 64, 71, 0.8);
        font-size: 17px; }
      .package-contents__header-text a {
        color: rgba(63, 64, 71, 0.8); }
      .package-contents__header-text--grow1x {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
  .package-contents__close-btn {
    position: absolute;
    right: 30px;
    top: 22px;
    background: url("images/dialog-close.svg") no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    opacity: 0.6;
    cursor: pointer;
    z-index: 1; }
    .package-contents__close-btn:hover {
      opacity: 1; }
  .package-contents__info-btn {
    width: 38px;
    height: 25px;
    border-radius: 38%;
    background-color: #f2f2f2;
    border: 1px solid #000000;
    cursor: pointer; }
    .package-contents__info-btn--view {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .package-contents__info-btn--view::before {
        content: "";
        background: url("images/view.png") no-repeat;
        width: 18px;
        height: 11px; }
  .package-contents__selected-document--state {
    width: 28px;
    height: 28px;
    min-width: 28px; }
  .package-contents__selected-document--refused .package-contents__selected-document--state,
  .package-contents__selected-document--not-agreed .package-contents__selected-document--state {
    background: url("images/refuse-doc.png") no-repeat center; }
  .package-contents__selected-document--success .package-contents__selected-document--state,
  .package-contents__selected-document--agreed .package-contents__selected-document--state {
    background: url("images/success-doc.png") no-repeat center; }
  .package-contents__selected-document--need-sign .package-contents__selected-document--state {
    background: url("images/need-sign-doc.png") no-repeat center; }
  .package-contents__selected-document--on-sign .package-contents__selected-document--state {
    background: url("images/need-sign-doc.png") no-repeat center; }
  .package-contents__selected-document--sent .package-contents__selected-document--state,
  .package-contents__selected-document--new .package-contents__selected-document--state,
  .package-contents__selected-document--exposed .package-contents__selected-document--state {
    background: url("images/on-sign-doc.png") no-repeat center; }
  .package-contents__selected-document--cancelled .package-contents__selected-document--state {
    background: url("images/cancelled-doc.png") no-repeat center; }
  .package-contents__selected-document--wait-cancel .package-contents__selected-document--state,
  .package-contents__selected-document--needAgreement .package-contents__selected-document--state {
    background: url("images/wait-cancel-doc.png") no-repeat center; }
  .package-contents__selected-document--require-cancel .package-contents__selected-document--state {
    background: url("images/require-cancel-pink.svg") no-repeat center; }
  .package-contents__title-block {
    padding: 10px 0 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .package-contents__title-block h2 {
      font-size: 24px;
      line-height: 30px;
      font-weight: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .package-contents__title-block__filename {
      font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
      color: rgba(4, 16, 30, 0.5);
      font-size: 17px;
      font-weight: normal;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .package-contents__title-block__headers {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 0; }
    .package-contents__title-block__dates {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 250px;
              flex: 0 0 250px; }
      .package-contents__title-block__dates p {
        display: table-row;
        font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
        color: rgba(4, 16, 30, 0.5);
        font-size: 17px;
        font-weight: normal;
        margin: 0; }
        .package-contents__title-block__dates p span {
          display: table-cell;
          padding-left: 5px; }
          .package-contents__title-block__dates p span:last-child {
            color: #000000; }
  .package-contents__content-block {
    padding: 10px 0 10px 20px; }
  .package-contents__content__group {
    max-width: 70vw; }
  .package-contents__content__group + .package-contents__content__group {
    border-top: 1px solid #c4c4c4; }
  .package-contents__info-btn {
    width: 38px;
    height: 25px;
    background-color: #ffffff;
    border: solid 1px #cbd2e2;
    border-radius: 12px; }
  .package-contents__info-block {
    border-bottom: 1px solid #e3e6eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .package-contents__info {
    color: rgba(4, 16, 30, 0.5);
    font-weight: 300;
    font-size: 17px; }
    .package-contents__info--dropdown {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #eeeff3;
      cursor: pointer;
      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; }
      .package-contents__info--dropdown::before {
        content: "";
        background: url("images/doc-package-arrow-dark.png") no-repeat;
        width: 8px;
        height: 5px; }
    .package-contents__info--vertical {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .package-contents__comments-block {
    border-bottom: 1px solid #e3e6eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .package-contents__document-actions-deleted, .package-contents__document-actions-draft {
    position: relative; }
    .package-contents__document-actions-deleted .docs-list-header__filter-toggle, .package-contents__document-actions-draft .docs-list-header__filter-toggle {
      position: absolute;
      right: 26px;
      top: 18px;
      width: 21px;
      height: 21px; }
      .package-contents__document-actions-deleted .docs-list-header__filter-toggle-hidden, .package-contents__document-actions-draft .docs-list-header__filter-toggle-hidden {
        display: none; }
  .package-contents__document-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .package-contents__document-actions-draft, .package-contents__document-actions-deleted {
      background-color: #ffffff; }
  .package-contents__res {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 30px;
    border-bottom: 1px solid #c1c1c1; }
    .package-contents__res-actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .package-contents__res-name {
      color: rgba(4, 16, 30, 0.5); }
  .package-contents__table-title {
    padding: 0 30px 20px;
    font-weight: 700;
    margin: 0; }
  .package-contents__template-date {
    display: inline-block;
    min-width: 245px; }
  .package-contents__mock-date, .package-contents__info-title {
    display: inline-block;
    min-width: 95px; }
  .package-contents__letter {
    border: 1px solid #cccccc;
    color: #666666;
    font-size: 16px; }
    .package-contents__letter-title {
      font-size: 18px;
      font-weight: 500;
      color: #000000; }
  .package-contents__res-name {
    margin: auto; }
  .package-contents__documents-wrapper {
    padding: 20px 0 10px;
    border-bottom: 1px solid #e0e0e0;
    margin-right: 16px;
    margin-bottom: 20px; }
  .package-contents__column:nth-last-child(2) {
    width: calc(100% - 304px); }
  .package-contents__column:last-child {
    width: 284px;
    margin-left: auto;
    margin-top: 120px; }
  .package-contents__row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .package-contents__send-info, .package-contents__receive-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    font-size: 14px;
    color: #222222; }
    .package-contents__send-info span, .package-contents__receive-info span {
      color: #999999; }
      .package-contents__send-info span:first-child, .package-contents__receive-info span:first-child {
        min-width: 45px; }
    .package-contents__send-info a, .package-contents__receive-info a {
      color: #999999 !important; }
    .package-contents__send-info--big, .package-contents__receive-info--big {
      width: 50px; }
    .package-contents__send-info--value, .package-contents__receive-info--value {
      margin-right: 20px; }
    .package-contents__send-info .send-info__value,
    .package-contents__send-info .receive-info__value, .package-contents__receive-info .send-info__value,
    .package-contents__receive-info .receive-info__value {
      color: #222222; }
      .package-contents__send-info .send-info__value--ligth,
      .package-contents__send-info .receive-info__value--ligth, .package-contents__receive-info .send-info__value--ligth,
      .package-contents__receive-info .receive-info__value--ligth {
        color: #999999; }
    .package-contents__send-info__text, .package-contents__receive-info__text {
      font-size: 16px;
      line-height: 21px;
      margin-bottom: 0; }
    .package-contents__send-info__arrow, .package-contents__receive-info__arrow {
      width: 36px;
      margin: 0 20px 10px 20px;
      background-image: url(../../../../../Styles/images/arrow-long.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    .package-contents__send-info .send-info__separator, .package-contents__receive-info .send-info__separator {
      width: 4px;
      height: 4px;
      background-color: #999999;
      border-radius: 50%; }
  .package-contents__send-info--participants {
    margin-left: 10px; }
  .package-contents__send-info--name {
    color: #999999; }
  .package-contents__document-state {
    margin-left: -20px;
    padding: 10px 20px;
    background-color: #f1f1f1;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    max-width: 63vw; }
    .package-contents__document-state span {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
    .package-contents__document-state--comment {
      color: #0067b8;
      cursor: pointer;
      font-size: 14px;
      line-height: 18px;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
      .package-contents__document-state--comment:hover {
        text-decoration: underline; }
    .package-contents__document-state--success {
      background-color: #f1f1f1; }
    .package-contents__document-state--refused {
      background: #fee6e6; }
    .package-contents__document-state--need-sign, .package-contents__document-state--on-sign, .package-contents__document-state--require-cancel {
      background: #ffead4; }
    .package-contents__document-state--warning {
      background-color: #ffecd8; }
    .package-contents__document-state--cis-rejected {
      background: #fee6e6; }
    .package-contents__document-state__rejection-reason {
      height: auto;
      -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; }
      .package-contents__document-state__rejection-reason__text {
        margin: 0; }
        .package-contents__document-state__rejection-reason__text > span {
          font-weight: 500; }
  .package-contents__routing-workflow-info {
    max-width: 50vw;
    width: 50vw; }

.routing-package .package-contents__send-info span:first-child {
  min-width: 130px;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.routing-package .package-contents__send-info span:nth-child(2) {
  color: #222222;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.routing-package .package-contents__send-info--name {
  min-width: auto; }

.routing-package .send-info__label {
  min-width: auto !important; }
  .routing-package .send-info__label--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 9px; }

.routing-package .send-info__value {
  margin-bottom: 9px;
  font-size: 14px; }

.routing-package .send-info--routing-workflow {
  max-width: 270px;
  overflow: hidden; }

@media screen and (max-width: 1024px) {
  .package-contents__routing-workflow-info {
    width: 100%;
    max-width: 100%; } }

.comments-block__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: 20px; }
  .comments-block__item:last-child {
    margin-right: 0; }

.comments-block__header {
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 13px; }

.comments-block__link {
  text-align: right; }

.col-1 {
  min-width: 100%; }

.col-2 {
  min-width: calc(50% - 20px); }

.col-3 {
  min-width: calc(33% - 40px); }

.modal-sizes-document-comments {
  width: 480px; }
  .modal-sizes-document-comments .tc-modal-body {
    max-height: 300px;
    overflow: auto; }

.long-text-with-ellipsis {
  position: relative;
  display: block;
  color: #838485;
  /* height: $font-size*$line-height*$lines-to-show; */
  /* Fallback for non-webkit */
  overflow: hidden;
  white-space: normal; }
  .long-text-with-ellipsis__content {
    word-break: break-all;
    position: relative;
    display: block;
    /* max-height: $font-size*$line-height*$lines-to-show; */
    /* Fallback for non-webkit */
    font-size: 1em;
    line-height: 1.4; }
  .long-text-with-ellipsis__ellipsis {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: left;
    background: white; }
  .long-text-with-ellipsis__link {
    white-space: nowrap; }

.c-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }
  .c-table__col {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* header columns */ }
    .c-table__col--header-first-col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 40px;
              flex: 0 0 40px;
      margin-right: 7px; }
    .c-table__col--header-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
    .c-table__col--header-rest {
      width: 80%;
      padding: 0 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .c-table__col--header-checkbox {
      margin-right: 10px; }
    .c-table__col--header-docname {
      width: 33%;
      min-width: 165px;
      padding-right: 30px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .c-table__col--header-status {
      width: 20%;
      min-width: 115px;
      padding: 0 10px; }
    .c-table__col--header-metadata {
      padding: 0 10px;
      width: 20%; }
    .c-table__col--header-theme, .c-table__col--header-department {
      width: 20%;
      min-width: 108px;
      padding: 0 7px; }
    .c-table__col--header-date, .c-table__col--header-sent, .c-table__col--header-received {
      min-width: 120px;
      padding: 0 10px;
      width: 20%; }
    .c-table__col--first-col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 70px;
              flex: 0 0 70px;
      margin-right: 5px; }
    .c-table__col--sender, .c-table__col--persons-info {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 149px;
              flex: 1 1 149px;
      padding-left: 14px;
      padding-right: 7px;
      min-width: 0; }
    .c-table__col--sendDate, .c-table__col--status-info {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 140px;
              flex: 1 1 140px;
      padding-left: 7px;
      padding-right: 7px; }
  .c-table__col-text {
    margin: 0;
    border-right: 1px solid rgba(113, 129, 148, 0.3);
    font-size: 14px;
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .c-table__col-text--no-border {
      border-right: 1px solid transparent; }
    .c-table__col-text--with-description {
      color: rgba(0, 0, 0, 0.5) !important; }
      .c-table__col-text--with-description span {
        color: black; }
    .c-table__col-text--complex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .c-table__col-span {
    width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 10px; }
  .c-table--header .c-table__col--header-first-col {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 18px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-table--header .c-table__col {
    padding-top: 4px;
    padding-bottom: 4px; }
    .c-table--header .c-table__col p {
      color: #999999; }
  .c-table--header-template, .c-table--header-period-template {
    padding-left: 25px; }
    .c-table--header-template .c-table__col--header-docname, .c-table--header-period-template .c-table__col--header-docname {
      width: 30%; }
    .c-table--header-template .c-table__col--header-status, .c-table--header-period-template .c-table__col--header-status {
      width: 15%;
      min-width: 100px; }
    .c-table--header-template .c-table__col--header-date, .c-table--header-period-template .c-table__col--header-date {
      width: 20%;
      min-width: 120px;
      padding: 0 10px; }
    .c-table--header-template .c-table__col--header-period, .c-table--header-period-template .c-table__col--header-period {
      width: 15%;
      padding: 0 10px;
      min-width: 90px; }
  .c-table--header-template .c-table__col--header-docname {
    width: 50%; }
  .c-table--header-draft .c-table__col--header-department {
    margin-left: auto; }
  .c-table--header-draft .c-table__col--header-docname {
    width: 50%; }
  .c-table--header-approval {
    padding-left: 16px; }
    .c-table--header-approval .c-table__col--header-initiator {
      width: 15%;
      padding-right: 5px; }
    .c-table--header-approval .c-table__col--header-performer {
      width: 15%;
      padding: 0 5px; }
    .c-table--header-approval .c-table__col--header-docname {
      width: 30%;
      padding: 0 15px;
      padding-right: 45px; }
    .c-table--header-approval .c-table__col--header-date {
      width: 15%; }
  .c-table--header-routing-workflow {
    padding-left: 16px; }
    .c-table--header-routing-workflow .c-table__col--header-contragent {
      padding-right: 15px !important; }
    .c-table--header-routing-workflow .c-table__col--header-inn {
      min-width: 172px; }
    .c-table--header-routing-workflow .c-table__col--header-docname {
      padding: 0 10px; }
    .c-table--header-routing-workflow .c-table__col--header-theme {
      width: 20%;
      padding: 0 10px; }
  .c-table--header-search {
    padding-left: 50px; }
  .c-table--package .c-table__col {
    padding-top: 12px;
    padding-bottom: 12px; }
    .c-table--package .c-table__col--first-col {
      border-top-left-radius: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .c-table--package .c-table__col--first-col figure {
        margin: 0; }
    .c-table--package .c-table__col--width-100 {
      width: 100%; }
    .c-table--package .c-table__col p {
      color: #000000; }
    .c-table--package .c-table__col--send {
      padding-top: 7px;
      padding-bottom: 7px; }
  .c-table--draft .c-table__col--firstCol {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .c-table--draft .c-table__col--send {
    -webkit-box-flex: 13;
        -ms-flex: 13;
            flex: 13;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .c-table--draft .c-table__col--group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 15;
        -ms-flex: 15;
            flex: 15;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-table--draft .c-table__col--sender {
    padding: 0;
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    margin-right: 19px; }
  .c-table--draft .c-table__col--inn-kpp, .c-table--draft .c-table__col--sendDate {
    padding: 0;
    -webkit-box-flex: 1.2;
        -ms-flex: 1.2;
            flex: 1.2;
    margin-right: 19px; }
  .c-table--draft .c-table__col--inn-kpp {
    margin-right: 30px; }

.blue-theme .docs-list-header-removed .c-table__col--header-contragent {
  width: 20%;
  padding-left: 0; }

.blue-theme .docs-list-header-removed .c-table__col--header-rest {
  width: 80%; }

.blue-theme .c-table__col--header-group {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.blue-theme .c-table__col--header-contragent {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  padding-right: 0;
  width: 20%;
  min-width: 150px;
  padding-left: 25px; }

.blue-theme .c-table__col--header-inn {
  padding: 0 10px; }

.blue-theme .c-table-header-template, .blue-theme .c-table-header-period-template {
  padding-left: 25px; }
  .blue-theme .c-table-header-template .c-table__col--header-docname, .blue-theme .c-table-header-period-template .c-table__col--header-docname {
    width: 30%; }
  .blue-theme .c-table-header-template .c-table__col--header-status, .blue-theme .c-table-header-period-template .c-table__col--header-status {
    width: 15%;
    min-width: 100px; }
  .blue-theme .c-table-header-template .c-table__col--header-date, .blue-theme .c-table-header-period-template .c-table__col--header-date {
    width: 20%;
    min-width: 120px;
    padding: 0 10px; }
  .blue-theme .c-table-header-template .c-table__col--header-period, .blue-theme .c-table-header-period-template .c-table__col--header-period {
    width: 15%;
    padding: 0 10px;
    min-width: 90px; }

.blue-theme .c-table__col-0 .c-table__col--header-inn, .blue-theme .c-table__col-0 .c-table__col--header-contragent {
  width: 0; }

.blue-theme .c-table__col-0 .c-table__col--header-rest {
  width: 100%; }

.blue-theme .c-table__col-1 .c-table__col--header-inn, .blue-theme .c-table__col-1 .c-table__col--header-contragent {
  width: 20%; }

.blue-theme .c-table__col-1 .c-table__col--header-rest {
  width: 80%; }

.blue-theme .c-table__col-2 .c-table__col--header-inn, .blue-theme .c-table__col-2 .c-table__col--header-contragent {
  width: 20%; }

.blue-theme .c-table__col-2 .c-table__col--header-rest {
  width: 60%; }

.blue-theme .c-table__col-rest-2 .c-table__col--header-docname {
  width: 65%; }

.blue-theme .c-table__col-rest-2 .c-table__col--header-metadata, .blue-theme .c-table__col-rest-2 .c-table__col--header-status, .blue-theme .c-table__col-rest-2 .c-table__col--header-department, .blue-theme .c-table__col-rest-2 .c-table__col--header-theme, .blue-theme .c-table__col-rest-2 .c-table__col--header-date {
  width: 30%; }

.blue-theme .c-table__col-rest-2 .c-table__col--header-contragent-rw {
  width: 30%; }

.blue-theme .c-table__col-rest-2 .c-table__col--header-inn-rw {
  width: 30%; }

.blue-theme .c-table__col-rest-2 .c-table__col--header-docname-rw {
  width: 62%; }

.blue-theme .c-table__col-rest-3 .c-table__col--header-docname {
  width: 30%; }

.blue-theme .c-table__col-rest-3 .c-table__col--header-metadata, .blue-theme .c-table__col-rest-3 .c-table__col--header-status, .blue-theme .c-table__col-rest-3 .c-table__col--header-department {
  width: 25%; }

.blue-theme .c-table__col-rest-3 .c-table__col--header-theme {
  width: 25%; }

.blue-theme .c-table__col-rest-3 .c-table__col--header-date {
  width: 20%; }

.blue-theme .c-table__col-rest-3 .c-table__col--header-status-rw {
  width: 25%; }

.blue-theme .c-table__col-rest-5 .c-table__col--header-docname {
  width: 29%; }

.blue-theme .c-table__col-rest-5 .c-table__col--header-metadata, .blue-theme .c-table__col-rest-5 .c-table__col--header-status, .blue-theme .c-table__col-rest-5 .c-table__col--header-theme, .blue-theme .c-table__col-rest-5 .c-table__col--header-department {
  width: 20%; }

.blue-theme .c-table__col-rest-5 .c-table__col--header-date {
  width: 15%; }

.blue-theme .c-table--header-approval .c-table__col-rest-4 .c-table__col--header-performer, .blue-theme .c-table--header-approval .c-table__col-rest-4 .c-table__col--header-initiator {
  width: 15%; }

.blue-theme .c-table--header-approval .c-table__col-rest-4 .c-table__col--header-date {
  width: 15%; }

.blue-theme .c-table--header-approval .c-table__col-rest-4 .c-table__col--header-status {
  width: 20%; }

.blue-theme .c-table--header-approval .c-table__col-rest-4 .c-table__col--header-docname {
  width: 35%; }

.blue-theme .c-table--header-approval .c-table__col-rest-5 .c-table__col--header-performer, .blue-theme .c-table--header-approval .c-table__col-rest-5 .c-table__col--header-initiator {
  width: 15%; }

.blue-theme .c-table--header-approval .c-table__col-rest-5 .c-table__col--header-date {
  width: 15%; }

.blue-theme .c-table--header-approval .c-table__col-rest-5 .c-table__col--header-status {
  width: 20%; }

.blue-theme .c-table--header-approval .c-table__col-rest-5 .c-table__col--header-docname {
  width: 30%; }

.blue-theme .c-table--header-approval .c-table__col-rest-6 .c-table__col--header-performer, .blue-theme .c-table--header-approval .c-table__col-rest-6 .c-table__col--header-initiator {
  width: 10%; }

.blue-theme .c-table--header-approval .c-table__col-rest-6 .c-table__col--header-date {
  width: 15%; }

.blue-theme .c-table--header-approval .c-table__col-rest-6 .c-table__col--header-status {
  width: 20%; }

.blue-theme .c-table--header-approval .c-table__col-rest-6 .c-table__col--header-docname {
  width: 25%; }

.c-doc {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  padding: 12px 11px;
  -webkit-transition: background 0.15s linear;
  transition: background 0.15s linear; }
  .c-doc--card {
    border-radius: 4px;
    margin-right: 16px; }
  .c-doc__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #222222;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .c-doc__toolbar {
    position: absolute;
    display: none;
    right: 20px;
    top: 0; }
    .c-doc__toolbar a {
      margin-left: 10px; }
  .c-doc:hover:not(.c-doc--showMore):not(.c-doc--draft) {
    background-color: #f1f1f1; }
    .c-doc:hover:not(.c-doc--showMore):not(.c-doc--draft) .c-doc__toolbar {
      display: block; }
    .c-doc:hover:not(.c-doc--showMore):not(.c-doc--draft) .c-doc__col--checkbox {
      visibility: visible; }
  .c-doc:hover .tc-ico-btn--edit {
    display: block; }
  .c-doc--selected {
    background-color: rgba(88, 151, 224, 0.1) !important; }
  .c-doc--showMore a {
    color: rgba(119, 119, 119, 0.5); }
  .c-doc--keyboard-selected {
    outline-style: solid;
    outline-color: #5aa1d8;
    outline-width: medium;
    z-index: 3; }
  .c-doc--refused::before, .c-doc--not-agreed::before, .c-doc--failure::before, .c-doc--package-for-signing-refused::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 15px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(230, 28, 76, 0.2); }
  .c-doc--refused::after, .c-doc--not-agreed::after, .c-doc--failure::after, .c-doc--package-for-signing-refused::after {
    content: '';
    position: absolute;
    top: 19px;
    left: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e61c4c; }
  .c-doc--success .c-doc__col--state figure, .c-doc--accepted .c-doc__col--state figure, .c-doc--agreed .c-doc__col--state figure, .c-doc--succeed .c-doc__col--state figure, .c-doc--package-for-signing-signed .c-doc__col--state figure {
    content: "";
    background: url(/Styles/images/success-doc.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 25px; }
  .c-doc--success figure, .c-doc--accepted figure, .c-doc--agreed figure, .c-doc--succeed figure, .c-doc--package-for-signing-signed figure {
    background: url(/Styles/images/success-doc.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px; }
  .c-doc--need-sign::before, .c-doc--require-cancel::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 15px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(254, 149, 38, 0.2); }
  .c-doc--need-sign::after, .c-doc--require-cancel::after {
    content: '';
    position: absolute;
    top: 19px;
    left: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fe9526; }
  .c-doc--on-sign::before, .c-doc--on-agreement::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 15px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(254, 149, 38, 0.2); }
  .c-doc--on-sign::after, .c-doc--on-agreement::after {
    content: '';
    position: absolute;
    top: 19px;
    left: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fe9526; }
  .c-doc--exposed .c-doc__col--state figure {
    content: "";
    background: url("images/on-sign-doc.png") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 25px; }
  .c-doc--sent .c-doc__col--state figure, .c-doc--new .c-doc__col--state figure, .c-doc--none .c-doc__col--state figure {
    content: "";
    background: url("images/on-sign-doc.png") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 25px; }
  .c-doc--sent figure, .c-doc--new figure, .c-doc--none figure {
    background: url("images/on-sign-doc.png") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px; }
  .c-doc--cancelled .c-doc__col--state figure, .c-doc--rejected .c-doc__col--state figure {
    content: "";
    background: url("images/cancelled-doc.png") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 25px; }
  .c-doc--progress .c-doc__col--state figure, .c-doc--wait-cancel .c-doc__col--state figure, .c-doc--needAgreement .c-doc__col--state figure, .c-doc--package-for-signing-on-sign .c-doc__col--state figure, .c-doc--package-for-signing-need-sign .c-doc__col--state figure {
    content: "";
    background: url("images/wait-cancel-doc.png") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 25px; }
  .c-doc--require-cancel .c-doc__col--state figure {
    content: "";
    background: url("images/require-cancel-pink.svg") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 25px; }
  .c-doc--special .c-doc__col--state figure {
    content: "";
    background: url("images/special-mode.png") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 25px; }
  .c-doc__col--firstCol {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 108px;
            flex: 0 0 108px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .c-doc__col--firstCol-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
  .c-doc__col--state {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    padding: 0 7px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .c-doc__col--docType {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58px;
            flex: 0 0 58px;
    padding: 0 7px; }
    .c-doc__col--docType-tooltip {
      display: inline; }
    .c-doc__col--docType span {
      color: rgba(0, 0, 0, 0.5); }
  .c-doc__col--name {
    -webkit-box-flex: 2;
        -ms-flex: 2 1 250px;
            flex: 2 1 250px;
    padding: 0 7px;
    min-width: 0; }
    .c-doc__col--name p {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .c-doc__col--name-need-read > p {
      font-weight: 900;
      font-size: 14px;
      line-height: 18px; }
  .c-doc__col--received {
    -webkit-box-flex: 0.5;
        -ms-flex: 0.5 1 150px;
            flex: 0.5 1 150px;
    padding: 0 7px;
    min-width: 0; }
    .c-doc__col--received p {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      color: rgba(0, 0, 0, 0.5); }
      .c-doc__col--received p span {
        color: black; }
  .c-doc__col--department {
    -webkit-box-flex: 1.5;
        -ms-flex: 1.5 1 150px;
            flex: 1.5 1 150px;
    padding: 0 7px;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .c-doc__col--department p {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      color: rgba(0, 0, 0, 0.5); }
      .c-doc__col--department p span {
        color: black; }
    .c-doc__col--department button {
      display: none; }
  .c-doc__col--removed-from {
    height: 20px;
    width: 20px;
    min-width: 20px;
    background-color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%; }
    .c-doc__col--removed-from figure {
      background: url("images/arrow-up-bold.png") no-repeat center;
      background-size: contain;
      width: 10px;
      height: 6px; }
    .c-doc__col--removed-from.c-doc__col--inbox figure {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .c-doc__col--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 230px);
    margin-right: auto; }
  .c-doc__col--inbox, .c-doc__col--outbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20px;
    width: 20px;
    min-width: 20px;
    background-color: #f2f2f2;
    border-radius: 50%; }
    .c-doc__col--inbox figure, .c-doc__col--outbox figure {
      background: url("images/arrow-up-bold.png") no-repeat center;
      background-size: contain;
      width: 10px;
      height: 6px; }
  .c-doc__col--inbox figure {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .c-doc__col p {
    margin: 0;
    font-size: 14px; }
  .c-doc__col--date {
    min-width: 120px;
    padding: 0 10px;
    width: 20%; }
  .c-doc--deleted .c-doc__col--firstCol {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0; }
  .c-doc--deleted .c-doc__col--group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .c-doc--deleted .c-doc__col--state-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 140px; }
  .c-doc--deleted .c-doc__col--name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 128px; }
  .c-doc--deleted .c-doc__col--contragent, .c-doc--deleted .c-doc__col--inn-kpp {
    min-width: 103px; }
  .c-doc--deleted .c-doc__col--sent, .c-doc--deleted .c-doc__col--received {
    min-width: 100px; }
  .c-doc--deleted .c-doc__col--inn-kpp, .c-doc--deleted .c-doc__col--contragent, .c-doc--deleted .c-doc__col--sent {
    -webkit-box-flex: 0.9;
        -ms-flex: 0.9;
            flex: 0.9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .c-doc--deleted .c-doc__col--received {
    -webkit-box-flex: 0.8;
        -ms-flex: 0.8;
            flex: 0.8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .c-doc--deleted .c-doc__col--group-state {
    -webkit-box-flex: 0.8;
        -ms-flex: 0.8;
            flex: 0.8; }
    .c-doc--deleted .c-doc__col--group-state div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .c-doc--deleted .c-doc__col--group-state.progress figure {
      background: url("images/on-sign-doc.png") no-repeat center;
      width: 20px;
      height: 20px; }
    .c-doc--deleted .c-doc__col--group-state.success figure {
      background: url("images/success-doc.png") no-repeat center;
      width: 20px;
      height: 20px; }
    .c-doc--deleted .c-doc__col--group-state.cancelled figure {
      background: url("images/cancelled-doc.png") no-repeat center;
      width: 20px;
      height: 20px; }
    .c-doc--deleted .c-doc__col--group-state.refused figure {
      background: url("images/refuse-doc.png") no-repeat center;
      width: 20px;
      height: 20px; }
  .c-doc--draft {
    padding-left: 0; }
    .c-doc--draft .c-doc__col--firstCol {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 57px;
              flex: 0 0 57px;
      padding-left: 18px; }
    .c-doc--draft .c-doc__col--name {
      padding-left: 0;
      -webkit-box-flex: 6;
          -ms-flex: 6;
              flex: 6; }
    .c-doc--draft .c-doc__col--department {
      padding-left: 0;
      -webkit-box-flex: 4.9;
          -ms-flex: 4.9;
              flex: 4.9; }
  .c-doc--info {
    padding: 10px 15px 10px 30px; }
    .c-doc--info-draft .c-doc__col--firstCol {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0; }
  .c-doc__col-tooltip--doc-type {
    max-width: 240px; }
  .c-doc__col-tooltip--doc-state {
    max-width: 140px; }
  .c-doc--highlight {
    background: rgba(88, 151, 224, 0.1); }

.blue-theme .c-doc {
  padding: 0 10px;
  height: 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .blue-theme .c-doc__favorite {
    width: 20px;
    height: 20px;
    margin-left: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .blue-theme .c-doc__favorite--on {
      background: url("images/yellow-star.svg") no-repeat; }
  .blue-theme .c-doc__link-button {
    color: #0067b8;
    font-size: 14px; }
    .blue-theme .c-doc__link-button:hover {
      color: #005da5; }
  .blue-theme .c-doc__status-mark {
    padding-right: 8px;
    width: 24px; }
    .blue-theme .c-doc__status-mark-border {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      position: relative;
      display: none; }
    .blue-theme .c-doc__status-mark-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      position: absolute;
      top: 4px;
      left: 4px; }
  .blue-theme .c-doc__col--status p {
    color: #999999; }
  .blue-theme .c-doc__col--status-warning p {
    color: #222222; }
  .blue-theme .c-doc__col--status-warning .c-doc__status-mark-border {
    display: block;
    background-color: #ffecd8; }
  .blue-theme .c-doc__col--status-warning .c-doc__status-mark-dot {
    background-color: #fe9526; }
  .blue-theme .c-doc__col--status-error p {
    color: #222222; }
  .blue-theme .c-doc__col--status-error .c-doc__status-mark-border {
    display: block;
    background-color: #fad4dd; }
  .blue-theme .c-doc__col--status-error .c-doc__status-mark-dot {
    background-color: #e61c4c; }
  .blue-theme .c-doc__col--checkbox {
    margin-right: 10px;
    visibility: hidden; }
    .blue-theme .c-doc__col--checkbox-selected {
      visibility: visible; }
  .blue-theme .c-doc__col--status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 25%;
    min-width: 115px;
    position: relative; }
    .blue-theme .c-doc__col--status p {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 85%; }
  .blue-theme .c-doc__col--date, .blue-theme .c-doc__col--sent, .blue-theme .c-doc__col--received {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    min-width: 120px;
    padding: 0 10px;
    width: 20%;
    font-size: 14px; }
  .blue-theme .c-doc__col--name {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    padding: 0;
    width: 33%;
    min-width: 165px;
    padding-right: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .blue-theme .c-doc__col--name:hover .c-doc__favorite:not(.c-doc__favorite--on) {
      background: url("images/star.svg") no-repeat; }
    .blue-theme .c-doc__col--name .c-doc__favorite-tooltip {
      margin-left: auto; }
  .blue-theme .c-doc__col--department {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 20%;
    min-width: 108px; }
    .blue-theme .c-doc__col--department-icon {
      min-height: 25px;
      margin-top: -3px; }
  .blue-theme .c-doc--template, .blue-theme .c-doc--period-template {
    width: 100%;
    padding-left: 25px;
    padding-right: 0;
    border: none; }
    .blue-theme .c-doc--template .c-doc__col--name, .blue-theme .c-doc--period-template .c-doc__col--name {
      width: 30%; }
    .blue-theme .c-doc--template .c-doc__col--status, .blue-theme .c-doc--period-template .c-doc__col--status {
      width: 15%;
      min-width: 100px; }
      .blue-theme .c-doc--template .c-doc__col--status-hourly-warning, .blue-theme .c-doc--period-template .c-doc__col--status-hourly-warning {
        width: 15%; }
    .blue-theme .c-doc--template .c-doc__col--date, .blue-theme .c-doc--period-template .c-doc__col--date {
      width: 20%;
      padding: 0 10px; }
      .blue-theme .c-doc--template .c-doc__col--date-hourly-warning, .blue-theme .c-doc--period-template .c-doc__col--date-hourly-warning {
        width: 10%; }
    .blue-theme .c-doc--template .c-doc__col--period, .blue-theme .c-doc--period-template .c-doc__col--period {
      width: 15%;
      padding: 0 10px;
      min-width: 90px; }
    .blue-theme .c-doc--template .c-doc__col--send-hourly-warning, .blue-theme .c-doc--period-template .c-doc__col--send-hourly-warning {
      width: 10%;
      text-align: center;
      padding: 0 10px; }
  .blue-theme .c-doc--template .c-doc__col--name {
    width: 50%; }
  .blue-theme .c-doc-columns-2 .c-doc__col--name {
    width: 65%; }
  .blue-theme .c-doc-columns-2 .c-doc__col--status, .blue-theme .c-doc-columns-2 .c-doc__col--department, .blue-theme .c-doc-columns-2 .c-doc__col--sent, .blue-theme .c-doc-columns-2 .c-doc__col--received, .blue-theme .c-doc-columns-2 .c-doc__col--date {
    width: 30%; }
  .blue-theme .c-doc-columns-3 .c-doc__col--name {
    width: 30%; }
  .blue-theme .c-doc-columns-3 .c-doc__col--status, .blue-theme .c-doc-columns-3 .c-doc__col--department {
    width: 25%; }
  .blue-theme .c-doc-columns-3 .c-doc__col--sent, .blue-theme .c-doc-columns-3 .c-doc__col--received, .blue-theme .c-doc-columns-3 .c-doc__col--date {
    width: 20%; }
  .blue-theme .c-doc-columns-5 .c-doc__col--name {
    width: 29%; }
  .blue-theme .c-doc-columns-5 .c-doc__col--status, .blue-theme .c-doc-columns-5 .c-doc__col--department {
    width: 20%; }
  .blue-theme .c-doc-columns-5 .c-doc__col--sent, .blue-theme .c-doc-columns-5 .c-doc__col--received, .blue-theme .c-doc-columns-5 .c-doc__col--date {
    width: 15%; }

.templates-table {
  color: rgba(4, 16, 30, 0.5);
  font-weight: 400;
  font-size: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* модальное окно */ }
  .templates-table__header, .templates-table__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 30px;
    width: 100%;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1; }
    .templates-table__header--state, .templates-table__header--object, .templates-table__header--counters-num, .templates-table__header--district, .templates-table__header--prev-indications, .templates-table__header--date, .templates-table__header--indications, .templates-table__header--coefficient, .templates-table__header--expense, .templates-table__header--comment, .templates-table__header--mode, .templates-table__content--state, .templates-table__content--object, .templates-table__content--counters-num, .templates-table__content--district, .templates-table__content--prev-indications, .templates-table__content--date, .templates-table__content--indications, .templates-table__content--coefficient, .templates-table__content--expense, .templates-table__content--comment, .templates-table__content--mode {
      padding: 0 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .templates-table__header--state, .templates-table__content--state {
      width: 70px;
      padding-left: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      .templates-table__header--state::before, .templates-table__content--state::before {
        top: 0; }
      .templates-table__header--state::after, .templates-table__content--state::after {
        top: 4px; }
      .templates-table__header--state figure, .templates-table__content--state figure {
        height: 20px;
        width: 20px;
        position: absolute;
        z-index: 1; }
    .templates-table__header--date .datepicker-clear, .templates-table__content--date .datepicker-clear {
      top: 8px;
      right: 6px; }
    .templates-table__header--date .datepicker-wrapper .SingleDatePickerInput__withBorder .DateInput_input__focused, .templates-table__content--date .datepicker-wrapper .SingleDatePickerInput__withBorder .DateInput_input__focused {
      border: none; }
    .templates-table__header--date, .templates-table__header--indications, .templates-table__content--date, .templates-table__content--indications {
      width: 140px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .templates-table__header--prev-indications, .templates-table__content--prev-indications {
      width: 120px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .templates-table__header--comment, .templates-table__content--comment {
      width: 100px;
      padding-right: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .templates-table__header--object, .templates-table__content--object {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      min-width: 150px;
      width: 30%; }
    .templates-table__header--counters-num, .templates-table__content--counters-num {
      width: 145px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .templates-table__header--district, .templates-table__content--district {
      width: 165px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .templates-table__header--coefficient, .templates-table__content--coefficient {
      width: 110px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .templates-table__header--expense, .templates-table__content--expense {
      width: 120px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .templates-table__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #000000;
    font-weight: 400;
    border: none;
    padding: 0; }
    .templates-table__content__tooltip {
      margin-bottom: 23px !important; }
    .templates-table__content--state, .templates-table__content--object, .templates-table__content--counters-num, .templates-table__content--district, .templates-table__content--prev-indications, .templates-table__content--date, .templates-table__content--indications, .templates-table__content--coefficient, .templates-table__content--expense, .templates-table__content--comment {
      position: relative;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .templates-table__content--state, .templates-table__content--comment {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .templates-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 10px 30px;
    border-bottom: 1px solid #c1c1c1; }
  .templates-table__input {
    background-color: #e2e2e2;
    padding: 2px 8px;
    border-radius: 5px;
    border-style: solid;
    border-color: #e2e2e2;
    width: 100%;
    height: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .templates-table__input input {
      font-size: 14px;
      line-height: 21px;
      padding: 0;
      margin: 0;
      padding-bottom: 0;
      border: none;
      text-align: left; }
    .templates-table__input[type='number'] {
      -moz-appearance: textfield; }
    .templates-table__input[type=number]::-webkit-inner-spin-button, .templates-table__input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .templates-table__input--error {
      border: 2px solid #e61c4c;
      background-color: #fee6e6;
      border-radius: 5px;
      padding: 2px 8px;
      line-height: 21px; }
  .templates-table--modal .templates-table__row {
    padding: 15px 0; }
  .templates-table--modal .templates-table__header {
    padding: 15px 0; }
    .templates-table--modal .templates-table__header--state {
      width: 40px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .templates-table--modal .templates-table__header--object {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      min-width: 150px; }
    .templates-table--modal .templates-table__header--counters-num {
      width: 145px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .templates-table--modal .templates-table__header--district {
      width: 165px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .templates-table--modal .templates-table__header--mode {
      width: 430px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .templates-table--modal .templates-table__content {
    padding: 15px 0; }
    .templates-table--modal .templates-table__content--state {
      width: 40px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .templates-table--modal .templates-table__content--object {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      min-width: 150px; }
    .templates-table--modal .templates-table__content--counters-num {
      width: 145px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .templates-table--modal .templates-table__content--district {
      width: 165px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .templates-table--modal .templates-table__content--mode {
      width: 430px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .templates-table--modal .c-doc__col--state {
    height: 25px; }

.templates-card {
  width: 100%;
  font-size: 14px; }

.docs-section {
  position: relative;
  margin-top: 23px;
  width: 100%; }
  .docs-section__title {
    margin-bottom: 16px !important; }
  .docs-section__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 4px;
    width: 100%; }
    .docs-section__actions__settings {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: auto; }
    .docs-section__actions > button,
    .docs-section__actions > div {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .docs-section__actions-right {
      margin-left: auto; }
  .docs-section__sidebar-toggler {
    width: 18px;
    height: 17px;
    background-image: url("/Styles/images/sidebar-arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    left: 0;
    cursor: pointer;
    -webkit-transform: none;
            transform: none;
    will-change: transform;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    z-index: 1; }
    .docs-section__sidebar-toggler--card {
      top: 22px;
      left: 10px; }
    .docs-section__sidebar-toggler--collapsed {
      -webkit-transform: rotate3d(0, 1, 0, 180deg);
              transform: rotate3d(0, 1, 0, 180deg);
      left: 8px; }
  .docs-section__search {
    position: absolute;
    right: 40px;
    top: 0; }
  .docs-section__tabs {
    margin-top: 5px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #c1c1c1;
    height: 44px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #eeeeee; }
    .docs-section__tabs-wrapper {
      position: relative;
      max-width: 1120px;
      margin: 0 auto; }
  .docs-section__tab {
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    color: #999999;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 4px solid transparent; }
    .docs-section__tab:hover {
      color: #999999;
      text-decoration: none; }
    .docs-section__tab--active {
      height: 40px;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      color: #222222;
      border-bottom: 4px solid #0067b8 !important; }
      .docs-section__tab--active:hover {
        color: #222222; }

.blue-theme .docs-section__search {
  right: 0; }

.blue-theme .docs-grid {
  margin-bottom: 28px; }

.create-page-form-tools {
  position: absolute;
  left: 205px;
  z-index: 1; }

.create-page-form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.custom-select-department {
  position: relative;
  z-index: 2;
  margin-bottom: 25px; }
  .custom-select-department .select-with-checkboxes__control {
    width: 100%; }
  .custom-select-department .organization-tree {
    margin-right: 14px; }
  .custom-select-department .select-with-checkboxes__input--value {
    background-color: transparent; }

.approval-card {
  font-size: 14px;
  color: #999999;
  font-weight: normal;
  width: 100%; }
  .approval-card__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .approval-card__title-info {
      padding-top: 15px;
      margin-right: 85px;
      font-weight: 400; }
      .approval-card__title-info:last-child {
        margin-right: 0; }
  .approval-card__headerbar {
    height: 80px;
    padding-left: 30px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .approval-card__headerbar strong {
      font-weight: 500; }
  .approval-card__column:first-child {
    width: 300px; }
  .approval-card__column a {
    color: #3f4047; }
  .approval-card__members {
    color: #a3a3a3;
    padding: 22px 10px 10px 25px; }
    .approval-card__members strong {
      color: #000000;
      font-weight: 500; }
    .approval-card__members .approval-card__column:first-child {
      width: 380px; }
    .approval-card__members .member-name {
      margin-bottom: 10px; }
  .approval-card__toolbar {
    padding: 20px 10px 20px 25px; }
  .approval-card__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .approval-card__document-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .approval-card__document-actions-block {
    background-color: #f8f9fa; }
  .approval-card__documents-wrapper {
    padding-top: 20px;
    padding-bottom: 25px;
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    background-color: #f8f9fa;
    border-bottom: 1px solid rgba(113, 129, 148, 0.2); }
  .approval-card__title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .approval-card__title-block h2 {
      font-size: 25px;
      font-weight: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .approval-card__title-block__headers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
  .approval-card__doctype {
    position: relative;
    padding-left: 30px; }
    .approval-card__doctype::before {
      content: '';
      position: absolute;
      left: 0;
      width: 20px;
      height: 20px;
      background-image: url("images/arrow.png");
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 50%; }
    .approval-card__doctype--incoming::before {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .approval-card__info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 35px 10px 25px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .approval-card__info-container p {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      margin-bottom: 5px;
      color: #a3a3a3; }
    .approval-card__info-container span {
      color: #000000; }
    .approval-card__info-container .approval-card__doctype {
      color: #3f4047; }

.cancel-request__body {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  padding: 0; }
  .cancel-request__body h2 {
    font-family: inherit;
    font-size: 16px; }
  .cancel-request__body .modal-input {
    width: 100%; }
  .cancel-request__body .modal-label {
    padding-bottom: 10px;
    line-height: 20px; }

.cancel-request__reason {
  height: 100px;
  width: 100%; }
  .cancel-request__reason--error {
    border: 1px solid #dc4e41; }
    .cancel-request__reason--error:focus {
      border: 1px solid #dc4e41; }

.cancel-request__error {
  color: #dc4e41; }

.modal-file-list {
  padding-bottom: 20px;
  word-wrap: break-word;
  word-break: break-word; }
  .modal-file-list__ico {
    width: 14px;
    height: 18px;
    background-image: url("images/doc-icon.svg");
    background-size: cover;
    position: absolute;
    left: 0;
    top: calc(50% - 9px); }
  .modal-file-list__item {
    color: #0067b8;
    word-break: break-word;
    position: relative;
    padding-left: 20px;
    margin-bottom: 3px; }
    .modal-file-list__item a {
      color: #0067b8; }

.cancel-comments .tc-modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 65vh;
  overflow-y: auto;
  position: relative;
  padding-left: 24px;
  padding-right: 24px; }

.cancel-comments__date {
  display: inline-block;
  padding: 3px 15px;
  border-radius: 15px;
  margin-left: auto;
  color: #ffffff;
  background: #949393; }

.cancel-comments__count {
  position: absolute;
  top: 18px; }

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

.cancel-comments__left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.cancel-comments__organization {
  font-weight: 500;
  color: #3f4047; }

.cancel-comments__time {
  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;
  color: #aaaaaa;
  -webkit-box-flex: 0.1;
      -ms-flex: 0.1;
          flex: 0.1; }

.cancel-comments__bubble {
  width: 100%;
  margin: 8px auto 5px;
  background: #fbfcfc;
  color: #000000;
  padding: 8px 6px 8px 16px;
  position: relative;
  border: 1px solid #50a8e8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px; }
  .cancel-comments__bubble--current .cancel-comments__organization {
    color: #50a8e8; }
  .cancel-comments__bubble--interlocutor {
    border-color: #cccccc; }

.cancel-comments__comment {
  word-break: break-all; }

.uploading-form {
  background-color: #ffffff;
  border: solid 1px rgba(195, 195, 195, 0.5);
  padding: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .uploading-form__routing-workflow {
    border-top: none; }
  .uploading-form__multilateral-form {
    width: 100%;
    max-width: 800px; }
  .uploading-form__confirmation-modal {
    width: 512px; }
  .uploading-form__theme {
    margin: 28px 0;
    padding-top: 28px;
    border-top: 1px solid rgba(195, 195, 195, 0.5); }
  .uploading-form__contractor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .uploading-form__contractor > div {
      width: 100%; }
    .uploading-form__contractor--vertical {
      -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; }
    .uploading-form__contractor--select-wrapper {
      position: relative;
      z-index: 3; }
    .uploading-form__contractor--suggestion-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .uploading-form__contractor--suggestion-item > span {
        padding: 5px 10px;
        margin-left: 15px;
        font-size: 12px;
        border-radius: 4px;
        background-color: #f2f2f2;
        color: #adadad; }
  .uploading-form__routingWorkflow .uploading-form__contractor--select-wrapper {
    position: static; }
  .uploading-form__routingWorkflow .select-with-checkboxes__control {
    width: 100%; }
  .uploading-form__contractor-label {
    font-size: 14px;
    font-weight: 400;
    color: #222222;
    min-width: 170px;
    margin-bottom: 0;
    margin-right: 5px;
    max-width: 170px;
    text-align: left; }
  .uploading-form__contractor-input {
    margin-bottom: 39px; }
  .uploading-form__add-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 25px; }
  .uploading-form__authority {
    margin-bottom: 27px; }
  .uploading-form__drag-and-drop {
    width: 100%;
    height: 200px;
    border: 2px dashed #e0e0e0;
    border-radius: 4px;
    color: #222222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer; }
    .uploading-form__drag-and-drop--active {
      border-color: #0067b8; }
      .uploading-form__drag-and-drop--active .uploading-form__drag-and-drop--content::before {
        background-image: url("/Styles/images/drag-and-drop-icon-active-test.svg"); }
    .uploading-form__drag-and-drop--content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .uploading-form__drag-and-drop--content::before {
        content: '';
        display: block;
        background-image: url("/Styles/images/drag-and-drop-icon-test.svg");
        background-repeat: no-repeat;
        background-size: cover;
        width: 54px;
        height: 62px; }
    .uploading-form__drag-and-drop--text {
      text-align: center;
      line-height: 21px;
      font-size: 16px;
      margin: 0;
      margin-top: 20px;
      width: 100%; }
  .uploading-form__link {
    color: #0067b8; }
  .uploading-form__select {
    padding: 28px;
    background-color: #fff;
    border: solid 1px rgba(195, 195, 195, 0.5);
    border-bottom: none; }
    .uploading-form__select--width {
      width: 100%;
      max-width: 800px; }
    .uploading-form__select--content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

.uploader__dragndrop {
  width: 100%;
  position: relative;
  border: 2px dashed #e0e0e0;
  border-radius: 4px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .uploader__dragndrop--content::before {
    content: '';
    display: block;
    width: 54px;
    height: 62px;
    background-image: url(/Styles/images/drag-and-drop-icon-test.svg);
    background-size: cover;
    position: absolute;
    left: calc(50% - 27px);
    top: 30px; }
  .uploader__dragndrop--text {
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    color: #222222;
    position: absolute;
    bottom: 30px;
    left: 0;
    text-align: center; }
    .uploader__dragndrop--text span {
      color: #0067b8; }
  .uploader__dragndrop--active {
    border: 2px dashed #0067b8; }
    .uploader__dragndrop--active .uploader__dragndrop--content::before {
      background-image: url(/Styles/images/drag-and-drop-icon-active-test.svg); }

.uploader__info-modal {
  font-size: 14px; }
  .uploader__info-modal p:first-child {
    font-weight: 500;
    margin: 0;
    word-break: break-all; }
  .uploader__info-modal p:last-child {
    line-height: 1;
    margin-bottom: 15px; }

.uploaded-doc {
  background-color: #ffffff;
  border: solid 1px #dedede;
  border-radius: 5px;
  padding: 15px; }
  .uploaded-doc__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .uploaded-doc__info {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 330px;
            flex: 1 0 330px;
    min-width: 0; }
    .uploaded-doc__info__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
      .uploaded-doc__info__title__text {
        font-size: 20px;
        font-weight: 500;
        color: #000000;
        margin-bottom: 0;
        word-wrap: break-word;
        overflow-wrap: break-word;
        overflow: hidden; }
      .uploaded-doc__info__title__size {
        opacity: 0.5;
        color: #000000;
        font-size: 17px;
        font-weight: normal;
        margin-bottom: 0;
        white-space: nowrap; }
    .uploaded-doc__info__name {
      opacity: 0.5;
      color: #000000;
      font-size: 17px;
      font-weight: normal;
      white-space: nowrap;
      overflow-x: hidden;
      text-overflow: ellipsis; }
  .uploaded-doc__favorite-tooltip {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-top: 6px; }
  .uploaded-doc__favorite {
    width: 20px;
    height: 20px;
    margin-left: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer; }
    .uploaded-doc__favorite:not(.uploaded-doc__favorite--on) {
      background: url("images/star.svg") no-repeat; }
    .uploaded-doc__favorite--on {
      background: url("images/yellow-star.svg") no-repeat; }
  .uploaded-doc__actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .uploaded-doc__actions__element {
      font-size: 17px;
      line-height: 25px; }
  .uploaded-doc__validation {
    /*flex: 1 0 100%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    .uploaded-doc__validation--ok p {
      color: #000000; }
    .uploaded-doc__validation--error p {
      color: #c20101; }
    .uploaded-doc__validation--warning p {
      color: #ee7201; }
  .uploaded-doc__comment {
    width: 100%; }
  .uploaded-doc--multilateral {
    border: none;
    border-radius: 0;
    border-top: 1px solid #e0e0e0;
    padding: 15px 0; }
    .uploaded-doc--multilateral .uploaded-doc__info {
      margin-bottom: 20px;
      line-height: 18px;
      padding-left: 25px;
      position: relative; }
      .uploaded-doc--multilateral .uploaded-doc__info::before {
        content: '';
        display: block;
        width: 16px;
        height: 20px;
        background: url(/Styles/images/default.svg);
        background-size: cover;
        position: absolute;
        left: 0;
        top: 0; }
      .uploaded-doc--multilateral .uploaded-doc__info__title__text {
        color: #0067b8;
        font-size: 16px;
        font-weight: 400; }
      .uploaded-doc--multilateral .uploaded-doc__info__title__size {
        color: #999999;
        font-size: 16px; }
      .uploaded-doc--multilateral .uploaded-doc__info--pdf::before {
        width: 18px;
        background: url(/Styles/images/pdf.svg); }
    .uploaded-doc--multilateral .uploaded-doc__remove-icon {
      width: 20px;
      height: 20px;
      display: block;
      background-image: url(/Styles/images/remove-doc-icon.svg);
      background-size: cover; }
      .uploaded-doc--multilateral .uploaded-doc__remove-icon:hover {
        background-image: url(/Styles/images/remove-doc-icon-active.svg);
        background-size: cover; }

#doc-validation-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex-item-order-1 {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important; }

.flex-item-order-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important; }

.flex-item-order-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important; }

.flex-item-order-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important; }

.flex-item-order-5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important; }

.approval-request__content {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  padding: 0; }

.approval-content__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px; }
  .approval-content__row--empty {
    display: block;
    height: 5px; }
  .approval-content__row:last-child {
    margin: 0; }

.approval-content__column {
  width: 100%; }
  .approval-content__column--caption {
    width: 100px;
    margin-right: 25px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.approval-content textarea {
  width: 500px;
  height: 100px; }

.approval-content__caption {
  font-family: inherit;
  font-size: 16px;
  font-weight: 700; }

.approval-content__question {
  margin: 0 10px;
  background: #dedede;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
  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: 25px;
  height: 25px; }

.approval-content__text--bold {
  font-weight: 500; }

.approval-content__text--underline {
  text-decoration: underline; }

.approval-content__tooltip {
  max-width: 200px; }

.approval-content__link {
  font-size: 17px;
  line-height: 25px;
  color: #0067b8;
  word-wrap: break-word;
  word-break: break-word;
  text-decoration: none; }
  .approval-content__link:hover {
    color: #0067b8;
    text-decoration: none; }

.approval-content__comment {
  color: #848484;
  font-style: italic; }

.item-department {
  font-weight: 700; }

.sending-to-sign-request__content {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  padding: 0; }

.sending-to-sign-content__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px; }
  .sending-to-sign-content__row--empty {
    display: block;
    height: 5px; }

.sending-to-sign-content textarea {
  width: 500px;
  height: 100px; }

.sending-to-sign-content__column {
  width: 100%; }
  .sending-to-sign-content__column--caption {
    width: 100px;
    margin-right: 25px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.sending-to-sign-content__caption {
  font-family: inherit;
  font-size: 16px;
  font-weight: 700; }

.sending-to-sign-content__question {
  margin: 0 10px;
  background: #dedede;
  padding: 3px 8px;
  border-radius: 50%;
  cursor: pointer; }

.sending-to-sign-content__text--bold {
  font-weight: 500; }

.sending-to-sign-content__text--underline {
  text-decoration: underline; }

.sending-to-sign-content__tooltip {
  max-width: 200px; }

.sending-to-sign-content__link {
  font-size: 17px;
  line-height: 25px;
  color: #01a0d7;
  word-wrap: break-word;
  word-break: break-word;
  text-decoration: none; }
  .sending-to-sign-content__link:hover {
    text-decoration: none; }

.sending-to-sign-content__comment {
  color: #848484;
  font-style: italic; }

.item-department {
  font-weight: 700; }

.docflow-info {
  overflow-y: auto;
  max-height: 600px;
  min-height: 400px; }
  .docflow-info__inline-block {
    display: inline-block;
    width: 100%; }
  .docflow-info__transaction {
    position: relative;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: #222222;
    font-size: 14px;
    border-left: 1px solid #929aa4; }
    .docflow-info__transaction--incoming::before {
      content: '';
      position: absolute;
      left: -7px;
      width: 18px;
      height: 18px;
      background: #ffffff url("images/inbox.svg") no-repeat center; }
    .docflow-info__transaction--outcoming::before {
      content: '';
      position: absolute;
      left: -7px;
      width: 18px;
      height: 18px;
      background: #ffffff url("images/outbox.svg") no-repeat center; }
    .docflow-info__transaction-info {
      margin-left: 20px;
      width: 100%; }
      :hover > .docflow-info__transaction-info .docflow-info__transaction-info__btn {
        display: block; }
      .docflow-info__transaction-info h5 {
        font-size: 14px;
        font-weight: 700; }
      .docflow-info__transaction-info p {
        font-weight: 400;
        color: rgba(0, 0, 0, 0.5);
        margin: 0; }
        .docflow-info__transaction-info p strong {
          color: #000000;
          font-weight: 400; }
      .docflow-info__transaction-info__header {
        position: relative;
        margin-bottom: 15px;
        padding-right: 150px; }
        .docflow-info__transaction-info__header h5 {
          margin: 0;
          color: #000000;
          font-weight: 500; }
      .docflow-info__transaction-info__content {
        position: relative; }
      .docflow-info__transaction-info__btn {
        display: none;
        margin-bottom: 10px;
        width: 100%; }
    .docflow-info__transaction .transaction__comment {
      height: 60px;
      width: 250px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 8px; }
      .docflow-info__transaction .transaction__comment .comment__wrapper {
        background-color: #f1f1f1;
        padding: 10px 12px;
        border-radius: 8px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: relative; }
        .docflow-info__transaction .transaction__comment .comment__wrapper::after {
          content: '';
          width: 5px;
          height: 10px;
          position: absolute;
          top: 0px;
          left: -7px;
          border: 10px solid transparent;
          border-top: 20px solid #f1f1f1;
          border-right: 5px solid #f1f1f1; }
      .docflow-info__transaction .transaction__comment .comment__text {
        font-size: 14px;
        line-height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #222222; }
      .docflow-info__transaction .transaction__comment .comment__more-btn {
        color: #0067b8;
        font-size: 14px;
        line-height: 20px;
        -ms-flex-item-align: end;
            align-self: flex-end;
        cursor: pointer;
        opacity: .8;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .docflow-info__transaction .transaction__comment .comment__more-btn:hover {
          opacity: 1; }
  .docflow-info__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .docflow-info__footer__state-icon {
      width: 20px;
      height: 20px; }
    .docflow-info__footer__state-text {
      margin: 0;
      padding-left: 20px;
      font-weight: 500;
      font-size: 17px; }
    .docflow-info__footer--success .docflow-info__footer__state-icon,
    .docflow-info__footer--package-for-signing-signed .docflow-info__footer__state-icon {
      background: url("images/success-doc.png") no-repeat center; }
    .docflow-info__footer--success .docflow-info__footer__state-text,
    .docflow-info__footer--package-for-signing-signed .docflow-info__footer__state-text {
      color: #07ae42; }
    .docflow-info__footer--refused .docflow-info__footer__state-icon,
    .docflow-info__footer--package-for-signing-refused .docflow-info__footer__state-icon {
      background: url("images/refuse-doc.png") no-repeat center; }
    .docflow-info__footer--refused .docflow-info__footer__state-text,
    .docflow-info__footer--package-for-signing-refused .docflow-info__footer__state-text {
      color: #dc4f42; }
    .docflow-info__footer--need-sign .docflow-info__footer__state-icon {
      background: url("images/need-sign-doc.png") no-repeat center; }
    .docflow-info__footer--need-sign .docflow-info__footer__state-text {
      color: #dd45d0; }
    .docflow-info__footer--on-sign .docflow-info__footer__state-icon {
      background: url("images/need-sign-doc.png") no-repeat center; }
    .docflow-info__footer--on-sign .docflow-info__footer__state-text {
      color: #03adf1; }
    .docflow-info__footer--sent .docflow-info__footer__state-icon {
      background: url("images/on-sign-doc.png") no-repeat center; }
    .docflow-info__footer--sent .docflow-info__footer__state-text {
      color: #03adf1; }
    .docflow-info__footer--cancelled .docflow-info__footer__state-icon {
      background: url("images/cancelled-doc.png") no-repeat center; }
    .docflow-info__footer--cancelled .docflow-info__footer__state-text {
      color: #dc4f42; }
    .docflow-info__footer--wait-cancel .docflow-info__footer__state-icon,
    .docflow-info__footer--progress .docflow-info__footer__state-icon,
    .docflow-info__footer--package-for-signing-on-sign .docflow-info__footer__state-icon,
    .docflow-info__footer--package-for-signing-need-sign .docflow-info__footer__state-icon {
      background: url("images/wait-cancel-doc.png") no-repeat center; }
    .docflow-info__footer--wait-cancel .docflow-info__footer__state-text {
      color: #dd45d0; }
    .docflow-info__footer--require-cancel .docflow-info__footer__state-icon {
      background: url("images/require-cancel-pink.svg") no-repeat center; }
    .docflow-info__footer--require-cancel .docflow-info__footer__state-text {
      color: #dd45d0; }
  .docflow-info__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .docflow-info__comment {
    padding: 10px 20px; }
    .docflow-info__comment--content {
      font-family: inherit;
      font-size: 14px; }
  .docflow-info__comment-text {
    margin-top: 0;
    margin-bottom: 0;
    height: 103px;
    width: 100%; }

.advanced-search-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .advanced-search-result__content--empty {
    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-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .advanced-search-result__empty-title {
    margin-bottom: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 36px;
    color: #222222; }
  .advanced-search-result__empty-text {
    font-weight: normal;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #999999; }

.creating-section {
  position: relative;
  width: 100%;
  margin-top: 28px;
  padding-right: 24px; }
  .creating-section section {
    padding-right: 0; }
  .creating-section__title {
    margin-bottom: 1px;
    margin-left: 35px; }
  .creating-section__tabs {
    margin-bottom: 17px; }
  .creating-section__separator {
    padding: 0 28px;
    height: 1px;
    background-color: #fff; }
    .creating-section__separator--line {
      height: 1px;
      width: 100%;
      max-width: 800px;
      background-color: rgba(195, 195, 195, 0.5); }

.authority {
  border-top: 1px solid #cfd1d6;
  border-bottom: 1px solid #cfd1d6;
  padding-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .authority__signer {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .authority__edit {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .authority__list {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%; }

.c-dropzone {
  border: 1px solid transparent; }
  .c-dropzone--hover {
    border: dashed 1px #666666;
    opacity: 0.6; }

.formalized-print-form {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  min-height: 50vh;
  min-width: 100%;
  background: #fafbfc;
  border: 1px solid rgba(195, 195, 195, 0.9);
  padding: 50px 20px 0 20px; }
  .formalized-print-form__title {
    font-weight: normal;
    margin-bottom: 25px; }
    .formalized-print-form__title a {
      font-size: 21px; }
  .formalized-print-form__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .formalized-print-form__centered {
    text-align: center; }
  .formalized-print-form__left {
    text-align: left;
    padding-left: 25px; }
  .formalized-print-form__iframe {
    border: none;
    overflow: hidden;
    width: 100%; }
    .formalized-print-form__iframe--hidden {
      width: 0;
      height: 0;
      border: 0;
      border: none; }

.contragents-section {
  position: relative;
  margin-top: 23px;
  width: 100%; }
  .contragents-section--search {
    margin-right: 20px; }
    .contragents-section--search .contragent--search,
    .contragents-section--search .contragent-list {
      margin-right: 0; }
  .contragents-section .loading-overlay--div {
    background-color: transparent; }
  .contragents-section__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .contragents-section__header-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .contragents-section__title {
    margin-bottom: 27px;
    font-weight: 400; }
  .contragents-section__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 28px; }
  .contragents-section__search {
    position: absolute;
    right: 40px;
    top: 0; }
  .contragents-section__list {
    background-color: #ffffff;
    margin-right: 20px; }
    .contragents-section__list > div:last-child .contragent:last-child:hover {
      border-bottom-color: transparent; }
  .contragents-section__load-more {
    margin-left: 30px; }
  .contragents-section__empty-list {
    height: 100%;
    position: relative; }
    .contragents-section__empty-list__content {
      position: absolute;
      top: 40%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      .contragents-section__empty-list__content h2 {
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 36px;
        margin: 0; }

.g--position-relative {
  position: relative; }

#contragent-last {
  height: 134px;
  width: 100%;
  position: absolute; }

.contragents__search-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .contragents__search-result__title {
    margin: 0;
    font-style: normal;
    font-weight: normal; }
    .contragents__search-result__title--title {
      color: #222222;
      font-size: 20px;
      line-height: 36px; }
    .contragents__search-result__title--subtitle {
      color: #999999;
      font-size: 16px;
      line-height: 150%;
      margin: 10px 0 20px; }
  .contragents__search-result__invitation-btn {
    -ms-flex-item-align: center !important;
        align-self: center !important; }

.contragents-invitation {
  margin-right: 24px; }
  .contragents-invitation--controll {
    height: 100%; }
  .contragents-invitation--wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .contragents-invitation__button {
    margin-bottom: 27px;
    margin-right: 24px;
    width: 239px;
    -ms-flex-item-align: baseline;
        align-self: baseline;
    padding-right: 0; }
    .contragents-invitation__button--center {
      -ms-flex-item-align: center;
          align-self: center; }
    .contragents-invitation__button > div {
      margin: 0px 5px;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .contragents-invitation__button > span {
      padding: 0;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
  .contragents-invitation__search-button {
    background-color: #0067b8;
    border: 1px solid #0067b8;
    color: #ffffff;
    border-radius: 0 4px 4px 0;
    height: 100%;
    padding: 0px 20px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease; }
    .contragents-invitation__search-button:active {
      background-color: #e06310; }
    .contragents-invitation__search-button:focus {
      outline: none; }
  .contragents-invitation__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #ffffff;
    padding: 24px 24px 24px; }
    .contragents-invitation__menu--height {
      height: 100%;
      position: relative;
      padding-bottom: 5px; }
    .contragents-invitation__menu--item {
      width: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .contragents-invitation__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .contragents-invitation__title {
    color: #222222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-style: normal;
    font-weight: normal; }
    .contragents-invitation__title--title {
      font-size: 24px;
      line-height: 31px;
      font-weight: 500;
      margin-bottom: 20px; }
    .contragents-invitation__title--subtitle {
      font-size: 16px;
      line-height: 140%;
      width: 583px;
      text-align: center;
      margin-bottom: 40px; }
  .contragents-invitation__input {
    width: 100%;
    padding-bottom: 24px; }
    .contragents-invitation__input--wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 40px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 4px;
      background-color: #ffffff; }
    .contragents-invitation__input--icon {
      height: 100%;
      width: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      cursor: pointer;
      border: 1px solid #d7d7d7;
      border-radius: 4px 0 0 4px;
      border-right: none; }
      .contragents-invitation__input--icon::after {
        content: '';
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .contragents-invitation__input--icon-search::after {
        width: 17px;
        height: 17px;
        background-image: url(../../../../../../Styles/images/search-icon-grey.svg); }
      .contragents-invitation__input--icon-remove {
        border-left: none;
        border-radius: 0;
        opacity: 0.8; }
        .contragents-invitation__input--icon-remove::after {
          width: 11px;
          height: 11px;
          background-image: url(../../../../../../Styles/images/cross.svg); }
        .contragents-invitation__input--icon-remove:hover {
          opacity: 1; }
    .contragents-invitation__input--form {
      width: 100%;
      height: 100%;
      border: 1px solid #d7d7d7;
      border-left: none;
      border-right: none; }
    .contragents-invitation__input--input {
      width: 100%;
      height: 100%;
      background-color: transparent;
      border: none;
      padding: 2px 0;
      outline: none;
      font-size: 16px;
      line-height: 21px; }
      .contragents-invitation__input--input::-webkit-input-placeholder {
        color: #999999; }
      .contragents-invitation__input--input::-moz-placeholder {
        color: #999999; }
      .contragents-invitation__input--input::-ms-input-placeholder {
        color: #999999; }
      .contragents-invitation__input--input::placeholder {
        color: #999999; }
    .contragents-invitation__input--expamle {
      margin: 12px 0 30px 0;
      font-size: 12px;
      line-height: 14px;
      color: #999999; }
      .contragents-invitation__input--expamle span {
        color: #0067b8; }
  .contragents-invitation__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .contragents-invitation__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    padding: 16px;
    width: 279px;
    height: 114px;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease; }
    .contragents-invitation__action--title {
      font-size: 16px;
      line-height: 21px;
      width: 200px; }
    .contragents-invitation__action--add {
      font-size: 12px;
      line-height: 16px;
      color: #0067b8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .contragents-invitation__action--add::after {
        content: '→';
        width: 16px;
        height: 16px;
        display: block;
        color: #0067b8;
        margin-left: 3px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
    .contragents-invitation__action:hover .contragents-invitation__action--add::after {
      margin-left: 7px; }
    .contragents-invitation__action:hover {
      background-color: #eeeeee; }
  .contragents-invitation__search-result {
    padding: 0px;
    background-color: #ffffff; }
    .contragents-invitation__search-result--header > div {
      margin-right: 0px; }
    .contragents-invitation__search-result--subtitle {
      margin: 0 0 20px; }
    .contragents-invitation__search-result__list {
      width: 100%; }
    .contragents-invitation__search-result--empty {
      background-color: transparent; }
    .contragents-invitation__search-result__title {
      width: 100%;
      text-align: center;
      margin-top: 25px; }

.layout-body__aside-fix > aside > div {
  height: 100vh;
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px); }

.contragent {
  padding: 18px 20px;
  border-bottom: 1px solid #e0e0e0;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  cursor: pointer; }
  .contragent--search {
    width: 100%;
    margin-right: 20px;
    background-color: #ffffff; }
    .contragent--search .contragent__card {
      width: 80%; }
    .contragent--search .contragent__actions {
      width: 20%; }
  .contragent__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
    .contragent__card__row {
      width: 25%;
      padding: 0 5px;
      word-break: break-word; }
      .contragent__card__row p {
        margin: 0;
        font-size: 14px; }
      .contragent__card__row--icon {
        width: 22px;
        height: 21px;
        margin-left: 5px;
        margin-right: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
        .contragent__card__row--icon-active {
          background-image: url(../../../../../Styles/images/people-dark.svg); }
        .contragent__card__row--icon-sent {
          background-image: url(../../../../../Styles/images/agent-invent.svg); }
        .contragent__card__row--icon-received {
          background-image: url(../../../../../Styles/images/agent-add.svg); }
        .contragent__card__row--icon-rejected, .contragent__card__row--icon-deleted {
          background-image: url(../../../../../Styles/images/agent-reject.svg); }
      .contragent__card__row--checkbox {
        margin-right: 36px;
        width: 16px;
        line-height: 18px; }
      .contragent__card__row--notice {
        width: 8px;
        margin-right: 8px; }
        .contragent__card__row--notice span {
          width: 8px;
          height: 8px;
          display: block;
          border-radius: 50%;
          background-color: #0067b8;
          visibility: hidden;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
        .contragent__card__row--notice-visible span {
          visibility: visible; }
      .contragent__card__row--name {
        width: 30%;
        min-width: 30%; }
      .contragent__card__row--inn {
        width: 25%; }
  .contragent__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .contragent__actions--button a,
    .contragent__actions--button button {
      background-color: transparent;
      border: 1px solid #0067B8;
      color: #0067B8;
      visibility: hidden; }
      .contragent__actions--button a:hover,
      .contragent__actions--button button:hover {
        background-color: #0067b8;
        color: #ffffff; }
    .contragent__actions--button-hidden {
      visibility: hidden !important; }
    .contragent__actions--dropdownmenu {
      margin: 0 20px; }
    .contragent__actions--menu {
      width: 190px; }
  .contragent:hover {
    background-color: #f1f1f1; }
  .contragent:hover .contragent__actions--button a,
  .contragent:hover .contragent__actions--button button {
    visibility: visible; }
  .contragent-list {
    margin-right: 20px;
    padding: 13px 20px;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    color: #999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .contragent-list__actions-hidden {
      visibility: hidden; }
    .contragent-list .contragent__card__row--checkbox {
      margin-right: 20px;
      visibility: hidden; }
    .contragent-list:hover {
      background-color: #ffffff; }
    .contragent-list--expanded {
      padding-left: 20px; }
    .contragent-list--narrowed .contragent__card {
      margin-left: 0px; }
    .contragent-list--default {
      padding-left: 20px; }
      .contragent-list--default .contragent__card {
        margin-left: 0px;
        margin-right: 0px; }
        .contragent-list--default .contragent__card .contragent__card__row--checkbox {
          margin-right: 36px; }

.layout-body__workspace__docs-controls--sticked .contragent-list {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  border-bottom: none;
  margin-right: 20px; }
  .layout-body__workspace__docs-controls--sticked .contragent-list--narrowed {
    margin-right: 20px; }

.layout-body__workspace__docs-controls--sticked .contragents-invitation__button,
.layout-body__workspace__docs-controls--sticked .contragents-section__title {
  margin-bottom: 12px; }

.agent-card {
  padding: 10px; }
  .agent-card__comment-block {
    background-color: #f6f6f6;
    padding: 10px 10px 8px 10px;
    border-radius: 4px;
    position: relative;
    max-width: 85%;
    width: 85%; }
    .agent-card__comment-block::after {
      content: '';
      width: 5px;
      height: 10px;
      position: absolute;
      top: 0; }
    .agent-card__comment-block--sent {
      margin: 0 15%; }
      .agent-card__comment-block--sent::after {
        right: -10px;
        border: 10px solid transparent;
        border-left: 5px solid #f6f6f6;
        border-top: 20px solid #f6f6f6; }
    .agent-card__comment-block--received::after {
      left: -10px;
      border: 10px solid transparent;
      border-top: 20px solid #f6f6f6;
      border-right: 5px solid #f6f6f6; }
  .agent-card__empty-item {
    height: 20px; }
  .agent-card__item-title {
    font-weight: 500;
    font-size: 14px; }
  .agent-card__register-message--exist {
    color: #059a05; }
  .agent-card__register-message--not-exist {
    color: red; }
  .agent-card__item-value {
    word-break: break-all;
    overflow: hidden;
    color: #666666;
    font-size: 14px; }
    .agent-card__item-value--sm {
      font-size: 14px; }
    .agent-card__item-value--change {
      width: 50%; }
  .agent-card__item-change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 50%;
    cursor: pointer; }
    .agent-card__item-change > p {
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 14px;
      line-height: initial;
      color: #0067b8;
      text-decoration: none; }
    .agent-card__item-change > p::before {
      content: '';
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 12px;
      height: 12px;
      margin-right: 6px;
      background-image: url(../../../../../Styles/images/edit-blue.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    .agent-card__item-change > p:hover {
      text-decoration: underline; }
  .agent-card__item-empty {
    font-size: 14px; }

.agent-confirmation__title {
  margin-bottom: 1px;
  font-size: 14px;
  color: #999999; }

.agent-confirmation__modal {
  width: 650px; }

.agent-confirmation__feedback {
  width: 100%; }

.agent-invitation-modal {
  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%; }
  .agent-invitation-modal__label {
    margin: 0; }
    .agent-invitation-modal__label--important {
      color: #dc4e41; }
  .agent-invitation-modal__select .Select-menu-outer {
    z-index: 5; }
  .agent-invitation-modal--tooltip {
    top: -8px !important; }

.modal-sizes-contragents-add .tc-modal-body {
  overflow: visible;
  overflow-y: auto; }

.modal-sizes-contragents-add--invitation .tc-modal-body {
  overflow: visible; }

@media screen and (max-height: 775px) {
  .modal-sizes-contragents-add--invitation .tc-modal-body {
    overflow: scroll; } }

.contragents-info-modal {
  width: 100%; }
  .contragents-info-modal--error .contragents-info-modal__logo {
    background-image: url(../../../../../../../Styles/images/error-tiny.svg); }
  .contragents-info-modal--success .contragents-info-modal__logo {
    background-image: url(../../../../../../../Styles/images/success-tiny.svg); }
  .contragents-info-modal--attention .contragents-info-modal__logo {
    background-image: url(../../../../../../../Styles/images/attention-tiny.svg); }
  .contragents-info-modal__logo {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .contragents-info-modal__text {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 13px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px; }
    .contragents-info-modal__text--additional {
      color: #999999;
      font-size: 14px;
      line-height: 20px;
      margin-top: 0;
      margin-bottom: 30px; }

.organization-department-modal-size {
  width: 700px;
  height: 600px;
  min-height: 400px; }
  .organization-department-modal-size .tc-modal-body {
    padding: 0 12px; }
  .organization-department-modal-size .tc-modal-header h1 {
    font-size: 20px; }
  .organization-department-modal-size .organization-tree {
    padding-right: 24px; }

.organization-departments {
  height: 460px; }
  .organization-departments--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .organization-departments > div:not(.organization-departments__content) > div:last-child:not(.switch-toggle) {
    background-color: rgba(196, 196, 196, 0.3); }
  .organization-departments > div:nth-child(2) {
    padding-left: 24px; }
  .organization-departments__checkbox {
    padding: 12px 0;
    padding-left: 24px;
    margin-top: auto;
    -webkit-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.04);
            box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.04); }
    .organization-departments__checkbox.switch__label {
      font-size: 14px; }
  .organization-departments__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 24px;
    margin-bottom: 20px;
    height: 34px;
    border: 1px solid #cccccc; }
    .organization-departments__search--icon {
      height: 100%;
      width: 36px;
      background-image: url(../../../../../../../Styles/images/search-icon-grey.svg);
      background-size: 12px 12px;
      background-position: center;
      background-repeat: no-repeat; }
    .organization-departments__search--input {
      outline: none;
      width: 100%;
      height: 100%;
      border: none;
      font-size: 14px;
      line-height: 18px; }
      .organization-departments__search--input::-webkit-input-placeholder {
        color: #999999; }
      .organization-departments__search--input::-moz-placeholder {
        color: #999999; }
      .organization-departments__search--input::-ms-input-placeholder {
        color: #999999; }
      .organization-departments__search--input::placeholder {
        color: #999999; }
    .organization-departments__search--result {
      width: 100%;
      padding: 6px 0;
      font-size: 14px;
      padding-left: 30px;
      cursor: pointer; }
      .organization-departments__search--result:hover {
        background-color: #f6f6f6; }
      .organization-departments__search--result-selected {
        background-color: #0067b8;
        color: #ffffff; }
        .organization-departments__search--result-selected:hover {
          background-color: #0067b8; }
      .organization-departments__search--result-empty {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .organization-departments__search--result-sm {
        padding-left: 10px; }

.roaming-request-list {
  height: 150px;
  overflow-y: scroll;
  margin: 5px;
  border: 1px solid #dfdfdf; }

.roaming-request {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 10px;
  padding: 7px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .roaming-request__body {
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0; }
    .roaming-request__body__name {
      font-weight: 700;
      font-size: 16px;
      color: #3c3c3c; }
    .roaming-request__body__item {
      font-size: 14px;
      color: rgba(63, 64, 71, 0.8); }
      .roaming-request__body__item span {
        color: #3c3c3c;
        font-weight: 700; }
    .roaming-request__body__message {
      font-size: 12px; }
    .roaming-request__body__message--register {
      color: green; }
    .roaming-request__body__message--not-register {
      color: red; }
  .roaming-request__remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .roaming-request__remove a {
      display: none;
      color: red; }
  .roaming-request:hover {
    background: #e5f2f8;
    cursor: pointer; }
  .roaming-request:hover .roaming-request__remove a {
    display: block; }

.contragent-menu {
  position: relative;
  border-left: 1px solid rgba(195, 195, 195, 0.9);
  width: 40px;
  background-image: url("images/more.png");
  background-repeat: no-repeat;
  background-position: center; }
  .contragent-menu--disable {
    background-image: url("images/more-disable.png"); }
  .contragent-menu:hover {
    background-image: url("images/more-hover.png"); }
  .contragent-menu__popper {
    min-width: 200px;
    padding: 10px 0;
    background-color: #ffffff;
    border: 1px solid rgba(195, 195, 195, 0.9);
    z-index: 1; }
    .contragent-menu__popper a {
      font-weight: 300;
      display: block;
      background-color: transparent;
      padding: 8px 24px;
      color: #04101e;
      font-size: 15px;
      text-decoration: none; }
      .contragent-menu__popper a:hover {
        background-color: #edeeef; }
    .contragent-menu__popper--show {
      display: inline-block; }

.contragent-history {
  max-height: 430px;
  overflow-y: auto; }
  .contragent-history-modal .tc-modal-body {
    max-height: 750px; }
  .contragent-history__header {
    font-size: 22px; }
  .contragent-history__table {
    width: 100%; }
    .contragent-history__table__header {
      background-color: #d4d1d1;
      height: 40px; }
    .contragent-history__table th,
    .contragent-history__table td {
      padding: 7px;
      max-width: 200px; }
  .contragent-history__action-sent {
    color: orange; }
  .contragent-history__action-recive {
    color: blue; }
  .contragent-history__action-active {
    color: green; }
  .contragent-history__action-remove {
    color: red; }

.organization-section {
  margin-top: 23px;
  width: 100%;
  position: relative; }
  .organization-section__title {
    margin-bottom: 27px; }
  .organization-section__workspace {
    background-color: #ffffff;
    margin-right: 24px; }
    .organization-section__workspace--marking {
      padding: 36px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .organization-section__workspace--statistics {
      padding: 32px 24px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 100%; }

.details-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 0 20px 0; }
  .details-form__header {
    font-weight: bold;
    margin: 0 0 20px 35px; }
  .details-form__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 3px 3px 3px 35px;
    min-height: 45px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .details-form__line__label {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 320px;
              flex: 0 1 320px;
      text-align: left;
      margin-right: 15px;
      font-size: 17px;
      color: #000000;
      font-weight: 500; }
      .details-form__line__label--required {
        color: #e61c4c;
        vertical-align: top; }
    .details-form__line__input, .details-form__line__text {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 500px;
              flex: 0 1 500px; }
    .details-form__line__text {
      font-weight: 400;
      color: #222222; }
    .details-form__line__button {
      white-space: nowrap;
      font-size: 14px;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: 5px; }
      .details-form__line__button--mt-40 {
        margin-top: 40px; }
      .details-form__line__button:hover {
        text-decoration: underline; }
    .details-form__line__certs {
      position: relative; }
      .details-form__line__certs button {
        display: none;
        position: absolute;
        top: 35px;
        left: 0; }
    .details-form__line:hover {
      background-color: #f0f0f0; }
    .details-form__line:hover .details-form__line__certs > button {
      display: block; }
    .details-form__line--certs {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding-top: 6px; }
      .details-form__line--certs:hover {
        background-color: #ffffff; }
  .details-form__sepline {
    width: 785px;
    height: 1px;
    border-bottom: 1px solid rgba(195, 195, 195, 0.9);
    margin: 30px 0 30px 35px; }
  .details-form__actions {
    padding: 16px 36px;
    border-top: 1px solid #f0f0f0; }
  .details-form--edit {
    padding-bottom: 0; }
    .details-form--edit .details-form__line__text {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 450px;
              flex: 0 1 450px; }
    .details-form--edit .details-form__line:hover {
      background-color: #ffffff; }

.certificate-blank {
  position: relative;
  padding: 10px 0 10px 30px; }
  .certificate-blank__icon {
    width: 16px;
    position: absolute;
    left: 0;
    top: 16px; }
  .certificate-blank__line {
    color: #222222;
    font-weight: 500;
    max-width: 430px; }
    .certificate-blank__line--lighther {
      font-weight: 400;
      color: #999999; }
  .certificate-blank__tooltip {
    position: absolute !important;
    top: 9px;
    right: 0; }

.certificate-blank + .certificate-blank {
  border-top: 1px solid #e0e0e0; }

.marking-settings {
  background: #f0f0f0;
  border-radius: 24px;
  padding: 70px;
  width: 100%;
  color: #222222;
  position: relative;
  overflow: hidden;
  min-height: 435px;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 50px; }
  .marking-settings__title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px; }
  .marking-settings__description {
    margin-bottom: 55px;
    font-size: 16px;
    line-height: 24px; }
  .marking-settings__bg {
    border-radius: 50%;
    position: absolute;
    top: 60%;
    left: 10%;
    will-change: transform;
    -webkit-transform: translate(calc(-50% - 10px), calc(-50% - 2px)) scale(0);
            transform: translate(calc(-50% - 10px), calc(-50% - 2px)) scale(0);
    -webkit-transition: -webkit-transform 0.45s ease-out;
    transition: -webkit-transform 0.45s ease-out;
    transition: transform 0.45s ease-out;
    transition: transform 0.45s ease-out, -webkit-transform 0.45s ease-out;
    width: 30px;
    height: 30px;
    z-index: 1;
    background: #eef5fc; }
  .marking-settings__content {
    z-index: 2;
    position: absolute;
    top: 70px;
    left: 70px;
    right: 70px; }
  .marking-settings__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .marking-settings__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .marking-settings__modal {
    width: 610px; }
  .marking-settings__status > p {
    margin: 0;
    font-style: normal;
    font-size: 16px;
    line-height: 20px; }
  .marking-settings__status--state {
    font-weight: 500; }
  .marking-settings__status--date {
    font-weight: 300; }
  .marking-settings__status-circle {
    width: 42px;
    height: 42px;
    position: relative; }
    .marking-settings__status-circle--active .marking-settings__status-circle--outer {
      background-color: rgba(85, 204, 102, 0.2); }
    .marking-settings__status-circle--active .marking-settings__status-circle--inner {
      background-color: #55cc66; }
    .marking-settings__status-circle--expired .marking-settings__status-circle--outer {
      background-color: rgba(230, 28, 76, 0.2); }
    .marking-settings__status-circle--expired .marking-settings__status-circle--inner {
      background-color: #e61c4c; }
    .marking-settings__status-circle--outer {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      -webkit-animation: increaseOutterCircle 1s ease-in-out;
              animation: increaseOutterCircle 1s ease-in-out; }
    .marking-settings__status-circle--inner {
      width: 21px;
      height: 21px;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .marking-settings__poster::after {
    content: '';
    display: block;
    background-image: url(/Styles/images/marking.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 236px;
    height: 229px; }
  .marking-settings__subtitle {
    font-size: 20px;
    font-weight: 500; }
    .marking-settings__subtitle:not(:first-child) {
      margin-top: 50px; }
  .marking-settings__container {
    padding: 0 50px;
    max-width: 1000px;
    margin: 0 auto; }
  .marking-settings__list {
    list-style-type: none;
    padding: 0; }
    .marking-settings__list__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 30px; }
  .marking-settings__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .marking-settings__card {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-weight: 500;
    padding: 16px 16px 30px 16px;
    border-radius: 4px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .marking-settings__card + .marking-settings__card {
    margin-left: 30px; }
  .marking-settings__point {
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #f0f0f0;
    margin-right: 25px;
    font-weight: 400; }
  .marking-settings__alert--admin {
    margin-top: 20px;
    font-size: 16px;
    width: 90%; }
  .marking-settings--enabled .marking-settings__bg {
    -webkit-transform: translate(-50%, -50%) scale(150);
            transform: translate(-50%, -50%) scale(150); }

@-webkit-keyframes increaseOutterCircle {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: .7; } }

@keyframes increaseOutterCircle {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: .7; } }

@media all and (max-width: 1038px) {
  .marking-settings {
    min-height: 375px; }
    .marking-settings__right {
      display: none; } }

@media all and (max-width: 900px) {
  .marking-settings {
    min-height: 435px; } }

.organization-statistics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .organization-statistics__content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    .organization-statistics__content--error {
      width: 100%; }
    .organization-statistics__content--section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .organization-statistics__content--section label.tc-checkbox:first-child {
        border-bottom: 1px solid #d9d9da;
        padding-bottom: 14px;
        margin-right: 14px; }
      .organization-statistics__content--section .react-autosuggest__container {
        width: 432px;
        height: 35px; }
        .organization-statistics__content--section .react-autosuggest__container .react-autosuggest__suggestions-container {
          font-size: 14px;
          line-height: 18px; }
      .organization-statistics__content--section .tc-radio {
        font-size: 14px;
        line-height: 18px; }
    .organization-statistics__content--label {
      font-size: 14px;
      line-height: 18px; }
    .organization-statistics__content__date {
      position: relative;
      border-radius: 4px;
      border: 1px solid #cccccc; }
      .organization-statistics__content__date--icon {
        width: 11px;
        height: 12px;
        position: absolute;
        top: calc(50% - 7px);
        right: 12px;
        background-image: url(../../../../../../../Styles/images/calendar-icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      .organization-statistics__content__date .DateRangePickerInput__withBorder {
        background-color: transparent;
        padding-right: 15px; }
    .organization-statistics__content__submit-btn {
      position: relative;
      overflow: hidden; }
      .organization-statistics__content__submit-btn .loading-overlay__spiner--tiny {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
        left: calc(50% - 10px); }
  .organization-statistics__cards {
    -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; }
    .organization-statistics__cards--title {
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 21px;
      margin: 0; }
    .organization-statistics__cards--content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%; }
  .organization-statistics__card {
    width: 186px;
    height: 118px;
    padding: 16px 0 32px 16px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 4px;
    margin-right: 24px;
    margin-top: 24px; }
    .organization-statistics__card__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      .organization-statistics__card__content--direction {
        letter-spacing: 0.5px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 12px;
        line-height: 20px;
        color: #999999;
        margin: 0;
        margin-bottom: 8px; }
      .organization-statistics__card__content--quality {
        font-weight: normal;
        font-size: 32px;
        line-height: 42px;
        color: #0067B8;
        margin: 0; }
      .organization-statistics__card__content--icon {
        width: 14px;
        height: 14px;
        cursor: pointer;
        margin-left: 6px;
        margin-bottom: 8px;
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
        position: relative;
        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; }
        .organization-statistics__card__content--icon svg path {
          fill: #999999; }
        .organization-statistics__card__content--icon:hover svg path {
          fill: #636363; }
        .organization-statistics__card__content--icon-active svg path {
          fill: #636363; }
      .organization-statistics__card__content__description {
        position: absolute;
        top: calc(50% - 38px);
        left: 40px;
        z-index: 2;
        padding: 10px 15px;
        width: 220px;
        min-height: 75px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        background-color: #ffffff;
        -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        cursor: default; }
        .organization-statistics__card__content__description::after {
          content: '';
          position: absolute;
          left: -10px;
          width: 20px;
          height: 20px;
          background-color: #ffffff;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          -webkit-box-shadow: -4px 6px 10px -5px rgba(0, 0, 0, 0.1);
                  box-shadow: -4px 6px 10px -5px rgba(0, 0, 0, 0.1); }
        .organization-statistics__card__content__description--text {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .organization-statistics__card__content__description--text > p {
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 18px;
            margin: 0; }
  .organization-statistics__no-access {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .organization-statistics__no-access__text {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 43px; }
      .organization-statistics__no-access__text > p {
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 24px; }
      .organization-statistics__no-access__text > span {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #999999; }

@media screen and (max-width: 1281px) {
  .organization-statistics__content__date .DateRangePicker_picker__directionLeft {
    top: 66px !important;
    left: 0 !important; }
  .organization-statistics__content__date .DateInput_fang {
    -webkit-transform: rotate(0) !important;
            transform: rotate(0) !important;
    top: 55px !important; } }

.statements-list {
  max-height: 400px;
  overflow-y: auto; }
  .statements-list__item {
    border-bottom: 1px solid #eeeeee;
    padding: 10px; }
    .statements-list__item__employee, .statements-list__item__date {
      color: rgba(63, 64, 71, 0.8); }
    .statements-list__item:hover {
      background-color: #f0f0f0;
      cursor: pointer; }

.departments-tree {
  margin: 0;
  padding: 0;
  list-style: none; }
  .departments-tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative; }
    .departments-tree ul ul {
      margin-left: 18px; }
    .departments-tree ul::before {
      content: "";
      display: block;
      width: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      border-left: 2px solid #767676; }
    .departments-tree ul li::before {
      content: "";
      display: block;
      width: 45px;
      height: 0;
      border-top: 2px solid #767676;
      margin-top: 0;
      position: absolute;
      top: 15px;
      left: 0; }
    .departments-tree ul li:last-child::before {
      background: #ffffff;
      height: auto;
      top: 1em;
      bottom: 0; }
  .departments-tree--atom-ul {
    padding-top: 35px !important; }
  .departments-tree li {
    margin: 0;
    padding: 0 55px;
    line-height: 2em;
    position: relative; }

.tree-node {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .tree-node__header {
    padding-top: 24px; }
  .tree-node__leaf-marker {
    position: absolute;
    top: 13px;
    width: 7px;
    height: 7px;
    left: -11px;
    border-radius: 50%;
    background-color: #767676; }
  .tree-node__button {
    display: inline-block;
    border: 1px solid #757575;
    border-radius: 15px;
    width: 35px;
    height: 25px;
    position: relative;
    margin-right: 5px;
    cursor: pointer; }
    .tree-node__button--expand {
      background-image: url("images/triangle-arrow-down.png");
      background-repeat: no-repeat;
      background-position: center; }
    .tree-node__button--hide {
      background-image: url("images/triangle-arrow-up.png");
      background-repeat: no-repeat;
      background-position: center; }
  .tree-node__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .tree-node__body__root-text {
      font-weight: 500;
      font-size: 22px; }
      .tree-node__body__root-text span {
        font-weight: 400;
        color: rgba(63, 64, 71, 0.8); }
    .tree-node__body__atom-text {
      font-weight: 700; }
      .tree-node__body__atom-text span {
        font-weight: 400;
        color: rgba(63, 64, 71, 0.8); }
    .tree-node__body__leaf-text {
      font-weight: 400;
      max-width: 500px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .tree-node__body__actions {
      margin-left: 50px;
      display: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .tree-node__body__actions div {
        margin: 0 2px; }
  .tree-node__dots {
    display: none;
    position: absolute;
    left: 4px;
    top: 5px; }
  .tree-node__dot {
    background-color: #767676;
    border-radius: 50%;
    width: 2px;
    height: 2px;
    margin-bottom: 2px; }
  .tree-node:hover {
    cursor: pointer;
    background-color: #ebebeb;
    padding-right: 4px;
    padding-left: 12px;
    margin-left: -12px; }
    .tree-node:hover .tree-node__leaf-marker {
      display: none; }
    .tree-node:hover .tree-node__dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .tree-node:hover .tree-node__body__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .tree-node--disableHover:hover {
    background-color: #ffffff !important;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0; }

.tree-node-hide {
  display: none; }

.department-card {
  padding: 10px; }
  .department-card__name {
    font-weight: bold;
    font-size: 18px;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .department-card__empty-line {
    height: 15px; }
  .department-card__line > span {
    color: rgba(63, 64, 71, 0.8); }

.employees-list {
  padding-left: 30px; }

.modal-sizes-employee-edit .tc-modal-body {
  overflow: visible; }

.department-employees {
  padding: 20px 0 20px 20px;
  margin-left: 30px;
  border-top: 1px solid rgba(195, 195, 195, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .department-employees__name {
    font-weight: 500;
    margin-bottom: 10px;
    padding: 2px 10px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .department-employees__name:hover {
      background: #eeeeee; }
    .department-employees__name:hover .department-employees__item__actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .department-employees__name--main {
      font-size: 32px;
      margin-bottom: 25px;
      font-weight: 400;
      padding-left: 0;
      width: 100%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .department-employees__name--main:hover {
        background: none; }
  .department-employees__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    padding: 5px 10px 5px 30px; }
    .department-employees__item__actions {
      display: none;
      margin-left: 15px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .department-employees__item__actions div {
        margin-left: 5px; }
    .department-employees__item--admin {
      position: relative; }
      .department-employees__item--admin::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        width: 16px;
        height: 16px;
        background-image: url("images/admin-gray.png");
        background-repeat: no-repeat;
        background-position: center; }
    .department-employees__item span {
      color: rgba(63, 64, 71, 0.8); }
    .department-employees__item:hover {
      cursor: pointer;
      background-color: #eeeeee;
      background-image: url("images/hover.svg");
      background-repeat: no-repeat;
      background-position: left 4px center; }
      .department-employees__item:hover .department-employees__item__actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .department-employees__item--main.department-employees__item--admin {
      color: #01a0d7; }
      .department-employees__item--main.department-employees__item--admin::before {
        background-image: url("images/admin-blue.png"); }
  .department-employees--main {
    padding: 20px 0 30px 20px;
    margin: 0;
    border: none; }
  .department-employees__modal {
    top: 0; }

.c-section__link {
  position: relative; }

.docs-section__title {
  margin-bottom: 7px;
  font-weight: 400; }

.docs-section__notifications-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .docs-section__notifications-title h2 {
    margin-bottom: 0;
    margin-right: auto; }

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

.docs-count {
  font-size: 13px;
  position: absolute;
  right: 9px;
  top: 5px;
  background-color: #0067B8;
  padding: 1px 9px;
  border-radius: 10px;
  color: #70dcff;
  font-weight: 300;
  z-index: 2; }

.docs-nav {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0; }
  .docs-nav li {
    position: relative;
    bottom: -1px;
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    margin-right: 20px;
    padding: 2px 0 3px 0; }
    .docs-nav li a {
      color: #404f5d;
      text-decoration: none; }
    .docs-nav li.active {
      border-bottom: 1px solid #008dbb; }
      .docs-nav li.active a {
        color: #0067B8; }

.docs-tools {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-right: 31px;
  margin-top: 3px;
  opacity: 0.6;
  background: url("images/filter-toggle-gray.png") no-repeat center;
  border: none;
  cursor: pointer; }
  .docs-tools span {
    display: none; }
  .docs-tools:hover {
    opacity: 1; }
  .docs-tools:focus {
    outline: none;
    opacity: 1; }

.docs-nav-layout {
  padding-bottom: 20px; }
  .docs-nav-layout--sticked {
    position: fixed;
    left: 0;
    right: 0;
    top: 40px;
    padding-top: 37px;
    background-color: #eeeeee;
    z-index: 2;
    padding-bottom: 0; }
  .docs-nav-layout .layout-header--with-beta .docs-nav-layout--sticked {
    top: 108px; }

.docs-nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1120px;
  margin: 0 auto;
  border-bottom: 1px solid #cecfd0; }

.docs-content {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }

.tools-popup {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1120px;
  margin: 0 auto;
  top: 35px;
  left: 0;
  right: 0; }
  .tools-popup--sticked {
    position: fixed;
    top: 201px;
    z-index: 2; }
  .tools-popup__body {
    position: relative;
    top: 10px;
    right: 0;
    width: 780px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 35px 10px 35px;
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
  .tools-popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .tools-popup__content-column {
    width: 50%; }
  .tools-popup h3 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: normal;
    color: #3f4047; }
  .tools-popup h4 {
    margin-top: 15px;
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    font-weight: 500;
    color: #3f4047; }
  .tools-popup__footer {
    padding: 10px 20px 10px 20px;
    text-align: center; }
  .tools-popup__button {
    padding: 10px 35px 10px 35px;
    font-family: inherit;
    font-size: 15px;
    color: #f7fafc;
    background-color: #0067b8;
    border-radius: 3px;
    border: none;
    text-align: center;
    cursor: pointer; }
  .tools-popup__list {
    list-style: none;
    margin: 0;
    padding: 0; }
  .tools-popup .tc-checkbox {
    display: block;
    margin-left: 35px;
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    font-size: 17px;
    font-weight: 300; }
    .tools-popup .tc-checkbox__mark {
      position: absolute;
      left: -35px;
      top: 4px; }
    .tools-popup .tc-checkbox__text {
      margin-left: 0;
      width: 305px; }

.notifications-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }
  .notifications-list__loader {
    padding: 16px; }
  .notifications-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    padding: 19px 10px 15px 86px;
    border-bottom: 1px solid #d4d9df; }
    .notifications-list__item h3 {
      margin-bottom: 2px;
      font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
      font-size: 17px;
      font-weight: 400;
      color: #37474f; }
    .notifications-list__item a {
      color: #0067B8;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .notifications-list__item--new {
      background-color: #ffffef; }
      .notifications-list__item--new .item-col h3 {
        font-weight: 500; }
    .notifications-list__item:hover {
      background-color: #f2f2f2; }
    .notifications-list__item::before {
      content: "";
      position: absolute;
      top: 25px;
      left: 25px;
      width: 40px;
      height: 40px;
      background-color: #dbdbdb;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px; }
    .notifications-list__item .docs-close {
      position: absolute;
      top: 25px;
      right: 0;
      width: 12px;
      height: 12px;
      margin-right: 25px;
      background: url("images/cross-black.png") no-repeat center;
      border: none;
      opacity: .3;
      cursor: pointer; }
      .notifications-list__item .docs-close:hover {
        opacity: 1; }
      .notifications-list__item .docs-close span {
        display: none; }
    .notifications-list__item .datetime {
      font-size: 16px;
      font-weight: 300;
      color: #a3afb7; }
    .notifications-list__item .item-col {
      margin-right: 40px; }
      .notifications-list__item .item-col--left {
        text-align: left;
        width: 80%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin: 0; }
      .notifications-list__item .item-col--right {
        text-align: right;
        width: calc(20% - 40px); }
      .notifications-list__item .item-col__comment {
        position: relative;
        margin-top: 10px;
        padding: 10px 15px;
        border-radius: 4px;
        color: #666666;
        background-color: #f6f6f6;
        word-wrap: break-word;
        word-break: break-word;
        max-width: 850px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .notifications-list__item .item-col__comment::before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          top: 0;
          left: -17px;
          border: 10px solid #f6f6f6;
          border-left-color: transparent;
          border-top-color: transparent;
          -webkit-transform: rotate(-90deg);
                  transform: rotate(-90deg); }
    .notifications-list__item .operations-wrapper {
      padding-top: 7px; }
      .notifications-list__item .operations-wrapper button,
      .notifications-list__item .operations-wrapper a {
        margin-right: 20px; }
    .notifications-list__item--blue-doc::before {
      background-image: url("images/doc.svg");
      background-color: #03a9f3; }
    .notifications-list__item--green-doc::before {
      background-image: url("images/doc.svg");
      background-color: #00c292; }
    .notifications-list__item--orange-wallet::before {
      background-image: url("images/wallet.svg");
      background-color: #fb9678; }
    .notifications-list__item--orange-exchange::before {
      background-image: url("images/exchange.svg");
      background-color: #fb9678; }
    .notifications-list__item--green-people::before {
      background-image: url("images/people.svg");
      background-color: #00c292; }
    .notifications-list__item--red-attention::before {
      background-image: url("images/attention.svg");
      background-color: #e46a76; }
    .notifications-list__item--gray::before {
      background-color: #dbdbdb; }
    .notifications-list__item--green-group::before {
      background-image: url("images/group.svg");
      background-color: #00c292; }
    .notifications-list__item--orange-reject::before {
      background-image: url("images/reject.svg");
      background-color: #fb9678; }
    .notifications-list__item--orange-stop::before {
      background-image: url("images/stop.svg");
      background-color: #fb9678; }
    .notifications-list__item--orange-package::before {
      background-image: url("images/doc-2.svg");
      background-color: #fb9678; }
    .notifications-list__item--green-package::before {
      background-image: url("images/doc-2.svg");
      background-color: #00c292; }
    .notifications-list__item--blue-package::before {
      background-image: url("images/doc-2.svg");
      background-color: #03a9f3; }
    .notifications-list__item--orange-doc::before {
      background-image: url("images/doc.svg");
      background-color: #fb9678; }
    .notifications-list__item--blue-sign::before {
      background-image: url("images/sign.svg");
      background-color: #03a9f3; }
    .notifications-list__item--green-sign::before {
      background-image: url("images/sign.svg");
      background-color: #00c292; }
    .notifications-list__item--red-sign::before {
      background-image: url("images/sign.svg");
      background-color: #e46a76; }
    .notifications-list__item--orange-sign::before {
      background-image: url("images/sign.svg");
      background-color: #fb9678; }
    .notifications-list__item--blue-group::before {
      background-image: url("images/group.svg");
      background-color: #03a9f3; }

.news-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 560px; }
  .news-list__load-more {
    margin-left: 23px; }
  .news-list__item {
    padding: 20px 20px 20px 23px;
    border-bottom: 1px solid #d4d9df;
    cursor: pointer; }
    .news-list__item:hover {
      background-color: #f2f2f2; }
    .news-list__item--active {
      background-color: #f2f2f2; }
    .news-list__item .datetime {
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 300;
      color: #a3afb7; }
    .news-list__item h3 {
      font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
      font-size: 17px;
      font-weight: 500;
      color: #37474f; }

.news-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .news-wrapper--sticked .news-popup-wrapper {
    position: fixed;
    top: 214px;
    bottom: 0;
    width: 560px;
    overflow: auto; }
  .news-wrapper--sticked .news-list {
    width: 560px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }

.news-popup-wrapper {
  width: 50%;
  padding: 25px 35px;
  background-color: #ffffff;
  border-left: 1px solid #d4d9df;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.news-popup {
  width: 100%;
  position: relative; }
  .news-popup .datetime {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #a3afb7; }
  .news-popup h3 {
    margin-top: 15px;
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #37474f; }
  .news-popup p {
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #37474f; }
  .news-popup button {
    position: absolute;
    top: 10px;
    right: 20px;
    border: none;
    background-color: transparent;
    background-image: url("images/cross.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px; }
    .news-popup button span {
      display: none; }

.empty-news {
  position: absolute;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  color: #d2d5d7;
  top: 200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 350px;
  height: 235px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .empty-news__icon {
    width: 130px;
    height: 100%;
    background-image: url("images/empty-item.svg");
    background-repeat: no-repeat;
    background-position: center; }

.hidden {
  display: none; }

@media screen and (max-height: 785px) {
  .tools-popup {
    top: -11px;
    right: 52px; }
    .tools-popup--sticked {
      top: calc(50% - 253px);
      right: calc(50% - 368px); } }

.custom-select__control {
  background-color: #555555; }

.custom-select__value-container {
  background-color: #eeeeee; }

.custom-select__indicators {
  background-color: #00eeee; }

.custom-select__menu {
  background-color: #ee00ee; }

.custom-select__menu-list {
  background-color: #eeee00; }

.custom-select__option {
  background-color: yellow; }

.special-mode-modal {
  overflow-x: hidden; }
  .special-mode-modal__content {
    padding: 5px 20px; }
    .special-mode-modal__content .custom-select {
      width: 100%; }

.page-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 28px;
  margin-right: 24px;
  height: calc(100% - 28px);
  width: 100%; }
  .page-section__workspace {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 30px;
    background-color: #ffffff; }
  .page-section__title {
    margin-bottom: 27px; }

.profile-info__edit-modal {
  width: 445px;
  max-width: 445px; }

.profile-info__link {
  color: #0056b3;
  font-weight: 400;
  text-decoration: underline; }

.profile-info__section {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .profile-info__section--col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.profile-info__tools {
  position: absolute;
  top: 30px;
  right: 30px; }

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

.profile-info__user-data {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .profile-info__user-data--name p {
    font-weight: 500;
    font-size: 22px;
    line-height: 33px; }
  .profile-info__user-data--roles > p, .profile-info__user-data--roles-data > p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px; }
  .profile-info__user-data--roles > p {
    color: #999999; }
  .profile-info__user-data--roles-data {
    margin-left: 14px; }

.profile-info__email {
  width: 50%; }
  .profile-info__email-tools {
    margin-bottom: 0px; }
    .profile-info__email-tools-link {
      color: #0067b8;
      font-weight: 400;
      text-decoration: underline;
      margin-right: 20px; }
  .profile-info__email--data {
    border-bottom: 1px solid  #f0f0f0; }

.profile-info__col {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 33px;
  text-align: right;
  padding: 15px 10px 15px 0; }
  .profile-info__col__edit-mode {
    padding: 8px 0;
    width: 100%; }
    .profile-info__col__edit-mode--title {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 18px;
      text-align: left; }
      .profile-info__col__edit-mode--title-fixed {
        width: 115px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
    .profile-info__col__edit-mode__message--error {
      margin: 0; }
  .profile-info__col--title {
    font-weight: 500;
    text-align: left; }
    .profile-info__col--title-fixed {
      width: 200px; }

.profile-info__edit-tools {
  margin-top: auto; }

.profile-info__new-email-paragraph {
  margin-bottom: 5px; }

.profile-info__message {
  position: relative;
  padding: 12px 9px 13px 43px;
  color: #272727;
  font-size: 16px;
  border-radius: 5px; }
  .profile-info__message::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat; }
  .profile-info__message--error {
    background-color: rgba(220, 78, 65, 0.2); }
    .profile-info__message--error::before {
      background-image: url("images/cancelled-doc.png"); }
  .profile-info__message--success {
    background-color: rgba(85, 204, 102, 0.2); }
    .profile-info__message--success::before {
      background-image: url("images/success-doc.png"); }

.profile-info__error {
  color: #ab191a;
  font-size: 14px;
  line-height: 18px; }

.profile-info__user-photo {
  overflow: hidden;
  position: relative; }
  .profile-info__user-photo-overlay {
    display: block;
    position: absolute;
    left: calc(50% - 16px);
    bottom: 8px;
    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;
    visibility: hidden;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    cursor: pointer; }
    .profile-info__user-photo-overlay--btn {
      background-image: url("images/camera.svg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      width: 20px;
      height: 18px; }
  .profile-info__user-photo:hover .profile-info__user-photo-overlay {
    visibility: visible; }

.profile-info__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .profile-info__avatar label {
    width: 100%; }

.user-photo {
  height: 141px;
  width: 141px;
  border-radius: 50%; }
  .user-photo img {
    width: 100%;
    height: 100%; }

.change-password__hint {
  color: #55acee;
  border-bottom: 1px dotted #55acee;
  white-space: nowrap;
  cursor: pointer;
  font-size: 14px; }

.change-password__warning {
  color: #dc4e41; }

.change-password__hint-wrapper {
  display: inline-block; }

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

.change-password__modal-sizes {
  width: 670px; }

.change-password__error {
  position: relative;
  padding: 12px 9px;
  background-color: #dc4e41;
  color: #ffffff;
  font-size: 14px;
  border-radius: 5px;
  text-align: center;
  margin-top: 10px; }

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

.container__col:first-of-type {
  margin-right: 8px; }

.password-error {
  margin-left: 160px;
  color: #dc4e41;
  margin-bottom: 10px; }

.profile-qrcode__title {
  color: #0067b8;
  font-size: 14px;
  font-weight: 600; }

.profile-qrcode__description {
  font-size: 14px;
  line-height: 20px;
  color: #222222; }

.profile-qrcode__code {
  width: 154px;
  height: 154px;
  overflow: hidden;
  position: relative; }

.profile-qrcode__btn {
  color: #0067b8;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px; }
  .profile-qrcode__btn:hover {
    text-decoration: underline; }

.certificates .page-section__workspace {
  padding: 0; }

.certificates__clarification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .certificates__clarification-img {
    width: 40px; }
  .certificates__clarification-text {
    max-width: 700px;
    line-height: 20px; }

.certificates-item {
  position: relative; }
  .certificates-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .certificates-item__header-img {
      width: 32px; }
    .certificates-item__header-button {
      margin-left: 10px; }
    .certificates-item__header-title {
      color: #55acee;
      font-weight: 500; }
    .certificates-item__header--content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .certificates-item__body {
    padding-bottom: 20px; }
    .certificates-item__body-list {
      padding-left: 15px; }
      .certificates-item__body-list-item--authorities {
        color: #55acee; }
  .certificates-item__divider {
    background-color: #dedee2;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px; }
  .certificates-item:hover {
    background-color: #f2f2f2; }

.certificates__button {
  max-width: 290px;
  margin-left: 30px;
  margin-bottom: 16px; }

.certificates__inactive-title {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  margin-left: 30px; }

.certificates__no-active {
  margin: 30px 0 0 30px; }

.settings-table {
  font-size: 17px; }
  .settings-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 5px;
    margin-bottom: 5px; }
    .settings-table__row:hover {
      background-color: #f1f1f1; }
    .settings-table__row--head {
      padding-top: 15px;
      padding-bottom: 15px;
      font-weight: 500; }
      .settings-table__row--head:hover {
        background-color: #ffffff; }
    .settings-table__row--underline {
      border-bottom: 1px solid #cfd1d6;
      padding-bottom: 15px; }
      .settings-table__row--underline:hover {
        background-color: #ffffff; }
  .settings-table__col--checkbox {
    width: 90px;
    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; }
  .settings-table__col:first-of-type {
    width: 500px; }
  .settings-table__col:nth-of-type(2) {
    width: 90px; }
  .settings-table__tools {
    padding: 25px 0; }

.plan-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }

.bordered-list {
  border: 1px solid #c1c1c1; }

.download-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .download-container__file {
    position: relative;
    padding-left: 40px;
    margin-right: 100px; }
    .download-container__file::before {
      content: "";
      position: absolute;
      left: 0;
      width: 33px;
      height: 33px;
      background: url("images/doc-pdf.svg") no-repeat center; }
  .download-container__file-link {
    font-size: 17px;
    line-height: 20px;
    color: #0067B8; }
    .download-container__file-link:hover {
      color: #0067B8; }
  .download-container__file-size {
    font-size: 12px;
    line-height: 14px;
    color: #999999; }
  .download-container__info {
    font-size: 16px;
    line-height: 19px;
    color: #999999;
    width: 380px; }
    .download-container__info a {
      color: #0067B8; }

.plan-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  border-bottom: thin solid #c1c1c1;
  background-color: #fafafa; }
  .plan-info:last-child {
    border-bottom: none; }
  .plan-info--active::before {
    content: '';
    position: absolute;
    top: 47px;
    left: 23px;
    width: 24px;
    height: 24px;
    background: url("images/active.svg") no-repeat center; }
  .plan-info__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    padding: 45px 63px 45px 63px;
    background-color: #ffffff; }
  .plan-info__download-container {
    display: none;
    padding: 45px 63px 45px 63px; }
  .plan-info__column {
    margin-right: 30px;
    width: 140px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
    .plan-info__column:first-child {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .plan-info__column:last-child {
      width: 180px;
      margin-right: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .plan-info__title {
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px; }
  .plan-info__period {
    font-size: 16px;
    line-height: 19px;
    color: #999999; }
  .plan-info__value {
    font-weight: 300;
    font-size: 32px;
    line-height: 38px; }
  .plan-info__description {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #999999;
    width: 100px; }
  .plan-info__button {
    display: block;
    padding: 10px 25px;
    font-size: 16px;
    line-height: 19px;
    color: #0067B8;
    background-color: #ffffff;
    border: 1px solid #0067B8;
    border-radius: 3px;
    white-space: nowrap;
    cursor: pointer; }
    .plan-info__button:hover, .plan-info__button:focus {
      background-color: #0067B8;
      color: #ffffff;
      text-decoration: none; }
    .plan-info__button:focus {
      outline: none; }
  .plan-info--open .plan-info__container {
    border-bottom: 1px solid #c1c1c1;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
  .plan-info--open .plan-info__download-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.empty-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 350px;
  height: calc(100vh - 295px);
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  padding: 20px 20px 20px 25px;
  background-color: #ffffff;
  border: 1px solid rgba(195, 195, 195, 0.9);
  -webkit-box-shadow: 0 0 2px 0 rgba(220, 223, 227, 0.68);
          box-shadow: 0 0 2px 0 rgba(220, 223, 227, 0.68); }
  .empty-plan__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    width: 355px; }
    .empty-plan__container::before {
      content: "";
      position: absolute;
      width: 64px;
      height: 40px;
      top: -65px;
      left: 0;
      right: 0;
      margin: 0 auto;
      background: url("images/box.svg") no-repeat center; }
  .empty-plan__paragraph {
    font-size: 17px;
    line-height: 20px;
    color: #999999; }
    .empty-plan__paragraph:first-child {
      font-size: 22px;
      line-height: 26px;
      color: #000000; }
  .empty-plan__button {
    padding: 10px 25px;
    font-size: 16px;
    line-height: 19px;
    color: #0067B8;
    background-color: #ffffff;
    border: 1px solid #0067B8;
    border-radius: 3px;
    cursor: pointer; }
    .empty-plan__button:hover {
      background-color: #0067B8;
      color: #ffffff;
      text-decoration: none; }

.bought-plan {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }
  .bought-plan__header {
    padding: 20px 20px 20px 0;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    color: #3f4047; }
  .bought-plan__content {
    padding: 50px 50px 50px 64px;
    background-color: #ffffff;
    border: 1px solid rgba(195, 195, 195, 0.9);
    -webkit-box-shadow: 0 0 2px 0 rgba(220, 223, 227, 0.68);
            box-shadow: 0 0 2px 0 rgba(220, 223, 227, 0.68);
    margin-bottom: 20px; }

.active-plan__content {
  padding: 50px 50px 50px 64px;
  background-color: #ffffff;
  border: 1px solid rgba(195, 195, 195, 0.9);
  -webkit-box-shadow: 0 0 2px 0 rgba(220, 223, 227, 0.68);
          box-shadow: 0 0 2px 0 rgba(220, 223, 227, 0.68);
  margin-bottom: 20px; }

.packages__title {
  padding-left: 0; }

.package-info {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }
  .package-info__title {
    position: relative;
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
    color: #3f4047; }
    .package-info__title--lock::before {
      content: "";
      position: absolute;
      width: 14px;
      height: 19px;
      left: -25px;
      top: 2px;
      background: url("images/lock.svg") no-repeat center; }
    .package-info__title--active::before {
      content: '';
      position: absolute;
      left: -35px;
      width: 24px;
      height: 24px;
      background: url(images/active.svg) no-repeat center; }
  .package-info__info {
    font-size: 16px;
    line-height: 19px;
    color: #999999;
    padding-bottom: 25px; }
  .package-info__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .package-info__content-column:first-child {
    margin-right: 120px; }
  .package-info__tools {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .package-info__tools-column:first-child {
    margin-right: 20px; }

.info__title {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #000000; }

.info__diagram {
  width: 200px;
  height: 200px;
  fill: #55cc66; }

.info__value {
  font-size: 32px;
  line-height: 38px;
  font-weight: 300;
  color: #000000; }

.info__description {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #999999;
  width: 125px; }

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

.info__container-column {
  margin-right: 50px; }
  .info__container-column:last-child {
    margin-right: 0; }

.diagram {
  position: relative; }
  .diagram__label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #000000;
    text-align: center; }
  .diagram__figure {
    width: 200px;
    height: 200px; }

.stats {
  padding: 20px 20px 20px 25px; }
  .stats__header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .stats__header-warning {
    color: #f8391e;
    line-height: 40px;
    margin-left: 10px; }
  .stats__items {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0; }
  .stats__item {
    width: 180px;
    margin-right: 40px;
    padding: 15px;
    text-align: center; }
  .stats__item-rate {
    font-size: 23px;
    line-height: 30px;
    color: #0067b8; }
  .stats_item-description {
    font-size: 17px;
    color: #0b1b2c; }
  .stats--empty {
    color: rgba(0, 0, 0, 0.4); }
    .stats--empty h2 {
      color: rgba(0, 0, 0, 0.4); }
    .stats--empty .stats__item-rate {
      color: rgba(0, 0, 0, 0.4); }

.plan-info-tooltip--short {
  max-width: 250px; }

.support__content {
  text-align: center; }

.support h1 {
  margin: 30px 0 50px; }

.support__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  padding: 0 140px; }

.support__column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .support__column p {
    margin: 0; }
  .support__column a {
    color: #0067b8; }

.support h3 {
  margin-bottom: 20px; }
  .support h3 span {
    border-bottom: 1px solid #000000;
    padding-bottom: 10px; }

.routing-workflow-comment {
  position: relative;
  background: #dadada;
  padding: 10px;
  border-radius: 4px;
  margin-left: 6px;
  display: inline-block;
  min-width: 15%;
  max-width: 100%; }
  .routing-workflow-comment--text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    word-break: break-word;
    white-space: pre-wrap; }
  .routing-workflow-comment::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid #dadada;
    border-top: 6px solid #dadada;
    border-bottom: 6px solid transparent;
    left: -6px;
    top: 0; }
  .routing-workflow-comment-modal {
    width: 600px; }

/* unsorting */
.c-flc-popup__title {
  font-size: 16px !important; }

.c-flc-popup__name {
  font-size: 12px;
  color: #9ccce8;
  text-decoration: none;
  cursor: default; }

.c-flc-popup__size {
  font-size: 11px;
  color: #666666; }

.c-flc-popup__error-list {
  padding: 24px;
  border: 1px solid #dadada;
  border-radius: 3px;
  background-color: #f6f6f6;
  -webkit-box-shadow: inset 0 1px 0 1px rgba(163, 163, 163, 0.004);
          box-shadow: inset 0 1px 0 1px rgba(163, 163, 163, 0.004);
  max-height: 296px;
  overflow-y: auto;
  margin-bottom: 8px; }
  .c-flc-popup__error-list__para {
    color: #666;
    font-size: 13px;
    margin-bottom: 11px;
    word-break: break-word; }
  .c-flc-popup__error-list__additional-info {
    font-size: 13px;
    font-style: italic;
    color: #666; }

.c-flc-popup__para {
  color: #666666;
  font-size: 13px;
  margin-bottom: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.c-flc-popup__line {
  margin-bottom: 8px; }

.c-doc__flc--error > span {
  color: #cd4848; }

.c-doc__flc--success > span {
  color: #5cad54; }

.c-doc__flc--warning {
  color: #ee7201; }

.upload-status {
  font-size: 16px;
  position: relative;
  color: #272727;
  border-radius: 5px;
  line-height: 22px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .upload-status::before {
    content: "";
    position: absolute;
    left: 15px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-size: cover; }
  .upload-status--error-no-bg, .upload-status--error {
    background: rgba(220, 78, 65, 0.3);
    padding: 12px 9px 13px 54px;
    font-weight: 500;
    text-align: left; }
    .upload-status--error-no-bg::before, .upload-status--error::before {
      background-image: url("images/error-icon.svg"); }
  .upload-status--error-no-bg {
    background: transparent;
    padding: 12px 0 13px 30px;
    width: 100%; }
    .upload-status--error-no-bg::before {
      left: 0; }
  .upload-status--success-no-bg, .upload-status--success {
    background: #e2eecc;
    padding: 12px 9px 13px 43px; }
    .upload-status--success-no-bg::before, .upload-status--success::before {
      background-image: url("images/save-success.png"); }
  .upload-status--success-no-bg {
    background: transparent;
    padding: 12px 0 13px 30px;
    width: 100%; }
    .upload-status--success-no-bg::before {
      left: 0; }
  .upload-status--info {
    background: #dbeef3;
    padding: 12px 9px 13px 43px; }
    .upload-status--info::before {
      content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVCAYAAABCIB6VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMzE0RUE2MUFCNkFFMjExODQ3RkYzMTg0MUNGNENFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MjY4ODE1QzZBQUIxMUUyOTAzMENFRTNEQzhGMzYyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MjY4ODE1QjZBQUIxMUUyOTAzMENFRTNEQzhGMzYyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMzE0RUE2MUFCNkFFMjExODQ3RkYzMTg0MUNGNENFQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMzE0RUE2MUFCNkFFMjExODQ3RkYzMTg0MUNGNENFQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmMgPIYAAAKYSURBVHjarJVPaNNwFMdfatIuVanbrLZWJ4OJY1hYdVgZIqjsIDqHYzLZSREPgocdPOlRPA4UBL0InmTDqciUHvwDypxz6lroZQdxrrP+q9bW0aZZk/x8vx8x1jRNKvjg01+S9963Ly+/vHCEELCy3YmSH5chpAcJIDt01xvkM/IQuTnZ2ZCxyufMwt1xyYfLeeQMIoK9ScgV5OJURMzXFN41K3XicgtpqwxycVj6Oh5UDB3LKKBV3+RbpH96u5isEt75uhjG5aVVladDApwICuz43DsZHmXVWtVHZ7q8TNxFf7peFQIaITFERMBM31reyF6FGVYxem6MahnCqqaNICEErLiWlqGAfXiWU2AiU4ZacbrGCGtF+EV+K65z8H+tnVc0MuAU5eM52N8kAC5w++sye4gONsBj6QftInr9brjQ5gVxBcfO4z/LMFdQnYSPoDBpsfJQnVMbG+Bsq9e4tqQQWCiq2EvHklt5hRC/lad/vYeJXv9QgkaBY+fPc2XIKVo9PW7CHmv0lQyZPU+zMhyNKzCNYjPdzeza428yYHw9wlnaipSVcApvmbK32Q1BD9uVEMvI9bSB2rwLK3hAq6jFnkbBqPZLSYHBoAe2eF1gl4PcdWEF47SKWkTXuJlwcqkMV7f54FKHD9pX8mCXQzXZrPDFPo5i7qD5fry4NRZ7gmz//raTiR8w/kmya8NY/sCGY2wIqEQbpiPY3GuN/FHMLmswNPsdJvGh2lgaGf5ruon3F+nInDJPt8MBETpWCzCaLsL7ouI0m6PSoU3JqnnsmUhR8Tt0g//jbJinW1/ubUkYM7zSSx0qIRHkMiIh4ICkx0YqRS0/TcY/3lugb+RxZJ/e+7DuSuq9fILc0Po2W37zfgkwACX30ZGM8NBEAAAAAElFTkSuQmCC"); }

.adaptive-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .adaptive-line__name {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 1;
            flex: 1 0 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .adaptive-line__extension {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .adaptive-line__size {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 5px; }

.joyride-overlay {
  position: fixed !important;
  height: 100vh !important; }

/*# sourceMappingURL=tc-bundle.css.map */