@charset "UTF-8";
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
/* 
 * Foundation Icons v 3.0
 * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
 * MIT License
 */
@font-face {
  font-family: "foundation-icons";
  src: url("/fonts/foundation-icons.eot");
  src: url("/fonts/foundation-icons.eot?#iefix") format("embedded-opentype"), url("/fonts/foundation-icons.woff") format("woff"), url("/fonts/foundation-icons.ttf") format("truetype"), url("/fonts/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.fi-address-book:before {
  content: "";
}

.fi-alert:before {
  content: "";
}

.fi-align-center:before {
  content: "";
}

.fi-align-justify:before {
  content: "";
}

.fi-align-left:before {
  content: "";
}

.fi-align-right:before {
  content: "";
}

.fi-anchor:before {
  content: "";
}

.fi-annotate:before {
  content: "";
}

.fi-archive:before {
  content: "";
}

.fi-arrow-down:before {
  content: "";
}

.fi-arrow-left:before {
  content: "";
}

.fi-arrow-right:before {
  content: "";
}

.fi-arrow-up:before {
  content: "";
}

.fi-arrows-compress:before {
  content: "";
}

.fi-arrows-expand:before {
  content: "";
}

.fi-arrows-in:before {
  content: "";
}

.fi-arrows-out:before {
  content: "";
}

.fi-asl:before {
  content: "";
}

.fi-asterisk:before {
  content: "";
}

.fi-at-sign:before {
  content: "";
}

.fi-background-color:before {
  content: "";
}

.fi-battery-empty:before {
  content: "";
}

.fi-battery-full:before {
  content: "";
}

.fi-battery-half:before {
  content: "";
}

.fi-bitcoin-circle:before {
  content: "";
}

.fi-bitcoin:before {
  content: "";
}

.fi-blind:before {
  content: "";
}

.fi-bluetooth:before {
  content: "";
}

.fi-bold:before {
  content: "";
}

.fi-book-bookmark:before {
  content: "";
}

.fi-book:before {
  content: "";
}

.fi-bookmark:before {
  content: "";
}

.fi-braille:before {
  content: "";
}

.fi-burst-new:before {
  content: "";
}

.fi-burst-sale:before {
  content: "";
}

.fi-burst:before {
  content: "";
}

.fi-calendar:before {
  content: "";
}

.fi-camera:before {
  content: "";
}

.fi-check:before {
  content: "";
}

.fi-checkbox:before {
  content: "";
}

.fi-clipboard-notes:before {
  content: "";
}

.fi-clipboard-pencil:before {
  content: "";
}

.fi-clipboard:before {
  content: "";
}

.fi-clock:before {
  content: "";
}

.fi-closed-caption:before {
  content: "";
}

.fi-cloud:before {
  content: "";
}

.fi-comment-minus:before {
  content: "";
}

.fi-comment-quotes:before {
  content: "";
}

.fi-comment-video:before {
  content: "";
}

.fi-comment:before {
  content: "";
}

.fi-comments:before {
  content: "";
}

.fi-compass:before {
  content: "";
}

.fi-contrast:before {
  content: "";
}

.fi-credit-card:before {
  content: "";
}

.fi-crop:before {
  content: "";
}

.fi-crown:before {
  content: "";
}

.fi-css3:before {
  content: "";
}

.fi-database:before {
  content: "";
}

.fi-die-five:before {
  content: "";
}

.fi-die-four:before {
  content: "";
}

.fi-die-one:before {
  content: "";
}

.fi-die-six:before {
  content: "";
}

.fi-die-three:before {
  content: "";
}

.fi-die-two:before {
  content: "";
}

.fi-dislike:before {
  content: "";
}

.fi-dollar-bill:before {
  content: "";
}

.fi-dollar:before {
  content: "";
}

.fi-download:before {
  content: "";
}

.fi-eject:before {
  content: "";
}

.fi-elevator:before {
  content: "";
}

.fi-euro:before {
  content: "";
}

.fi-eye:before {
  content: "";
}

.fi-fast-forward:before {
  content: "";
}

.fi-female-symbol:before {
  content: "";
}

.fi-female:before {
  content: "";
}

.fi-filter:before {
  content: "";
}

.fi-first-aid:before {
  content: "";
}

.fi-flag:before {
  content: "";
}

.fi-folder-add:before {
  content: "";
}

.fi-folder-lock:before {
  content: "";
}

.fi-folder:before {
  content: "";
}

.fi-foot:before {
  content: "";
}

.fi-foundation:before {
  content: "";
}

.fi-graph-bar:before {
  content: "";
}

.fi-graph-horizontal:before {
  content: "";
}

.fi-graph-pie:before {
  content: "";
}

.fi-graph-trend:before {
  content: "";
}

.fi-guide-dog:before {
  content: "";
}

.fi-hearing-aid:before {
  content: "";
}

.fi-heart:before {
  content: "";
}

.fi-home:before {
  content: "";
}

.fi-html5:before {
  content: "";
}

.fi-indent-less:before {
  content: "";
}

.fi-indent-more:before {
  content: "";
}

.fi-info:before {
  content: "";
}

.fi-italic:before {
  content: "";
}

.fi-key:before {
  content: "";
}

.fi-laptop:before {
  content: "";
}

.fi-layout:before {
  content: "";
}

.fi-lightbulb:before {
  content: "";
}

.fi-like:before {
  content: "";
}

.fi-link:before {
  content: "";
}

.fi-list-bullet:before {
  content: "";
}

.fi-list-number:before {
  content: "";
}

.fi-list-thumbnails:before {
  content: "";
}

.fi-list:before {
  content: "";
}

.fi-lock:before {
  content: "";
}

.fi-loop:before {
  content: "";
}

.fi-magnifying-glass:before {
  content: "";
}

.fi-mail:before {
  content: "";
}

.fi-male-female:before {
  content: "";
}

.fi-male-symbol:before {
  content: "";
}

.fi-male:before {
  content: "";
}

.fi-map:before {
  content: "";
}

.fi-marker:before {
  content: "";
}

.fi-megaphone:before {
  content: "";
}

.fi-microphone:before {
  content: "";
}

.fi-minus-circle:before {
  content: "";
}

.fi-minus:before {
  content: "";
}

.fi-mobile-signal:before {
  content: "";
}

.fi-mobile:before {
  content: "";
}

.fi-monitor:before {
  content: "";
}

.fi-mountains:before {
  content: "";
}

.fi-music:before {
  content: "";
}

.fi-next:before {
  content: "";
}

.fi-no-dogs:before {
  content: "";
}

.fi-no-smoking:before {
  content: "";
}

.fi-page-add:before {
  content: "";
}

.fi-page-copy:before {
  content: "";
}

.fi-page-csv:before {
  content: "";
}

.fi-page-delete:before {
  content: "";
}

.fi-page-doc:before {
  content: "";
}

.fi-page-edit:before {
  content: "";
}

.fi-page-export-csv:before {
  content: "";
}

.fi-page-export-doc:before {
  content: "";
}

.fi-page-export-pdf:before {
  content: "";
}

.fi-page-export:before {
  content: "";
}

.fi-page-filled:before {
  content: "";
}

.fi-page-multiple:before {
  content: "";
}

.fi-page-pdf:before {
  content: "";
}

.fi-page-remove:before {
  content: "";
}

.fi-page-search:before {
  content: "";
}

.fi-page:before {
  content: "";
}

.fi-paint-bucket:before {
  content: "";
}

.fi-paperclip:before {
  content: "";
}

.fi-pause:before {
  content: "";
}

.fi-paw:before {
  content: "";
}

.fi-paypal:before {
  content: "";
}

.fi-pencil:before {
  content: "";
}

.fi-photo:before {
  content: "";
}

.fi-play-circle:before {
  content: "";
}

.fi-play-video:before {
  content: "";
}

.fi-play:before {
  content: "";
}

.fi-plus:before {
  content: "";
}

.fi-pound:before {
  content: "";
}

.fi-power:before {
  content: "";
}

.fi-previous:before {
  content: "";
}

.fi-price-tag:before {
  content: "";
}

.fi-pricetag-multiple:before {
  content: "";
}

.fi-print:before {
  content: "";
}

.fi-prohibited:before {
  content: "";
}

.fi-projection-screen:before {
  content: "";
}

.fi-puzzle:before {
  content: "";
}

.fi-quote:before {
  content: "";
}

.fi-record:before {
  content: "";
}

.fi-refresh:before {
  content: "";
}

.fi-results-demographics:before {
  content: "";
}

.fi-results:before {
  content: "";
}

.fi-rewind-ten:before {
  content: "";
}

.fi-rewind:before {
  content: "";
}

.fi-rss:before {
  content: "";
}

.fi-safety-cone:before {
  content: "";
}

.fi-save:before {
  content: "";
}

.fi-share:before {
  content: "";
}

.fi-sheriff-badge:before {
  content: "";
}

.fi-shield:before {
  content: "";
}

.fi-shopping-bag:before {
  content: "";
}

.fi-shopping-cart:before {
  content: "";
}

.fi-shuffle:before {
  content: "";
}

.fi-skull:before {
  content: "";
}

.fi-social-500px:before {
  content: "";
}

.fi-social-adobe:before {
  content: "";
}

.fi-social-amazon:before {
  content: "";
}

.fi-social-android:before {
  content: "";
}

.fi-social-apple:before {
  content: "";
}

.fi-social-behance:before {
  content: "";
}

.fi-social-bing:before {
  content: "";
}

.fi-social-blogger:before {
  content: "";
}

.fi-social-delicious:before {
  content: "";
}

.fi-social-designer-news:before {
  content: "";
}

.fi-social-deviant-art:before {
  content: "";
}

.fi-social-digg:before {
  content: "";
}

.fi-social-dribbble:before {
  content: "";
}

.fi-social-drive:before {
  content: "";
}

.fi-social-dropbox:before {
  content: "";
}

.fi-social-evernote:before {
  content: "";
}

.fi-social-facebook:before {
  content: "";
}

.fi-social-flickr:before {
  content: "";
}

.fi-social-forrst:before {
  content: "";
}

.fi-social-foursquare:before {
  content: "";
}

.fi-social-game-center:before {
  content: "";
}

.fi-social-github:before {
  content: "";
}

.fi-social-google-plus:before {
  content: "";
}

.fi-social-hacker-news:before {
  content: "";
}

.fi-social-hi5:before {
  content: "";
}

.fi-social-instagram:before {
  content: "";
}

.fi-social-joomla:before {
  content: "";
}

.fi-social-lastfm:before {
  content: "";
}

.fi-social-linkedin:before {
  content: "";
}

.fi-social-medium:before {
  content: "";
}

.fi-social-myspace:before {
  content: "";
}

.fi-social-orkut:before {
  content: "";
}

.fi-social-path:before {
  content: "";
}

.fi-social-picasa:before {
  content: "";
}

.fi-social-pinterest:before {
  content: "";
}

.fi-social-rdio:before {
  content: "";
}

.fi-social-reddit:before {
  content: "";
}

.fi-social-skillshare:before {
  content: "";
}

.fi-social-skype:before {
  content: "";
}

.fi-social-smashing-mag:before {
  content: "";
}

.fi-social-snapchat:before {
  content: "";
}

.fi-social-spotify:before {
  content: "";
}

.fi-social-squidoo:before {
  content: "";
}

.fi-social-stack-overflow:before {
  content: "";
}

.fi-social-steam:before {
  content: "";
}

.fi-social-stumbleupon:before {
  content: "";
}

.fi-social-treehouse:before {
  content: "";
}

.fi-social-tumblr:before {
  content: "";
}

.fi-social-twitter:before {
  content: "";
}

.fi-social-vimeo:before {
  content: "";
}

.fi-social-windows:before {
  content: "";
}

.fi-social-xbox:before {
  content: "";
}

.fi-social-yahoo:before {
  content: "";
}

.fi-social-yelp:before {
  content: "";
}

.fi-social-youtube:before {
  content: "";
}

.fi-social-zerply:before {
  content: "";
}

.fi-social-zurb:before {
  content: "";
}

.fi-sound:before {
  content: "";
}

.fi-star:before {
  content: "";
}

.fi-stop:before {
  content: "";
}

.fi-strikethrough:before {
  content: "";
}

.fi-subscript:before {
  content: "";
}

.fi-superscript:before {
  content: "";
}

.fi-tablet-landscape:before {
  content: "";
}

.fi-tablet-portrait:before {
  content: "";
}

.fi-target-two:before {
  content: "";
}

.fi-target:before {
  content: "";
}

.fi-telephone-accessible:before {
  content: "";
}

.fi-telephone:before {
  content: "";
}

.fi-text-color:before {
  content: "";
}

.fi-thumbnails:before {
  content: "";
}

.fi-ticket:before {
  content: "";
}

.fi-torso-business:before {
  content: "";
}

.fi-torso-female:before {
  content: "";
}

.fi-torso:before {
  content: "";
}

.fi-torsos-all-female:before {
  content: "";
}

.fi-torsos-all:before {
  content: "";
}

.fi-torsos-female-male:before {
  content: "";
}

.fi-torsos-male-female:before {
  content: "";
}

.fi-torsos:before {
  content: "";
}

.fi-trash:before {
  content: "";
}

.fi-trees:before {
  content: "";
}

.fi-trophy:before {
  content: "";
}

.fi-underline:before {
  content: "";
}

.fi-universal-access:before {
  content: "";
}

.fi-unlink:before {
  content: "";
}

.fi-unlock:before {
  content: "";
}

.fi-upload-cloud:before {
  content: "";
}

.fi-upload:before {
  content: "";
}

.fi-usb:before {
  content: "";
}

.fi-video:before {
  content: "";
}

.fi-volume-none:before {
  content: "";
}

.fi-volume-strike:before {
  content: "";
}

.fi-volume:before {
  content: "";
}

.fi-web:before {
  content: "";
}

.fi-wheelchair:before {
  content: "";
}

.fi-widget:before {
  content: "";
}

.fi-wrench:before {
  content: "";
}

.fi-x-circle:before {
  content: "";
}

.fi-x:before {
  content: "";
}

.fi-yen:before {
  content: "";
}

.fi-zoom-in:before {
  content: "";
}

.fi-zoom-out:before {
  content: "";
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  font-size: 100%;
  box-sizing: border-box;
}

*, :after, :before {
  box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  width: 100%;
  border-radius: 0;
}

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
  max-width: none !important;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.row:after, .row:before {
  content: " ";
  display: table;
  flex-basis: 0;
  order: 1;
}

.row:after {
  clear: both;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.row .row {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

@media screen and (min-width: 40em) {
  .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media screen and (min-width: 40em) {
  .column, .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.small-1 {
  width: 8.33333%;
}

.small-push-1 {
  position: relative;
  left: 8.33333%;
}

.small-pull-1 {
  position: relative;
  left: -8.33333%;
}

.small-offset-0 {
  margin-left: 0;
}

.small-2 {
  width: 16.66667%;
}

.small-push-2 {
  position: relative;
  left: 16.66667%;
}

.small-pull-2 {
  position: relative;
  left: -16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  width: 33.33333%;
}

.small-push-4 {
  position: relative;
  left: 33.33333%;
}

.small-pull-4 {
  position: relative;
  left: -33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.66667%;
}

.small-push-5 {
  position: relative;
  left: 41.66667%;
}

.small-pull-5 {
  position: relative;
  left: -41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  width: 58.33333%;
}

.small-push-7 {
  position: relative;
  left: 58.33333%;
}

.small-pull-7 {
  position: relative;
  left: -58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.66667%;
}

.small-push-8 {
  position: relative;
  left: 66.66667%;
}

.small-pull-8 {
  position: relative;
  left: -66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  width: 83.33333%;
}

.small-push-10 {
  position: relative;
  left: 83.33333%;
}

.small-pull-10 {
  position: relative;
  left: -83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.66667%;
}

.small-push-11 {
  position: relative;
  left: 91.66667%;
}

.small-pull-11 {
  position: relative;
  left: -91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left;
}

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left;
}

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left;
}

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left;
}

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left;
}

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left;
}

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left;
}

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left;
}

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-collapse .row {
  margin-left: 0;
  margin-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.small-pull-0, .small-push-0, .small-uncentered {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%;
  }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
  }

  .medium-pull-1 {
    position: relative;
    left: -8.33333%;
  }

  .medium-offset-0 {
    margin-left: 0;
  }

  .medium-2 {
    width: 16.66667%;
  }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
  }

  .medium-pull-2 {
    position: relative;
    left: -16.66667%;
  }

  .medium-offset-1 {
    margin-left: 8.33333%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-push-3 {
    position: relative;
    left: 25%;
  }

  .medium-pull-3 {
    position: relative;
    left: -25%;
  }

  .medium-offset-2 {
    margin-left: 16.66667%;
  }

  .medium-4 {
    width: 33.33333%;
  }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
  }

  .medium-pull-4 {
    position: relative;
    left: -33.33333%;
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .medium-5 {
    width: 41.66667%;
  }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
  }

  .medium-pull-5 {
    position: relative;
    left: -41.66667%;
  }

  .medium-offset-4 {
    margin-left: 33.33333%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-push-6 {
    position: relative;
    left: 50%;
  }

  .medium-pull-6 {
    position: relative;
    left: -50%;
  }

  .medium-offset-5 {
    margin-left: 41.66667%;
  }

  .medium-7 {
    width: 58.33333%;
  }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
  }

  .medium-pull-7 {
    position: relative;
    left: -58.33333%;
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .medium-8 {
    width: 66.66667%;
  }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
  }

  .medium-pull-8 {
    position: relative;
    left: -66.66667%;
  }

  .medium-offset-7 {
    margin-left: 58.33333%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-push-9 {
    position: relative;
    left: 75%;
  }

  .medium-pull-9 {
    position: relative;
    left: -75%;
  }

  .medium-offset-8 {
    margin-left: 66.66667%;
  }

  .medium-10 {
    width: 83.33333%;
  }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
  }

  .medium-pull-10 {
    position: relative;
    left: -83.33333%;
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .medium-11 {
    width: 91.66667%;
  }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
  }

  .medium-pull-11 {
    position: relative;
    left: -91.66667%;
  }

  .medium-offset-10 {
    margin-left: 83.33333%;
  }

  .medium-12 {
    width: 100%;
  }

  .medium-offset-11 {
    margin-left: 91.66667%;
  }

  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left;
  }

  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }

  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }

  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left;
  }

  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }

  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }

  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }

  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }

  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }

  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left;
  }

  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }

  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }

  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left;
  }

  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }

  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }

  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }

  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }

  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }

  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }

  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }

  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }

  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left;
  }

  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }

  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }

  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }

  .medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }

  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .medium-pull-0, .medium-push-0, .medium-uncentered {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%;
  }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
  }

  .large-pull-1 {
    position: relative;
    left: -8.33333%;
  }

  .large-offset-0 {
    margin-left: 0;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
  }

  .large-pull-2 {
    position: relative;
    left: -16.66667%;
  }

  .large-offset-1 {
    margin-left: 8.33333%;
  }

  .large-3 {
    width: 25%;
  }

  .large-push-3 {
    position: relative;
    left: 25%;
  }

  .large-pull-3 {
    position: relative;
    left: -25%;
  }

  .large-offset-2 {
    margin-left: 16.66667%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
  }

  .large-pull-4 {
    position: relative;
    left: -33.33333%;
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
  }

  .large-pull-5 {
    position: relative;
    left: -41.66667%;
  }

  .large-offset-4 {
    margin-left: 33.33333%;
  }

  .large-6 {
    width: 50%;
  }

  .large-push-6 {
    position: relative;
    left: 50%;
  }

  .large-pull-6 {
    position: relative;
    left: -50%;
  }

  .large-offset-5 {
    margin-left: 41.66667%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
  }

  .large-pull-7 {
    position: relative;
    left: -58.33333%;
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
  }

  .large-pull-8 {
    position: relative;
    left: -66.66667%;
  }

  .large-offset-7 {
    margin-left: 58.33333%;
  }

  .large-9 {
    width: 75%;
  }

  .large-push-9 {
    position: relative;
    left: 75%;
  }

  .large-pull-9 {
    position: relative;
    left: -75%;
  }

  .large-offset-8 {
    margin-left: 66.66667%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
  }

  .large-pull-10 {
    position: relative;
    left: -83.33333%;
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
  }

  .large-pull-11 {
    position: relative;
    left: -91.66667%;
  }

  .large-offset-10 {
    margin-left: 83.33333%;
  }

  .large-12 {
    width: 100%;
  }

  .large-offset-11 {
    margin-left: 91.66667%;
  }

  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left;
  }

  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }

  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }

  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left;
  }

  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }

  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }

  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }

  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }

  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }

  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left;
  }

  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }

  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }

  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left;
  }

  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }

  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }

  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }

  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }

  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }

  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }

  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }

  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }

  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }

  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }

  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }

  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }

  .large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }

  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .large-pull-0, .large-push-0, .large-uncentered {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
  margin: 0;
  padding: 0;
}

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}

em, i {
  font-style: italic;
}

b, em, i, strong {
  line-height: inherit;
}

b, strong {
  font-weight: 700;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #cacaca;
  line-height: 0;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.1875rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.0625rem;
}

h6 {
  font-size: 1rem;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 1.9375rem;
  }

  h4 {
    font-size: 1.5625rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1rem;
  }
}
a {
  color: #2199e8;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
}

a:focus, a:hover {
  color: #1585cf;
}

a img {
  border: 0;
}

hr {
  max-width: 75rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both;
}

dl, ol, ul {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside;
}

li {
  font-size: inherit;
}

ul {
  list-style-type: disc;
}

ol, ul {
  margin-left: 1.25rem;
}

ol ol, ol ul, ul ol, ul ul {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: 700;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}

blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a;
}

cite:before {
  content: "— ";
}

abbr {
  color: #0a0a0a;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a;
}

code {
  font-weight: 400;
  border: 1px solid #cacaca;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

code, kbd {
  font-family: Consolas, Liberation Mono, Courier, monospace;
  color: #0a0a0a;
  background-color: #e6e6e6;
}

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}

p + .stat {
  margin-top: -1rem;
}

.no-bullet {
  margin-left: 0;
  list-style: none;
}

.text-left {
  text-align: left;
}

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

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }

  .medium-text-right {
    text-align: right;
  }

  .medium-text-center {
    text-align: center;
  }

  .medium-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }

  .large-text-right {
    text-align: right;
  }

  .large-text-center {
    text-align: center;
  }

  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border-radius: 0;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  outline: none;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #cacaca;
}

input::placeholder, textarea::placeholder {
  color: #cacaca;
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
  background-color: #e6e6e6;
  cursor: default;
}

[type=button], [type=submit] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  box-sizing: border-box;
}

[type=checkbox], [type=file], [type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label, [type=radio] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

label > [type=checkbox], label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.8;
  color: #0a0a0a;
}

label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}

.input-group > :first-child, .input-group > :last-child > * {
  border-radius: 0 0 0 0;
}

.input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #e6e6e6;
  color: #0a0a0a;
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%;
}

.input-group-label:first-child {
  border-right: 0;
}

.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  height: 2.5rem;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  height: 100%;
  width: 1%;
}

.input-group-button a, .input-group-button button, .input-group-button input {
  margin: 0;
}

.input-group .input-group-button {
  display: table-cell;
}

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

legend {
  margin-bottom: 0.5rem;
  max-width: 100%;
}

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0;
}

.fieldset legend {
  background: #fefefe;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
  background-size: 9px 6px;
  background-position: 100%;
  background-origin: content-box;
  background-repeat: no-repeat;
}

@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:disabled {
  background-color: #e6e6e6;
  cursor: default;
}

select::-ms-expand {
  display: none;
}

select[multiple] {
  height: auto;
}

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840;
}

.form-error, .is-invalid-label {
  color: #ec5840;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
}

.form-error.is-visible {
  display: block;
}

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 0 1rem;
  font-size: 0.9rem;
  background-color: #2199e8;
  color: #fefefe;
}

[data-whatinput=mouse] .button {
  outline: 0;
}

.button:focus, .button:hover {
  background-color: #1583cc;
  color: #fefefe;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.button.primary {
  background-color: #2199e8;
  color: #fefefe;
}

.button.primary:focus, .button.primary:hover {
  background-color: #147cc0;
  color: #fefefe;
}

.button.secondary {
  background-color: #777;
  color: #fefefe;
}

.button.secondary:focus, .button.secondary:hover {
  background-color: #5f5f5f;
  color: #fefefe;
}

.button.success {
  background-color: #3adb76;
  color: #fefefe;
}

.button.success:focus, .button.success:hover {
  background-color: #22bb5b;
  color: #fefefe;
}

.button.warning {
  background-color: #ffae00;
  color: #fefefe;
}

.button.warning:focus, .button.warning:hover {
  background-color: #cc8b00;
  color: #fefefe;
}

.button.alert {
  background-color: #ec5840;
  color: #fefefe;
}

.button.alert:focus, .button.alert:hover {
  background-color: #da3116;
  color: #fefefe;
}

.button.hollow {
  border: 1px solid #2199e8;
  color: #2199e8;
}

.button.hollow, .button.hollow:focus, .button.hollow:hover {
  background-color: transparent;
}

.button.hollow:focus, .button.hollow:hover {
  border-color: #0c4d78;
  color: #0c4d78;
}

.button.hollow.primary {
  border: 1px solid #2199e8;
  color: #2199e8;
}

.button.hollow.primary:focus, .button.hollow.primary:hover {
  border-color: #0c4d78;
  color: #0c4d78;
}

.button.hollow.secondary {
  border: 1px solid #777;
  color: #777;
}

.button.hollow.secondary:focus, .button.hollow.secondary:hover {
  border-color: #3c3c3c;
  color: #3c3c3c;
}

.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.success:focus, .button.hollow.success:hover {
  border-color: #157539;
  color: #157539;
}

.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.warning:focus, .button.hollow.warning:hover {
  border-color: #805700;
  color: #805700;
}

.button.hollow.alert {
  border: 1px solid #ec5840;
  color: #ec5840;
}

.button.hollow.alert:focus, .button.hollow.alert:hover {
  border-color: #881f0e;
  color: #881f0e;
}

.button.disabled, .button.project-participants__save--disabled, .button.company-edit__save--disabled, .button.billing__pay-btn--disabled, .button.add-company__submit--disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
  pointer-events: none;
}

.button.dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 0.4em inset;
  border-color: #fefefe transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: relative;
  top: 0.4em;
  float: right;
  margin-left: 1em;
  display: inline-block;
}

.button.arrow-only:after {
  margin-left: 0;
  float: none;
  top: -0.1em;
}

.accordion {
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  border-radius: 0;
  margin-left: 0;
}

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #2199e8;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}

.accordion-title:focus, .accordion-title:hover {
  background-color: #e6e6e6;
}

.accordion-title:before {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.5rem;
}

.is-active > .accordion-title:before {
  content: "–";
}

.accordion-content {
  padding: 1rem;
  display: none;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fefefe;
}

.is-accordion-submenu-parent > a {
  position: relative;
}

.is-accordion-submenu-parent > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 6px inset;
  border-color: #2199e8 transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 1rem;
}

.is-accordion-submenu-parent[aria-expanded=true] > a:after {
  transform-origin: 50% 50%;
  transform: scaleY(-1);
}

.badge {
  display: inline-block;
  padding: 0.3em;
  min-width: 2.1em;
  font-size: 0.6rem;
  text-align: center;
  border-radius: 50%;
  background: #2199e8;
  color: #fefefe;
}

.badge.secondary {
  background: #777;
  color: #fefefe;
}

.badge.success {
  background: #3adb76;
  color: #fefefe;
}

.badge.warning {
  background: #ffae00;
  color: #fefefe;
}

.badge.alert {
  background: #ec5840;
  color: #fefefe;
}

.breadcrumbs {
  list-style: none;
  margin: 0 0 1rem;
}

.breadcrumbs:after, .breadcrumbs:before {
  content: " ";
  display: table;
  flex-basis: 0;
  order: 1;
}

.breadcrumbs:after {
  clear: both;
}

.breadcrumbs li {
  float: left;
  color: #0a0a0a;
  font-size: 0.6875rem;
  cursor: default;
  text-transform: uppercase;
}

.breadcrumbs li:not(:last-child):after {
  color: #cacaca;
  content: "/";
  margin: 0 0.75rem;
  position: relative;
  top: 1px;
  opacity: 1;
}

.breadcrumbs a {
  color: #2199e8;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs .disabled, .breadcrumbs .project-participants__save--disabled, .breadcrumbs .company-edit__save--disabled, .breadcrumbs .billing__pay-btn--disabled, .breadcrumbs .add-company__submit--disabled {
  color: #cacaca;
}

.button-group {
  margin-bottom: 1rem;
  font-size: 0;
}

.button-group:after, .button-group:before {
  content: " ";
  display: table;
  flex-basis: 0;
  order: 1;
}

.button-group:after {
  clear: both;
}

.button-group .button {
  margin: 0;
  font-size: 0.9rem;
  float: left;
}

.button-group .button:not(:last-child) {
  border-right: 1px solid #fefefe;
}

.button-group.tiny .button {
  font-size: 0.6rem;
}

.button-group.small .button {
  font-size: 0.75rem;
}

.button-group.large .button {
  font-size: 1.25rem;
}

.button-group.expanded {
  margin-right: -1px;
}

.button-group.expanded:after, .button-group.expanded:before {
  display: none;
}

.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
  display: inline-block;
  width: calc(50% - 1px);
  margin-right: 1px;
}

.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
  display: inline-block;
  width: calc(33.33333% - 1px);
  margin-right: 1px;
}

.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
  display: inline-block;
  width: calc(25% - 1px);
  margin-right: 1px;
}

.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
  display: inline-block;
  width: calc(20% - 1px);
  margin-right: 1px;
}

.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
  display: inline-block;
  width: calc(16.66667% - 1px);
  margin-right: 1px;
}

.button-group.primary .button {
  background-color: #2199e8;
  color: #fefefe;
}

.button-group.primary .button:focus, .button-group.primary .button:hover {
  background-color: #147cc0;
  color: #fefefe;
}

.button-group.secondary .button {
  background-color: #777;
  color: #fefefe;
}

.button-group.secondary .button:focus, .button-group.secondary .button:hover {
  background-color: #5f5f5f;
  color: #fefefe;
}

.button-group.success .button {
  background-color: #3adb76;
  color: #fefefe;
}

.button-group.success .button:focus, .button-group.success .button:hover {
  background-color: #22bb5b;
  color: #fefefe;
}

.button-group.warning .button {
  background-color: #ffae00;
  color: #fefefe;
}

.button-group.warning .button:focus, .button-group.warning .button:hover {
  background-color: #cc8b00;
  color: #fefefe;
}

.button-group.alert .button {
  background-color: #ec5840;
  color: #fefefe;
}

.button-group.alert .button:focus, .button-group.alert .button:hover {
  background-color: #da3116;
  color: #fefefe;
}

.button-group.stacked-for-medium .button, .button-group.stacked-for-small .button, .button-group.stacked .button {
  width: 100%;
}

.button-group.stacked-for-medium .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked .button:not(:last-child) {
  margin-right: 0;
}

@media screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    width: auto;
  }

  .button-group.stacked-for-small .button:not(:last-child) {
    margin-right: 1px;
  }
}
@media screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    width: auto;
  }

  .button-group.stacked-for-medium .button:not(:last-child) {
    margin-right: 1px;
  }
}
@media screen and (max-width: 39.9375em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }

  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}
.callout {
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  position: relative;
  color: #0a0a0a;
  background-color: #fff;
}

.callout > :first-child {
  margin-top: 0;
}

.callout > :last-child {
  margin-bottom: 0;
}

.callout.primary {
  background-color: #def0fc;
}

.callout.secondary {
  background-color: #ebebeb;
}

.callout.success {
  background-color: #e1faea;
}

.callout.warning {
  background-color: #fff3d9;
}

.callout.alert {
  background-color: #fce6e2;
}

.callout.small {
  padding: 0.5rem;
}

.callout.large {
  padding: 3rem;
}

.close-button {
  position: absolute;
  color: #8a8a8a;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer;
}

[data-whatinput=mouse] .close-button {
  outline: 0;
}

.close-button:focus, .close-button:hover {
  color: #0a0a0a;
}

.menu {
  margin: 0;
  list-style-type: none;
}

.menu > li {
  display: table-cell;
  vertical-align: middle;
}

[data-whatinput=mouse] .menu > li {
  outline: 0;
}

.menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1;
}

.menu a, .menu button, .menu input {
  margin-bottom: 0;
}

.menu > li > a i, .menu > li > a i + span, .menu > li > a img, .menu > li > a img + span {
  vertical-align: middle;
}

.menu > li > a i, .menu > li > a img {
  margin-right: 0.25rem;
  display: inline-block;
}

.menu > li {
  display: table-cell;
}

.menu.vertical > li {
  display: block;
}

@media screen and (min-width: 40em) {
  .menu.medium-horizontal > li {
    display: table-cell;
  }

  .menu.medium-vertical > li {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .menu.large-horizontal > li {
    display: table-cell;
  }

  .menu.large-vertical > li {
    display: block;
  }
}
.menu.simple li {
  line-height: 1;
  display: inline-block;
  margin-right: 1rem;
}

.menu.simple a {
  padding: 0;
}

.menu.align-right:after, .menu.align-right:before {
  content: " ";
  display: table;
  flex-basis: 0;
  order: 1;
}

.menu.align-right:after {
  clear: both;
}

.menu.align-right > li {
  float: right;
}

.menu.expanded {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.menu.expanded > li:first-child:last-child {
  width: 100%;
}

.menu.icon-top > li > a {
  text-align: center;
}

.menu.icon-top > li > a i, .menu.icon-top > li > a img {
  display: block;
  margin: 0 auto 0.25rem;
}

.menu.nested {
  margin-left: 1rem;
}

.menu .active > a {
  color: #fefefe;
  background: #2199e8;
}

.menu-text {
  font-weight: 700;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem;
}

.menu-centered {
  text-align: center;
}

.menu-centered > .menu {
  display: inline-block;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px;
}

.menu-icon:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  top: 0;
  left: 0;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
}

.menu-icon:hover:after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}

.is-drilldown li {
  display: block !important;
}

.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear;
}

.is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}

.is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}

.is-drilldown-submenu-parent > a {
  position: relative;
}

.is-drilldown-submenu-parent > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 6px inset;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
  border-right-width: 0;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}

.js-drilldown-back > a:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 6px inset;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown-pane {
  background-color: #fefefe;
  border: 1px solid #cacaca;
  border-radius: 0;
  display: block;
  font-size: 1rem;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 3;
}

.dropdown-pane.is-open {
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  left: auto;
  right: 0;
  top: 100%;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 0;
  top: 100%;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  padding-right: 1.5rem;
  position: relative;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px inset;
  border-color: #2199e8 transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px;
}

[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}

.no-js .dropdown.menu ul {
  display: none;
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}

.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu {
  left: auto;
  right: 100%;
}

.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.dropdown.menu.vertical > li > a:after {
  right: 14px;
  margin-top: -3px;
}

.dropdown.menu.vertical > li.opens-left > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px inset;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
}

.dropdown.menu.vertical > li.opens-right > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px inset;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
  border-right-width: 0;
}

@media screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%;
  }

  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%;
  }

  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative;
  }

  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
  }

  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }

  .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%;
  }

  .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }

  .dropdown.menu.medium-vertical > li > a:after {
    right: 14px;
    margin-top: -3px;
  }

  .dropdown.menu.medium-vertical > li.opens-left > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
  }

  .dropdown.menu.medium-vertical > li.opens-right > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
  }
}
@media screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%;
  }

  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%;
  }

  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative;
  }

  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
  }

  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }

  .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%;
  }

  .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }

  .dropdown.menu.large-vertical > li > a:after {
    right: 14px;
    margin-top: -3px;
  }

  .dropdown.menu.large-vertical > li.opens-left > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
  }

  .dropdown.menu.large-vertical > li.opens-right > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0;
}

.is-dropdown-menu.vertical {
  width: 100px;
}

.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}

.is-dropdown-submenu-parent a:after {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
}

.is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
  top: 100%;
}

.is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
  left: auto;
  right: 0;
  top: 100%;
}

.is-dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #fefefe;
  border: 1px solid #cacaca;
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a:after {
  right: 14px;
  margin-top: -3px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px inset;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px inset;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
  border-right-width: 0;
}

.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}

.is-dropdown-submenu > li {
  width: 100%;
}

.is-dropdown-submenu.js-dropdown-active, .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu {
  display: block;
}

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;
}

.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.flex-video.vimeo {
  padding-top: 0;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 0;
  background: #2199e8;
  color: #fefefe;
}

.label.secondary {
  background: #777;
  color: #fefefe;
}

.label.success {
  background: #3adb76;
  color: #fefefe;
}

.label.warning {
  background: #ffae00;
  color: #fefefe;
}

.label.alert {
  background: #ec5840;
  color: #fefefe;
}

.media-object {
  margin-bottom: 1rem;
  display: block;
}

.media-object img {
  max-width: none;
}

@media screen and (max-width: 39.9375em) {
  .media-object.stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    display: block;
  }

  .media-object.stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section {
  display: table-cell;
  vertical-align: top;
}

.media-object-section:first-child {
  padding-right: 1rem;
}

.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}

.media-object-section.middle {
  vertical-align: middle;
}

.media-object-section.bottom {
  vertical-align: bottom;
}

body, html {
  height: 100%;
}

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: auto;
}

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  transition: transform 0.5s ease;
}

.off-canvas-wrapper-inner:after, .off-canvas-wrapper-inner:before {
  content: " ";
  display: table;
  flex-basis: 0;
  order: 1;
}

.off-canvas-wrapper-inner:after {
  clear: both;
}

.off-canvas-content {
  min-height: 100%;
  background: #fefefe;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  padding-bottom: 0.1px;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
}

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: background 0.5s ease;
}

.off-canvas {
  position: absolute;
  background: #e6e6e6;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  transform: translateX(0);
}

[data-whatinput=mouse] .off-canvas {
  outline: 0;
}

.off-canvas.position-left {
  left: -250px;
  top: 0;
  width: 250px;
}

.is-open-left {
  transform: translateX(250px);
}

.off-canvas.position-right {
  right: -250px;
  top: 0;
  width: 250px;
}

.is-open-right {
  transform: translateX(-250px);
}

@media screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed;
  }

  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed;
  }

  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
}
@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed;
  }

  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed;
  }

  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
}
.orbit, .orbit-container {
  position: relative;
}

.orbit-container {
  margin: 0;
  overflow: hidden;
  list-style: none;
}

.orbit-slide {
  width: 100%;
  max-height: 100%;
}

.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.orbit-caption {
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-caption, .orbit-next, .orbit-previous {
  position: absolute;
  padding: 1rem;
  color: #fefefe;
}

.orbit-next, .orbit-previous {
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}

.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}

[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}

.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  background-color: #cacaca;
  border-radius: 50%;
}

.orbit-bullets button.is-active, .orbit-bullets button:hover {
  background-color: #8a8a8a;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}

.pagination:after, .pagination:before {
  content: " ";
  display: table;
  flex-basis: 0;
  order: 1;
}

.pagination:after {
  clear: both;
}

.pagination li {
  font-size: 0.875rem;
  margin-right: 0.0625rem;
  border-radius: 0;
  display: none;
}

.pagination li:first-child, .pagination li:last-child {
  display: inline-block;
}

@media screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a, .pagination button {
  color: #0a0a0a;
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
}

.pagination a:hover, .pagination button:hover {
  background: #e6e6e6;
}

.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #2199e8;
  color: #fefefe;
  cursor: default;
}

.pagination .disabled, .pagination .project-participants__save--disabled, .pagination .company-edit__save--disabled, .pagination .billing__pay-btn--disabled, .pagination .add-company__submit--disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: default;
}

.pagination .disabled:hover, .pagination .project-participants__save--disabled:hover, .pagination .company-edit__save--disabled:hover, .pagination .billing__pay-btn--disabled:hover, .pagination .add-company__submit--disabled:hover {
  background: transparent;
}

.pagination .ellipsis:after {
  content: "…";
  padding: 0.1875rem 0.625rem;
  color: #0a0a0a;
}

.pagination-previous.disabled:before, .pagination-previous.project-participants__save--disabled:before, .pagination-previous.company-edit__save--disabled:before, .pagination-previous.billing__pay-btn--disabled:before, .pagination-previous.add-company__submit--disabled:before, .pagination-previous a:before {
  content: "«";
  display: inline-block;
  margin-right: 0.5rem;
}

.pagination-next.disabled:after, .pagination-next.project-participants__save--disabled:after, .pagination-next.company-edit__save--disabled:after, .pagination-next.billing__pay-btn--disabled:after, .pagination-next.add-company__submit--disabled:after, .pagination-next a:after {
  content: "»";
  display: inline-block;
  margin-left: 0.5rem;
}

.progress {
  background-color: #cacaca;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
}

.progress.primary .progress-meter {
  background-color: #2199e8;
}

.progress.secondary .progress-meter {
  background-color: #777;
}

.progress.success .progress-meter {
  background-color: #3adb76;
}

.progress.warning .progress-meter {
  background-color: #ffae00;
}

.progress.alert .progress-meter {
  background-color: #ec5840;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0;
  height: 100%;
  background-color: #2199e8;
}

.progress-meter-text {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fefefe;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out;
}

.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #2199e8;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
  border-radius: 0;
}

[data-whatinput=mouse] .slider-handle {
  outline: 0;
}

.slider-handle:hover {
  background-color: #1583cc;
}

.slider-handle.is-dragging {
  transition: all 0s linear;
}

.slider.disabled, .slider.project-participants__save--disabled, .slider.company-edit__save--disabled, .slider.billing__pay-btn--disabled, .slider.add-company__submit--disabled, .slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scaleY(-1);
}

.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}

.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.sticky-container {
  position: relative;
}

.sticky {
  position: absolute;
  z-index: 0;
  transform: translateZ(0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 2;
}

.sticky.is-stuck.is-at-top {
  top: 0;
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: absolute;
  left: auto;
  right: auto;
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

body.is-reveal-open {
  overflow: hidden;
}

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll;
}

.reveal {
  display: none;
  z-index: 5;
  padding: 1rem;
  border: 1px solid #cacaca;
  background-color: #fefefe;
  border-radius: 0;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
}

[data-whatinput=mouse] .reveal {
  outline: 0;
}

@media screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column, .reveal .columns {
  min-width: 0;
}

.reveal > :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto;
  }
}
.reveal.collapse {
  padding: 0;
}

@media screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}
.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
  border: 0;
}

@media screen and (max-width: 39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.switch {
  margin-bottom: 1rem;
  outline: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #fefefe;
  font-weight: 700;
  font-size: 0.875rem;
}

.switch-input {
  opacity: 0;
  position: absolute;
}

.switch-paddle {
  background: #cacaca;
  cursor: pointer;
  display: block;
  position: relative;
  width: 4rem;
  height: 2rem;
  transition: all 0.25s ease-out;
  border-radius: 0;
  color: inherit;
  font-weight: inherit;
}

input + .switch-paddle {
  margin: 0;
}

.switch-paddle:after {
  background: #fefefe;
  content: "";
  display: block;
  position: absolute;
  height: 1.5rem;
  left: 0.25rem;
  top: 0.25rem;
  width: 1.5rem;
  transition: all 0.25s ease-out;
  transform: translateZ(0);
  border-radius: 0;
}

input:checked ~ .switch-paddle {
  background: #2199e8;
}

input:checked ~ .switch-paddle:after {
  left: 2.25rem;
}

[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}

input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}

input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}

.switch.tiny .switch-paddle:after {
  width: 1rem;
  height: 1rem;
}

.switch.tiny input:checked ~ .switch-paddle:after {
  left: 1.75rem;
}

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}

.switch.small .switch-paddle:after {
  width: 1.25rem;
  height: 1.25rem;
}

.switch.small input:checked ~ .switch-paddle:after {
  left: 2rem;
}

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}

.switch.large .switch-paddle:after {
  width: 2rem;
  height: 2rem;
}

.switch.large input:checked ~ .switch-paddle:after {
  left: 2.75rem;
}

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}

table tbody, table tfoot, table thead {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

table caption {
  font-weight: 700;
  padding: 0.5rem 0.625rem 0.625rem;
}

table tfoot, table thead {
  background: #f8f8f8;
  color: #0a0a0a;
}

table tfoot tr, table thead tr {
  background: transparent;
}

table tfoot td, table tfoot th, table thead td, table thead th {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: 700;
  text-align: left;
}

table tbody tr:nth-child(even) {
  background-color: #f1f1f1;
}

table tbody td, table tbody th {
  padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 63.9375em) {
  table.stack tfoot, table.stack thead {
    display: none;
  }

  table.stack td, table.stack th, table.stack tr {
    display: block;
  }

  table.stack td {
    border-top: 0;
  }
}
table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover tr:hover {
  background-color: #f9f9f9;
}

table.hover tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.table-scroll {
  overflow-x: auto;
}

.table-scroll table {
  width: auto;
}

.tabs {
  margin: 0;
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6;
}

.tabs:after, .tabs:before {
  content: " ";
  display: table;
  flex-basis: 0;
  order: 1;
}

.tabs:after {
  clear: both;
}

.tabs.vertical > li {
  width: auto;
  float: none;
  display: block;
}

.tabs.simple > li > a {
  padding: 0;
}

.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #2199e8;
}

.tabs.primary > li > a {
  color: #fefefe;
}

.tabs.primary > li > a:focus, .tabs.primary > li > a:hover {
  background: #1893e4;
}

.tabs-title {
  float: left;
}

.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  line-height: 1;
  font-size: 0.75rem;
}

.tabs-title > a:hover {
  background: #fefefe;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #e6e6e6;
}

.tabs-content {
  background: #fefefe;
  transition: all 0.5s ease;
  border: 1px solid #e6e6e6;
  border-top: 0;
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}

.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  border: 4px solid #fefefe;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: box-shadow 0.2s ease-out;
  border-radius: 0;
  margin-bottom: 1rem;
}

.thumbnail:focus, .thumbnail:hover {
  box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5);
}

.title-bar {
  background: #0a0a0a;
  color: #fefefe;
  padding: 0.5rem;
}

.title-bar:after, .title-bar:before {
  content: " ";
  display: table;
  flex-basis: 0;
  order: 1;
}

.title-bar:after {
  clear: both;
}

.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.5rem;
}

.title-bar-left {
  float: left;
}

.title-bar-right {
  float: right;
  text-align: right;
}

.title-bar-title {
  font-weight: 700;
}

.menu-icon.dark, .title-bar-title {
  vertical-align: middle;
  display: inline-block;
}

.menu-icon.dark {
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 16px;
}

.menu-icon.dark:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  top: 0;
  left: 0;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
}

.menu-icon.dark:hover:after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.has-tip {
  border-bottom: 1px dotted #8a8a8a;
  font-weight: 700;
  position: relative;
  display: inline-block;
  cursor: help;
}

.tooltip {
  background-color: #0a0a0a;
  color: #fefefe;
  font-size: 80%;
  padding: 0.75rem;
  position: absolute;
  z-index: 3;
  top: calc(100% + .6495rem);
  max-width: 10rem !important;
  border-radius: 0;
}

.tooltip:before {
  border-color: transparent transparent #0a0a0a;
  border-bottom-style: solid;
  border-top-width: 0;
  bottom: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip.top:before, .tooltip:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 0.75rem inset;
}

.tooltip.top:before {
  border-color: #0a0a0a transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  top: 100%;
  bottom: auto;
}

.tooltip.left:before {
  border-color: transparent transparent transparent #0a0a0a;
  border-left-style: solid;
  border-right-width: 0;
  left: 100%;
}

.tooltip.left:before, .tooltip.right:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 0.75rem inset;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}

.tooltip.right:before {
  border-color: transparent #0a0a0a transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
  left: auto;
  right: 100%;
}

.top-bar {
  padding: 0.5rem;
}

.top-bar:after, .top-bar:before {
  content: " ";
  display: table;
  flex-basis: 0;
  order: 1;
}

.top-bar:after {
  clear: both;
}

.top-bar, .top-bar ul {
  background-color: #e6e6e6;
}

.top-bar input {
  width: 200px;
  margin-right: 1rem;
}

.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}

.top-bar input.button {
  width: auto;
}

@media screen and (max-width: 39.9375em) {
  .stacked-for-small .top-bar-left, .stacked-for-small .top-bar-right {
    width: 100%;
  }
}
@media screen and (max-width: 63.9375em) {
  .stacked-for-medium .top-bar-left, .stacked-for-medium .top-bar-right {
    width: 100%;
  }
}
@media screen and (max-width: 74.9375em) {
  .stacked-for-large .top-bar-left, .stacked-for-large .top-bar-right {
    width: 100%;
  }
}
.top-bar-left, .top-bar-right {
  width: 100%;
}

@media screen and (min-width: 40em) {
  .top-bar-left, .top-bar-right {
    width: auto;
  }
}
.top-bar-title {
  float: left;
  margin-right: 1rem;
}

.top-bar-left {
  float: left;
}

.top-bar-right {
  float: right;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}
@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}
@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}
@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}
.show-for-sr, .show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

.hide-for-portrait, .show-for-landscape {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .hide-for-portrait, .show-for-landscape {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-portrait, .show-for-landscape {
    display: none !important;
  }
}
.hide-for-landscape, .show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape, .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape, .show-for-portrait {
    display: block !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clearfix:after, .clearfix:before {
  content: " ";
  display: table;
  flex-basis: 0;
  order: 1;
}

.clearfix:after {
  clear: both;
}

@supports (font-variation-settings: normal) {
  @font-face {
    font-family: "Inter";
    src: url("/fonts/inter/variable/inter.var.woff2?v=3.19") format("woff2 supports variations"), url("/fonts/inter/variable/inter.var.woff2?v=3.19") format("woff2-variations");
    font-weight: 100 900;
  }
}
@supports not (font-variation-settings: normal) {
  @font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
    src: url("/fonts/inter/woff2/inter-regular.woff2?v=3.19") format("woff2"), url("/fonts/inter/woff/inter-regular.woff?v=3.19") format("woff"), url("/fonts/inter/ttf/inter-regular.ttf?v=3.19") format("truetype");
  }
  @font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    font-display: swap;
    src: url("/fonts/inter/woff2/inter-bold.woff2?v=3.19") format("woff2"), url("/fonts/inter/woff/inter-bold.woff?v=3.19") format("woff"), url("/fonts/inter/ttf/inter-bold.ttf?v=3.19") format("truetype");
  }
}
/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

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

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-acquisitions-incorporated:before {
  content: "";
}

.fa-ad:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adobe:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-air-freshener:before {
  content: "";
}

.fa-airbnb:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-alipay:before {
  content: "";
}

.fa-allergies:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angry:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-ankh:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-alt:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-archway:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-artstation:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-atlas:before {
  content: "";
}

.fa-atlassian:before {
  content: "";
}

.fa-atom:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-award:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-baby:before {
  content: "";
}

.fa-baby-carriage:before {
  content: "";
}

.fa-backspace:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-bacon:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-balance-scale-left:before {
  content: "";
}

.fa-balance-scale-right:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-battle-net:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bezier-curve:before {
  content: "";
}

.fa-bible:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-biking:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-biohazard:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blender:before {
  content: "";
}

.fa-blender-phone:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blog:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-bone:before {
  content: "";
}

.fa-bong:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-book-dead:before {
  content: "";
}

.fa-book-medical:before {
  content: "";
}

.fa-book-open:before {
  content: "";
}

.fa-book-reader:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-bootstrap:before {
  content: "";
}

.fa-border-all:before {
  content: "";
}

.fa-border-none:before {
  content: "";
}

.fa-border-style:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-box-open:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-brain:before {
  content: "";
}

.fa-bread-slice:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-briefcase-medical:before {
  content: "";
}

.fa-broadcast-tower:before {
  content: "";
}

.fa-broom:before {
  content: "";
}

.fa-brush:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-buffer:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-burn:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-bus-alt:before {
  content: "";
}

.fa-business-time:before {
  content: "";
}

.fa-buy-n-large:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-day:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-calendar-week:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-campground:before {
  content: "";
}

.fa-canadian-maple-leaf:before {
  content: "";
}

.fa-candy-cane:before {
  content: "";
}

.fa-cannabis:before {
  content: "";
}

.fa-capsules:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-car-alt:before {
  content: "";
}

.fa-car-battery:before {
  content: "";
}

.fa-car-crash:before {
  content: "";
}

.fa-car-side:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-carrot:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cash-register:before {
  content: "";
}

.fa-cat:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

.fa-centos:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chair:before {
  content: "";
}

.fa-chalkboard:before {
  content: "";
}

.fa-chalkboard-teacher:before {
  content: "";
}

.fa-charging-station:before {
  content: "";
}

.fa-chart-area:before {
  content: "";
}

.fa-chart-bar:before {
  content: "";
}

.fa-chart-line:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-double:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-cheese:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-chromecast:before {
  content: "";
}

.fa-church:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-city:before {
  content: "";
}

.fa-clinic-medical:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-meatball:before {
  content: "";
}

.fa-cloud-moon:before {
  content: "";
}

.fa-cloud-moon-rain:before {
  content: "";
}

.fa-cloud-rain:before {
  content: "";
}

.fa-cloud-showers-heavy:before {
  content: "";
}

.fa-cloud-sun:before {
  content: "";
}

.fa-cloud-sun-rain:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-cocktail:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-coins:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comment-dollar:before {
  content: "";
}

.fa-comment-dots:before {
  content: "";
}

.fa-comment-medical:before {
  content: "";
}

.fa-comment-slash:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-comments-dollar:before {
  content: "";
}

.fa-compact-disc:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-compress-arrows-alt:before {
  content: "";
}

.fa-concierge-bell:before {
  content: "";
}

.fa-confluence:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-cookie:before {
  content: "";
}

.fa-cookie-bite:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-cotton-bureau:before {
  content: "";
}

.fa-couch:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-creative-commons-by:before {
  content: "";
}

.fa-creative-commons-nc:before {
  content: "";
}

.fa-creative-commons-nc-eu:before {
  content: "";
}

.fa-creative-commons-nc-jp:before {
  content: "";
}

.fa-creative-commons-nd:before {
  content: "";
}

.fa-creative-commons-pd:before {
  content: "";
}

.fa-creative-commons-pd-alt:before {
  content: "";
}

.fa-creative-commons-remix:before {
  content: "";
}

.fa-creative-commons-sa:before {
  content: "";
}

.fa-creative-commons-sampling:before {
  content: "";
}

.fa-creative-commons-sampling-plus:before {
  content: "";
}

.fa-creative-commons-share:before {
  content: "";
}

.fa-creative-commons-zero:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-critical-role:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crop-alt:before {
  content: "";
}

.fa-cross:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-crow:before {
  content: "";
}

.fa-crown:before {
  content: "";
}

.fa-crutch:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-d-and-d-beyond:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-democrat:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-dev:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-dharmachakra:before {
  content: "";
}

.fa-dhl:before {
  content: "";
}

.fa-diagnoses:before {
  content: "";
}

.fa-diaspora:before {
  content: "";
}

.fa-dice:before {
  content: "";
}

.fa-dice-d20:before {
  content: "";
}

.fa-dice-d6:before {
  content: "";
}

.fa-dice-five:before {
  content: "";
}

.fa-dice-four:before {
  content: "";
}

.fa-dice-one:before {
  content: "";
}

.fa-dice-six:before {
  content: "";
}

.fa-dice-three:before {
  content: "";
}

.fa-dice-two:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-digital-tachograph:before {
  content: "";
}

.fa-directions:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-divide:before {
  content: "";
}

.fa-dizzy:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dog:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-donate:before {
  content: "";
}

.fa-door-closed:before {
  content: "";
}

.fa-door-open:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-dove:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-drafting-compass:before {
  content: "";
}

.fa-dragon:before {
  content: "";
}

.fa-draw-polygon:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drum:before {
  content: "";
}

.fa-drum-steelpan:before {
  content: "";
}

.fa-drumstick-bite:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-dumbbell:before {
  content: "";
}

.fa-dumpster:before {
  content: "";
}

.fa-dumpster-fire:before {
  content: "";
}

.fa-dungeon:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-ebay:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-egg:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ello:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-text:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-equals:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-ethernet:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-evernote:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fan:before {
  content: "";
}

.fa-fantasy-flight-games:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-feather:before {
  content: "";
}

.fa-feather-alt:before {
  content: "";
}

.fa-fedex:before {
  content: "";
}

.fa-fedora:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-figma:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-contract:before {
  content: "";
}

.fa-file-csv:before {
  content: "";
}

.fa-file-download:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-export:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-import:before {
  content: "";
}

.fa-file-invoice:before {
  content: "";
}

.fa-file-invoice-dollar:before {
  content: "";
}

.fa-file-medical:before {
  content: "";
}

.fa-file-medical-alt:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-prescription:before {
  content: "";
}

.fa-file-signature:before {
  content: "";
}

.fa-file-upload:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-fill:before {
  content: "";
}

.fa-fill-drip:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fingerprint:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-alt:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-first-order-alt:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-fish:before {
  content: "";
}

.fa-fist-raised:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flag-usa:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-flushed:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-minus:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-folder-plus:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-font-awesome-logo-full:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frog:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-frown-open:before {
  content: "";
}

.fa-fulcrum:before {
  content: "";
}

.fa-funnel-dollar:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-galactic-republic:before {
  content: "";
}

.fa-galactic-senate:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gas-pump:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-ghost:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-gifts:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-alt:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-cheers:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glass-martini-alt:before {
  content: "";
}

.fa-glass-whiskey:before {
  content: "";
}

.fa-glasses:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-globe-africa:before {
  content: "";
}

.fa-globe-americas:before {
  content: "";
}

.fa-globe-asia:before {
  content: "";
}

.fa-globe-europe:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-gopuram:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-greater-than:before {
  content: "";
}

.fa-greater-than-equal:before {
  content: "";
}

.fa-grimace:before {
  content: "";
}

.fa-grin:before {
  content: "";
}

.fa-grin-alt:before {
  content: "";
}

.fa-grin-beam:before {
  content: "";
}

.fa-grin-beam-sweat:before {
  content: "";
}

.fa-grin-hearts:before {
  content: "";
}

.fa-grin-squint:before {
  content: "";
}

.fa-grin-squint-tears:before {
  content: "";
}

.fa-grin-stars:before {
  content: "";
}

.fa-grin-tears:before {
  content: "";
}

.fa-grin-tongue:before {
  content: "";
}

.fa-grin-tongue-squint:before {
  content: "";
}

.fa-grin-tongue-wink:before {
  content: "";
}

.fa-grin-wink:before {
  content: "";
}

.fa-grip-horizontal:before {
  content: "";
}

.fa-grip-lines:before {
  content: "";
}

.fa-grip-lines-vertical:before {
  content: "";
}

.fa-grip-vertical:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-guitar:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-hacker-news-square:before {
  content: "";
}

.fa-hackerrank:before {
  content: "";
}

.fa-hamburger:before {
  content: "";
}

.fa-hammer:before {
  content: "";
}

.fa-hamsa:before {
  content: "";
}

.fa-hand-holding:before {
  content: "";
}

.fa-hand-holding-heart:before {
  content: "";
}

.fa-hand-holding-usd:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-middle-finger:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-hands:before {
  content: "";
}

.fa-hands-helping:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-hanukiah:before {
  content: "";
}

.fa-hard-hat:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hat-cowboy:before {
  content: "";
}

.fa-hat-cowboy-side:before {
  content: "";
}

.fa-hat-wizard:before {
  content: "";
}

.fa-haykal:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-headphones-alt:before {
  content: "";
}

.fa-headset:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heart-broken:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-helicopter:before {
  content: "";
}

.fa-highlighter:before {
  content: "";
}

.fa-hiking:before {
  content: "";
}

.fa-hippo:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-holly-berry:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hornbill:before {
  content: "";
}

.fa-horse:before {
  content: "";
}

.fa-horse-head:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-alt:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hot-tub:before {
  content: "";
}

.fa-hotdog:before {
  content: "";
}

.fa-hotel:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-house-damage:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-hryvnia:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-ice-cream:before {
  content: "";
}

.fa-icicles:before {
  content: "";
}

.fa-icons:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-id-card-alt:before {
  content: "";
}

.fa-igloo:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-infinity:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-intercom:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-invision:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itch-io:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-java:before {
  content: "";
}

.fa-jedi:before {
  content: "";
}

.fa-jedi-order:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-jira:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joint:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-journal-whills:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-kaaba:before {
  content: "";
}

.fa-kaggle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-keybase:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-khanda:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-kiss:before {
  content: "";
}

.fa-kiss-beam:before {
  content: "";
}

.fa-kiss-wink-heart:before {
  content: "";
}

.fa-kiwi-bird:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-landmark:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laptop-code:before {
  content: "";
}

.fa-laptop-medical:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-laugh:before {
  content: "";
}

.fa-laugh-beam:before {
  content: "";
}

.fa-laugh-squint:before {
  content: "";
}

.fa-laugh-wink:before {
  content: "";
}

.fa-layer-group:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-less-than:before {
  content: "";
}

.fa-less-than-equal:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-luggage-cart:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-mail-bulk:before {
  content: "";
}

.fa-mailchimp:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-mandalorian:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marked:before {
  content: "";
}

.fa-map-marked-alt:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-markdown:before {
  content: "";
}

.fa-marker:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mask:before {
  content: "";
}

.fa-mastodon:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-mdb:before {
  content: "";
}

.fa-medal:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-megaport:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-meh-blank:before {
  content: "";
}

.fa-meh-rolling-eyes:before {
  content: "";
}

.fa-memory:before {
  content: "";
}

.fa-mendeley:before {
  content: "";
}

.fa-menorah:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-meteor:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-alt:before {
  content: "";
}

.fa-microphone-alt-slash:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microscope:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mitten:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-money-bill-wave:before {
  content: "";
}

.fa-money-bill-wave-alt:before {
  content: "";
}

.fa-money-check:before {
  content: "";
}

.fa-money-check-alt:before {
  content: "";
}

.fa-monument:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-mortar-pestle:before {
  content: "";
}

.fa-mosque:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mountain:before {
  content: "";
}

.fa-mouse:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-mug-hot:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-neos:before {
  content: "";
}

.fa-network-wired:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nimblr:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-not-equal:before {
  content: "";
}

.fa-notes-medical:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-oil-can:before {
  content: "";
}

.fa-old-republic:before {
  content: "";
}

.fa-om:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-orcid:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-otter:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-pager:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-paint-roller:before {
  content: "";
}

.fa-palette:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-parachute-box:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-parking:before {
  content: "";
}

.fa-passport:before {
  content: "";
}

.fa-pastafarianism:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-peace:before {
  content: "";
}

.fa-pen:before {
  content: "";
}

.fa-pen-alt:before {
  content: "";
}

.fa-pen-fancy:before {
  content: "";
}

.fa-pen-nib:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-pencil-ruler:before {
  content: "";
}

.fa-penny-arcade:before {
  content: "";
}

.fa-people-carry:before {
  content: "";
}

.fa-pepper-hot:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-percentage:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-person-booth:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phoenix-squadron:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-alt:before {
  content: "";
}

.fa-phone-slash:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-square-alt:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-photo-video:before {
  content: "";
}

.fa-php:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-pied-piper-hat:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-piggy-bank:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-pizza-slice:before {
  content: "";
}

.fa-place-of-worship:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-plane-arrival:before {
  content: "";
}

.fa-plane-departure:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-poll:before {
  content: "";
}

.fa-poll-h:before {
  content: "";
}

.fa-poo:before {
  content: "";
}

.fa-poo-storm:before {
  content: "";
}

.fa-poop:before {
  content: "";
}

.fa-portrait:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-pray:before {
  content: "";
}

.fa-praying-hands:before {
  content: "";
}

.fa-prescription:before {
  content: "";
}

.fa-prescription-bottle:before {
  content: "";
}

.fa-prescription-bottle-alt:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-procedures:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-project-diagram:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-quran:before {
  content: "";
}

.fa-r-project:before {
  content: "";
}

.fa-radiation:before {
  content: "";
}

.fa-radiation-alt:before {
  content: "";
}

.fa-rainbow:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-raspberry-pi:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-reacteurope:before {
  content: "";
}

.fa-readme:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-receipt:before {
  content: "";
}

.fa-record-vinyl:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-redhat:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-remove-format:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-republican:before {
  content: "";
}

.fa-researchgate:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-restroom:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-rev:before {
  content: "";
}

.fa-ribbon:before {
  content: "";
}

.fa-ring:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-robot:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-route:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-ruler:before {
  content: "";
}

.fa-ruler-combined:before {
  content: "";
}

.fa-ruler-horizontal:before {
  content: "";
}

.fa-ruler-vertical:before {
  content: "";
}

.fa-running:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-sad-cry:before {
  content: "";
}

.fa-sad-tear:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-salesforce:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-satellite:before {
  content: "";
}

.fa-satellite-dish:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-school:before {
  content: "";
}

.fa-screwdriver:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-scroll:before {
  content: "";
}

.fa-sd-card:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-dollar:before {
  content: "";
}

.fa-search-location:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-seedling:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-shapes:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shoe-prints:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shopware:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-shuttle-van:before {
  content: "";
}

.fa-sign:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-signature:before {
  content: "";
}

.fa-sim-card:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-sith:before {
  content: "";
}

.fa-skating:before {
  content: "";
}

.fa-sketch:before {
  content: "";
}

.fa-skiing:before {
  content: "";
}

.fa-skiing-nordic:before {
  content: "";
}

.fa-skull:before {
  content: "";
}

.fa-skull-crossbones:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-slash:before {
  content: "";
}

.fa-sleigh:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-smile-beam:before {
  content: "";
}

.fa-smile-wink:before {
  content: "";
}

.fa-smog:before {
  content: "";
}

.fa-smoking:before {
  content: "";
}

.fa-smoking-ban:before {
  content: "";
}

.fa-sms:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snowboarding:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-snowman:before {
  content: "";
}

.fa-snowplow:before {
  content: "";
}

.fa-socks:before {
  content: "";
}

.fa-solar-panel:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-down-alt:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-alpha-up-alt:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-down-alt:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-amount-up-alt:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-down-alt:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-numeric-up-alt:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-sourcetree:before {
  content: "";
}

.fa-spa:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-speakap:before {
  content: "";
}

.fa-speaker-deck:before {
  content: "";
}

.fa-spell-check:before {
  content: "";
}

.fa-spider:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-splotch:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-spray-can:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-square-root-alt:before {
  content: "";
}

.fa-squarespace:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-stackpath:before {
  content: "";
}

.fa-stamp:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-and-crescent:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-star-half-alt:before {
  content: "";
}

.fa-star-of-david:before {
  content: "";
}

.fa-star-of-life:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-steam-symbol:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-store:before {
  content: "";
}

.fa-store-alt:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-stream:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-stroopwafel:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-suitcase-rolling:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-surprise:before {
  content: "";
}

.fa-suse:before {
  content: "";
}

.fa-swatchbook:before {
  content: "";
}

.fa-swift:before {
  content: "";
}

.fa-swimmer:before {
  content: "";
}

.fa-swimming-pool:before {
  content: "";
}

.fa-symfony:before {
  content: "";
}

.fa-synagogue:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tablets:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tape:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-teamspeak:before {
  content: "";
}

.fa-teeth:before {
  content: "";
}

.fa-teeth-open:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-temperature-high:before {
  content: "";
}

.fa-temperature-low:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-tenge:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-the-red-yeti:before {
  content: "";
}

.fa-theater-masks:before {
  content: "";
}

.fa-themeco:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-think-peaks:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-tint-slash:before {
  content: "";
}

.fa-tired:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-toilet:before {
  content: "";
}

.fa-toilet-paper:before {
  content: "";
}

.fa-toolbox:before {
  content: "";
}

.fa-tools:before {
  content: "";
}

.fa-tooth:before {
  content: "";
}

.fa-torah:before {
  content: "";
}

.fa-torii-gate:before {
  content: "";
}

.fa-tractor:before {
  content: "";
}

.fa-trade-federation:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-traffic-light:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-tram:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-trash-restore:before {
  content: "";
}

.fa-trash-restore-alt:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-truck-loading:before {
  content: "";
}

.fa-truck-monster:before {
  content: "";
}

.fa-truck-moving:before {
  content: "";
}

.fa-truck-pickup:before {
  content: "";
}

.fa-tshirt:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-ubuntu:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbraco:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-umbrella-beach:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-ups:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-alt:before {
  content: "";
}

.fa-user-alt-slash:before {
  content: "";
}

.fa-user-astronaut:before {
  content: "";
}

.fa-user-check:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-clock:before {
  content: "";
}

.fa-user-cog:before {
  content: "";
}

.fa-user-edit:before {
  content: "";
}

.fa-user-friends:before {
  content: "";
}

.fa-user-graduate:before {
  content: "";
}

.fa-user-injured:before {
  content: "";
}

.fa-user-lock:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-minus:before {
  content: "";
}

.fa-user-ninja:before {
  content: "";
}

.fa-user-nurse:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-shield:before {
  content: "";
}

.fa-user-slash:before {
  content: "";
}

.fa-user-tag:before {
  content: "";
}

.fa-user-tie:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-users-cog:before {
  content: "";
}

.fa-usps:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-vector-square:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-vial:before {
  content: "";
}

.fa-vials:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-video-slash:before {
  content: "";
}

.fa-vihara:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-voicemail:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-mute:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vote-yea:before {
  content: "";
}

.fa-vr-cardboard:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-walking:before {
  content: "";
}

.fa-wallet:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-water:before {
  content: "";
}

.fa-wave-square:before {
  content: "";
}

.fa-waze:before {
  content: "";
}

.fa-weebly:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weight-hanging:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-wind:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-wine-bottle:before {
  content: "";
}

.fa-wine-glass:before {
  content: "";
}

.fa-wine-glass-alt:before {
  content: "";
}

.fa-wix:before {
  content: "";
}

.fa-wizards-of-the-coast:before {
  content: "";
}

.fa-wolf-pack-battalion:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wpressr:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-x-ray:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yammer:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yarn:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yin-yang:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-zhihu:before {
  content: "";
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/fonts/fa-webfonts-5.11/fa-solid-900.eot");
  src: url("/fonts/fa-webfonts-5.11/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-webfonts-5.11/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-webfonts-5.11/fa-solid-900.woff") format("woff"), url("/fonts/fa-webfonts-5.11/fa-solid-900.ttf") format("truetype"), url("/fonts/fa-webfonts-5.11/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

._popup-container, .prj-invite, .popup {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._popup-adaptive, .popup__wnd {
  position: relative;
  min-height: 300px;
  border-radius: 6px;
  height: 90%;
  height: calc(100% - 96px);
  max-height: 800px;
}

._icon, .chat-info__muted, .notification-center__dnd__button__icon, .prj-users-item--admin .user-name:after {
  display: inline-block;
  background-size: contain;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}

._error {
  color: #d92400;
}

._plus-icon {
  width: 14px;
  height: 14px;
  background: url("/img/icons/icon-add-task.svg");
  display: inline-block;
  background-size: contain;
  margin-bottom: -2px;
  margin-right: 5px;
}

._link:hover ._plus-icon, .repeat-view__open-all:hover ._plus-icon, .sticker-deadline__toggle-start-link:hover ._plus-icon, .prj-invite__card-toggle-admin-btn:hover ._plus-icon, .prj-invite__card-remove-btn:hover ._plus-icon, .prj-invite__mail-btn2:hover ._plus-icon, .prj-invite__link-copy:hover ._plus-icon, .prj-invite__add-btn:hover ._plus-icon, .prj-invite__limit-btn:hover ._plus-icon, .timeline__more-btn:hover ._plus-icon, .stats-reports__dashboard-add:hover ._plus-icon, .stats-reports__back:hover ._plus-icon, .stats-reports__toggle-view:hover ._plus-icon, .stats-reports__xlsx:hover ._plus-icon, .stats-reports__edit:hover ._plus-icon, .stats-reports-table__prev:hover ._plus-icon, .stats-reports-table__next:hover ._plus-icon, .stats-reports-edit__delete:hover ._plus-icon, .stats-reports-edit__cancel:hover ._plus-icon, .stats-aggregated-report__add-column-btn:hover ._plus-icon, .stats-aggregated-report__back:hover ._plus-icon, .stats-aggregated-report__xlsx:hover ._plus-icon, .stats-reports-schedule__add:hover ._plus-icon, .statistics__nav-item:hover ._plus-icon, .by-user-column-stage__more-btn:hover ._plus-icon, .share-name-changer__change-btn:hover ._plus-icon, .share-name-changer__save:hover ._plus-icon, .task-info__move-to-board:hover ._plus-icon, .task-info__location-item:hover ._plus-icon, .chat-description-save__cancel:hover ._plus-icon, .chat-description-add:hover ._plus-icon, .task-chat-list__single-hint__link:hover ._plus-icon, .task-chat-list__empty-hint__link:hover ._plus-icon, .repeat-edit__action:hover ._plus-icon, .repeat-edit__col-name:hover ._plus-icon, .project-role__add:hover ._plus-icon, .project-participants__copy-role:hover ._plus-icon, .project-participants__add-role:hover ._plus-icon, .permissions-chooser__menu__text:hover ._plus-icon, .partner-page__action-item:hover ._plus-icon, .object-chooser__up:hover ._plus-icon, .my-tasks__all-move:hover ._plus-icon, .my-tasks__move:hover ._plus-icon, .my-tasks__more-btn:hover ._plus-icon, .my-tasks__nav-item:hover ._plus-icon, .edit-extensions__settings-btn:hover ._plus-icon, .company-edit__cancel:hover ._plus-icon, .company-edit__back:hover ._plus-icon, .company-login__back:hover ._plus-icon, .button-select__cancel:hover ._plus-icon, .button-select__btn:hover ._plus-icon, .billing__prolong:hover ._plus-icon, .billing__add-users:hover ._plus-icon, .acc__other-os:hover ._plus-icon, .acc__os-variant:hover ._plus-icon, .acc__your-os-link:hover ._plus-icon, .notify-chooser-show-more:hover ._plus-icon, .prj-users-item__more-btn:hover ._plus-icon, .prj-item__archive-show:hover ._plus-icon, .prj-item__more-btn:hover ._plus-icon, .prj-users__xlsx:hover ._plus-icon, .prj__reg-link-setup:hover ._plus-icon, .prj__reg-link-txt:hover ._plus-icon, .prj__reg-link-delete:hover ._plus-icon, .prj__reg-link-save:hover ._plus-icon, .prj__reg-link-copy:hover ._plus-icon, .register__wait__link:hover ._plus-icon {
  background-image: url("/img/icons/icon-add-task-hover.svg");
}

._link:active ._plus-icon, .repeat-view__open-all:active ._plus-icon, .sticker-deadline__toggle-start-link:active ._plus-icon, .prj-invite__card-toggle-admin-btn:active ._plus-icon, .prj-invite__card-remove-btn:active ._plus-icon, .prj-invite__mail-btn2:active ._plus-icon, .prj-invite__link-copy:active ._plus-icon, .prj-invite__add-btn:active ._plus-icon, .prj-invite__limit-btn:active ._plus-icon, .timeline__more-btn:active ._plus-icon, .stats-reports__dashboard-add:active ._plus-icon, .stats-reports__back:active ._plus-icon, .stats-reports__toggle-view:active ._plus-icon, .stats-reports__xlsx:active ._plus-icon, .stats-reports__edit:active ._plus-icon, .stats-reports-table__prev:active ._plus-icon, .stats-reports-table__next:active ._plus-icon, .stats-reports-edit__delete:active ._plus-icon, .stats-reports-edit__cancel:active ._plus-icon, .stats-aggregated-report__add-column-btn:active ._plus-icon, .stats-aggregated-report__back:active ._plus-icon, .stats-aggregated-report__xlsx:active ._plus-icon, .stats-reports-schedule__add:active ._plus-icon, .statistics__nav-item:active ._plus-icon, .by-user-column-stage__more-btn:active ._plus-icon, .share-name-changer__change-btn:active ._plus-icon, .share-name-changer__save:active ._plus-icon, .task-info__move-to-board:active ._plus-icon, .task-info__location-item:active ._plus-icon, .chat-description-save__cancel:active ._plus-icon, .chat-description-add:active ._plus-icon, .task-chat-list__single-hint__link:active ._plus-icon, .task-chat-list__empty-hint__link:active ._plus-icon, .repeat-edit__action:active ._plus-icon, .repeat-edit__col-name:active ._plus-icon, .project-role__add:active ._plus-icon, .project-participants__copy-role:active ._plus-icon, .project-participants__add-role:active ._plus-icon, .permissions-chooser__menu__text:active ._plus-icon, .partner-page__action-item:active ._plus-icon, .object-chooser__up:active ._plus-icon, .my-tasks__all-move:active ._plus-icon, .my-tasks__move:active ._plus-icon, .my-tasks__more-btn:active ._plus-icon, .my-tasks__nav-item:active ._plus-icon, .edit-extensions__settings-btn:active ._plus-icon, .company-edit__cancel:active ._plus-icon, .company-edit__back:active ._plus-icon, .company-login__back:active ._plus-icon, .button-select__cancel:active ._plus-icon, .button-select__btn:active ._plus-icon, .billing__prolong:active ._plus-icon, .billing__add-users:active ._plus-icon, .acc__other-os:active ._plus-icon, .acc__os-variant:active ._plus-icon, .acc__your-os-link:active ._plus-icon, .notify-chooser-show-more:active ._plus-icon, .prj-users-item__more-btn:active ._plus-icon, .prj-item__archive-show:active ._plus-icon, .prj-item__more-btn:active ._plus-icon, .prj-users__xlsx:active ._plus-icon, .prj__reg-link-setup:active ._plus-icon, .prj__reg-link-txt:active ._plus-icon, .prj__reg-link-delete:active ._plus-icon, .prj__reg-link-save:active ._plus-icon, .prj__reg-link-copy:active ._plus-icon, .register__wait__link:active ._plus-icon {
  background-image: url("/img/icons/icon-add-task-active.svg");
}

._link, .repeat-view__open-all, .sticker-deadline__toggle-start-link, .prj-invite__card-toggle-admin-btn, .prj-invite__card-remove-btn, .prj-invite__mail-btn2, .prj-invite__link-copy, .prj-invite__add-btn, .prj-invite__limit-btn, .timeline__more-btn, .stats-reports__dashboard-add, .stats-reports__back, .stats-reports__toggle-view, .stats-reports__xlsx, .stats-reports__edit, .stats-reports-table__prev, .stats-reports-table__next, .stats-reports-edit__delete, .stats-reports-edit__cancel, .stats-aggregated-report__add-column-btn, .stats-aggregated-report__back, .stats-aggregated-report__xlsx, .stats-reports-schedule__add, .statistics__nav-item, .by-user-column-stage__more-btn, .share-name-changer__change-btn, .share-name-changer__save, .task-info__move-to-board, .task-info__location-item, .chat-description-save__cancel, .chat-description-add, .task-chat-list__single-hint__link, .task-chat-list__empty-hint__link, .repeat-edit__action, .repeat-edit__col-name, .project-role__add, .project-participants__copy-role, .project-participants__add-role, .permissions-chooser__menu__text, .partner-page__action-item, .object-chooser__up, .my-tasks__all-move, .my-tasks__move, .my-tasks__more-btn, .my-tasks__nav-item, .edit-extensions__settings-btn, .company-edit__cancel, .company-edit__back, .company-login__back, .button-select__cancel, .button-select__btn, .billing__prolong, .billing__add-users, .acc__other-os, .acc__os-variant, .acc__your-os-link, .notify-chooser-show-more, .prj-users-item__more-btn, .prj-item__archive-show, .prj-item__more-btn, .prj-users__xlsx, .prj__reg-link-setup, .prj__reg-link-txt, .prj__reg-link-delete, .prj__reg-link-save, .prj__reg-link-copy, .register__wait__link {
  color: #2f97e6;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}

._link:hover, .repeat-view__open-all:hover, .sticker-deadline__toggle-start-link:hover, .prj-invite__card-toggle-admin-btn:hover, .prj-invite__card-remove-btn:hover, .prj-invite__mail-btn2:hover, .prj-invite__link-copy:hover, .prj-invite__add-btn:hover, .prj-invite__limit-btn:hover, .timeline__more-btn:hover, .stats-reports__dashboard-add:hover, .stats-reports__back:hover, .stats-reports__toggle-view:hover, .stats-reports__xlsx:hover, .stats-reports__edit:hover, .stats-reports-table__prev:hover, .stats-reports-table__next:hover, .stats-reports-edit__delete:hover, .stats-reports-edit__cancel:hover, .stats-aggregated-report__add-column-btn:hover, .stats-aggregated-report__back:hover, .stats-aggregated-report__xlsx:hover, .stats-reports-schedule__add:hover, .statistics__nav-item:hover, .by-user-column-stage__more-btn:hover, .share-name-changer__change-btn:hover, .share-name-changer__save:hover, .task-info__move-to-board:hover, .task-info__location-item:hover, .chat-description-save__cancel:hover, .chat-description-add:hover, .task-chat-list__single-hint__link:hover, .task-chat-list__empty-hint__link:hover, .repeat-edit__action:hover, .repeat-edit__col-name:hover, .project-role__add:hover, .project-participants__copy-role:hover, .project-participants__add-role:hover, .permissions-chooser__menu__text:hover, .partner-page__action-item:hover, .object-chooser__up:hover, .my-tasks__all-move:hover, .my-tasks__move:hover, .my-tasks__more-btn:hover, .my-tasks__nav-item:hover, .edit-extensions__settings-btn:hover, .company-edit__cancel:hover, .company-edit__back:hover, .company-login__back:hover, .button-select__cancel:hover, .button-select__btn:hover, .billing__prolong:hover, .billing__add-users:hover, .acc__other-os:hover, .acc__os-variant:hover, .acc__your-os-link:hover, .notify-chooser-show-more:hover, .prj-users-item__more-btn:hover, .prj-item__archive-show:hover, .prj-item__more-btn:hover, .prj-users__xlsx:hover, .prj__reg-link-setup:hover, .prj__reg-link-txt:hover, .prj__reg-link-delete:hover, .prj__reg-link-save:hover, .prj__reg-link-copy:hover, .register__wait__link:hover {
  text-decoration: underline;
  color: #2f97e6;
}

._link:active, .repeat-view__open-all:active, .sticker-deadline__toggle-start-link:active, .prj-invite__card-toggle-admin-btn:active, .prj-invite__card-remove-btn:active, .prj-invite__mail-btn2:active, .prj-invite__link-copy:active, .prj-invite__add-btn:active, .prj-invite__limit-btn:active, .timeline__more-btn:active, .stats-reports__dashboard-add:active, .stats-reports__back:active, .stats-reports__toggle-view:active, .stats-reports__xlsx:active, .stats-reports__edit:active, .stats-reports-table__prev:active, .stats-reports-table__next:active, .stats-reports-edit__delete:active, .stats-reports-edit__cancel:active, .stats-aggregated-report__add-column-btn:active, .stats-aggregated-report__back:active, .stats-aggregated-report__xlsx:active, .stats-reports-schedule__add:active, .statistics__nav-item:active, .by-user-column-stage__more-btn:active, .share-name-changer__change-btn:active, .share-name-changer__save:active, .task-info__move-to-board:active, .task-info__location-item:active, .chat-description-save__cancel:active, .chat-description-add:active, .task-chat-list__single-hint__link:active, .task-chat-list__empty-hint__link:active, .repeat-edit__action:active, .repeat-edit__col-name:active, .project-role__add:active, .project-participants__copy-role:active, .project-participants__add-role:active, .permissions-chooser__menu__text:active, .partner-page__action-item:active, .object-chooser__up:active, .my-tasks__all-move:active, .my-tasks__move:active, .my-tasks__more-btn:active, .my-tasks__nav-item:active, .edit-extensions__settings-btn:active, .company-edit__cancel:active, .company-edit__back:active, .company-login__back:active, .button-select__cancel:active, .button-select__btn:active, .billing__prolong:active, .billing__add-users:active, .acc__other-os:active, .acc__os-variant:active, .acc__your-os-link:active, .notify-chooser-show-more:active, .prj-users-item__more-btn:active, .prj-item__archive-show:active, .prj-item__more-btn:active, .prj-users__xlsx:active, .prj__reg-link-setup:active, .prj__reg-link-txt:active, .prj__reg-link-delete:active, .prj__reg-link-save:active, .prj__reg-link-copy:active, .register__wait__link:active {
  color: #2b3541;
}

._input, .hours-minutes-input__input, .prj-invite-field .text-edit, .prj-invite__mail-input, .prj-invite__new-name, .stats-reports-edit__title, .share-popup__url-input, .task-chat-list__search-input, .message-item__pin-input, .repeat-edit__template-name, .project-participants__mail-input, .partner-withdraw-popup__input, .partner-page__input, .my-tasks__add-private-input, .input-control, .billing__pay-input, .billing__chooser__users-count, .add-company__input, .prj-users__search-query, .prj__reg-link-input {
  border: 1px solid #b8bfcf;
  border-radius: 2px;
  padding: 0 0.5em;
  color: #2b3541;
  box-shadow: none !important;
  outline: none;
  margin: 0;
  line-height: 1.5;
  height: 2em;
}
._input::-moz-placeholder, .hours-minutes-input__input::-moz-placeholder, .prj-invite-field .text-edit::-moz-placeholder, .prj-invite__mail-input::-moz-placeholder, .prj-invite__new-name::-moz-placeholder, .stats-reports-edit__title::-moz-placeholder, .share-popup__url-input::-moz-placeholder, .task-chat-list__search-input::-moz-placeholder, .message-item__pin-input::-moz-placeholder, .repeat-edit__template-name::-moz-placeholder, .project-participants__mail-input::-moz-placeholder, .partner-withdraw-popup__input::-moz-placeholder, .partner-page__input::-moz-placeholder, .my-tasks__add-private-input::-moz-placeholder, .input-control::-moz-placeholder, .billing__pay-input::-moz-placeholder, .billing__chooser__users-count::-moz-placeholder, .add-company__input::-moz-placeholder, .prj-users__search-query::-moz-placeholder, .prj__reg-link-input::-moz-placeholder {
  color: #a3b1c2;
}
._input::placeholder, .hours-minutes-input__input::placeholder, .prj-invite-field .text-edit::placeholder, .prj-invite__mail-input::placeholder, .prj-invite__new-name::placeholder, .stats-reports-edit__title::placeholder, .share-popup__url-input::placeholder, .task-chat-list__search-input::placeholder, .message-item__pin-input::placeholder, .repeat-edit__template-name::placeholder, .project-participants__mail-input::placeholder, .partner-withdraw-popup__input::placeholder, .partner-page__input::placeholder, .my-tasks__add-private-input::placeholder, .input-control::placeholder, .billing__pay-input::placeholder, .billing__chooser__users-count::placeholder, .add-company__input::placeholder, .prj-users__search-query::placeholder, .prj__reg-link-input::placeholder {
  color: #a3b1c2;
}

._input:focus, .hours-minutes-input__input:focus, .prj-invite-field .text-edit:focus, .prj-invite__mail-input:focus, .prj-invite__new-name:focus, .stats-reports-edit__title:focus, .share-popup__url-input:focus, .task-chat-list__search-input:focus, .message-item__pin-input:focus, .repeat-edit__template-name:focus, .project-participants__mail-input:focus, .partner-withdraw-popup__input:focus, .partner-page__input:focus, .my-tasks__add-private-input:focus, .input-control:focus, .billing__pay-input:focus, .billing__chooser__users-count:focus, .add-company__input:focus, .prj-users__search-query:focus, .prj__reg-link-input:focus {
  border-color: #2f97e6;
}

._select, .my-tasks__sort-select, .company-edit__select, .single-select, .billing__chooser__duration, .ui-elem select {
  margin: 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  padding: 0 21px 0 7px;
  -webkit-appearance: none;
  background-origin: border-box;
  background-position: calc(100% - 7px);
}
._select:focus, .my-tasks__sort-select:focus, .company-edit__select:focus, .single-select:focus, .billing__chooser__duration:focus, .ui-elem select:focus {
  outline: none;
  border: 1px solid #2f97e6;
}
._select:disabled, .my-tasks__sort-select:disabled, .company-edit__select:disabled, .single-select:disabled, .billing__chooser__duration:disabled, .ui-elem select:disabled {
  background-color: #dee1e9;
}

._popup {
  position: absolute;
  z-index: 2;
  margin: 0 auto;
  width: 860px;
  background: #fff;
  transform: translate(0, -50%);
  top: 50%;
  border-radius: 4px;
  box-shadow: 0 4px 32px -6px #2b3541;
}

._overlay, .prj-invite-role__overlay, .prj-invite-overlay, .timeline__overlay, .timeline-task__overlay, .task-menu__overlay,
.dropdown-menu__overlay, .stats-task__drag-warn, .project-role__overlay, .project-participants__overlay, .permissions-chooser__overlay, .notification-center__overlay, .smart-textedit__overlay, .popup__overlay, .help__overlay, .emoji-picker__overlay, .sticker-item-list__overlay, .user-avatar-info__overlay {
  position: fixed;
  top: -1000px;
  left: -1000px;
  right: -1000px;
  bottom: -1000px;
  background: transparent;
  cursor: default;
}

._button, .repeat-view__open-tpl, .repeat-view__btn, .sticker-deadline-clear, .prj-invite__mail-btn, .prj-invite__chat-btn, .stats-reports-task-list__more, .stats-reports-edit__save, .statistics__title-hint__btn, .chat-description-save__button, .chat-list__more, .repeat-edit__stopped-btn, .repeat-edit__create, .project-participants__mail-btn, .project-participants__save--disabled, .project-participants__save, .partner-withdraw-popup__btn, .partner-page__manual-btn, .my-tasks__add-private-btn, .company-edit__save--disabled, .company-edit__save, .company-login__ok, .company-login__enter-current, .billing__pay-btn--disabled, .billing__pay-btn, .add-company__submit--disabled, .add-company__submit, .acc-logout, .feedback__add-news, .feedback__btn, .register__wait__done-btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  background: #2f97e6;
  color: #fff;
  margin-bottom: 0;
  border-bottom: 1px solid #4581f6;
  border-radius: 2px;
  padding: 0 1.5em;
  line-height: 2;
  cursor: pointer;
  display: inline-block;
}
._button.disabled, .disabled.repeat-view__open-tpl, .disabled.repeat-view__btn, .disabled.sticker-deadline-clear, .disabled.prj-invite__mail-btn, .disabled.prj-invite__chat-btn, .disabled.stats-reports-task-list__more, .disabled.stats-reports-edit__save, .disabled.statistics__title-hint__btn, .disabled.chat-description-save__button, .disabled.chat-list__more, .disabled.repeat-edit__stopped-btn, .disabled.repeat-edit__create, .disabled.project-participants__mail-btn, .project-participants__save--disabled, .disabled.project-participants__save, .disabled.partner-withdraw-popup__btn, .disabled.partner-page__manual-btn, .disabled.my-tasks__add-private-btn, .company-edit__save--disabled, .disabled.company-edit__save, .disabled.company-login__ok, .disabled.company-login__enter-current, .billing__pay-btn--disabled, .disabled.billing__pay-btn, .add-company__submit--disabled, .disabled.add-company__submit, .disabled.acc-logout, .disabled.feedback__add-news, .disabled.feedback__btn, .disabled.register__wait__done-btn, ._button.disabled:hover, ._button.disabled:active {
  background: #b8bfcf;
  border-bottom-color: #80899e;
  cursor: default;
}
._button:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .repeat-view__open-tpl:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .repeat-view__btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .sticker-deadline-clear:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .prj-invite__mail-btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .prj-invite__chat-btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .stats-reports-task-list__more:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .stats-reports-edit__save:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .statistics__title-hint__btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .chat-description-save__button:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .chat-list__more:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .repeat-edit__stopped-btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .repeat-edit__create:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .project-participants__mail-btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .project-participants__save--disabled:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .project-participants__save:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .partner-withdraw-popup__btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .partner-page__manual-btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .my-tasks__add-private-btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .company-edit__save--disabled:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .company-edit__save:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .company-login__ok:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .company-login__enter-current:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .billing__pay-btn--disabled:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .billing__pay-btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .add-company__submit--disabled:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .add-company__submit:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .acc-logout:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .feedback__add-news:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .feedback__btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .register__wait__done-btn:hover:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled) {
  margin-bottom: -1px;
  transform: translate(0, -1px);
  border-bottom-width: 2px;
}
._button:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .repeat-view__open-tpl:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .repeat-view__btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .sticker-deadline-clear:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .prj-invite__mail-btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .prj-invite__chat-btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .stats-reports-task-list__more:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .stats-reports-edit__save:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .statistics__title-hint__btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .chat-description-save__button:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .chat-list__more:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .repeat-edit__stopped-btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .repeat-edit__create:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .project-participants__mail-btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .project-participants__save--disabled:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .project-participants__save:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .partner-withdraw-popup__btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .partner-page__manual-btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .my-tasks__add-private-btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .company-edit__save--disabled:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .company-edit__save:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .company-login__ok:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .company-login__enter-current:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .billing__pay-btn--disabled:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .billing__pay-btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .add-company__submit--disabled:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .add-company__submit:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .acc-logout:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .feedback__add-news:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .feedback__btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled), .register__wait__done-btn:active:not(.disabled):not(.project-participants__save--disabled):not(.company-edit__save--disabled):not(.billing__pay-btn--disabled):not(.add-company__submit--disabled) {
  background: #09e;
  border-bottom-color: #1f6286;
}

._preload {
  display: none;
}

._textarea, .prj-invite__email-list, .my-tasks__task-rename, .feedback__input-text {
  padding: 2px 6px;
  border-radius: 2px;
  margin: 0;
  color: #2b3541;
  box-shadow: none;
  outline: none;
  resize: none !important;
  border: 1px solid #b8bfcf;
}
._textarea::-moz-placeholder, .prj-invite__email-list::-moz-placeholder, .my-tasks__task-rename::-moz-placeholder, .feedback__input-text::-moz-placeholder {
  color: #a3b1c2;
}
._textarea::placeholder, .prj-invite__email-list::placeholder, .my-tasks__task-rename::placeholder, .feedback__input-text::placeholder {
  color: #a3b1c2;
}

._textarea:focus, .prj-invite__email-list:focus, .my-tasks__task-rename:focus, .feedback__input-text:focus {
  box-shadow: none;
  border: 1px solid #2f97e6;
}

._screen {
  transition: opacity 0.3s ease;
  opacity: 0;
  position: fixed;
  z-index: 4000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
}

._screen.appear {
  opacity: 1;
}

._close, .prj-invite__close, .task-chat-list__search-close, .task-chat-list__settings-close, .search-top__close, .popup__close, .help__close,
._close--white,
.message-box-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: no-repeat center;
  cursor: pointer;
  background-image: url(/img/main-menu/close.svg);
}
._close:hover, .prj-invite__close:hover, .task-chat-list__search-close:hover, .task-chat-list__settings-close:hover, .search-top__close:hover, .popup__close:hover, .help__close:hover,
._close--white:hover,
.message-box-close:hover {
  background-image: url(/img/main-menu/close-hover.svg);
}
._close:active, .prj-invite__close:active, .task-chat-list__search-close:active, .task-chat-list__settings-close:active, .search-top__close:active, .popup__close:active, .help__close:active,
._close--white:active,
.message-box-close:active {
  background-image: url(/img/main-menu/close-active.svg);
}
.icon-container:hover > ._close, .icon-container:hover > .prj-invite__close, .icon-container:hover > .task-chat-list__search-close, .icon-container:hover > .task-chat-list__settings-close, .icon-container:hover > .search-top__close, .icon-container:hover > .popup__close, .icon-container:hover > .help__close,
.icon-container:hover > ._close--white,
.icon-container:hover > .message-box-close {
  background-image: url(/img/main-menu/close-hover.svg);
}
.icon-container:active > ._close, .icon-container:active > .prj-invite__close, .icon-container:active > .task-chat-list__search-close, .icon-container:active > .task-chat-list__settings-close, .icon-container:active > .search-top__close, .icon-container:active > .popup__close, .icon-container:active > .help__close,
.icon-container:active > ._close--white,
.icon-container:active > .message-box-close {
  background-image: url(/img/main-menu/close-active.svg);
}

._close--white, .message-box-close {
  background: url(/img/main-menu/close-white.svg) no-repeat center;
}

._close-big {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 27px;
  right: 27px;
  background: url(/img/top-bar/close-big.svg) no-repeat 0 0/contain;
  cursor: pointer;
}

._close-big:hover {
  background-image: url(/img/top-bar/close-big-hover.svg);
}

._close-big:active {
  background-image: url(/img/top-bar/close-big-pressed.svg);
}

._hint {
  transition: opacity 0.2s ease, transform 0s ease 0.2s;
  display: inline-block;
  opacity: 0;
  transform: scale(0);
  font-size: 11px;
  line-height: 13px;
  position: absolute;
  bottom: 100%;
  background: #333e48;
  border: 1px solid #333e48;
  padding: 2px 6px;
  color: #fff;
  left: 0;
  border-radius: 2px;
  z-index: 3;
  margin-bottom: 4px;
  min-width: 150px;
}

._hint._hint-left {
  left: auto;
  right: -2px;
}
._hint._hint-left:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 5px solid #333b48;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right: 10px;
  left: auto;
}

._hint._hint-bottom {
  bottom: auto;
  top: 18px;
  left: -2px;
}

._hint._hint-bottom:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #333b48;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
}

._hint._hint-bottom-left {
  bottom: auto;
  top: 18px;
  left: auto;
  right: -2px;
}

._hint._hint-bottom-left:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #333b48;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  right: 10px;
  left: auto;
}

._hint:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  border-top: 5px solid #343e47;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  bottom: -5px;
  left: 4px;
  z-index: 1;
}

._hint-hover:hover ._hint {
  transition: opacity 0.1s ease 0.3s, transform 0.1s ease 0.3s;
  opacity: 1;
  transform: scale(1);
}

._hint ._link, ._hint .repeat-view__open-all, ._hint .sticker-deadline__toggle-start-link, ._hint .prj-invite__card-toggle-admin-btn, ._hint .prj-invite__card-remove-btn, ._hint .prj-invite__mail-btn2, ._hint .prj-invite__link-copy, ._hint .prj-invite__add-btn, ._hint .prj-invite__limit-btn, ._hint .timeline__more-btn, ._hint .stats-reports__dashboard-add, ._hint .stats-reports__back, ._hint .stats-reports__toggle-view, ._hint .stats-reports__xlsx, ._hint .stats-reports__edit, ._hint .stats-reports-table__prev, ._hint .stats-reports-table__next, ._hint .stats-reports-edit__delete, ._hint .stats-reports-edit__cancel, ._hint .stats-aggregated-report__add-column-btn, ._hint .stats-aggregated-report__back, ._hint .stats-aggregated-report__xlsx, ._hint .stats-reports-schedule__add, ._hint .statistics__nav-item, ._hint .by-user-column-stage__more-btn, ._hint .share-name-changer__change-btn, ._hint .share-name-changer__save, ._hint .task-info__move-to-board, ._hint .task-info__location-item, ._hint .chat-description-save__cancel, ._hint .chat-description-add, ._hint .task-chat-list__single-hint__link, ._hint .task-chat-list__empty-hint__link, ._hint .repeat-edit__action, ._hint .repeat-edit__col-name, ._hint .project-role__add, ._hint .project-participants__copy-role, ._hint .project-participants__add-role, ._hint .permissions-chooser__menu__text, ._hint .partner-page__action-item, ._hint .object-chooser__up, ._hint .my-tasks__all-move, ._hint .my-tasks__move, ._hint .my-tasks__more-btn, ._hint .my-tasks__nav-item, ._hint .edit-extensions__settings-btn, ._hint .company-edit__cancel, ._hint .company-edit__back, ._hint .company-login__back, ._hint .button-select__cancel, ._hint .button-select__btn, ._hint .billing__prolong, ._hint .billing__add-users, ._hint .acc__other-os, ._hint .acc__os-variant, ._hint .acc__your-os-link, ._hint .notify-chooser-show-more, ._hint .prj-users-item__more-btn, ._hint .prj-item__archive-show, ._hint .prj-item__more-btn, ._hint .prj-users__xlsx, ._hint .prj__reg-link-setup, ._hint .prj__reg-link-txt, ._hint .prj__reg-link-delete, ._hint .prj__reg-link-save, ._hint .prj__reg-link-copy, ._hint .register__wait__link {
  color: #7dc4e8;
}

input._checkbox {
  display: none;
}

span._checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0;
  background: url("/img/icons/checkbox.svg");
  background-size: contain;
  cursor: pointer;
}

input._checkbox:checked + span._checkbox {
  background-image: url("/img/icons/checkbox-checked.svg");
  background-size: contain;
}

input[disabled]._checkbox + span._checkbox {
  background-image: url("/img/icons/checkbox-disabled.svg");
  background-size: contain;
}

input:checked._checkbox + span._checkbox._checkbox-gray {
  background-image: url("/img/icons/checkbox-checked-gray.svg");
  background-size: contain;
}

._table tbody,
._table tfoot,
._table thead {
  background: none;
  padding: 0;
  border: none;
}

._invisible {
  display: none;
}

._horizontal {
  display: flex;
  flex-direction: row;
}

._inline-flex {
  display: inline-flex;
}

._height-100-percent {
  height: 100%;
}

._huge-z-index {
  z-index: 99999999999;
  position: absolute;
  top: 0;
  right: 0;
}

#main-loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.loading, .stats-timeline__loading, .share-name-changer__wait, .project-participants__wait, .partner-withdraw-popup__loading, .partner-page__loading, .edit-extensions__loading, .company-login__loading {
  display: flex;
  align-items: center;
  justify-content: center;
}

@-webkit-keyframes fadeIn {
  0%, 45% {
    opacity: 1;
  }
  55%, 100% {
    opacity: 0;
  }
}

@keyframes fadeIn {
  0%, 45% {
    opacity: 1;
  }
  55%, 100% {
    opacity: 0;
  }
}
.loader .loader-blue-part {
  fill: #3f8bfd;
}
.loader .loader-orange-part {
  fill: #f2732b;
}
.loader .loader-blue-part, .loader .loader-orange-part {
  stroke-width: 0px;
}
.loader path.loader-blue-part {
  opacity: 1;
  -webkit-animation: fadeIn 0.8s infinite alternate;
          animation: fadeIn 0.8s infinite alternate;
  -webkit-animation-delay: calc(var(--i) * 0.02580645161s);
          animation-delay: calc(var(--i) * 0.02580645161s);
}
.loader path.loader-orange-part {
  opacity: 1;
  -webkit-animation: fadeIn 1s infinite alternate;
          animation: fadeIn 1s infinite alternate;
  -webkit-animation-delay: calc(var(--i) * 0.01666666667s);
          animation-delay: calc(var(--i) * 0.01666666667s);
}

canvas {
  image-rendering: optimize-contrast;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.clear-floating:after {
  content: "";
  display: block;
  clear: both;
}

._clear:after, .by-user__column__header__who:after, .stats-timeline__clear:after, .billing__clear:after {
  content: "";
  display: block;
  clear: both;
}

.close-icon, .chat-list-panel__search__results__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: url(/img/icons/icon-close-chat.svg) no-repeat 0 0/contain;
  cursor: pointer;
}

.close-icon:hover, .chat-list-panel__search__results__close:hover {
  background-image: url("/img/icons/icon-close-chat-hover.svg");
}

.close-icon:active, .chat-list-panel__search__results__close:active {
  background-image: url("/img/icons/icon-close-chat-pressed.svg");
}

/** Placeholder support for contenteditable */
[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block;
  color: #b8bfcf;
}

.blur {
  filter: blur(3px);
}

html,
body {
  margin: 0;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2b3541;
  position: relative;
  overflow: hidden;
}

select {
  border-radius: 2px;
  background-color: #f5f8fa;
  border-color: #b8bfcf;
}

p {
  margin-bottom: 0;
}

label {
  cursor: inherit;
}

.rich-img-link-img-hover {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.rich-img-link.hover:hover .rich-img-link-img-hover {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}
.rich-img-link.hover:hover .rich-img-link-img {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

div[wait-for-ng] {
  display: none;
}

.text-edit {
  position: relative;
  font-size: 14px;
}

.text-edit-shadow {
  padding: 2px 6px;
  font-family: inherit;
  width: 100%;
  display: block;
  color: transparent;
  min-height: 1.2em;
  line-height: 1.2em;
  white-space: pre-wrap;
  text-align: left;
}

textarea.text-edit-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1.2em;
  min-height: 1.2em;
  padding: 0px 6px;
  font-size: 1em;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  resize: none !important;
  overflow: hidden;
}

.drag-item_dragging {
  display: none !important;
}

.drag-click-hover {
  box-shadow: 0 0 20px 0 #d4901a !important;
}

.drag-click-active {
  box-shadow: 0 0 25px 0 #d92400 !important;
}

.message-box-cnt {
  transition: margin-top 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: fixed;
  background: #f5f8fa;
  z-index: 10000000000;
  top: 0;
  left: 50%;
  width: 400px;
  padding: 16px 36px 16px 24px;
  text-align: center;
  border-radius: 0 0 4px 4px;
  margin-left: -200px;
  box-shadow: 0 2px 20px -6px #2b3541;
  color: #fff;
  line-height: 1.3;
  text-shadow: 0 0 1px #4d566a;
}
.message-box-cnt i.fa {
  margin-right: 8px;
}

.message-box-modern-cnt {
  transition: margin-bottom 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: fixed;
  background: #f5f8fa;
  z-index: 10000000000;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 6px;
  text-align: center;
  box-shadow: 0 2px 20px -6px #2b3541;
  color: #fff;
  line-height: 20px;
  text-shadow: 0 0 1px #4d566a;
  font-size: 14px;
}
.message-box-modern-cnt i.fa {
  margin-right: 8px;
}

.message-box.fade .message-box-cnt {
  margin-top: -200px;
  opacity: 0.1;
  transform: scale(0.1);
}

.message-box-modern.fade .message-box-modern-cnt {
  margin-bottom: -200px;
  opacity: 0.1;
  transform: scale(0.1);
}

.message-box-success {
  background: #4da210;
}

.message-box-danger {
  background: #d92400;
}

.message-box-warning {
  background: #d4901a;
}

.message-box-close {
  height: 54px;
}

.register {
  font-size: 20px;
  text-align: center;
  background: #2b3541 no-repeat center;
  height: 100%;
  position: absolute;
  width: 100%;
}
.register__wait {
  background: #fff;
  width: 748px;
  height: 620px;
  border-radius: 8px;
  box-shadow: 0 1px 5px 0 rgba(43, 53, 65, 0.26);
  margin: -310px 0 0 -374px;
  top: 50%;
  position: absolute;
  left: 50%;
  border: 1px solid #b8bfcf;
  padding: 0 48px 32px;
  text-align: center;
}
.register__wait__header {
  width: 450px;
  height: 80px;
  border-bottom: 1px solid #b8bfcf;
  margin: 0 auto;
  padding: 0 16px 16px;
  overflow: hidden;
}
.register__wait__done-label {
  font-size: 15px;
  margin-top: 12px;
}
.register__wait__done-btn {
  font-size: 15px;
  margin-top: 8px;
}
.register__wait__progress-bar-cnt {
  width: 340px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid #dee1e9;
  background: #f5f8fa;
  margin: 24px auto 0;
  position: relative;
}
.register__wait__progress-bar {
  width: 20%;
  height: 14px;
  background: #61cc14;
  border-radius: 16px;
  transition: width 0.5s linear;
}
.register__wait__progress-num {
  position: absolute;
  left: 340px;
  margin-left: 8px;
  font-size: 15px;
  color: #b8bfcf;
  line-height: 16px;
  top: -1px;
}
.register__wait__progress-hint {
  color: #4d566a;
  font-size: 13px;
  line-height: 1.3;
  margin-top: 8px;
}
.register__wait__title {
  font-size: 22px;
  margin-top: 30px;
  line-height: 27px;
}
.register__wait__video {
  width: 652px;
  height: 368px;
  margin: 32px auto 0;
  background: rgba(43, 53, 65, 0.86);
  border-radius: 20px;
  border: 5.6px solid #2b3541;
  position: relative;
  overflow: hidden;
}
.register__wait__unmute-cnt {
  width: 100%;
  height: 100%;
  padding-top: 294px;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.register__wait__unmute {
  display: inline-block;
  padding: 8px 16px;
  background: #fff;
  box-shadow: 0 2px 14px 0 rgba(43, 53, 65, 0.27);
  border-radius: 31px;
  color: #2f97e6;
  border: 2px solid #2f97e6;
  font-size: 20px;
  line-height: 24px;
  cursor: pointer;
}
.register__wait__unmute-cnt:hover .register__wait__unmute {
  color: #1a74c7;
  border-color: #1a74c7;
}
.register__wait__link {
  font-size: 15px;
  margin-top: 32px;
}
.register__title {
  background: #f5f8fa;
  border-radius: 11px 11px 0 0;
  font-size: 21px;
  line-height: 48px;
  margin-bottom: 24px;
}
.register .login-form-input {
  float: right;
  margin-right: 109px;
  margin-left: 8px;
  text-align: left;
}
.register .login-form-input.fixed-input {
  font-weight: bold;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.register .login-form-field {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.register .login-form-field:after {
  content: "";
  display: block;
  clear: both;
}
.register .login-form-input,
.register .login-btn {
  width: 240px;
  max-width: 240px;
}
.register.login {
  background: no-repeat #2b3541 url(/img/reg/blurred-bg.jpg) 50% 0/cover;
}

.register-page-error {
  background: #fff;
  width: 320px;
  height: 100px;
  font-size: 18px;
  padding: 20px;
  border-radius: 3px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -180px;
}

.register-ava-view {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 100%;
  background: #ccc;
  border: 1px solid #aaa;
  font-size: 60px;
  line-height: 80px;
  color: #aaa;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.register-upload {
  font-size: 13px;
  margin-top: 4px;
}

.register .login-form {
  /* margin-top: 15px; */
}

.register .login-wnd {
  height: auto;
  padding-bottom: 24px;
  margin-top: -160px;
}

.register .login-title {
  font-size: 20px;
}

.register .login-btn.disabled, .register .login-btn.project-participants__save--disabled, .register .login-btn.company-edit__save--disabled, .register .login-btn.billing__pay-btn--disabled, .register .login-btn.add-company__submit--disabled {
  margin-bottom: 0;
}

.reg-form-step1 {
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  width: 240px;
  height: 165px;
  margin: 48px auto 0;
  padding: 10px 19px;
  background: #e8e9ea;
  border-radius: 4px;
  border: 1px solid #a6a6a6;
  position: relative;
  pointer-events: auto;
}

.reg-form-step2,
.reg-form-no-steps {
  width: 360px;
  height: 165px;
  margin: 48px auto 0;
  padding: 10px 19px;
  background: #e8e9ea;
  border-radius: 4px;
  border: 1px solid #a6a6a6;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  position: relative;
}

.reg-form-no-steps {
  height: 220px;
  pointer-events: auto;
}

.reg-form-step2 {
  transition: opacity 0.3s cubic-bezier(0.1, 0, 0, 1), transform 0.3s cubic-bezier(0.1, 0, 0, 1);
  margin: -165px auto 0;
  transform: translate(280px, 0) scale(0.7);
  opacity: 0;
  pointer-events: none;
}

.reg-form.step2 .reg-form-step1 {
  opacity: 0;
  transform: translate(-280px, 0) scale(0.7);
  pointer-events: none;
}

.reg-form.step2 .reg-form-step2 {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  pointer-events: auto;
}

.reg-form .reg-form-sign-up._button, .reg-form .reg-form-sign-up.repeat-view__open-tpl, .reg-form .reg-form-sign-up.repeat-view__btn, .reg-form .reg-form-sign-up.sticker-deadline-clear, .reg-form .reg-form-sign-up.prj-invite__mail-btn, .reg-form .reg-form-sign-up.prj-invite__chat-btn, .reg-form .reg-form-sign-up.stats-reports-task-list__more, .reg-form .reg-form-sign-up.stats-reports-edit__save, .reg-form .reg-form-sign-up.statistics__title-hint__btn, .reg-form .reg-form-sign-up.chat-description-save__button, .reg-form .reg-form-sign-up.chat-list__more, .reg-form .reg-form-sign-up.repeat-edit__stopped-btn, .reg-form .reg-form-sign-up.repeat-edit__create, .reg-form .reg-form-sign-up.project-participants__mail-btn, .reg-form .reg-form-sign-up.project-participants__save--disabled, .reg-form .reg-form-sign-up.project-participants__save, .reg-form .reg-form-sign-up.partner-withdraw-popup__btn, .reg-form .reg-form-sign-up.partner-page__manual-btn, .reg-form .reg-form-sign-up.my-tasks__add-private-btn, .reg-form .reg-form-sign-up.company-edit__save--disabled, .reg-form .reg-form-sign-up.company-edit__save, .reg-form .reg-form-sign-up.company-login__ok, .reg-form .reg-form-sign-up.company-login__enter-current, .reg-form .reg-form-sign-up.billing__pay-btn--disabled, .reg-form .reg-form-sign-up.billing__pay-btn, .reg-form .reg-form-sign-up.add-company__submit--disabled, .reg-form .reg-form-sign-up.add-company__submit, .reg-form .reg-form-sign-up.acc-logout, .reg-form .reg-form-sign-up.feedback__add-news, .reg-form .reg-form-sign-up.feedback__btn, .reg-form .reg-form-sign-up.register__wait__done-btn {
  padding: 2px 22px;
  text-align: center;
  display: block;
}

.ref-form-photo {
  position: absolute;
  width: 120px;
  text-align: center;
}

.reg-form-photo-sub {
  font-size: 12px;
  width: 95px;
  overflow: hidden;
  display: block;
  line-height: 14px;
  margin: 5px auto;
  color: #555;
}

.reg-form-photo-preview {
  background: #fff url("/img/empty-avatar@2x.png") center no-repeat;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: 0 auto;
  border: 1px solid #fff;
  background-size: cover;
}

.reg-form-step2 .reg-form-title {
  font-size: 20px;
  line-height: 25px;
}

.reg-form-right-cnt {
  width: 180px;
  position: absolute;
  left: 146px;
  margin-right: 10px;
}

.reg-form ._input, .reg-form .hours-minutes-input__input, .reg-form .prj-invite-field .text-edit, .prj-invite-field .reg-form .text-edit, .reg-form .prj-invite__mail-input, .reg-form .prj-invite__new-name, .reg-form .stats-reports-edit__title, .reg-form .share-popup__url-input, .reg-form .task-chat-list__search-input, .reg-form .message-item__pin-input, .reg-form .repeat-edit__template-name, .reg-form .project-participants__mail-input, .reg-form .partner-withdraw-popup__input, .reg-form .partner-page__input, .reg-form .my-tasks__add-private-input, .reg-form .input-control, .reg-form .billing__pay-input, .reg-form .billing__chooser__users-count, .reg-form .add-company__input, .reg-form .prj-users__search-query, .reg-form .prj__reg-link-input {
  height: 28px;
  line-height: 17px;
  font-size: 15px;
  margin-bottom: 10px;
  padding: 0 5px;
}

.reg-form-title {
  text-align: center;
  margin-bottom: 11px;
  font-size: 25px;
}

.reg-form-already-have-acc {
  font-size: 13px;
  margin-top: 10px;
  text-align: center;
  color: #555;
}

.reg-form-error {
  color: #d92400;
  text-align: center;
  font-size: 14px;
  position: absolute;
  background: #fff;
  padding: 7px 8px;
  border: 1px solid #e71a6e;
  border-radius: 2px;
  left: 50%;
  width: 200px;
  top: 100%;
  margin: 8px 0 0 -100px;
  box-shadow: 0 2px 20px -6px #000;
}

.reg-form-error-field {
  position: relative;
}

.reg-form-error-field ._input, .reg-form-error-field .hours-minutes-input__input, .reg-form-error-field .prj-invite-field .text-edit, .prj-invite-field .reg-form-error-field .text-edit, .reg-form-error-field .prj-invite__mail-input, .reg-form-error-field .prj-invite__new-name, .reg-form-error-field .stats-reports-edit__title, .reg-form-error-field .share-popup__url-input, .reg-form-error-field .task-chat-list__search-input, .reg-form-error-field .message-item__pin-input, .reg-form-error-field .repeat-edit__template-name, .reg-form-error-field .project-participants__mail-input, .reg-form-error-field .partner-withdraw-popup__input, .reg-form-error-field .partner-page__input, .reg-form-error-field .my-tasks__add-private-input, .reg-form-error-field .input-control, .reg-form-error-field .billing__pay-input, .reg-form-error-field .billing__chooser__users-count, .reg-form-error-field .add-company__input, .reg-form-error-field .prj-users__search-query, .reg-form-error-field .prj__reg-link-input {
  border: 1px solid #e71a6e;
}

.reg-form-error-field .reg-form-error {
  margin: 0;
  right: -210px;
  top: -4px;
  left: auto;
  color: #2b3541;
  line-height: 18px;
}

.reg-form-error-field .reg-form-error i {
  color: #e71a6e;
}

.reg-form-error-field .reg-form-error:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  z-index: 1;
  border-right: 6px solid #e71a6e;
  border-left: none;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  position: absolute;
  left: -6px;
  top: 10px;
}

.reg-form-error-field .reg-form-error:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  z-index: 1;
  border-right: 5px solid #fff;
  border-left: none;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  position: absolute;
  left: -5px;
  top: 11px;
}

.api-hide {
  display: none !important;
}

.proj-views {
  margin-left: -12px;
  height: 30px;
}

.proj-views:after {
  content: "";
  clear: both;
  display: block;
}

.proj-views-container {
  margin-bottom: -4px;
  height: 31px;
  display: flex;
  margin-left: 18px;
}

.view-item-placeholder {
  visibility: hidden;
  font-weight: 600;
  letter-spacing: -0.2px;
  word-spacing: 0.5px;
  display: inline-block;
}

.view-item {
  transition: color 0.3s ease;
  position: relative;
  color: #b8bfcf;
  padding: 0 30px 0;
  display: flex;
  white-space: nowrap;
  cursor: pointer;
  margin-right: -30px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 30px;
  float: left;
  height: 30px;
  box-sizing: border-box;
}

.view-item:hover {
  color: #edf2f5;
}

.view-item.active {
  color: #edf2f5;
  cursor: default;
  height: 31px;
  margin-bottom: -1px;
  z-index: 20000 !important;
}

.view-item.view-item_add {
  height: 31px;
  background: url("/img/icons/icon-add-board.svg") no-repeat 0 50%;
  margin: 0 0 0 24px;
  cursor: pointer;
  display: inline-block;
}

.view-item.view-item_add:hover {
  background-image: url("/img/icons/icon-add-board-hover.svg");
}

.view-item.view-item_add:active {
  background-image: url("/img/icons/icon-add-board-pressed.svg");
}

.view-item-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  pointer-events: none;
  visibility: visible;
  background-repeat: no-repeat !important;
  background-size: 100% 31px !important;
}

.view-item-bg.active {
  visibility: hidden;
}

.view-item-bg.active.dragged {
  background-size: 100% 40px !important;
}

.view-item.active .view-item-bg {
  visibility: hidden;
}

.view-item.active .view-item-bg.active {
  visibility: visible;
}

.view-item .view-item-bg.active.dragged {
  visibility: visible;
  opacity: 0;
  height: 40px;
}

.drag-list__ghost .view-item .view-item-bg.active.dragged {
  opacity: 1;
}

.view-item.drag-click-hover {
  box-shadow: none !important;
  color: #d4901a !important;
}

.view-item.drag-click-active {
  box-shadow: none !important;
  color: #d92400 !important;
}

.view-item-settings {
  padding-left: 6px;
  margin-left: 2px;
  line-height: 15px;
  color: #b8bfcf;
  cursor: pointer;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: arial, sans-serif;
  width: 24px;
}
.view-item-settings .dropdown-menu__button {
  right: 22px;
}

.view-item-settings:hover,
.view-item-settings.active {
  color: #fff;
}

.view-item-settings-wnd {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  padding: 7px;
  border-radius: 4px;
  left: -120px;
  margin-top: 5px;
  box-shadow: 0 1px 20px -4px #2b3541;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}

.proj-views-move-container {
  z-index: 56;
  margin: 8px 8px 8px -60px;
}

.view-item-settings-wnd.fix {
  left: -75px;
}

.view-item-settings-wnd.fix:before {
  left: 81px;
}

.view-item-add-input,
.view-item-add-input:focus {
  height: 19px;
  line-height: 19px;
  margin-top: 6px;
  margin-right: 4px;
  font-size: 15px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.15);
  width: 138px;
  border: none;
  display: block;
  float: left;
  color: #fff;
  box-shadow: none;
}

.view-item-add-input::-webkit-input-placeholder {
  color: #80899e;
}

.view-item-add-input:-moz-input-placeholder {
  color: #80899e;
}

.view-item-add-input::-moz-input-placeholder {
  color: #80899e;
}

.view-item-add-input:-ms-input-placeholder {
  color: #80899e;
}

.view-item-add-ok {
  width: 15px;
  height: 15px;
  cursor: pointer;
  background: url("/img/icons/icon-okay-color.svg") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-top: 7px;
  margin-left: 4px;
}

.view-item-add-ok:hover {
  background: url("/img/icons/icon-okay-color-hover.svg") no-repeat;
}

.view-item-add-ok:active {
  background: url("/img/icons/icon-okay-color-pressed.svg") no-repeat;
}

.view-item-text {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.view-item.active .view-item-text {
  font-weight: 600;
  letter-spacing: -0.21px;
  word-spacing: 0.5px;
  text-shadow: 0 0 1px #2b3541;
}

.view-item-settings-wnd:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  left: 126px;
}

.view-item-settings-title {
  border: 1px solid #b8bfcf !important;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  width: 160px;
  border-radius: 3px;
  font-weight: normal;
  margin: 0;
  display: inline-block;
  box-shadow: none !important;
}

.view-item-settings-save {
  display: inline-block;
  font-size: 12px;
  height: 24px;
  vertical-align: top;
  line-height: 20px;
  margin-top: 1px;
  margin-left: 4px;
}

.view-item-settings-cancel {
  display: inline-block;
  color: #2b3541;
  margin-left: 2px;
}

.view-item.active .view-item-settings:hover {
  color: #fff;
}

.view-item-count {
  position: absolute;
  color: #b8bfcf;
  font-size: 12px;
  text-align: center;
  width: 100%;
  left: 0;
  top: 24px;
}

.proj-task-view-title {
  color: #2b3541;
  margin: 9px 0 13px;
  font-size: 19px;
  font-weight: 600;
  margin-left: 28px;
}

.proj-views-descr {
  font-weight: 600;
  font-size: 11px;
  margin: 10px 0 0;
  line-height: 13px;
  color: #2b3541;
}

.view-item-new-tasks {
  letter-spacing: 0;
  font-weight: 600;
  position: absolute;
  top: -4px;
  font-size: 9px;
  right: 15px;
  border-radius: 20px;
  padding: 0 3px;
  line-height: 12px;
  border: 1px solid transparent;
  background: #e71a6e;
  color: #fff;
}

.column-chooser {
  background: #fff;
  font-size: 15px;
  box-shadow: 0 2px 16px -4px #2b3541;
  color: #2b3541;
  width: 220px;
  position: relative;
  margin-bottom: 10px;
  border-radius: 4px;
  overflow: hidden;
}
.column-chooser__title-text {
  display: inline;
}

.column-chooser-title {
  padding: 8px 16px;
  border-bottom: 1px solid #b8bfcf;
  font-weight: 600;
  background: #f5f8fa;
  line-height: 16px;
}

.column-chooser-up {
  font-weight: normal;
  font-size: 13px;
  float: right;
}

.column-chooser-item-list {
  max-height: 220px;
  min-height: 120px;
  overflow: auto;
}

.column-chooser-item {
  padding: 8px 16px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.column-chooser-item:hover {
  background: #2f97e6;
  color: #fff;
}
.column-chooser-item--option:hover {
  background: #fff;
  color: #2b3541;
}
.column-chooser-item__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 170px;
  display: inline-block;
  vertical-align: bottom;
  font-size: 13px;
}
.column-chooser-item__empty {
  margin: 16px;
  line-height: 1.3;
  font-size: 14px;
  text-align: center;
  color: #80899e;
}

.column-chooser-item span._checkbox {
  margin: 2px 4px -2px 0;
}

.column-chooser-actions {
  padding: 8px 16px;
  font-size: 13px;
  text-align: center;
  border-top: 1px solid #b8bfcf;
  background: #f5f8fa;
}

.column-chooser-submit {
  display: inline-block;
}

.column-chooser-cancel._link, .column-chooser-cancel.repeat-view__open-all, .column-chooser-cancel.sticker-deadline__toggle-start-link, .column-chooser-cancel.prj-invite__card-toggle-admin-btn, .column-chooser-cancel.prj-invite__card-remove-btn, .column-chooser-cancel.prj-invite__mail-btn2, .column-chooser-cancel.prj-invite__link-copy, .column-chooser-cancel.prj-invite__add-btn, .column-chooser-cancel.prj-invite__limit-btn, .column-chooser-cancel.timeline__more-btn, .column-chooser-cancel.stats-reports__dashboard-add, .column-chooser-cancel.stats-reports__back, .column-chooser-cancel.stats-reports__toggle-view, .column-chooser-cancel.stats-reports__xlsx, .column-chooser-cancel.stats-reports__edit, .column-chooser-cancel.stats-reports-table__prev, .column-chooser-cancel.stats-reports-table__next, .column-chooser-cancel.stats-reports-edit__delete, .column-chooser-cancel.stats-reports-edit__cancel, .column-chooser-cancel.stats-aggregated-report__add-column-btn, .column-chooser-cancel.stats-aggregated-report__back, .column-chooser-cancel.stats-aggregated-report__xlsx, .column-chooser-cancel.stats-reports-schedule__add, .column-chooser-cancel.statistics__nav-item, .column-chooser-cancel.by-user-column-stage__more-btn, .column-chooser-cancel.share-name-changer__change-btn, .column-chooser-cancel.share-name-changer__save, .column-chooser-cancel.task-info__move-to-board, .column-chooser-cancel.task-info__location-item, .column-chooser-cancel.chat-description-save__cancel, .column-chooser-cancel.chat-description-add, .column-chooser-cancel.task-chat-list__single-hint__link, .column-chooser-cancel.task-chat-list__empty-hint__link, .column-chooser-cancel.repeat-edit__action, .column-chooser-cancel.repeat-edit__col-name, .column-chooser-cancel.project-role__add, .column-chooser-cancel.project-participants__copy-role, .column-chooser-cancel.project-participants__add-role, .column-chooser-cancel.permissions-chooser__menu__text, .column-chooser-cancel.partner-page__action-item, .column-chooser-cancel.object-chooser__up, .column-chooser-cancel.my-tasks__all-move, .column-chooser-cancel.my-tasks__move, .column-chooser-cancel.my-tasks__more-btn, .column-chooser-cancel.my-tasks__nav-item, .column-chooser-cancel.edit-extensions__settings-btn, .column-chooser-cancel.company-edit__cancel, .column-chooser-cancel.company-edit__back, .column-chooser-cancel.company-login__back, .column-chooser-cancel.button-select__cancel, .column-chooser-cancel.button-select__btn, .column-chooser-cancel.billing__prolong, .column-chooser-cancel.billing__add-users, .column-chooser-cancel.acc__other-os, .column-chooser-cancel.acc__os-variant, .column-chooser-cancel.acc__your-os-link, .column-chooser-cancel.notify-chooser-show-more, .column-chooser-cancel.prj-users-item__more-btn, .column-chooser-cancel.prj-item__archive-show, .column-chooser-cancel.prj-item__more-btn, .column-chooser-cancel.prj-users__xlsx, .column-chooser-cancel.prj__reg-link-setup, .column-chooser-cancel.prj__reg-link-txt, .column-chooser-cancel.prj__reg-link-delete, .column-chooser-cancel.prj__reg-link-save, .column-chooser-cancel.prj__reg-link-copy, .column-chooser-cancel.register__wait__link {
  display: inline;
  margin-left: 6px;
  color: #80899e;
}

.column-chooser-count {
  font-size: 12px;
  color: #80899e;
  text-align: center;
  margin: 0 0 8px;
}

.loggedin-page--projects .loggedin-bg {
  filter: saturate(0.7);
}

.prj {
  display: flex;
  background: rgba(255, 255, 255, 0.7);
  flex-direction: column;
  position: absolute;
  height: 100%;
  min-width: 100%;
  width: 100%;
  z-index: 6;
  overflow: auto;
}
.prj:after {
  content: "";
  display: block;
  clear: both;
}
.prj__cnt {
  margin: 0 24px 48px;
  max-width: 1090px;
  min-width: 720px;
}
.prj__help {
  position: absolute;
  top: 16px;
  right: 16px;
}
.prj__title {
  position: relative;
  font-size: 16px;
  padding: 10px 8px 24px 48px;
  cursor: default;
  height: 61px;
  min-height: 61px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  background: #2b3541;
  color: #fff;
  border-bottom: 1px solid #b8bfcf;
  min-width: 760px;
}
.prj__title .help {
  vertical-align: top;
  margin-top: 2px;
  margin-left: 4px;
}
.prj__title .text-edit {
  display: inline-block;
  font-size: inherit;
  height: 27px;
  margin-top: -1px;
  margin-bottom: -2px;
  overflow: hidden;
  vertical-align: bottom;
  background: #80899e;
  border: 1px solid #b8bfcf;
  border-radius: 2px;
  white-space: nowrap;
  min-width: 160px;
}
.prj__title .text-edit-input {
  line-height: 20px;
  color: #fff;
  padding: 2px 6px;
}
.prj__title-label {
  display: inline-block;
  line-height: 24px;
  vertical-align: top;
}
.prj__subtitle {
  color: #4d566a;
  margin: 0 0 24px;
  line-height: 24px;
  font-size: 16px;
  cursor: default;
  font-weight: 600;
  padding-right: 16px;
}
.prj__line-hint {
  width: 24px;
  height: 24px;
  background: no-repeat url(/img/main-menu/help.svg) center/contain;
  cursor: help;
}
.prj__hint {
  background: #fff;
  border-radius: 8px;
  padding: 8px 16px;
  margin: 16px 0 24px;
  box-shadow: 0 1px 6px -4px #2b3541;
  max-width: 660px;
}
.prj__you-blocked-hint {
  background: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid #d92400;
  margin-top: 32px;
}
.prj__projects {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  background: #fff;
  padding: 16px 24px;
  border: 1px solid #b8bfcf;
  border-radius: 4px;
  margin: 24px 24px 0 0;
  position: relative;
}
.prj__invite {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.prj__users-and-groups {
  overflow: hidden;
  flex: 660px 1 0;
}
.prj__users {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  background: #fff;
  padding: 16px 24px;
  border: 1px solid #b8bfcf;
  border-radius: 4px;
  margin: 24px 24px 0 0;
  position: relative;
}
.prj__permissions {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  background: #fff;
  padding: 16px 24px;
  border: 1px solid #b8bfcf;
  border-radius: 4px;
  margin: 24px 24px 0 0;
  position: relative;
}
.prj__departments {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  background: #fff;
  padding: 16px 24px;
  border: 1px solid #b8bfcf;
  border-radius: 4px;
  margin: 24px 24px 0 0;
  position: relative;
}
.prj__reg-link {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  background: #fff;
  padding: 16px 24px;
  border: 1px solid #b8bfcf;
  border-radius: 4px;
  margin: 24px 24px 0 0;
  flex: 10px 1 0;
  min-width: 370px;
  align-self: flex-start;
  position: relative;
}
.prj__reg-link-label {
  color: #80899e;
  display: flex;
  align-items: center;
  color: #4d566a;
  font-size: 12px;
  cursor: default;
}
.prj__reg-link-copy {
  margin-left: 8px;
  font-size: 13px;
}
.prj__reg-link-val {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.prj__reg-link-save {
  margin-left: 8px;
}
.prj__reg-link-delete {
  color: #d92400;
  margin-left: 4px;
}
.prj__reg-link-not-empty {
  padding: 0 8px;
  border-radius: 2px;
  background: #f5f8fa;
  border: 1px solid #b8bfcf;
}
.prj__reg-link-txt {
  color: #2b3541;
  font-size: 14px;
}
.prj__reg-link-empty {
  color: #80899e;
}
.prj__reg-link-setup {
  margin-top: 8px;
  font-size: 14px;
}
.prj__reg-link-hint {
  position: absolute;
  width: 24px;
  height: 24px;
  background: no-repeat url(/img/main-menu/help.svg) center/contain;
  cursor: help;
  top: 19px;
  right: 8px;
}
.prj__reg-link-actions {
  margin-top: 8px;
}
.prj__reg-link-error {
  color: #d92400;
  line-height: 1.3;
  margin-top: 8px;
  font-size: 14px;
}
.prj__edit-company-icon {
  background: no-repeat center/20px;
  background-image: url(/img/actions/edit.svg);
  width: 28px;
  height: 28px;
  cursor: pointer;
  margin-left: 8px;
}
.prj__edit-company-icon:hover {
  background-image: url(/img/actions/edit-hover.svg);
}
.prj__edit-company-icon:active {
  background-image: url(/img/actions/edit-active.svg);
}
.icon-container:hover > .prj__edit-company-icon {
  background-image: url(/img/actions/edit-hover.svg);
}
.icon-container:active > .prj__edit-company-icon {
  background-image: url(/img/actions/edit-active.svg);
}
.prj__settings-company-icon {
  background: no-repeat center/16px;
  background-image: url(/img/permissions/settings.svg);
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.prj__settings-company-icon:hover {
  background-image: url(/img/permissions/settings-hover.svg);
}
.prj__settings-company-icon:active {
  background-image: url(/img/permissions/settings-active.svg);
}
.icon-container:hover > .prj__settings-company-icon {
  background-image: url(/img/permissions/settings-hover.svg);
}
.icon-container:active > .prj__settings-company-icon {
  background-image: url(/img/permissions/settings-active.svg);
}
.prj__projects-list {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 0 0;
}
.prj__list-item .user-chooser .notify-chooser .user-avatar {
  font-size: 11px;
  line-height: 22px;
  width: 22px;
  height: 22px;
}
.prj__list-item .notify-chooser-add {
  background: url("/img/icons/add.svg") no-repeat 50% 50%/18px;
}
.prj__list-item .notify-chooser-add:hover {
  background-image: url("/img/icons/add-hover.svg");
}
.prj__list-item .notify-chooser-add:active,
.prj__list-item .notify-chooser.expanded .notify-chooser-add:active {
  background-image: url("/img/icons/add-active.svg");
}
.prj__list-item .user-chooser .notify-chooser-subscribed {
  margin-right: 4px;
  margin-bottom: 4px;
}
.prj__new-proj {
  width: 240px;
  border: 1px solid #b8bfcf;
  border-radius: 3px;
  background: #f5f8fa;
  padding: 4px 12px 0;
  margin-bottom: -2px;
}
.prj__user-projects {
  color: #b8bfcf;
  font-size: 12px;
  display: inline-block;
  line-height: 16px;
  margin-left: 8px;
  flex: 1 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prj__user-cnt {
  display: flex;
  align-items: center;
  position: relative;
}
.prj__user-cnt .highlighted {
  color: #2f97e6;
  background: #fbf5c5;
}
.prj__users-hline {
  border-top: 1px solid #b8bfcf;
  margin: 16px 0 16px 32px;
}
.prj__not-distributed {
  color: #d92400;
  font-weight: 600;
  margin-top: 8px;
  font-size: 14px;
}
.prj__user-deps {
  color: #4d566a;
  flex: 1 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 8px;
}
.prj__user-position {
  color: #4d566a;
  flex: 0 0 120px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prj__user-email {
  color: #4d566a;
  flex: 0 0 120px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
}

.prj-add-user-btn {
  width: 22px;
  height: 22px;
  background: url(/img/icons/add-user/add-user-blue.svg) no-repeat center/18px;
  vertical-align: top;
  display: inline-block;
}
.prj-add-user-btn:hover {
  background-image: url(/img/icons/add-user/add-user-blue-hover.svg);
}
.prj-add-user-btn:active {
  background-image: url(/img/icons/add-user/add-user-blue-active.svg);
}

.prj-blocked {
  font-size: 13px;
  margin-left: 2px;
  position: absolute;
  right: 0;
  background: #d92400;
  color: #fff;
  padding: 2px 8px;
  border-radius: 4px;
  width: 120px;
  text-align: center;
  top: -2px;
  pointer-events: none;
}

.prj-list {
  padding: 0 16px 64px 32px;
  min-width: 620px;
  max-width: 1000px;
  flex: 1 0;
}
.prj-list__add {
  margin: 0 0 16px;
  line-height: 24px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

.prj-menu {
  display: inline-block;
  margin-left: 6px;
  font-size: 17px;
  position: relative;
  line-height: 32px;
}

.prj-menu-icon {
  cursor: pointer;
  vertical-align: text-bottom;
}

.prj-menu-wnd {
  position: absolute;
  z-index: 100;
  background: #fff;
  top: 28px;
  left: -6px;
  line-height: 24px;
  padding: 8px;
  border-radius: 2px;
  box-shadow: 0 2px 15px -7px #2b3541;
}

.prj-menu-item {
  cursor: pointer;
  border-radius: 2px;
  padding: 0 8px;
  font-size: 15px;
}

.prj-menu-item:hover {
  background: #2f97e6;
  color: #fff;
}

.prj-users-invite-link._link, .prj-users-invite-link.repeat-view__open-all, .prj-users-invite-link.sticker-deadline__toggle-start-link, .prj-users-invite-link.prj-invite__card-toggle-admin-btn, .prj-users-invite-link.prj-invite__card-remove-btn, .prj-users-invite-link.prj-invite__mail-btn2, .prj-users-invite-link.prj-invite__link-copy, .prj-users-invite-link.prj-invite__add-btn, .prj-users-invite-link.prj-invite__limit-btn, .prj-users-invite-link.timeline__more-btn, .prj-users-invite-link.stats-reports__dashboard-add, .prj-users-invite-link.stats-reports__back, .prj-users-invite-link.stats-reports__toggle-view, .prj-users-invite-link.stats-reports__xlsx, .prj-users-invite-link.stats-reports__edit, .prj-users-invite-link.stats-reports-table__prev, .prj-users-invite-link.stats-reports-table__next, .prj-users-invite-link.stats-reports-edit__delete, .prj-users-invite-link.stats-reports-edit__cancel, .prj-users-invite-link.stats-aggregated-report__add-column-btn, .prj-users-invite-link.stats-aggregated-report__back, .prj-users-invite-link.stats-aggregated-report__xlsx, .prj-users-invite-link.stats-reports-schedule__add, .prj-users-invite-link.statistics__nav-item, .prj-users-invite-link.by-user-column-stage__more-btn, .prj-users-invite-link.share-name-changer__change-btn, .prj-users-invite-link.share-name-changer__save, .prj-users-invite-link.task-info__move-to-board, .prj-users-invite-link.task-info__location-item, .prj-users-invite-link.chat-description-save__cancel, .prj-users-invite-link.chat-description-add, .prj-users-invite-link.task-chat-list__single-hint__link, .prj-users-invite-link.task-chat-list__empty-hint__link, .prj-users-invite-link.repeat-edit__action, .prj-users-invite-link.repeat-edit__col-name, .prj-users-invite-link.project-role__add, .prj-users-invite-link.project-participants__copy-role, .prj-users-invite-link.project-participants__add-role, .prj-users-invite-link.permissions-chooser__menu__text, .prj-users-invite-link.partner-page__action-item, .prj-users-invite-link.object-chooser__up, .prj-users-invite-link.my-tasks__all-move, .prj-users-invite-link.my-tasks__move, .prj-users-invite-link.my-tasks__more-btn, .prj-users-invite-link.my-tasks__nav-item, .prj-users-invite-link.edit-extensions__settings-btn, .prj-users-invite-link.company-edit__cancel, .prj-users-invite-link.company-edit__back, .prj-users-invite-link.company-login__back, .prj-users-invite-link.button-select__cancel, .prj-users-invite-link.button-select__btn, .prj-users-invite-link.billing__prolong, .prj-users-invite-link.billing__add-users, .prj-users-invite-link.acc__other-os, .prj-users-invite-link.acc__os-variant, .prj-users-invite-link.acc__your-os-link, .prj-users-invite-link.notify-chooser-show-more, .prj-users-invite-link.prj-users-item__more-btn, .prj-users-invite-link.prj-item__archive-show, .prj-users-invite-link.prj-item__more-btn, .prj-users-invite-link.prj-users__xlsx, .prj-users-invite-link.register__wait__link, .prj-users-invite-link.prj__reg-link-copy, .prj-users-invite-link.prj__reg-link-save, .prj-users-invite-link.prj__reg-link-delete, .prj-users-invite-link.prj__reg-link-txt, .prj-users-invite-link.prj__reg-link-setup {
  display: inline-block;
}

.prj-list-plus-icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url("/img/icons/add.svg") no-repeat 0 0/18px;
  vertical-align: bottom;
  margin-left: 3px;
  margin-right: 3px;
}

.dashboard-icon-cnt {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 4px;
  font-size: 14px;
}

.dashboard-icon-cnt:hover .prj-list-plus-icon {
  background-image: url("/img/icons/add-hover.svg");
}

.dashboard-icon-cnt:active .prj-list-plus-icon {
  background-image: url("/img/icons/add-active.svg");
}

.prj-users .dashboard-icon-cnt {
  margin: 0 0 8px -12px;
}
.prj-users__header {
  display: flex;
  font-size: 11px;
  color: #4d566a;
  margin-top: 16px;
  margin-bottom: 8px;
}
.prj-users__header-name {
  margin-left: 32px;
  flex: 0 0 216px;
}
.prj-users__header-position {
  flex: 0 0 128px;
}
.prj-users__header-email {
  flex: 0 0 128px;
}
.prj-users__search {
  display: flex;
  margin: 24px 0 0 0;
  font-size: 15px;
}
.prj-users__search-query {
  height: 24px;
}
.prj-users__xlsx {
  background: url("/img/icons/icon-excel-file.svg") no-repeat 0 50%/16px;
  padding-left: 18px;
  margin-left: 24px;
  font-size: 14px;
}

.prj__list-item {
  background: #f5f8fa;
  position: relative;
  margin: 0 8px 8px 0;
  border-radius: 4px;
  line-height: 24px;
  cursor: pointer;
  border: 1px solid #b8bfcf;
}
.prj__list-item.dragged {
  opacity: 0 !important;
}
.prj__list-item.dragged ._hint {
  display: none;
}
.prj__list-item:hover .prj-list-drag-wrapper__icon {
  opacity: 1;
}
.prj__list-item.alien {
  opacity: 0.4;
}
.prj__list-item:hover {
  box-shadow: 0 1px 6px -4px #000;
}
.prj__list-item:hover, .prj__list-item.ownership, .prj__list-item.edited {
  opacity: 1;
}
.prj__list-item.new {
  padding: 8px 16px;
  border-color: #b8bfcf !important;
}
.prj__list-item.new textarea.text-edit-input {
  line-height: 1.4em;
}

.prj-list-drag-wrapper {
  width: 192px;
  height: 106px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  background: #f5f8fa;
  border-radius: 4px;
  position: relative;
}
.prj-list-drag-wrapper__button {
  width: 32px;
  position: absolute;
  right: 2px;
  top: 4px;
}
.prj-list-drag-wrapper__button__content {
  margin-left: 1px;
}
.prj-list-drag-wrapper__button__content.dropdown-menu__button {
  z-index: 20;
}
.prj-list-drag-wrapper__button .dropdown-menu__dropdown {
  margin-left: -135px;
}
.prj-list-drag-wrapper__icon {
  opacity: 0;
  width: 24px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 4px;
  background: no-repeat 0 4px;
  background-image: url(/img/gtd/drag.svg);
  cursor: move;
}
.prj-list-drag-wrapper__icon:hover {
  background-image: url(/img/gtd/drag-hover.svg);
}
.prj-list-drag-wrapper__icon:active {
  background-image: url(/img/gtd/drag-active.svg);
}
.icon-container:hover > .prj-list-drag-wrapper__icon {
  background-image: url(/img/gtd/drag-hover.svg);
}
.icon-container:active > .prj-list-drag-wrapper__icon {
  background-image: url(/img/gtd/drag-active.svg);
}
.prj-list-drag-wrapper__icon ._hint._hint-bottom {
  top: 30px;
  left: 2px;
  width: 240px;
}
.prj-list-drag-wrapper .user-chooser {
  height: 22px;
}

.prj-users-sep {
  height: 1px;
}

.prj-item__more {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 192px;
  height: 106px;
  box-sizing: content-box;
  margin: 0 8px 8px 0;
  font-size: 14px;
  text-align: center;
  line-height: 1.8;
}
.prj-item__archive {
  width: 100%;
  margin-top: 24px;
  font-size: 14px;
}
.prj-item__archive .help {
  margin: 2px 0 -2px 8px;
}
.prj-item__archive-show {
  margin-left: 8px;
}
.prj-item__archive-list {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
}
.prj-item__for-admin-help {
  width: 24px;
  height: 24px;
  background: no-repeat url(/img/main-menu/help.svg) center/contain;
  cursor: help;
  display: inline-block;
  margin-bottom: -7px;
}

.prj-item-left {
  overflow: hidden;
  padding-right: 24px;
  flex: 1 1;
}

.prj-item-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.prj-item-right .notify-chooser {
  cursor: inherit;
}
.prj-item-right .user-chooser .notify-chooser {
  margin-top: 3px;
}
.prj-item-right .notify-chooser-subscribed {
  margin-bottom: 0;
}

.prj.ownership .prj-item-actions {
  display: none;
}
.prj.ownership .prj-list-item {
  background: #f5f8fa;
  border: 1px solid #b8bfcf;
  cursor: default;
}
.prj.ownership .prj-list-item.ownership {
  background: #fff;
}
.prj.ownership .prj-list-item.ownership:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-right: 6px solid #b8bfcf;
  border-left: none;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  right: -31px;
  top: 38px;
}
.prj.ownership .prj-list-item.ownership:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-right: 6px solid #fff;
  border-left: none;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  right: -32px;
  top: 38px;
}
.prj.ownership .prj-users {
  background: #fff;
}
.prj.ownership .prj-users-actions {
  display: none !important;
}

.prj-list-item.ownership,
.prj-list-item.edited {
  background: #fff;
}

.prj-list-item .text-edit {
  font-size: 17px;
  margin-left: -6px;
}

.prj-list-item-title {
  color: #2b3541;
  cursor: pointer;
}

.prj-list-item-title-text {
  font-size: 14px;
  line-height: 19px;
  color: #2b3541;
  max-height: 60px;
  overflow: hidden;
  font-weight: normal;
}

.prj-item-actions {
  display: inline-block;
  margin-left: 4px;
  visibility: hidden;
  line-height: 16px;
}

.prj-list-item:hover .prj-item-actions {
  visibility: visible;
}

.prj-item-actions .task-action {
  display: inline-block;
}

.prj-users-item {
  font-size: 14px;
  line-height: 24px;
  cursor: default;
  margin: 0 -8px;
  padding: 4px 8px;
  border-radius: 4px;
}
.prj-users-item:nth-child(even) {
  background-color: #f5f8fa;
}
.prj-users-item:hover {
  background: #ebeef0;
}
.prj-users-item--admin .user-name:after {
  content: "";
  display: inline-block;
  background-image: url(/img/icons/admin-active.svg);
  margin-left: 4px;
}
.prj-users-item__more {
  display: flex;
  font-size: 14px;
  margin: 16px 0 0;
  color: #4d566a;
}
.prj-users-item__more-btn {
  margin-left: 8px;
}
.prj-users-item .user-avatar {
  margin-right: 6px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 11px;
  border: 1px solid #fff;
  vertical-align: top;
}
.prj-users-item .user-name {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  max-width: 100%;
}
.prj-users-item .user-avatar.disallowed {
  border-color: #d92400;
}
.prj-users-item .user-name.disallowed {
  color: #d92400;
}

.dashboard-user-avatar-cnt {
  display: inline-block;
}

.prj-users-item user-name {
  flex: 0 0 200px;
  overflow: hidden;
  margin-right: 16px;
}

.prj-users-draggable .user-avatar {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

.prj-users-item-cnt {
  border-radius: 24px;
  height: 24px;
}

.prj-users-draggable:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.prj-users-delete {
  background: 0 50% no-repeat;
  background-image: url(/img/actions/delete.svg);
  margin-left: 8px;
  cursor: pointer;
  float: left;
  line-height: 24px;
  height: 24px;
  width: 24px;
}
.prj-users-delete:hover {
  background-image: url(/img/actions/delete-hover.svg);
}
.prj-users-delete:active {
  background-image: url(/img/actions/delete-active.svg);
}
.icon-container:hover > .prj-users-delete {
  background-image: url(/img/actions/delete-hover.svg);
}
.icon-container:active > .prj-users-delete {
  background-image: url(/img/actions/delete-active.svg);
}

.prj-users-start-chat {
  background: no-repeat center;
  background-image: url(/img/actions/messages.svg);
  line-height: 24px;
  height: 24px;
  width: 24px;
  float: left;
  cursor: pointer;
}
.prj-users-start-chat:hover {
  background-image: url(/img/actions/messages-hover.svg);
}
.prj-users-start-chat:active {
  background-image: url(/img/actions/messages-active.svg);
}
.icon-container:hover > .prj-users-start-chat {
  background-image: url(/img/actions/messages-hover.svg);
}
.icon-container:active > .prj-users-start-chat {
  background-image: url(/img/actions/messages-active.svg);
}
.prj-users-start-chat:hover {
  border-color: #2f97e6;
}
.prj-users-start-chat:active {
  border-color: #2b3541;
}

.prj-users-toggle-admin {
  background: no-repeat center;
  background-image: url(/img/projects/admin.svg);
  line-height: 24px;
  height: 24px;
  width: 24px;
  float: left;
  cursor: pointer;
}
.prj-users-toggle-admin:hover {
  background-image: url(/img/projects/admin-hover.svg);
}
.prj-users-toggle-admin:active {
  background-image: url(/img/projects/admin-active.svg);
}
.icon-container:hover > .prj-users-toggle-admin {
  background-image: url(/img/projects/admin-hover.svg);
}
.icon-container:active > .prj-users-toggle-admin {
  background-image: url(/img/projects/admin-active.svg);
}
.prj-users-toggle-admin--unadmin {
  background-image: url(/img/projects/unadmin.svg);
}
.prj-users-toggle-admin--unadmin:hover {
  background-image: url(/img/projects/unadmin-hover.svg);
}
.prj-users-toggle-admin--unadmin:active {
  background-image: url(/img/projects/unadmin-active.svg);
}
.icon-container:hover > .prj-users-toggle-admin--unadmin {
  background-image: url(/img/projects/unadmin-hover.svg);
}
.icon-container:active > .prj-users-toggle-admin--unadmin {
  background-image: url(/img/projects/unadmin-active.svg);
}

.prj-users-actions {
  float: right;
  display: none;
}

.prj-users-item:hover .prj-users-actions {
  display: block;
}

.prj-users {
  font-size: 15px;
  border-left: 1px solid #b8bfcf;
  padding: 0 16px 64px 32px;
  flex: 1 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.prj-users-invite-ch {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  line-height: 20px;
  font-size: 13px;
  cursor: pointer;
  color: #2b3541;
  overflow: hidden;
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 170px;
}

.prj-users-invite-ch ._checkbox {
  vertical-align: sub;
  margin-right: 2px;
}

.prj-users-invite-projects-item {
  width: 170px;
  float: left;
  line-height: 16px;
  position: relative;
  margin: 0 4px 4px 0;
}

.prj-users-invite-projects-title-ch {
  display: inline-block;
  font-size: 17px;
  line-height: 24px;
  vertical-align: middle;
}

.prj-users-invite-projects-title {
  display: inline-block;
  color: #4d566a;
  font-size: 17px;
  line-height: 24px;
  margin-left: 2px;
  cursor: default;
}

.prj-users-invite-projects {
  margin-bottom: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.prj-users-invite-projects:after {
  content: "";
  display: block;
  clear: both;
}

.prj-users-invite-head {
  background: #f5f8fa;
  margin: -10px -10px 4px;
  padding: 3px 10px;
  font-size: 15px;
}

.prj-users-invite-cnt {
  padding: 10px;
  border-radius: 2px;
  position: absolute;
  background: #fff;
  z-index: 5;
  border: 1px solid #b8bfcf;
  top: 37px;
  left: -1px;
  width: 330px;
  box-shadow: 0 2px 15px -6px #2b3541;
}

.prj-users-invite-cnt:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #b8bfcf;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  left: 13px;
}

.prj-users-invite-cnt:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 4px solid #f5f8fa;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -4px;
  left: 14px;
}

.prj-users-invite-form {
  font-size: 13px;
}

.prj-users-invite-input {
  margin-bottom: 8px;
  height: 26px;
  font-size: 13px;
  border-radius: 2px;
}

.prj-users-invite-error {
  text-align: center;
  color: #d92400;
  margin-top: 4px;
}

.prj-users-invite-actions {
  text-align: center;
}

.prj-users-invite-ok {
  display: inline-block;
  margin-right: 4px;
  padding: 2px 12px;
}

.prj-users-invite-cancel {
  display: inline-block;
  color: #80899e;
}

.prj-settings-icon {
  background-image: url(/img/icons/settings.svg);
}

.prj-settings:hover .prj-settings-icon {
  background-image: url(/img/icons/settings-hover.svg);
}

.prj-settings-edit {
  flex: 1;
}

.prj-owners {
  position: absolute;
  left: 320px;
  font-size: 13px;
  height: 46px;
}

.prj-owners-actions {
  position: absolute;
  bottom: 0;
  width: 200px;
}

.prj-owners-text {
  font-size: 11px;
  color: #80899e;
  margin-top: 6px;
  line-height: 13px;
}

.prj-owners-save {
  padding: 0 12px;
  line-height: 18px;
}

.prj-owners-cancel {
  margin-left: 8px;
  color: #80899e;
}

.prj-settings:active .prj-settings-icon {
  background-image: url(/img/icons/settings-pressed.svg);
}

.prj-settings {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 13px;
}

.prj-settings-btn {
  cursor: pointer;
}

.prj-settings-btn:hover {
  text-decoration: underline;
}

.prj-settings-input {
  display: inline-block;
  width: 170px;
  height: 24px;
  font-size: 13px;
  border-radius: 2px;
}

.prj-settings-ok {
  background-image: url(/img/icons/okay.svg);
  cursor: pointer;
}

.prj-settings-ok:hover {
  background-image: url(/img/icons/okay-hover.svg);
}

.prj-settings-ok:active {
  background-image: url(/img/icons/okay-pressed.svg);
}

.prj-settings-cancel {
  background-image: url(/img/icons/cancel.svg);
  cursor: pointer;
}

.prj-settings-cancel:hover {
  background-image: url(/img/icons/cancel-hover.svg);
}

.prj-settings-cancel:active {
  background-image: url(/img/icons/cancel-pressed.svg);
}

.prj-settings-del-icon {
  background-image: url(/img/actions/delete.svg);
}

.prj-settings-del:hover .prj-settings-del-icon {
  background-image: url(/img/actions/delete-hover.svg);
}

.prj-settings-del:active .prj-settings-del-icon {
  background-image: url(/img/actions/delete-active.svg);
}

.prj-settings-del._link, .prj-settings-del.repeat-view__open-all, .prj-settings-del.sticker-deadline__toggle-start-link, .prj-settings-del.prj-invite__card-toggle-admin-btn, .prj-settings-del.prj-invite__card-remove-btn, .prj-settings-del.prj-invite__mail-btn2, .prj-settings-del.prj-invite__link-copy, .prj-settings-del.prj-invite__add-btn, .prj-settings-del.prj-invite__limit-btn, .prj-settings-del.timeline__more-btn, .prj-settings-del.stats-reports__dashboard-add, .prj-settings-del.stats-reports__back, .prj-settings-del.stats-reports__toggle-view, .prj-settings-del.stats-reports__xlsx, .prj-settings-del.stats-reports__edit, .prj-settings-del.stats-reports-table__prev, .prj-settings-del.stats-reports-table__next, .prj-settings-del.stats-reports-edit__delete, .prj-settings-del.stats-reports-edit__cancel, .prj-settings-del.stats-aggregated-report__add-column-btn, .prj-settings-del.stats-aggregated-report__back, .prj-settings-del.stats-aggregated-report__xlsx, .prj-settings-del.stats-reports-schedule__add, .prj-settings-del.statistics__nav-item, .prj-settings-del.by-user-column-stage__more-btn, .prj-settings-del.share-name-changer__change-btn, .prj-settings-del.share-name-changer__save, .prj-settings-del.task-info__move-to-board, .prj-settings-del.task-info__location-item, .prj-settings-del.chat-description-save__cancel, .prj-settings-del.chat-description-add, .prj-settings-del.task-chat-list__single-hint__link, .prj-settings-del.task-chat-list__empty-hint__link, .prj-settings-del.repeat-edit__action, .prj-settings-del.repeat-edit__col-name, .prj-settings-del.project-role__add, .prj-settings-del.project-participants__copy-role, .prj-settings-del.project-participants__add-role, .prj-settings-del.permissions-chooser__menu__text, .prj-settings-del.partner-page__action-item, .prj-settings-del.object-chooser__up, .prj-settings-del.my-tasks__all-move, .prj-settings-del.my-tasks__move, .prj-settings-del.my-tasks__more-btn, .prj-settings-del.my-tasks__nav-item, .prj-settings-del.edit-extensions__settings-btn, .prj-settings-del.company-edit__cancel, .prj-settings-del.company-edit__back, .prj-settings-del.company-login__back, .prj-settings-del.button-select__cancel, .prj-settings-del.button-select__btn, .prj-settings-del.billing__prolong, .prj-settings-del.billing__add-users, .prj-settings-del.acc__other-os, .prj-settings-del.acc__os-variant, .prj-settings-del.acc__your-os-link, .prj-settings-del.notify-chooser-show-more, .prj-settings-del.register__wait__link, .prj-settings-del.prj__reg-link-copy, .prj-settings-del.prj__reg-link-save, .prj-settings-del.prj__reg-link-delete, .prj-settings-del.prj__reg-link-txt, .prj-settings-del.prj__reg-link-setup, .prj-settings-del.prj-users__xlsx, .prj-settings-del.prj-item__more-btn, .prj-settings-del.prj-item__archive-show, .prj-settings-del.prj-users-item__more-btn {
  font-size: 13px;
  color: #80899e;
  margin-left: 10px;
}

.prj-users-list-head {
  color: #2b3541;
  text-transform: uppercase;
  margin: 12px 0 8px;
  font-size: 11px;
  font-weight: 600;
  cursor: default;
}

.prj-api-btn {
  font-size: 15px;
  line-height: 32px;
  float: right;
  padding: 0 8px;
}

.prj-api-icon {
  background: url(/img/api/api-icon.svg) no-repeat 0 0/contain;
  width: 24px;
  height: 24px;
  margin-bottom: -3px;
  margin-right: 2px;
}

.editor {
  height: calc( 100% - 48px );
}

.editor-content {
  outline: 0;
  padding: 8px 16px 24px 24px;
  font-size: 14px;
  line-height: 24px;
  height: calc(100% - 48px);
  z-index: 111;
  overflow: auto;
  background: #fff;
}

.editor-content:after {
  content: "";
  display: block;
  clear: both;
}

.editor-content.drop-file-area-active:before {
  content: attr(data-drop-hint);
  text-align: center;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  line-height: 40px;
  border-radius: 10px;
  border: 2px dashed #2f97e6;
  z-index: 100;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.1);
  color: #2f97e6;
}

.file-link-cnt {
  display: inline-block;
  margin: 5px;
}

.file-link-after-content {
  display: inline-block;
  min-width: 10px;
}

.editor-tools {
  border-bottom: 1px solid #b8bfcf;
  padding: 4px;
  height: 48px;
}

.editor-tools-item {
  display: inline-block;
  width: 48px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  vertical-align: top;
}

.editor-tools-item.active {
  color: #4581f6;
}

.editor-tool--bold {
  height: 100%;
  background: no-repeat center url(/img/description/descr-bold.svg);
}
.editor-tool--bold:hover, .editor-tools-item.active .editor-tool--bold {
  background-image: url(/img/description/descr-bold-hover.svg);
}
.editor-tool--bold:active {
  background-image: url(/img/description/descr-bold-active.svg);
}

.editor-tool--italic {
  height: 100%;
  background: no-repeat center url(/img/description/descr-italic.svg);
}
.editor-tool--italic:hover, .editor-tools-item.active .editor-tool--italic {
  background-image: url(/img/description/descr-italic-hover.svg);
}
.editor-tool--italic:active {
  background-image: url(/img/description/descr-italic-active.svg);
}

.editor-tool--underline {
  height: 100%;
  background: no-repeat center url(/img/description/descr-underline.svg);
}
.editor-tool--underline:hover, .editor-tools-item.active .editor-tool--underline {
  background-image: url(/img/description/descr-underline-hover.svg);
}
.editor-tool--underline:active {
  background-image: url(/img/description/descr-underline-active.svg);
}

.editor-tool--strike {
  height: 100%;
  background: no-repeat center url(/img/description/descr-strike.svg);
}
.editor-tool--strike:hover, .editor-tools-item.active .editor-tool--strike {
  background-image: url(/img/description/descr-strike-hover.svg);
}
.editor-tool--strike:active {
  background-image: url(/img/description/descr-strike-active.svg);
}

.editor-tool--bullets {
  height: 100%;
  background: no-repeat center url(/img/description/descr-bullets.svg);
}
.editor-tool--bullets:hover, .editor-tools-item.active .editor-tool--bullets {
  background-image: url(/img/description/descr-bullets-hover.svg);
}
.editor-tool--bullets:active {
  background-image: url(/img/description/descr-bullets-active.svg);
}

.editor-tool--numbered {
  height: 100%;
  background: no-repeat center url(/img/description/descr-numbered.svg);
}
.editor-tool--numbered:hover, .editor-tools-item.active .editor-tool--numbered {
  background-image: url(/img/description/descr-numbered-hover.svg);
}
.editor-tool--numbered:active {
  background-image: url(/img/description/descr-numbered-active.svg);
}

.editor-tool--attach {
  height: 100%;
  background: no-repeat center url(/img/description/descr-attach.svg);
}
.editor-tool--attach:hover, .editor-tools-item.active .editor-tool--attach {
  background-image: url(/img/description/descr-attach-hover.svg);
}
.editor-tool--attach:active {
  background-image: url(/img/description/descr-attach-active.svg);
}

.editor-tools-separator {
  display: inline-block;
  height: 40px;
  box-shadow: 0 0 0 0.2px #b8bfcf;
}

.loggedin-page--feedback .loggedin-bg {
  filter: saturate(0.7);
}

.feedback {
  display: flex;
  flex-direction: column;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 6;
  overflow: auto;
}
.feedback:after {
  content: "";
  display: block;
  clear: both;
}
.feedback__cnt {
  overflow: auto;
  flex: 1 1 auto;
  background: rgba(255, 255, 255, 0.7);
}
.feedback__title{
  display: flex;
  height: 48px;
  align-items: center;
  background-color: var(--color-primary-grey-l100);
  padding: 16px;
  --tw-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 1);
  --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: var(--color-primary-grey-l60);
  --tw-shadow: var(--tw-shadow-colored);
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.feedback__scroll-cnt {
  display: flex;
  padding: 24px;
  width: 1000px;
  align-items: flex-start;
}
.feedback__support, .feedback__news {
  width: 360px;
  flex: 0 0 360px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #b8bfcf;
  padding: 16px 24px 48px;
  margin: 0 24px 0 0;
}
.feedback__news {
  width: 460px;
  flex: 0 0 460px;
}
.feedback__panel-title {
  font-weight: 600;
  font-size: 16px;
}
.feedback__panel-descr {
  font-size: 13px;
  line-height: 1.3;
  color: #4d566a;
  margin-top: 8px;
}
.feedback__subtitle {
  font-weight: 600;
  font-size: 16px;
  color: #4d566a;
  margin-top: 24px;
}
.feedback__closed .feedback__ticket {
  background: #fff;
}
.feedback__closed .feedback__ticket-title {
  font-weight: normal;
  color: #4d566a;
}
.feedback__closed .feedback__ticket-msg {
  color: #b8bfcf;
}
.feedback__ticket {
  position: relative;
  background: #f5f8fa;
  border: 1px solid #b8bfcf;
  border-radius: 4px;
  padding: 4px 8px;
  margin-top: 8px;
  min-height: 70px;
  cursor: pointer;
}
.feedback__ticket:hover {
  box-shadow: 0 1px 7px -5px #2b3541;
}
.feedback__ticket--chat-open:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  width: 4px;
  background: #e71a6e;
  border-radius: 4px 0 0 4px;
  z-index: 11;
}
.feedback__ticket-title {
  font-weight: 600;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 24px);
  text-overflow: ellipsis;
  word-break: break-word;
}
.feedback__ticket-msg {
  color: #4d566a;
  font-size: 13px;
  margin-top: 8px;
  line-height: 1.3;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
}
.feedback__new-msg {
  top: 7px;
  right: 7px;
  position: absolute;
  color: #fff;
  background: #e71a6e;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  padding: 0 4px;
  border-radius: 24px;
  text-align: center;
  min-width: 18px;
  border: 1px solid #fff;
}
.feedback__form {
  margin-top: 16px;
}
.feedback__input-text {
  height: 80px;
  font-size: 15px;
  margin-top: 8px;
}
.feedback__actions {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.feedback__actions:after {
  content: "";
  display: block;
  clear: both;
}
.feedback__btn {
  font-size: 14px;
  line-height: 1.7;
}
.feedback__attach {
  padding-left: 24px;
  background: no-repeat url(/img/chat/attach.svg) 0 50%/18px;
  color: #2f97e6;
  flex: 1 0;
  cursor: pointer;
  font-size: 13px;
  margin-right: 24px;
}
.feedback__attach:hover {
  text-decoration: underline;
}
.feedback__file {
  margin-top: 8px;
  font-size: 13px;
  cursor: default;
}
.feedback__file i.fa {
  color: #80899e;
}
.feedback__file i.fa.fa-file {
  margin-right: 4px;
}
.feedback__file i.fa.fa-trash {
  margin-left: 8px;
  cursor: pointer;
}
.feedback__file i.fa.fa-trash:hover {
  color: #d92400;
}
.feedback__size {
  font-weight: 600;
  margin-left: 2px;
}
.feedback__add-news {
  margin-top: 14px;
}
.feedback__news-item {
  border-radius: 4px;
  border: 1px solid #b8bfcf;
  padding: 4px 24px;
  font-size: 14px;
  background: #f5f8fa;
  margin-top: 8px;
  cursor: pointer;
}
.feedback__news-item:hover {
  box-shadow: 0 1px 7px -5px #2b3541;
}
.feedback__news-item--new {
  border-color: #e71a6e;
}
.feedback__news-title {
  font-weight: 600;
  font-size: 16px;
  overflow-wrap: break-word;
}
.feedback__news-footer {
  color: #80899e;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  line-height: 24px;
}
.feedback__news-comments {
  font-size: 11px;
  padding-left: 18px;
  background: no-repeat url(/img/chat-list/chats.svg) 0 50%/14px;
}
.feedback__news-image {
  border-radius: 4px;
  border: 1px solid #bbb;
  margin: 16px 0;
  max-height: 200px;
}
.feedback__v-space {
  margin-top: 16px;
}
.feedback__more {
  text-align: center;
  margin-top: 24px;
}

.file-upload-progress {
  transition: bottom 0.3s ease-out, opacity 0.3s ease-out;
  position: fixed;
  bottom: -50px;
  opacity: 0;
  z-index: 1000;
  left: 50%;
  width: 360px;
  margin-left: -180px;
  padding: 10px 20px;
  background: #fff;
  border-radius: 4px 4px 0 0;
  border: 1px solid #b8bfcf;
  border-bottom: none;
  box-shadow: 0 0 12px -6px #2b3541;
}

.file-upload-progress.active {
  bottom: 0;
  opacity: 1;
}

.file-upload-progress-item {
  margin-bottom: 8px;
}

.file-upload-progress-bar {
  height: 8px;
  border: 1px solid #b8bfcf;
  background: #f5f8fa;
  border-radius: 4px;
  overflow: hidden;
}

.file-upload-progress-value {
  transition: width 0.1s linear;
  height: 100%;
  background: #61cc14;
}

.file-upload-progress-size {
  color: #80899e;
  font-size: 14px;
  margin-left: 4px;
}

.file-upload-progress-name {
  word-break: break-all;
  line-height: 1.2;
  margin-bottom: 4px;
}
.file-upload-progress-name i {
  margin-right: 4px;
}

.loggedin-below {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.loggedin-below--has-bottom-controls {
  height: calc(100% - 40px);
}

.loggedin-below.appear {
  opacity: 1;
}

#loggedin-container.scripting .loggedin-below {
  top: 400px;
}

#loggedin-container {
  height: 100%;
}

.cnt-left {
  width: 230px;
  background: rgba(32, 44, 51, 0.9);
  border-right: 1px solid #b8bfcf;
  position: relative;
  overflow: auto;
  z-index: 3;
  height: 100%;
}

.loggedin-bg {
  height: 100%;
  background: no-repeat 0 0/cover;
  width: 100%;
  position: absolute;
}

.cnt-main {
  position: relative;
  overflow: visible;
  padding: 0;
  height: 100%;
  transition: transform 0.4s cubic-bezier(0, 1, 0, 1);
}

.login {
  font-size: 20px;
  text-align: center;
  background: #fff no-repeat center;
  height: calc(100% - 40px);
  position: absolute;
  width: 100%;
  top: 0;
  background: 50% 0 no-repeat #fff url("/img/common/login-bg.svg");
}
.login__or {
  color: #80899e;
  margin-top: 8px;
}
.login__social-cnt {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login__google-cnt {
  margin-bottom: -18px;
}
.login__google-frame {
  width: 272px;
  height: 52px;
  border: none;
  margin-top: 8px;
  margin-left: 22px;
  overflow: hidden;
}
.login .s-reg-google {
  margin-top: 8px;
  min-height: 40px;
}

.login.desktop {
  background: #f5f8fa;
  height: 100%;
}
.login.desktop .login-error {
  margin: 8px 0 -16px;
}
.login.desktop .login-wnd-logo {
  display: none;
}
.login.desktop .login-forget-title {
  width: 260px;
  margin: 30px auto 20px;
}
.login.desktop .login-title {
  margin: 10px auto 20px;
  font-size: 22px;
}
.login.desktop .login-wnd {
  box-shadow: none;
  border: none;
  background: none;
}
.login.desktop.forget .login-title,
.login.desktop.forget .login-form,
.login.desktop.forget .login-forget-label,
.login.desktop.forget .login-forget, .login.desktop.server .login-title,
.login.desktop.server .login-form,
.login.desktop.server .login-forget-label,
.login.desktop.server .login-forget {
  display: none;
}
.login.desktop.forget .login-forget.forget {
  display: block;
}
.login.desktop.server .login-forget.server {
  display: block;
}

.login-server-btn {
  width: 240px;
  margin: 0 auto;
  font-size: 13px;
}

.login-footer {
  bottom: 0;
  left: 0;
  width: 100%;
  color: #2b3541;
  font-size: 15px;
  padding: 8px;
  background: #fff;
  border-top: 1px solid #b8bfcf;
  box-shadow: 0 0 10px -6px #2b3541;
  position: absolute;
}

.login-footer-fb {
  margin-left: 10px;
  color: #2f97e6;
}

.login-logo {
  font-size: 50px;
  line-height: 100px;
  color: #fff;
  display: block;
  background-size: 171px;
  height: 100px;
}

.login-wnd {
  width: 460px;
  padding-bottom: 30px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -230px;
  margin-top: -120px;
  font-size: 16px;
  border: 1px solid #b8bfcf;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px -6px #2b3541;
}

.login-wnd-logo {
  display: block;
  width: 100%;
  height: 64px;
  top: -64px;
  background: url(/img/common/yougile-logo-site.svg) no-repeat 50% 0;
  position: absolute;
}

.login-main .login-form-input {
  float: right;
  width: 250px;
  height: 30px;
  margin-right: 104px;
  margin-bottom: 10px;
  text-align: left;
}
.login-main .login-form-input.fixed-input {
  font-weight: 600;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.login-main .login-form-field:after {
  content: "";
  display: block;
  clear: both;
}

.login-form-field.fixed-input {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  position: relative;
}
.login-form-field.fixed-input:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: transparent;
  position: absolute;
}

.login-form-label {
  text-align: right;
  width: 85px;
  display: inline-block;
  color: #80899e;
}

.login-title {
  margin: 20px auto;
  font-size: 22px;
}

.login-btn {
  width: 250px;
  margin: 10px auto 0;
}

.login-btn:hover {
  margin-bottom: -1px;
}

.login-error {
  color: #d92400;
  margin-top: 10px;
}

.login-forget {
  margin-top: 24px;
}

.login-forget-field:after {
  content: "";
  display: block;
  clear: both;
}

.login-forget-label {
  text-align: right;
  width: 85px;
  display: inline-block;
  color: #80899e;
}

.login-forget-input {
  float: right;
  width: 250px;
  height: 30px;
  border-radius: 2px;
  margin-right: 105px;
  margin-bottom: 10px;
  border: 1px solid #b8bfcf !important;
  box-shadow: none !important;
  padding: 0 6px;
}

.login-forget-title {
  margin-bottom: 10px;
  margin-top: 30px;
}

.login-forget-error {
  color: #d92400;
}

.login-forget-button {
  width: 250px;
  margin: 10px auto;
  display: block;
}

.login-forget-button:hover {
  margin-bottom: 9px;
}

.login-forget-success {
  text-align: center;
  padding: 5px 40px 0;
  color: #61cc14;
  line-height: 18px;
}

.login-remember {
  text-align: left;
  margin-left: 105px;
  line-height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #80899e;
}
.login-remember span {
  margin-right: 4px;
}

.msp {
  width: 100%;
  height: 100%;
  background: #ebeef0;
  top: 0;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.msp-logo {
  font-size: 50px;
  line-height: 100px;
  color: #fff;
  width: 175px;
  background: url(/img/mail/mail-logo@2x.png) center no-repeat;
  background-size: 175px;
  height: 107px;
  margin: 30px auto 0;
  display: block;
}

.msp-wnd {
  width: 600px;
  margin: 10px auto 0;
  height: 400px;
  background: #fff;
  box-shadow: 0 2px 16px -8px #2b3541;
  border-radius: 3px;
  padding: 20px 10px;
}

.msp-header {
  text-align: center;
}

.msp-line {
  border-top: 1px solid #b8bfcf;
  margin-top: 18px;
}

.msp-form {
  margin-left: 80px;
  margin-top: 40px;
}

.msp-item {
  margin-top: 16px;
  cursor: pointer;
}

.msp-item span._checkbox {
  vertical-align: middle;
  margin-right: 7px;
}

.msp-option {
  height: 32px;
  cursor: pointer;
}

.msp-notifications {
  margin: 10px 0 0 25px;
}

.msp-notifications.disabled, .msp-notifications.project-participants__save--disabled, .msp-notifications.company-edit__save--disabled, .msp-notifications.billing__pay-btn--disabled, .msp-notifications.add-company__submit--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.msp-save {
  margin: 50px auto 0;
  display: block;
  width: 130px;
  text-align: center;
}

.monaco-editor .slider {
  margin: 0;
}

.nst {
  position: relative;
  grid-row: 2;
  width: 48px;
  z-index: 10000;
}

.nst ._hint {
  top: 30px;
}

.nst-warn {
  margin-left: 16px;
  background: no-repeat url(/img/common/offline.gif) 0 center/contain;
  width: 24px;
  height: 24px;
}

.nol {
  width: 600px;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #b8bfcf;
  padding: 24px 32px;
  border-radius: 4px;
  box-shadow: 0 4px 20px -10px #2b3541;
}

.nol-head {
  text-align: center;
  margin-top: 8px;
  font-size: 21px;
  font-weight: 600;
}

.nol-btn {
  display: block;
  width: 300px;
  text-align: center;
  margin: 24px auto 0;
}

.nol-btn:hover {
  margin-bottom: 15px;
}

.nol-descr {
  margin-top: 16px;
}

.notify-chooser {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  position: relative;
  color: #2b3541;
}
.notify-chooser .user-avatar {
  font-size: 11px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  margin: 0;
  display: inline-block;
  float: none;
  cursor: pointer;
}

.notify-chooser-overlay,
.notify-chooser-overlay2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  z-index: 99;
}

.notify-chooser-overlay2 {
  z-index: 4;
}

.notify-chooser-pane {
  position: absolute;
  bottom: 30px;
  border: 1px solid #b8bfcf;
  left: -7px;
  right: -7px;
  border-radius: 2px;
  z-index: 100;
  background: #fff;
  box-shadow: 0 2px 20px -10px #2b3541;
}

.notify-chooser-pane .user-avatar {
  font-size: 12px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.notify-chooser-pane-wrapper {
  display: flex;
  flex-wrap: wrap;
  clear: both;
  padding: 12px;
}

.notify-chooser-pane-head {
  background: #f5f8fa;
  padding: 4px 10px;
  font-size: 15px;
}

.notify-chooser-pane-close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  right: 2px;
  background: url("/img/icons/icon-close-chat.svg");
  background-size: contain;
  cursor: pointer;
}

.notify-chooser-pane-close:hover {
  background-image: url("/img/icons/icon-close-chat-pressed.svg");
}

.notify-chooser-pane-close:active {
  background-image: url("/img/icons/icon-close-chat-hover.svg");
}

.notify-chooser-head {
  font-size: 13px;
  margin: 0;
  line-height: 16px;
  position: relative;
  z-index: 11;
  pointer-events: none;
}

.notify-chooser-add {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url("/img/icons/icon-add-sticker.svg") no-repeat 50% 50%/contain;
  margin-bottom: 8px;
  vertical-align: bottom;
}

.notify-chooser-show-more {
  display: block;
  font-size: 13px;
  width: 100%;
  padding: 0 12px 12px;
}

.notify-chooser-others {
  border-top: 1px solid #b8bfcf;
  margin: 0 12px;
  font-size: 13px;
  padding: 4px 0 0;
}

.notify-chooser-add:hover {
  background-image: url("/img/icons/icon-add-sticker-hover.svg");
}

.notify-chooser-add:active,
.notify-chooser.expanded .notify-chooser-add:active {
  background-image: url("/img/icons/icon-add-sticker-pressed.svg");
}

.notify-chooser.expanded .notify-chooser-add {
  background-image: url("/img/icons/icon-add-sticker-hover.svg");
}

.notify-chooser-head-caption {
  margin: 0 0 5px;
  line-height: 20px;
}

.notify-chooser.expanded .notify-chooser-head-caption {
  visibility: hidden;
}

.notify-chooser-nobody {
  font-weight: 600;
  border: 1px solid #edb739;
  padding: 0 6px;
  border-radius: 2px;
  background: #fff7e6;
  position: absolute;
  left: 30px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -3px;
  white-space: nowrap;
}

.notify-chooser-pane-body {
  max-height: 360px;
  overflow: auto;
}

.notify-chooser-nobody.except {
  left: 60px;
}

.notify-chooser-nobody:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-right: 5px solid #edb739;
  border-left: none;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  top: 8px;
  left: -5px;
}

.notify-chooser-nobody:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-right: 4px solid #fff7e6;
  border-left: none;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  top: 9px;
  left: -4px;
}

.notify-chooser-subscribed {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 8px;
}

.notify-chooser-head-people {
  pointer-events: auto;
}

.notify-chooser-checkbox {
  display: inline-block;
  margin-top: 6px;
  cursor: pointer;
  width: 160px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 4px;
}
.notify-chooser-checkbox ._checkbox {
  margin: 4px 8px -3px 0;
}

.notify-chooser-name {
  margin-left: 2px;
  white-space: nowrap;
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
  @page {
    margin: 0.5cm;
  }
  body.logged-in {
    zoom: 0.5;
    overflow: auto;
  }
  body.logged-in .proj-title,
body.logged-in .feedback,
body.logged-in .cnt-left,
body.logged-in #sticker-panel-cnt,
body.logged-in .main-menu,
body.logged-in .chat-list-panel,
body.logged-in .dropdown-menu__button,
body.logged-in .task-list-add-group-button {
    display: none;
  }
  body.logged-in .loggedin-main {
    margin-left: 0;
    background: #fff !important;
  }
  body.logged-in .task-group {
    background: none;
  }
  body.logged-in .cnt-main {
    left: 0;
    background: #fff;
  }
  body.logged-in .tasks-item-head {
    box-shadow: none;
    border: 1px solid #b8bfcf;
  }
  body.logged-in .tasks-item-title {
    padding-right: 8px;
  }
  body.logged-in .loggedin-below,
body.logged-in .cnt-main {
    position: relative;
  }
  body.logged-in .task-list {
    height: auto !important;
  }
  body.logged-in .task-group-container {
    position: relative;
  }
  body.logged-in .proj-task-list {
    padding: 56px 0 8px 8px;
  }
}
.proj-title .fi-home {
  cursor: pointer;
  margin-right: 10px;
}

.proj-title-text .text-edit {
  display: inline-block;
  min-width: 270px;
  font-size: 28px;
}

.proj-title .fi-star {
  color: #2b3541;
  text-shadow: 0 0 1px #fff;
  position: absolute;
  left: 11px;
  top: 8px;
  font-size: 14px;
  cursor: pointer;
}

.proj-title .fi-star:hover {
  color: #d4901a;
  text-shadow: 0 0 2px #fff;
}

.proj-title .fi-star.active {
  color: #d4901a;
  text-shadow: none;
}

.proj-title-text .text-edit-input {
  padding-left: 0;
}

.proj-title-line {
  border-left: 1px solid #b8bfcf;
  display: inline-block;
  margin-left: 10px;
  height: 20px;
  margin-bottom: -5px;
}

.proj-users {
  display: inline-block;
  margin-left: 10px;
  vertical-align: text-bottom;
  margin-top: 3px;
  margin-bottom: -3px;
}

.proj-users .user-chooser .notify-chooser {
  margin-top: 0;
}

.proj-users .user-chooser .notify-chooser .notify-chooser-pane {
  left: auto;
  top: 30px;
}
.proj-users .user-chooser .notify-chooser .notify-chooser-subscribed {
  margin-right: 6px;
}
.proj-users .user-chooser .notify-chooser .user-avatar {
  font-size: 11px;
  line-height: 21px;
  width: 21px;
  height: 21px;
}
.proj-users .user-chooser .notify-chooser .notify-chooser-add {
  margin-left: -2px;
}

.proj-delete {
  position: absolute;
  right: 16px;
  top: 8px;
  color: #b8bfcf;
  cursor: pointer;
  font-size: 15px;
}

.proj-delete:hover {
  text-decoration: underline;
}

.proj-item-not-found {
  margin: 20px 50px;
  font-size: 20px;
}

.proj-item .user-avatar-status {
  background: #2b3541;
}
.proj-item .user-avatar-status-inner {
  background: #2b3541;
}

.custom-dark-background .proj-item-not-found {
  color: #fff;
}
.custom-dark-background .proj-title-text .text-edit-input {
  color: #fff;
}
.custom-dark-background .dashboard-title {
  color: #fff;
}
.custom-dark-background .tasks-pager {
  color: #2b3541;
}
.custom-dark-background .proj-views-descr {
  color: #f5f8fa;
}
.custom-dark-background .proj-task-view-title {
  color: #f5f8fa;
}
.custom-dark-background .view-item.modified:before {
  border-bottom: 8px solid #eee;
  opacity: 0.9;
}
.custom-dark-background .view-item.modified:after {
  border-bottom: 9px solid #cbc9d0;
}
.custom-dark-background .proj-task-container .drag-list-placeholder {
  background: rgba(255, 255, 255, 0.3);
}

.quick-stats-cnt {
  position: fixed;
  z-index: 7;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
}

.quick-stats-wnd {
  width: 1000px;
  position: relative;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  z-index: 2;
}

.quick-stats-overlay {
  background: #2b3541;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.quick-stats-close {
  position: absolute;
  top: 48px;
  right: 24px;
  width: 24px;
  height: 24px;
  z-index: 3;
}

.recovery {
  font-size: 20px;
  text-align: center;
  height: 100%;
  position: absolute;
  width: 100%;
}

.recovery-page-error {
  background: #fff;
  width: 320px;
  height: 100px;
  font-size: 18px;
  padding: 20px;
  border-radius: 3px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -180px;
}

.recovery .login-form-label {
  width: 100%;
  text-align: center;
}

#repo-navigator {
  position: fixed;
  overflow: hidden;
  bottom: 0;
  left: 10px;
  z-index: 1000;
  width: 650px;
  height: 360px;
  background: #fff;
  box-shadow: 0 3px 10px -5px #2b3541;
  font-size: 13px;
  border-radius: 4px 4px 0 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

#repo-navigator .user-avatar {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  margin-right: 5px;
}

.rn-head {
  background: #2f97e6;
  padding: 8px 8px 8px 20px;
  color: #fff;
  height: 36px;
  box-sizing: border-box;
  overflow: hidden;
}

.rn-head:after {
  content: "";
  display: block;
  clear: both;
}

.rn-title {
  float: left;
  font-weight: 600;
}

.rn-path {
  float: left;
  margin-left: 4px;
}

.rn-head-up {
  display: block;
  float: right;
  margin-left: 10px;
}

.rn-children {
  overflow: auto;
  width: 310px;
  position: relative;
  height: 100%;
}

.rn-child-list {
  overflow: auto;
  height: 100%;
  padding: 64px 4px 36px;
}

.rn-child {
  padding: 2px 8px 2px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 2px;
}

.rn-child:hover {
  background: #f5f8fa;
}

.rn-child-log {
  visibility: hidden;
  display: block;
  float: right;
  margin-left: 4px;
  color: #80899e;
}

.rn-child-log:hover {
  color: #2f97e6;
}

.rn-child:hover .rn-child-log,
.rn-script:hover .rn-child-log {
  visibility: visible;
}

.rn-child.deleted {
  color: #80899e;
}

.rn-child-info {
  font-size: 11px;
  text-align: right;
  padding: 2px 2px;
  cursor: default;
}

.rn-child-info td:last-child {
  text-align: left;
  padding: 2px 0 0 6px;
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  cursor: text;
}

.rn-child-info table {
  margin: 0;
}

.rn-child-info table tbody {
  background: none;
  border: none;
}

.rn-child-info table tbody tr {
  background: none;
}

.rn-child-info td:first-child {
  font-weight: 600;
  padding: 0;
}

.rn-child-title {
  float: left;
}

.rn-child-name {
  float: left;
  margin-left: 4px;
}

select.rn-cmp-sel {
  width: 170px;
  height: 20px;
  padding: 0;
  margin: 0;
  background: none;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}

.rn-scripts {
  float: left;
  position: absolute;
  top: 36px;
  right: 0;
  left: 310px;
  bottom: 0;
  padding: 10px;
  border-left: 1px solid #b8bfcf;
}

.rn-children-curr {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 12px;
  background: #f5f8fa;
  width: 100%;
}

.rn-children-search {
  position: absolute;
  top: 28px;
  left: 0;
  padding: 4px 12px;
  background: #f5f8fa;
  width: 100%;
}
.rn-children-search input {
  width: 100%;
  min-height: 21px;
  max-height: 21px;
}

.rn-script {
  cursor: default;
  padding: 4px 6px;
  border-radius: 2px;
}

.rn-script.disabled, .rn-script.project-participants__save--disabled, .rn-script.company-edit__save--disabled, .rn-script.billing__pay-btn--disabled, .rn-script.add-company__submit--disabled {
  color: #80899e;
}

.rn-script:hover {
  background: #f5f8fa;
}

.rn-script-add {
  padding: 4px 6px;
}

.rn-close {
  position: absolute;
  cursor: pointer;
  padding: 8px 14px;
  top: 0;
  right: 0;
}

.scr {
  background: #f0f3f7;
  z-index: 2000;
  position: fixed;
  top: 0;
  width: 100%;
  height: 400px;
  border-bottom: 1px solid #b8bfcf;
}

.scr-head {
  border-bottom: 1px solid #b8bfcf;
  padding: 4px 12px;
  font-size: 16px;
}

.scr-head-btn {
  float: right;
}

.scr-close-icon {
  cursor: pointer;
}

.scr-fullscreen-icon {
  color: #2b3541;
  font-size: 14px;
  margin-right: 8px;
}

.scr-body {
  display: flex;
  height: calc(100% - 32px);
}

.scr-code {
  flex: 1 0 620px;
  border-right: 1px solid #b8bfcf;
  margin-right: 1px;
}

.scr-code-tabs {
  border-bottom: 1px solid #b8bfcf;
  height: 36px;
  padding-left: 10px;
}

.scr-tab {
  cursor: pointer;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: -12px;
  background: #e6e8eb;
  border: 1px solid #b8bfcf;
  padding: 1px 8px;
  border-radius: 4px 4px 0 0;
  min-width: 80px;
  margin-right: 4px;
}

.scr-tab.modified {
  font-weight: 600;
}

.scr-tab.modified .sct-tab-name:after {
  content: "*";
}

.scr-tab-close {
  color: #80899e;
  cursor: pointer;
  margin-left: 6px;
}

.scr-tab-close:hover {
  color: #2f97e6;
}

.scr-tab.active {
  background: #f0f3f7;
  border-bottom: none;
  cursor: default;
  padding-bottom: 2px;
}

.scr-code-actions {
  margin: 6px 20px 0;
  font-size: 20px;
  color: #4d566a;
}

.scr-code-actions .scr-file-activate {
  font-size: 15px;
  margin-left: 10px;
}

.scr-code-actions i {
  margin-right: 6px;
  cursor: pointer;
}

.scr-code-actions i.disabled, .scr-code-actions i.project-participants__save--disabled, .scr-code-actions i.company-edit__save--disabled, .scr-code-actions i.billing__pay-btn--disabled, .scr-code-actions i.add-company__submit--disabled {
  pointer-events: none;
  color: #80899e;
}

.scr-code-actions i:hover {
  color: #2f97e6;
}

.scr-code-cnt {
  background: #fff;
  border: 1px solid #d3d6dc;
  padding: 10px;
  margin: 6px 10px;
  height: 100%;
}

.scr-code-file-cnt {
  height: 100%;
  overflow: auto;
  margin: -10px;
  padding: 10px;
  box-sizing: content-box;
}

.scr-code.with-editor .scr-code-cnt {
  padding: 0;
}

.scr-code-file-item:nth-child(even) {
  background: #f7f7f7;
}

.scr-code-file-item {
  padding: 1px 8px;
  border-radius: 2px;
  font-size: 14px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.scr-code-file-item.disabled, .scr-code-file-item.project-participants__save--disabled, .scr-code-file-item.company-edit__save--disabled, .scr-code-file-item.billing__pay-btn--disabled, .scr-code-file-item.add-company__submit--disabled {
  opacity: 0.5;
}

.scr-code-file-item .text-edit {
  display: inline-block;
  min-width: 300px;
}

.scr-code-add {
  margin-bottom: 4px;
  margin-left: 23px;
  margin-top: 10px;
  font-size: 14px;
}

.scr-file-name {
  cursor: pointer;
  color: #4d566a;
}

.scr-file-name:hover {
  color: #2f97e6;
}

.scr-file-icon {
  color: #80899e;
  margin-right: 5px;
}

.scr-file-actions {
  float: right;
  font-size: 14px;
  color: #80899e;
}

.scr-file-actions i {
  margin-left: 6px;
  cursor: pointer;
}

.scr-file-actions i:hover {
  color: #2f97e6;
}

.scr-file-activate {
  display: inline-block;
  cursor: pointer;
}

.scr-file-activate:hover {
  color: #2f97e6;
}

.scr-editor {
  outline: none !important;
  border: none !important;
  min-height: 256px;
}

.scr-tools {
  flex: 0.5 0 540px;
  border-left: 1px solid #b8bfcf;
  position: relative;
}

.scr-tools-tabs {
  border-bottom: 1px solid #b8bfcf;
  height: 36px;
  padding-left: 10px;
}

.scr-tools-cnt {
  background: #fff;
  border: 1px solid #d3d6dc;
  padding: 10px;
  margin: 10px 10px;
  height: calc(100% - 57px);
  position: relative;
  overflow: auto;
}

.scr-api-nav-expand,
.scr-api-nav-collapse {
  cursor: pointer;
  width: 10px;
  margin-right: 2px;
  font-size: 10px;
  color: #80899e;
}

.scr-api-nav-class-name {
  cursor: pointer;
  font-weight: 600;
}

.scr-api-nav-item-cnt:hover .scr-api-nav-show {
  display: inline-block;
}

.scr-api-nav-item {
  font-family: Menlo, Monaco, Courier New, monospace;
  font-size: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.scr-api-nav-item-cnt {
  padding-left: 5px;
}

.scr-api-nav-item-cnt:hover {
  background: #f7f7f7;
}

.scr-api-nav-item.scr-api-nav-field .scr-api-nav-item-cnt {
  padding-left: 18px;
}

.scr-api-nav-hint {
  transition: transform 0.2s ease, opacity 0.2s ease;
  position: absolute;
  top: 47px;
  bottom: 12px;
  right: 11px;
  width: 420px;
  padding: 10px 20px;
  background: #f7f7f7;
  border-left: 1px solid #b8bfcf;
  opacity: 0;
  transform: translate(100%, 0);
  overflow: auto;
}

.scr-api-nav-hint.expanded {
  opacity: 1;
  transform: translate(0, 0);
}

.scr-api-nav-example-cnt {
  min-height: 50px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  margin-top: 5px;
  font-size: 12px;
  overflow: auto;
  white-space: nowrap;
}

.scr-api-hav-head {
  font-size: 20px;
  line-height: 23px;
}

.scr-api-nav-example {
  margin-top: 30px;
  font-size: 15px;
}

.scr-api-nav-hint-cnt {
  padding-bottom: 20px;
}

.scr-api-nav-item-cnt .not-imp {
  color: #999;
  display: none;
}

.scr-api-nav-args {
  color: #0c4d78;
}

.not-imp .scr-api-nav-args {
  color: #777;
}

.scr-api-nav-desc {
  line-height: 21px;
  font-size: 14px;
}

.scr-obj-nav {
  font-size: 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.scr-obj-head {
  background: #d3d6dc;
  padding: 5px 10px;
  margin: -10px -10px 10px -10px;
  min-height: 34px;
}

.scr-obj-up {
  border-radius: 2px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #fff url("/img/api/up.svg") no-repeat;
  cursor: pointer;
  margin-right: 10px;
  vertical-align: text-top;
}

.scr-obj-item {
  cursor: default;
  position: relative;
  padding: 4px 30px 4px 10px;
}
.scr-obj-item .user-avatar {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  margin: 3px 3px 0 0;
}

.scr-obj-item:hover {
  background: #f9f9f9;
}

.scr-obj-item:nth-child(even) {
  background: #f6f6f6;
}

.scr-obj-item:nth-child(even):hover {
  background: #f0f0f0;
}

.scr-obj-info-cnt {
  display: none;
  padding: 8px 20px;
  font-size: 13px;
}

.scr-obj-item.shown,
.scr-obj-item.shown:hover {
  border: 1px solid #b8bfcf;
  background: #fff;
  border-radius: 2px;
  padding: 3px 29px 3px 9px;
}

.scr-obj-item.shown .scr-obj-info-cnt {
  display: block;
}

.scr-obj-item.shown .scr-obj-info {
  top: 5px;
  right: 9px;
}

.scr-obj-info {
  color: #fff;
  background: #b8bfcf;
  border-radius: 100%;
  width: 14px;
  text-align: center;
  line-height: 14px;
  font-size: 10px;
  display: block;
  position: absolute;
  right: 10px;
  top: 6px;
  cursor: pointer;
}

.scr-obj-info-btn {
  font-weight: 600;
  font-size: 13px;
  background: #2f97e6;
  line-height: 15px;
}

.scr-obj-info:hover {
  background: #2f97e6;
}

.scr-obj-info-row {
  padding: 2px 0;
}
.scr-obj-info-row:after {
  content: "";
  display: block;
  clear: both;
}

.scr-obj-info-row.first {
  margin-top: 10px;
}

.scr-obj-info-col,
.scr-obj-info-col-name {
  float: left;
  min-width: 90px;
  padding-right: 10px;
}

.scr-obj-info-col {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  cursor: text;
}

.scr-obj-info-col-name {
  font-weight: 600;
}

.scr-obj-icon {
  background: no-repeat 0 100%;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: -2px;
}

.scr-obj-icon-company {
  background-image: url("/img/api/company.svg");
}

.scr-obj-icon-user {
  background-image: url("/img/api/user.svg");
}

.scr-obj-icon-project {
  background-image: url("/img/api/project.svg");
}

.scr-obj-icon-board {
  background-image: url("/img/api/board.svg");
}

.scr-obj-icon-column {
  background-image: url("/img/api/column.svg");
}

.scr-obj-icon-task {
  background-image: url("/img/api/task.svg");
}

.scr-code-sub-head {
  font-size: 15px;
  font-weight: 600;
  margin-left: 28px;
  margin-bottom: 2px;
}

.scr-code-no-files {
  font-size: 14px;
  margin-left: 28px;
  color: #80899e;
  margin-top: 8px;
}

.scr-code-files {
  height: calc(100% - 88px);
}

.scr-file-hint {
  color: #b8bfcf;
  margin-left: 10px;
  max-width: 400px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  line-height: 16px;
  vertical-align: text-bottom;
  text-overflow: ellipsis;
}

.scr-code-presets-head {
  margin-top: 10px;
}

.scr-editor-cnt {
  position: relative;
  height: 100%;
}

.scr-editor-cnt .loading, .scr-editor-cnt .stats-timeline__loading, .scr-editor-cnt .share-name-changer__wait, .scr-editor-cnt .project-participants__wait, .scr-editor-cnt .partner-withdraw-popup__loading, .scr-editor-cnt .partner-page__loading, .scr-editor-cnt .edit-extensions__loading, .scr-editor-cnt .company-login__loading {
  position: absolute;
  margin-left: 50%;
  transform: translate(-50%, 0);
}

.scr-api-nav-item.variable .scr-api-nav-class-name {
  font-weight: normal;
  font-style: italic;
}

.scr-obj-nav-head-hint {
  font-style: italic;
  margin-left: 10px;
}

.scr-help-nav ._link, .scr-help-nav .repeat-view__open-all, .scr-help-nav .sticker-deadline__toggle-start-link, .scr-help-nav .prj-invite__card-toggle-admin-btn, .scr-help-nav .prj-invite__card-remove-btn, .scr-help-nav .prj-invite__mail-btn2, .scr-help-nav .prj-invite__link-copy, .scr-help-nav .prj-invite__add-btn, .scr-help-nav .prj-invite__limit-btn, .scr-help-nav .timeline__more-btn, .scr-help-nav .stats-reports__dashboard-add, .scr-help-nav .stats-reports__back, .scr-help-nav .stats-reports__toggle-view, .scr-help-nav .stats-reports__xlsx, .scr-help-nav .stats-reports__edit, .scr-help-nav .stats-reports-table__prev, .scr-help-nav .stats-reports-table__next, .scr-help-nav .stats-reports-edit__delete, .scr-help-nav .stats-reports-edit__cancel, .scr-help-nav .stats-aggregated-report__add-column-btn, .scr-help-nav .stats-aggregated-report__back, .scr-help-nav .stats-aggregated-report__xlsx, .scr-help-nav .stats-reports-schedule__add, .scr-help-nav .statistics__nav-item, .scr-help-nav .by-user-column-stage__more-btn, .scr-help-nav .share-name-changer__change-btn, .scr-help-nav .share-name-changer__save, .scr-help-nav .task-info__move-to-board, .scr-help-nav .task-info__location-item, .scr-help-nav .chat-description-save__cancel, .scr-help-nav .chat-description-add, .scr-help-nav .task-chat-list__single-hint__link, .scr-help-nav .task-chat-list__empty-hint__link, .scr-help-nav .repeat-edit__action, .scr-help-nav .repeat-edit__col-name, .scr-help-nav .project-role__add, .scr-help-nav .project-participants__copy-role, .scr-help-nav .project-participants__add-role, .scr-help-nav .permissions-chooser__menu__text, .scr-help-nav .partner-page__action-item, .scr-help-nav .object-chooser__up, .scr-help-nav .my-tasks__all-move, .scr-help-nav .my-tasks__move, .scr-help-nav .my-tasks__more-btn, .scr-help-nav .my-tasks__nav-item, .scr-help-nav .edit-extensions__settings-btn, .scr-help-nav .company-edit__cancel, .scr-help-nav .company-edit__back, .scr-help-nav .company-login__back, .scr-help-nav .button-select__cancel, .scr-help-nav .button-select__btn, .scr-help-nav .billing__prolong, .scr-help-nav .billing__add-users, .scr-help-nav .acc__other-os, .scr-help-nav .acc__os-variant, .scr-help-nav .acc__your-os-link, .scr-help-nav .register__wait__link, .scr-help-nav .prj__reg-link-copy, .scr-help-nav .prj__reg-link-save, .scr-help-nav .prj__reg-link-delete, .scr-help-nav .prj__reg-link-txt, .scr-help-nav .prj__reg-link-setup, .scr-help-nav .prj-users__xlsx, .scr-help-nav .prj-item__more-btn, .scr-help-nav .prj-item__archive-show, .scr-help-nav .prj-users-item__more-btn, .scr-help-nav .notify-chooser-show-more {
  color: #2f97e6;
  font-weight: 600;
}
.scr-help-nav li {
  margin-bottom: 20px;
  margin-top: 10px;
  max-width: 540px;
}

.scr-app-copy {
  color: #80899e;
}

.scr-app-copy:hover {
  text-decoration: none;
  color: #2f97e6;
}

.scr-code-actions .scr-app-copy {
  color: #4d566a;
  font-size: 15px;
}

.scr-code-actions .scr-app-copy:hover {
  color: #2f97e6;
}

.scr.fullscreen {
  height: 100%;
}

.stw-wnd {
  background: #fff;
  width: 100%;
  border-radius: 2px;
  padding: 32px 8px 32px;
  text-align: center;
  box-shadow: 0 3px 20px -6px #2b3541;
  height: 100%;
  position: fixed;
  overflow: auto;
}
.stw-wnd .reg-form-no-steps {
  margin-top: 16px;
}

.stp {
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stp-cnt,
.stp-my-cnt {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 10px -4px #2b3541;
  position: absolute;
  top: 24px;
  bottom: 24px;
  overflow: auto;
  width: 1000px;
  left: 0;
}

.stp-table-wrap {
  flex: 1 1;
  overflow: auto;
}

.stp-table-head {
  display: flex;
  margin-top: 24px;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.stp-checkbox {
  display: inline-block;
  line-height: 24px;
  font-size: 15px;
  margin-right: 16px;
  cursor: pointer;
}

.stp-include {
  margin-top: 24px;
  text-align: center;
}

.stp-table-footer {
  display: flex;
}

.stp-table-head-item {
  color: #2f97e6;
  font-size: 13px;
  cursor: pointer;
  position: relative;
}

.stp-table-head-item:hover {
  font-weight: 600;
  letter-spacing: -0.1px;
}

.stp-table-head-item.sort {
  font-weight: 600;
  letter-spacing: -0.1px;
}
.stp-table-head-item.sort:after {
  content: "";
  position: relative;
  display: inline-block;
  margin-left: 3px;
  margin-right: -15px;
  width: 12px;
  height: 12px;
  background: url(/img/icons/sorting-1.svg) no-repeat center;
}
.stp-table-head.sort-asc .stp-table-head-item.sort:after {
  background: url(/img/icons/sorting-2.svg) no-repeat center;
}

.stp-table-footer-item {
  font-weight: 600;
}

.stp-table-head-item:nth-child(2),
.stp-table-footer-item:nth-child(2) {
  flex: 1;
}

.stp-table td,
.stp-table-head-item,
.stp-table-footer-item {
  text-align: center;
}
.stp-table td:nth-child(2),
.stp-table-head-item:nth-child(2),
.stp-table-footer-item:nth-child(2) {
  text-align: left;
}
.stp-table td:nth-child(2) ._link, .stp-table td:nth-child(2) .repeat-view__open-all, .stp-table td:nth-child(2) .sticker-deadline__toggle-start-link, .stp-table td:nth-child(2) .prj-invite__card-toggle-admin-btn, .stp-table td:nth-child(2) .prj-invite__card-remove-btn, .stp-table td:nth-child(2) .prj-invite__mail-btn2, .stp-table td:nth-child(2) .prj-invite__link-copy, .stp-table td:nth-child(2) .prj-invite__add-btn, .stp-table td:nth-child(2) .prj-invite__limit-btn, .stp-table td:nth-child(2) .timeline__more-btn, .stp-table td:nth-child(2) .stats-reports__dashboard-add, .stp-table td:nth-child(2) .stats-reports__back, .stp-table td:nth-child(2) .stats-reports__toggle-view, .stp-table td:nth-child(2) .stats-reports__xlsx, .stp-table td:nth-child(2) .stats-reports__edit, .stp-table td:nth-child(2) .stats-reports-table__prev, .stp-table td:nth-child(2) .stats-reports-table__next, .stp-table td:nth-child(2) .stats-reports-edit__delete, .stp-table td:nth-child(2) .stats-reports-edit__cancel, .stp-table td:nth-child(2) .stats-aggregated-report__add-column-btn, .stp-table td:nth-child(2) .stats-aggregated-report__back, .stp-table td:nth-child(2) .stats-aggregated-report__xlsx, .stp-table td:nth-child(2) .stats-reports-schedule__add, .stp-table td:nth-child(2) .statistics__nav-item, .stp-table td:nth-child(2) .by-user-column-stage__more-btn, .stp-table td:nth-child(2) .share-name-changer__change-btn, .stp-table td:nth-child(2) .share-name-changer__save, .stp-table td:nth-child(2) .task-info__move-to-board, .stp-table td:nth-child(2) .task-info__location-item, .stp-table td:nth-child(2) .chat-description-save__cancel, .stp-table td:nth-child(2) .chat-description-add, .stp-table td:nth-child(2) .task-chat-list__single-hint__link, .stp-table td:nth-child(2) .task-chat-list__empty-hint__link, .stp-table td:nth-child(2) .repeat-edit__action, .stp-table td:nth-child(2) .repeat-edit__col-name, .stp-table td:nth-child(2) .project-role__add, .stp-table td:nth-child(2) .project-participants__copy-role, .stp-table td:nth-child(2) .project-participants__add-role, .stp-table td:nth-child(2) .permissions-chooser__menu__text, .stp-table td:nth-child(2) .partner-page__action-item, .stp-table td:nth-child(2) .object-chooser__up, .stp-table td:nth-child(2) .my-tasks__all-move, .stp-table td:nth-child(2) .my-tasks__move, .stp-table td:nth-child(2) .my-tasks__more-btn, .stp-table td:nth-child(2) .my-tasks__nav-item, .stp-table td:nth-child(2) .edit-extensions__settings-btn, .stp-table td:nth-child(2) .company-edit__cancel, .stp-table td:nth-child(2) .company-edit__back, .stp-table td:nth-child(2) .company-login__back, .stp-table td:nth-child(2) .button-select__cancel, .stp-table td:nth-child(2) .button-select__btn, .stp-table td:nth-child(2) .billing__prolong, .stp-table td:nth-child(2) .billing__add-users, .stp-table td:nth-child(2) .acc__other-os, .stp-table td:nth-child(2) .acc__os-variant, .stp-table td:nth-child(2) .acc__your-os-link, .stp-table td:nth-child(2) .register__wait__link, .stp-table td:nth-child(2) .prj__reg-link-copy, .stp-table td:nth-child(2) .prj__reg-link-save, .stp-table td:nth-child(2) .prj__reg-link-delete, .stp-table td:nth-child(2) .prj__reg-link-txt, .stp-table td:nth-child(2) .prj__reg-link-setup, .stp-table td:nth-child(2) .prj-users__xlsx, .stp-table td:nth-child(2) .prj-item__more-btn, .stp-table td:nth-child(2) .prj-item__archive-show, .stp-table td:nth-child(2) .prj-users-item__more-btn, .stp-table td:nth-child(2) .notify-chooser-show-more,
.stp-table-head-item:nth-child(2) ._link,
.stp-table-head-item:nth-child(2) .repeat-view__open-all,
.stp-table-head-item:nth-child(2) .sticker-deadline__toggle-start-link,
.stp-table-head-item:nth-child(2) .prj-invite__card-toggle-admin-btn,
.stp-table-head-item:nth-child(2) .prj-invite__card-remove-btn,
.stp-table-head-item:nth-child(2) .prj-invite__mail-btn2,
.stp-table-head-item:nth-child(2) .prj-invite__link-copy,
.stp-table-head-item:nth-child(2) .prj-invite__add-btn,
.stp-table-head-item:nth-child(2) .prj-invite__limit-btn,
.stp-table-head-item:nth-child(2) .timeline__more-btn,
.stp-table-head-item:nth-child(2) .stats-reports__dashboard-add,
.stp-table-head-item:nth-child(2) .stats-reports__back,
.stp-table-head-item:nth-child(2) .stats-reports__toggle-view,
.stp-table-head-item:nth-child(2) .stats-reports__xlsx,
.stp-table-head-item:nth-child(2) .stats-reports__edit,
.stp-table-head-item:nth-child(2) .stats-reports-table__prev,
.stp-table-head-item:nth-child(2) .stats-reports-table__next,
.stp-table-head-item:nth-child(2) .stats-reports-edit__delete,
.stp-table-head-item:nth-child(2) .stats-reports-edit__cancel,
.stp-table-head-item:nth-child(2) .stats-aggregated-report__add-column-btn,
.stp-table-head-item:nth-child(2) .stats-aggregated-report__back,
.stp-table-head-item:nth-child(2) .stats-aggregated-report__xlsx,
.stp-table-head-item:nth-child(2) .stats-reports-schedule__add,
.stp-table-head-item:nth-child(2) .statistics__nav-item,
.stp-table-head-item:nth-child(2) .by-user-column-stage__more-btn,
.stp-table-head-item:nth-child(2) .share-name-changer__change-btn,
.stp-table-head-item:nth-child(2) .share-name-changer__save,
.stp-table-head-item:nth-child(2) .task-info__move-to-board,
.stp-table-head-item:nth-child(2) .task-info__location-item,
.stp-table-head-item:nth-child(2) .chat-description-save__cancel,
.stp-table-head-item:nth-child(2) .chat-description-add,
.stp-table-head-item:nth-child(2) .task-chat-list__single-hint__link,
.stp-table-head-item:nth-child(2) .task-chat-list__empty-hint__link,
.stp-table-head-item:nth-child(2) .repeat-edit__action,
.stp-table-head-item:nth-child(2) .repeat-edit__col-name,
.stp-table-head-item:nth-child(2) .project-role__add,
.stp-table-head-item:nth-child(2) .project-participants__copy-role,
.stp-table-head-item:nth-child(2) .project-participants__add-role,
.stp-table-head-item:nth-child(2) .permissions-chooser__menu__text,
.stp-table-head-item:nth-child(2) .partner-page__action-item,
.stp-table-head-item:nth-child(2) .object-chooser__up,
.stp-table-head-item:nth-child(2) .my-tasks__all-move,
.stp-table-head-item:nth-child(2) .my-tasks__move,
.stp-table-head-item:nth-child(2) .my-tasks__more-btn,
.stp-table-head-item:nth-child(2) .my-tasks__nav-item,
.stp-table-head-item:nth-child(2) .edit-extensions__settings-btn,
.stp-table-head-item:nth-child(2) .company-edit__cancel,
.stp-table-head-item:nth-child(2) .company-edit__back,
.stp-table-head-item:nth-child(2) .company-login__back,
.stp-table-head-item:nth-child(2) .button-select__cancel,
.stp-table-head-item:nth-child(2) .button-select__btn,
.stp-table-head-item:nth-child(2) .billing__prolong,
.stp-table-head-item:nth-child(2) .billing__add-users,
.stp-table-head-item:nth-child(2) .acc__other-os,
.stp-table-head-item:nth-child(2) .acc__os-variant,
.stp-table-head-item:nth-child(2) .acc__your-os-link,
.stp-table-head-item:nth-child(2) .register__wait__link,
.stp-table-head-item:nth-child(2) .prj__reg-link-copy,
.stp-table-head-item:nth-child(2) .prj__reg-link-save,
.stp-table-head-item:nth-child(2) .prj__reg-link-delete,
.stp-table-head-item:nth-child(2) .prj__reg-link-txt,
.stp-table-head-item:nth-child(2) .prj__reg-link-setup,
.stp-table-head-item:nth-child(2) .prj-users__xlsx,
.stp-table-head-item:nth-child(2) .prj-item__more-btn,
.stp-table-head-item:nth-child(2) .prj-item__archive-show,
.stp-table-head-item:nth-child(2) .prj-users-item__more-btn,
.stp-table-head-item:nth-child(2) .notify-chooser-show-more,
.stp-table-footer-item:nth-child(2) ._link,
.stp-table-footer-item:nth-child(2) .repeat-view__open-all,
.stp-table-footer-item:nth-child(2) .sticker-deadline__toggle-start-link,
.stp-table-footer-item:nth-child(2) .prj-invite__card-toggle-admin-btn,
.stp-table-footer-item:nth-child(2) .prj-invite__card-remove-btn,
.stp-table-footer-item:nth-child(2) .prj-invite__mail-btn2,
.stp-table-footer-item:nth-child(2) .prj-invite__link-copy,
.stp-table-footer-item:nth-child(2) .prj-invite__add-btn,
.stp-table-footer-item:nth-child(2) .prj-invite__limit-btn,
.stp-table-footer-item:nth-child(2) .timeline__more-btn,
.stp-table-footer-item:nth-child(2) .stats-reports__dashboard-add,
.stp-table-footer-item:nth-child(2) .stats-reports__back,
.stp-table-footer-item:nth-child(2) .stats-reports__toggle-view,
.stp-table-footer-item:nth-child(2) .stats-reports__xlsx,
.stp-table-footer-item:nth-child(2) .stats-reports__edit,
.stp-table-footer-item:nth-child(2) .stats-reports-table__prev,
.stp-table-footer-item:nth-child(2) .stats-reports-table__next,
.stp-table-footer-item:nth-child(2) .stats-reports-edit__delete,
.stp-table-footer-item:nth-child(2) .stats-reports-edit__cancel,
.stp-table-footer-item:nth-child(2) .stats-aggregated-report__add-column-btn,
.stp-table-footer-item:nth-child(2) .stats-aggregated-report__back,
.stp-table-footer-item:nth-child(2) .stats-aggregated-report__xlsx,
.stp-table-footer-item:nth-child(2) .stats-reports-schedule__add,
.stp-table-footer-item:nth-child(2) .statistics__nav-item,
.stp-table-footer-item:nth-child(2) .by-user-column-stage__more-btn,
.stp-table-footer-item:nth-child(2) .share-name-changer__change-btn,
.stp-table-footer-item:nth-child(2) .share-name-changer__save,
.stp-table-footer-item:nth-child(2) .task-info__move-to-board,
.stp-table-footer-item:nth-child(2) .task-info__location-item,
.stp-table-footer-item:nth-child(2) .chat-description-save__cancel,
.stp-table-footer-item:nth-child(2) .chat-description-add,
.stp-table-footer-item:nth-child(2) .task-chat-list__single-hint__link,
.stp-table-footer-item:nth-child(2) .task-chat-list__empty-hint__link,
.stp-table-footer-item:nth-child(2) .repeat-edit__action,
.stp-table-footer-item:nth-child(2) .repeat-edit__col-name,
.stp-table-footer-item:nth-child(2) .project-role__add,
.stp-table-footer-item:nth-child(2) .project-participants__copy-role,
.stp-table-footer-item:nth-child(2) .project-participants__add-role,
.stp-table-footer-item:nth-child(2) .permissions-chooser__menu__text,
.stp-table-footer-item:nth-child(2) .partner-page__action-item,
.stp-table-footer-item:nth-child(2) .object-chooser__up,
.stp-table-footer-item:nth-child(2) .my-tasks__all-move,
.stp-table-footer-item:nth-child(2) .my-tasks__move,
.stp-table-footer-item:nth-child(2) .my-tasks__more-btn,
.stp-table-footer-item:nth-child(2) .my-tasks__nav-item,
.stp-table-footer-item:nth-child(2) .edit-extensions__settings-btn,
.stp-table-footer-item:nth-child(2) .company-edit__cancel,
.stp-table-footer-item:nth-child(2) .company-edit__back,
.stp-table-footer-item:nth-child(2) .company-login__back,
.stp-table-footer-item:nth-child(2) .button-select__cancel,
.stp-table-footer-item:nth-child(2) .button-select__btn,
.stp-table-footer-item:nth-child(2) .billing__prolong,
.stp-table-footer-item:nth-child(2) .billing__add-users,
.stp-table-footer-item:nth-child(2) .acc__other-os,
.stp-table-footer-item:nth-child(2) .acc__os-variant,
.stp-table-footer-item:nth-child(2) .acc__your-os-link,
.stp-table-footer-item:nth-child(2) .register__wait__link,
.stp-table-footer-item:nth-child(2) .prj__reg-link-copy,
.stp-table-footer-item:nth-child(2) .prj__reg-link-save,
.stp-table-footer-item:nth-child(2) .prj__reg-link-delete,
.stp-table-footer-item:nth-child(2) .prj__reg-link-txt,
.stp-table-footer-item:nth-child(2) .prj__reg-link-setup,
.stp-table-footer-item:nth-child(2) .prj-users__xlsx,
.stp-table-footer-item:nth-child(2) .prj-item__more-btn,
.stp-table-footer-item:nth-child(2) .prj-item__archive-show,
.stp-table-footer-item:nth-child(2) .prj-users-item__more-btn,
.stp-table-footer-item:nth-child(2) .notify-chooser-show-more {
  color: #2b3541;
}
.stp-table td:nth-child(2) ._link:hover, .stp-table td:nth-child(2) .repeat-view__open-all:hover, .stp-table td:nth-child(2) .sticker-deadline__toggle-start-link:hover, .stp-table td:nth-child(2) .prj-invite__card-toggle-admin-btn:hover, .stp-table td:nth-child(2) .prj-invite__card-remove-btn:hover, .stp-table td:nth-child(2) .prj-invite__mail-btn2:hover, .stp-table td:nth-child(2) .prj-invite__link-copy:hover, .stp-table td:nth-child(2) .prj-invite__add-btn:hover, .stp-table td:nth-child(2) .prj-invite__limit-btn:hover, .stp-table td:nth-child(2) .timeline__more-btn:hover, .stp-table td:nth-child(2) .stats-reports__dashboard-add:hover, .stp-table td:nth-child(2) .stats-reports__back:hover, .stp-table td:nth-child(2) .stats-reports__toggle-view:hover, .stp-table td:nth-child(2) .stats-reports__xlsx:hover, .stp-table td:nth-child(2) .stats-reports__edit:hover, .stp-table td:nth-child(2) .stats-reports-table__prev:hover, .stp-table td:nth-child(2) .stats-reports-table__next:hover, .stp-table td:nth-child(2) .stats-reports-edit__delete:hover, .stp-table td:nth-child(2) .stats-reports-edit__cancel:hover, .stp-table td:nth-child(2) .stats-aggregated-report__add-column-btn:hover, .stp-table td:nth-child(2) .stats-aggregated-report__back:hover, .stp-table td:nth-child(2) .stats-aggregated-report__xlsx:hover, .stp-table td:nth-child(2) .stats-reports-schedule__add:hover, .stp-table td:nth-child(2) .statistics__nav-item:hover, .stp-table td:nth-child(2) .by-user-column-stage__more-btn:hover, .stp-table td:nth-child(2) .share-name-changer__change-btn:hover, .stp-table td:nth-child(2) .share-name-changer__save:hover, .stp-table td:nth-child(2) .task-info__move-to-board:hover, .stp-table td:nth-child(2) .task-info__location-item:hover, .stp-table td:nth-child(2) .chat-description-save__cancel:hover, .stp-table td:nth-child(2) .chat-description-add:hover, .stp-table td:nth-child(2) .task-chat-list__single-hint__link:hover, .stp-table td:nth-child(2) .task-chat-list__empty-hint__link:hover, .stp-table td:nth-child(2) .repeat-edit__action:hover, .stp-table td:nth-child(2) .repeat-edit__col-name:hover, .stp-table td:nth-child(2) .project-role__add:hover, .stp-table td:nth-child(2) .project-participants__copy-role:hover, .stp-table td:nth-child(2) .project-participants__add-role:hover, .stp-table td:nth-child(2) .permissions-chooser__menu__text:hover, .stp-table td:nth-child(2) .partner-page__action-item:hover, .stp-table td:nth-child(2) .object-chooser__up:hover, .stp-table td:nth-child(2) .my-tasks__all-move:hover, .stp-table td:nth-child(2) .my-tasks__move:hover, .stp-table td:nth-child(2) .my-tasks__more-btn:hover, .stp-table td:nth-child(2) .my-tasks__nav-item:hover, .stp-table td:nth-child(2) .edit-extensions__settings-btn:hover, .stp-table td:nth-child(2) .company-edit__cancel:hover, .stp-table td:nth-child(2) .company-edit__back:hover, .stp-table td:nth-child(2) .company-login__back:hover, .stp-table td:nth-child(2) .button-select__cancel:hover, .stp-table td:nth-child(2) .button-select__btn:hover, .stp-table td:nth-child(2) .billing__prolong:hover, .stp-table td:nth-child(2) .billing__add-users:hover, .stp-table td:nth-child(2) .acc__other-os:hover, .stp-table td:nth-child(2) .acc__os-variant:hover, .stp-table td:nth-child(2) .acc__your-os-link:hover, .stp-table td:nth-child(2) .register__wait__link:hover, .stp-table td:nth-child(2) .prj__reg-link-copy:hover, .stp-table td:nth-child(2) .prj__reg-link-save:hover, .stp-table td:nth-child(2) .prj__reg-link-delete:hover, .stp-table td:nth-child(2) .prj__reg-link-txt:hover, .stp-table td:nth-child(2) .prj__reg-link-setup:hover, .stp-table td:nth-child(2) .prj-users__xlsx:hover, .stp-table td:nth-child(2) .prj-item__more-btn:hover, .stp-table td:nth-child(2) .prj-item__archive-show:hover, .stp-table td:nth-child(2) .prj-users-item__more-btn:hover, .stp-table td:nth-child(2) .notify-chooser-show-more:hover,
.stp-table-head-item:nth-child(2) ._link:hover,
.stp-table-head-item:nth-child(2) .repeat-view__open-all:hover,
.stp-table-head-item:nth-child(2) .sticker-deadline__toggle-start-link:hover,
.stp-table-head-item:nth-child(2) .prj-invite__card-toggle-admin-btn:hover,
.stp-table-head-item:nth-child(2) .prj-invite__card-remove-btn:hover,
.stp-table-head-item:nth-child(2) .prj-invite__mail-btn2:hover,
.stp-table-head-item:nth-child(2) .prj-invite__link-copy:hover,
.stp-table-head-item:nth-child(2) .prj-invite__add-btn:hover,
.stp-table-head-item:nth-child(2) .prj-invite__limit-btn:hover,
.stp-table-head-item:nth-child(2) .timeline__more-btn:hover,
.stp-table-head-item:nth-child(2) .stats-reports__dashboard-add:hover,
.stp-table-head-item:nth-child(2) .stats-reports__back:hover,
.stp-table-head-item:nth-child(2) .stats-reports__toggle-view:hover,
.stp-table-head-item:nth-child(2) .stats-reports__xlsx:hover,
.stp-table-head-item:nth-child(2) .stats-reports__edit:hover,
.stp-table-head-item:nth-child(2) .stats-reports-table__prev:hover,
.stp-table-head-item:nth-child(2) .stats-reports-table__next:hover,
.stp-table-head-item:nth-child(2) .stats-reports-edit__delete:hover,
.stp-table-head-item:nth-child(2) .stats-reports-edit__cancel:hover,
.stp-table-head-item:nth-child(2) .stats-aggregated-report__add-column-btn:hover,
.stp-table-head-item:nth-child(2) .stats-aggregated-report__back:hover,
.stp-table-head-item:nth-child(2) .stats-aggregated-report__xlsx:hover,
.stp-table-head-item:nth-child(2) .stats-reports-schedule__add:hover,
.stp-table-head-item:nth-child(2) .statistics__nav-item:hover,
.stp-table-head-item:nth-child(2) .by-user-column-stage__more-btn:hover,
.stp-table-head-item:nth-child(2) .share-name-changer__change-btn:hover,
.stp-table-head-item:nth-child(2) .share-name-changer__save:hover,
.stp-table-head-item:nth-child(2) .task-info__move-to-board:hover,
.stp-table-head-item:nth-child(2) .task-info__location-item:hover,
.stp-table-head-item:nth-child(2) .chat-description-save__cancel:hover,
.stp-table-head-item:nth-child(2) .chat-description-add:hover,
.stp-table-head-item:nth-child(2) .task-chat-list__single-hint__link:hover,
.stp-table-head-item:nth-child(2) .task-chat-list__empty-hint__link:hover,
.stp-table-head-item:nth-child(2) .repeat-edit__action:hover,
.stp-table-head-item:nth-child(2) .repeat-edit__col-name:hover,
.stp-table-head-item:nth-child(2) .project-role__add:hover,
.stp-table-head-item:nth-child(2) .project-participants__copy-role:hover,
.stp-table-head-item:nth-child(2) .project-participants__add-role:hover,
.stp-table-head-item:nth-child(2) .permissions-chooser__menu__text:hover,
.stp-table-head-item:nth-child(2) .partner-page__action-item:hover,
.stp-table-head-item:nth-child(2) .object-chooser__up:hover,
.stp-table-head-item:nth-child(2) .my-tasks__all-move:hover,
.stp-table-head-item:nth-child(2) .my-tasks__move:hover,
.stp-table-head-item:nth-child(2) .my-tasks__more-btn:hover,
.stp-table-head-item:nth-child(2) .my-tasks__nav-item:hover,
.stp-table-head-item:nth-child(2) .edit-extensions__settings-btn:hover,
.stp-table-head-item:nth-child(2) .company-edit__cancel:hover,
.stp-table-head-item:nth-child(2) .company-edit__back:hover,
.stp-table-head-item:nth-child(2) .company-login__back:hover,
.stp-table-head-item:nth-child(2) .button-select__cancel:hover,
.stp-table-head-item:nth-child(2) .button-select__btn:hover,
.stp-table-head-item:nth-child(2) .billing__prolong:hover,
.stp-table-head-item:nth-child(2) .billing__add-users:hover,
.stp-table-head-item:nth-child(2) .acc__other-os:hover,
.stp-table-head-item:nth-child(2) .acc__os-variant:hover,
.stp-table-head-item:nth-child(2) .acc__your-os-link:hover,
.stp-table-head-item:nth-child(2) .register__wait__link:hover,
.stp-table-head-item:nth-child(2) .prj__reg-link-copy:hover,
.stp-table-head-item:nth-child(2) .prj__reg-link-save:hover,
.stp-table-head-item:nth-child(2) .prj__reg-link-delete:hover,
.stp-table-head-item:nth-child(2) .prj__reg-link-txt:hover,
.stp-table-head-item:nth-child(2) .prj__reg-link-setup:hover,
.stp-table-head-item:nth-child(2) .prj-users__xlsx:hover,
.stp-table-head-item:nth-child(2) .prj-item__more-btn:hover,
.stp-table-head-item:nth-child(2) .prj-item__archive-show:hover,
.stp-table-head-item:nth-child(2) .prj-users-item__more-btn:hover,
.stp-table-head-item:nth-child(2) .notify-chooser-show-more:hover,
.stp-table-footer-item:nth-child(2) ._link:hover,
.stp-table-footer-item:nth-child(2) .repeat-view__open-all:hover,
.stp-table-footer-item:nth-child(2) .sticker-deadline__toggle-start-link:hover,
.stp-table-footer-item:nth-child(2) .prj-invite__card-toggle-admin-btn:hover,
.stp-table-footer-item:nth-child(2) .prj-invite__card-remove-btn:hover,
.stp-table-footer-item:nth-child(2) .prj-invite__mail-btn2:hover,
.stp-table-footer-item:nth-child(2) .prj-invite__link-copy:hover,
.stp-table-footer-item:nth-child(2) .prj-invite__add-btn:hover,
.stp-table-footer-item:nth-child(2) .prj-invite__limit-btn:hover,
.stp-table-footer-item:nth-child(2) .timeline__more-btn:hover,
.stp-table-footer-item:nth-child(2) .stats-reports__dashboard-add:hover,
.stp-table-footer-item:nth-child(2) .stats-reports__back:hover,
.stp-table-footer-item:nth-child(2) .stats-reports__toggle-view:hover,
.stp-table-footer-item:nth-child(2) .stats-reports__xlsx:hover,
.stp-table-footer-item:nth-child(2) .stats-reports__edit:hover,
.stp-table-footer-item:nth-child(2) .stats-reports-table__prev:hover,
.stp-table-footer-item:nth-child(2) .stats-reports-table__next:hover,
.stp-table-footer-item:nth-child(2) .stats-reports-edit__delete:hover,
.stp-table-footer-item:nth-child(2) .stats-reports-edit__cancel:hover,
.stp-table-footer-item:nth-child(2) .stats-aggregated-report__add-column-btn:hover,
.stp-table-footer-item:nth-child(2) .stats-aggregated-report__back:hover,
.stp-table-footer-item:nth-child(2) .stats-aggregated-report__xlsx:hover,
.stp-table-footer-item:nth-child(2) .stats-reports-schedule__add:hover,
.stp-table-footer-item:nth-child(2) .statistics__nav-item:hover,
.stp-table-footer-item:nth-child(2) .by-user-column-stage__more-btn:hover,
.stp-table-footer-item:nth-child(2) .share-name-changer__change-btn:hover,
.stp-table-footer-item:nth-child(2) .share-name-changer__save:hover,
.stp-table-footer-item:nth-child(2) .task-info__move-to-board:hover,
.stp-table-footer-item:nth-child(2) .task-info__location-item:hover,
.stp-table-footer-item:nth-child(2) .chat-description-save__cancel:hover,
.stp-table-footer-item:nth-child(2) .chat-description-add:hover,
.stp-table-footer-item:nth-child(2) .task-chat-list__single-hint__link:hover,
.stp-table-footer-item:nth-child(2) .task-chat-list__empty-hint__link:hover,
.stp-table-footer-item:nth-child(2) .repeat-edit__action:hover,
.stp-table-footer-item:nth-child(2) .repeat-edit__col-name:hover,
.stp-table-footer-item:nth-child(2) .project-role__add:hover,
.stp-table-footer-item:nth-child(2) .project-participants__copy-role:hover,
.stp-table-footer-item:nth-child(2) .project-participants__add-role:hover,
.stp-table-footer-item:nth-child(2) .permissions-chooser__menu__text:hover,
.stp-table-footer-item:nth-child(2) .partner-page__action-item:hover,
.stp-table-footer-item:nth-child(2) .object-chooser__up:hover,
.stp-table-footer-item:nth-child(2) .my-tasks__all-move:hover,
.stp-table-footer-item:nth-child(2) .my-tasks__move:hover,
.stp-table-footer-item:nth-child(2) .my-tasks__more-btn:hover,
.stp-table-footer-item:nth-child(2) .my-tasks__nav-item:hover,
.stp-table-footer-item:nth-child(2) .edit-extensions__settings-btn:hover,
.stp-table-footer-item:nth-child(2) .company-edit__cancel:hover,
.stp-table-footer-item:nth-child(2) .company-edit__back:hover,
.stp-table-footer-item:nth-child(2) .company-login__back:hover,
.stp-table-footer-item:nth-child(2) .button-select__cancel:hover,
.stp-table-footer-item:nth-child(2) .button-select__btn:hover,
.stp-table-footer-item:nth-child(2) .billing__prolong:hover,
.stp-table-footer-item:nth-child(2) .billing__add-users:hover,
.stp-table-footer-item:nth-child(2) .acc__other-os:hover,
.stp-table-footer-item:nth-child(2) .acc__os-variant:hover,
.stp-table-footer-item:nth-child(2) .acc__your-os-link:hover,
.stp-table-footer-item:nth-child(2) .register__wait__link:hover,
.stp-table-footer-item:nth-child(2) .prj__reg-link-copy:hover,
.stp-table-footer-item:nth-child(2) .prj__reg-link-save:hover,
.stp-table-footer-item:nth-child(2) .prj__reg-link-delete:hover,
.stp-table-footer-item:nth-child(2) .prj__reg-link-txt:hover,
.stp-table-footer-item:nth-child(2) .prj__reg-link-setup:hover,
.stp-table-footer-item:nth-child(2) .prj-users__xlsx:hover,
.stp-table-footer-item:nth-child(2) .prj-item__more-btn:hover,
.stp-table-footer-item:nth-child(2) .prj-item__archive-show:hover,
.stp-table-footer-item:nth-child(2) .prj-users-item__more-btn:hover,
.stp-table-footer-item:nth-child(2) .notify-chooser-show-more:hover {
  color: #2f97e6;
}
.stp-table td:nth-child(1), .stp-table td:nth-child(3), .stp-table td:nth-child(4),
.stp-table-head-item:nth-child(1),
.stp-table-head-item:nth-child(3),
.stp-table-head-item:nth-child(4),
.stp-table-footer-item:nth-child(1),
.stp-table-footer-item:nth-child(3),
.stp-table-footer-item:nth-child(4) {
  width: 70px;
}
.stp-table td:nth-child(5), .stp-table td:nth-child(6),
.stp-table-head-item:nth-child(5),
.stp-table-head-item:nth-child(6),
.stp-table-footer-item:nth-child(5),
.stp-table-footer-item:nth-child(6) {
  width: 100px;
}
.stp-table td user-avatar,
.stp-table-head-item user-avatar,
.stp-table-footer-item user-avatar {
  display: inline-block;
}

.stp-table-footer-item:nth-child(1) {
  width: 200px;
}

.stp-table th,
.stp-table-head-item,
.stp-table-footer-item {
  padding: 8px;
  box-sizing: border-box;
}

table.stp-table,
table.stp-table tbody {
  margin: 0;
  table-layout: fixed;
  overflow: hidden;
}
table.stp-table tr:nth-child(even),
table.stp-table tbody tr:nth-child(even) {
  background: #fff;
}
table.stp-table td,
table.stp-table tbody td {
  line-height: 24px;
  padding: 6px;
}
table.stp-table tr,
table.stp-table tbody tr {
  font-size: 15px;
  border-bottom: 1px solid #d7dbe6;
}
table.stp-table tbody,
table.stp-table tbody tbody {
  border: none;
}
table.stp-table td ._link.closed, table.stp-table td .closed.repeat-view__open-all, table.stp-table td .closed.sticker-deadline__toggle-start-link, table.stp-table td .closed.prj-invite__card-toggle-admin-btn, table.stp-table td .closed.prj-invite__card-remove-btn, table.stp-table td .closed.prj-invite__mail-btn2, table.stp-table td .closed.prj-invite__link-copy, table.stp-table td .closed.prj-invite__add-btn, table.stp-table td .closed.prj-invite__limit-btn, table.stp-table td .closed.timeline__more-btn, table.stp-table td .closed.stats-reports__dashboard-add, table.stp-table td .closed.stats-reports__back, table.stp-table td .closed.stats-reports__toggle-view, table.stp-table td .closed.stats-reports__xlsx, table.stp-table td .closed.stats-reports__edit, table.stp-table td .closed.stats-reports-table__prev, table.stp-table td .closed.stats-reports-table__next, table.stp-table td .closed.stats-reports-edit__delete, table.stp-table td .closed.stats-reports-edit__cancel, table.stp-table td .closed.stats-aggregated-report__add-column-btn, table.stp-table td .closed.stats-aggregated-report__back, table.stp-table td .closed.stats-aggregated-report__xlsx, table.stp-table td .closed.stats-reports-schedule__add, table.stp-table td .closed.statistics__nav-item, table.stp-table td .closed.by-user-column-stage__more-btn, table.stp-table td .closed.share-name-changer__change-btn, table.stp-table td .closed.share-name-changer__save, table.stp-table td .closed.task-info__move-to-board, table.stp-table td .closed.task-info__location-item, table.stp-table td .closed.chat-description-save__cancel, table.stp-table td .closed.chat-description-add, table.stp-table td .closed.task-chat-list__single-hint__link, table.stp-table td .closed.task-chat-list__empty-hint__link, table.stp-table td .closed.repeat-edit__action, table.stp-table td .closed.repeat-edit__col-name, table.stp-table td .closed.project-role__add, table.stp-table td .closed.project-participants__copy-role, table.stp-table td .closed.project-participants__add-role, table.stp-table td .closed.permissions-chooser__menu__text, table.stp-table td .closed.partner-page__action-item, table.stp-table td .closed.object-chooser__up, table.stp-table td .closed.my-tasks__all-move, table.stp-table td .closed.my-tasks__move, table.stp-table td .closed.my-tasks__more-btn, table.stp-table td .closed.my-tasks__nav-item, table.stp-table td .closed.edit-extensions__settings-btn, table.stp-table td .closed.company-edit__cancel, table.stp-table td .closed.company-edit__back, table.stp-table td .closed.company-login__back, table.stp-table td .closed.button-select__cancel, table.stp-table td .closed.button-select__btn, table.stp-table td .closed.billing__prolong, table.stp-table td .closed.billing__add-users, table.stp-table td .closed.acc__other-os, table.stp-table td .closed.acc__os-variant, table.stp-table td .closed.acc__your-os-link, table.stp-table td .closed.register__wait__link, table.stp-table td .closed.prj__reg-link-copy, table.stp-table td .closed.prj__reg-link-save, table.stp-table td .closed.prj__reg-link-delete, table.stp-table td .closed.prj__reg-link-txt, table.stp-table td .closed.prj__reg-link-setup, table.stp-table td .closed.prj-users__xlsx, table.stp-table td .closed.prj-item__more-btn, table.stp-table td .closed.prj-item__archive-show, table.stp-table td .closed.prj-users-item__more-btn, table.stp-table td .closed.notify-chooser-show-more,
table.stp-table tbody td ._link.closed {
  color: #80899e;
  text-decoration: line-through;
}

.stp-filter-head {
  font-size: 19px;
  margin-bottom: 8px;
}

.stp-filter-by {
  margin-top: 8px;
}
.stp-filter-by .column-chooser {
  position: absolute;
  z-index: 1;
}

.stp-filter-by-val {
  display: inline-block;
  position: relative;
  margin-left: 8px;
}

.stp-filter-by-cur {
  color: #2f97e6;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 2px;
  font-weight: 600;
}

.stp-filter-by-edit {
  position: absolute;
  border: 1px solid #b8bfcf;
  border-radius: 4px;
  box-shadow: 0 2px 16px -8px #2b3541;
  top: 28px;
  z-index: 1000;
}

.stp-include-btn {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 2px;
  min-width: 80px;
  text-align: center;
  cursor: pointer;
  color: #2f97e6;
  font-size: 16px;
  margin-right: 8px;
}
.stp-include-btn:hover {
  background: #f5f8fa;
}
.stp-include-btn.current {
  background: none;
  color: #2b3541;
  font-weight: 600;
  cursor: default;
  border-radius: 0;
  border-bottom: #2f97e6 2px solid;
}

.stp-filter-del {
  background-image: url("/img/icons/cancel.svg");
  cursor: pointer;
  margin-left: 2px;
}
.stp-filter-del:hover {
  background-image: url("/img/icons/cancel-hover.svg");
}

.stp-filter-by-add._link, .stp-filter-by-add.repeat-view__open-all, .stp-filter-by-add.sticker-deadline__toggle-start-link, .stp-filter-by-add.prj-invite__card-toggle-admin-btn, .stp-filter-by-add.prj-invite__card-remove-btn, .stp-filter-by-add.prj-invite__mail-btn2, .stp-filter-by-add.prj-invite__link-copy, .stp-filter-by-add.prj-invite__add-btn, .stp-filter-by-add.prj-invite__limit-btn, .stp-filter-by-add.timeline__more-btn, .stp-filter-by-add.stats-reports__dashboard-add, .stp-filter-by-add.stats-reports__back, .stp-filter-by-add.stats-reports__toggle-view, .stp-filter-by-add.stats-reports__xlsx, .stp-filter-by-add.stats-reports__edit, .stp-filter-by-add.stats-reports-table__prev, .stp-filter-by-add.stats-reports-table__next, .stp-filter-by-add.stats-reports-edit__delete, .stp-filter-by-add.stats-reports-edit__cancel, .stp-filter-by-add.stats-aggregated-report__add-column-btn, .stp-filter-by-add.stats-aggregated-report__back, .stp-filter-by-add.stats-aggregated-report__xlsx, .stp-filter-by-add.stats-reports-schedule__add, .stp-filter-by-add.statistics__nav-item, .stp-filter-by-add.by-user-column-stage__more-btn, .stp-filter-by-add.share-name-changer__change-btn, .stp-filter-by-add.share-name-changer__save, .stp-filter-by-add.task-info__move-to-board, .stp-filter-by-add.task-info__location-item, .stp-filter-by-add.chat-description-save__cancel, .stp-filter-by-add.chat-description-add, .stp-filter-by-add.task-chat-list__single-hint__link, .stp-filter-by-add.task-chat-list__empty-hint__link, .stp-filter-by-add.repeat-edit__action, .stp-filter-by-add.repeat-edit__col-name, .stp-filter-by-add.project-role__add, .stp-filter-by-add.project-participants__copy-role, .stp-filter-by-add.project-participants__add-role, .stp-filter-by-add.permissions-chooser__menu__text, .stp-filter-by-add.partner-page__action-item, .stp-filter-by-add.object-chooser__up, .stp-filter-by-add.my-tasks__all-move, .stp-filter-by-add.my-tasks__move, .stp-filter-by-add.my-tasks__more-btn, .stp-filter-by-add.my-tasks__nav-item, .stp-filter-by-add.edit-extensions__settings-btn, .stp-filter-by-add.company-edit__cancel, .stp-filter-by-add.company-edit__back, .stp-filter-by-add.company-login__back, .stp-filter-by-add.button-select__cancel, .stp-filter-by-add.button-select__btn, .stp-filter-by-add.billing__prolong, .stp-filter-by-add.billing__add-users, .stp-filter-by-add.acc__other-os, .stp-filter-by-add.acc__os-variant, .stp-filter-by-add.acc__your-os-link, .stp-filter-by-add.register__wait__link, .stp-filter-by-add.prj__reg-link-copy, .stp-filter-by-add.prj__reg-link-save, .stp-filter-by-add.prj__reg-link-delete, .stp-filter-by-add.prj__reg-link-txt, .stp-filter-by-add.prj__reg-link-setup, .stp-filter-by-add.prj-users__xlsx, .stp-filter-by-add.prj-item__more-btn, .stp-filter-by-add.prj-item__archive-show, .stp-filter-by-add.prj-users-item__more-btn, .stp-filter-by-add.notify-chooser-show-more {
  margin-left: 8px;
}

.stp-add-sticker {
  position: absolute;
  max-height: 300px;
  overflow: auto;
  margin-top: 4px;
  padding: 4px;
  background: #fff;
  border: 1px solid #b8bfcf;
  border-radius: 2px;
  z-index: 1;
  box-shadow: 0 2px 20px -8px;
}

.stp-filter-sticker {
  display: inline-block;
  margin-right: 8px;
  line-height: 24px;
  vertical-align: bottom;
  position: relative;
}

.stp-filter-states .sticker-item-list {
  top: 26px;
}
.stp-filter-states .sticker-item-list .sticker-item {
  cursor: pointer;
}
.stp-filter-states .sticker-item-list-body {
  max-height: 400px;
}

.stp-filter-sticker-wrap {
  display: inline-block;
  vertical-align: middle;
}

.stp-downloads {
  text-align: right;
  font-size: 13px;
  position: relative;
  margin-right: 24px;
}

.stp-nav {
  margin: 24px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.stp-nav-item {
  display: inline-block;
  font-size: 21px;
  margin-left: 24px;
  cursor: pointer;
}

.stp-nav-item.current {
  border-bottom: 3px solid #2f97e6;
}

.stb-brd {
  position: absolute;
  background: #fff;
  z-index: 1;
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
  border-bottom: 1px solid #b8bfcf;
  font-size: 24px;
  line-height: 29px;
  color: #2b3541;
  padding: 24px 32px;
}

.stp-body {
  position: absolute;
  top: 80px;
  bottom: 0;
  left: 0;
  padding: 24px;
}

.stb-brd-label {
  font-size: 16px;
  display: inline-block;
  margin: 0;
  color: #2b3541;
}

.stb-brd-select {
  width: 300px;
}

.stb-dates-select {
  width: 130px;
}

.stb-brd-select,
.stb-dates-select {
  height: 30px;
  padding: 0 6px;
  line-height: 28px;
  display: inline-block;
  margin: 0 0 0 4px;
  color: #2b3541;
}
.stb-brd-select:focus,
.stb-dates-select:focus {
  outline: none;
  border-color: #2f97e6;
}

.stb-dates-label {
  display: inline-block;
  margin-left: 20px;
  font-size: 16px;
  color: #2b3541;
}

.stp-chart {
  font-size: 13px;
}

.stp-chart-legend {
  margin: 8px 8px 16px 24px;
  font-size: 17px;
  display: inline-block;
}

.stp-chart-legend-item {
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  color: #2b3541;
}

.stp-chart-legend.hours .stp-chart-legend-item:nth-child(1) {
  color: #edb739;
}

.stp-chart-legend-item:nth-child(2) {
  color: #61cc14;
}

.stp-chooser {
  margin-bottom: 24px;
}

.stp-chart-cnt {
  display: inline-block;
}

.stp-chart-side {
  width: 200px;
  display: inline-block;
  vertical-align: top;
}

.stp-chart-hours-option {
  margin: 0 0 0 12px;
  background: url(/img/icons/radiobutton-off.svg) no-repeat 0 center;
  padding-left: 22px;
  font-size: 15px;
  cursor: pointer;
  margin-bottom: 8px;
}

.stp-chart-hours-option.active {
  background-image: url(/img/icons/radiobutton-on.svg);
  font-weight: 600;
}

.stp-chat-legend-num {
  font-size: 34px;
  font-weight: 600;
}

.stp-chat-legend-text {
  font-size: 14px;
  width: 70px;
  display: inline-block;
  line-height: 1;
}

.stp-excel {
  background: url(/img/icons/icon-excel-file.svg) right center/15px no-repeat;
  padding-right: 20px;
}

.stp-line {
  width: 700px;
  border-color: #b8bfcf;
  margin: 8px auto 24px;
}

.new-sub {
  display: block;
  margin: -6px 0 0 1px;
}

.new-sub-show-add {
  color: #2b3541;
  font-size: 13px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
}

.new-sub textarea.new-sub-text {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  resize: none;
  font-size: 16px;
  padding: 0;
  margin: 0;
}

.new-sub-text .text-edit {
  font-size: 15px;
  margin-bottom: 22px;
}

.new-sub-auto-tags {
  margin-top: -20px;
}

.new-sub .tasks-item-head {
  padding-right: 10px;
}

.proj-task-container {
  position: relative;
}

.proj-task-list {
  overflow: hidden;
  z-index: 10;
  position: absolute;
  right: 0;
  left: 0;
  padding-left: 16px;
  padding-bottom: 14px;
  padding-top: 81px;
  margin-top: -81px;
  cursor: -webkit-grab;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.proj-task-list.grabbing {
  cursor: -webkit-grabbing;
}

.proj-task-list > .ps__rail-x {
  z-index: 10000000;
  overflow: hidden;
}

.task-group-container .ps.ps--active-y > .ps__rail-y {
  z-index: 10000000;
  overflow: hidden;
}

.proj-task-item {
  position: relative;
  z-index: 2;
}

.task-group-title{
  position: relative;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 32px;
  padding-left: 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5rem;
  min-height: 31px;
}

.task-list-mirror .task-group-title {
  background-color: #f5f8fa;
  display: flex;
}

.task-list-mirror-icon {
  color: #4d566a;
  flex: 16px 0 0;
}

.task-list-mirror .task-group-delete {
  color: #ddd;
}

.task-group-title-bottom-line {
  position: absolute;
  height: 5px;
  background: transparent;
  width: 100%;
  left: 0;
  bottom: -5px;
  cursor: pointer;
}

.task-group-title-bottom-line:hover {
  box-shadow: 0 0 10px 1px #fff;
}

.task-group-title-text {
  cursor: default;
  font-size: 14px;
  line-height: 18px;
  vertical-align: top;
  color: #2b3541;
  min-width: 80px;
  min-height: 14px;
  width: calc(100% - 16px);
}
.task-group-title-text--column-dark-theme-light {
  color: #e4e4e4;
}
.task-group-title-text--column-light-theme-light {
  color: #2b3541;
}
.task-group-title-text--column-dark-theme-dark {
  color: #b8bfcf;
}
.task-group-title-text--column-light-theme-dark {
  color: #b8bfcf;
}

.task-group-title-icon {
  background: no-repeat -4px -4px url("/img/reports/column-dashboard-light.svg");
  width: 18px;
  height: 18px;
  vertical-align: top;
  display: inline-block;
}

.task-group-title-text.no-edit,
.task-group-title-text.no-edit:hover {
  cursor: default;
}

.task-group-delete {
  position: absolute;
  top: 1px;
  right: -1px;
  color: #b8bfcf;
  cursor: pointer;
  width: 30px;
  text-align: right;
  padding-right: 7px;
  font-size: 12px;
}

.task-group-delete:hover {
  color: #d92400;
}

.tasks-pager {
  font-size: 14px;
  text-align: center;
  color: #555;
  margin: 10px 0;
}

.tasks-pager-count {
  font-weight: 600;
}

.tasks-pager-show {
  margin: 6px auto 0;
  white-space: nowrap;
  padding: 2px 10px;
}

.tasks-pager-show:hover {
  margin: 5px auto 0;
}

.task-list-add-edit {
  width: 160px;
  padding: 10px;
  color: #2b3541;
  border-radius: 3px;
  background: url("/img/agileback@2x.png");
  background-size: 5px;
}

.task-list-add-group-button {
  width: 200px;
  background-size: 5px;
  padding: 7px 9px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 15px;
  margin-right: 20px;
  background: rgba(32, 44, 51, 0.9);
}

.task-list-add-group-button.mirror {
  background: none;
  margin-top: 5px;
}

.task-list-add-group-button.dashboard {
  background: no-repeat 8px 6px;
  background-image: url(/img/board/add-summary.svg);
}
.task-list-add-group-button.dashboard:hover {
  background-image: url(/img/board/add-summary-hover.svg);
}
.task-list-add-group-button.dashboard:active {
  background-image: url(/img/board/add-summary-active.svg);
}
.icon-container:hover > .task-list-add-group-button.dashboard {
  background-image: url(/img/board/add-summary-hover.svg);
}
.icon-container:active > .task-list-add-group-button.dashboard {
  background-image: url(/img/board/add-summary-active.svg);
}
.task-list-add-group-button.dashboard ._plus-icon {
  opacity: 0;
}

.task-list-add-group-button.mirror ._plus-icon {
  background: url("/img/icons/icon-mirrored.svg") 0 0/contain no-repeat;
  width: 13px;
  height: 16px;
}

.task-list-add-group-button.mirror .new-group-add.active ._plus-icon {
  background-image: url("/img/icons/icon-mirrored.svg");
}

.task-list-add-group-button.mirror .new-group-add.active {
  text-decoration: none;
}

.task-list-add-group-button.mirror:hover ._plus-icon {
  background-image: url("/img/icons/icon-mirrored-hover.svg");
}

.task-list-add-group-button.mirror:active ._plus-icon {
  background-image: url("/img/icons/icon-mirrored-pressed.svg");
}

.task-list-connect-icon {
  color: #2f97e6;
}

.task-list-connect {
  position: fixed;
  background: #fff;
  padding: 10px 30px;
  border-radius: 4px;
  border: 1px solid #b8bfcf;
  text-align: center;
  font-size: 15px;
  bottom: 10px;
  box-shadow: 0 2px 20px -6px #2b3541;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  z-index: 10000;
  border: 2px solid #e71a6e;
}

.task-list-add-group-button ._link, .task-list-add-group-button .repeat-view__open-all, .task-list-add-group-button .sticker-deadline__toggle-start-link, .task-list-add-group-button .prj-invite__card-toggle-admin-btn, .task-list-add-group-button .prj-invite__card-remove-btn, .task-list-add-group-button .prj-invite__mail-btn2, .task-list-add-group-button .prj-invite__link-copy, .task-list-add-group-button .prj-invite__add-btn, .task-list-add-group-button .prj-invite__limit-btn, .task-list-add-group-button .timeline__more-btn, .task-list-add-group-button .stats-reports__dashboard-add, .task-list-add-group-button .stats-reports__back, .task-list-add-group-button .stats-reports__toggle-view, .task-list-add-group-button .stats-reports__xlsx, .task-list-add-group-button .stats-reports__edit, .task-list-add-group-button .stats-reports-table__prev, .task-list-add-group-button .stats-reports-table__next, .task-list-add-group-button .stats-reports-edit__delete, .task-list-add-group-button .stats-reports-edit__cancel, .task-list-add-group-button .stats-aggregated-report__add-column-btn, .task-list-add-group-button .stats-aggregated-report__back, .task-list-add-group-button .stats-aggregated-report__xlsx, .task-list-add-group-button .stats-reports-schedule__add, .task-list-add-group-button .statistics__nav-item, .task-list-add-group-button .by-user-column-stage__more-btn, .task-list-add-group-button .share-name-changer__change-btn, .task-list-add-group-button .share-name-changer__save, .task-list-add-group-button .task-info__move-to-board, .task-list-add-group-button .task-info__location-item, .task-list-add-group-button .chat-description-save__cancel, .task-list-add-group-button .chat-description-add, .task-list-add-group-button .task-chat-list__single-hint__link, .task-list-add-group-button .task-chat-list__empty-hint__link, .task-list-add-group-button .repeat-edit__action, .task-list-add-group-button .repeat-edit__col-name, .task-list-add-group-button .project-role__add, .task-list-add-group-button .project-participants__copy-role, .task-list-add-group-button .project-participants__add-role, .task-list-add-group-button .permissions-chooser__menu__text, .task-list-add-group-button .partner-page__action-item, .task-list-add-group-button .object-chooser__up, .task-list-add-group-button .my-tasks__all-move, .task-list-add-group-button .my-tasks__move, .task-list-add-group-button .my-tasks__more-btn, .task-list-add-group-button .my-tasks__nav-item, .task-list-add-group-button .edit-extensions__settings-btn, .task-list-add-group-button .company-edit__cancel, .task-list-add-group-button .company-edit__back, .task-list-add-group-button .company-login__back, .task-list-add-group-button .button-select__cancel, .task-list-add-group-button .button-select__btn, .task-list-add-group-button .billing__prolong, .task-list-add-group-button .billing__add-users, .task-list-add-group-button .acc__other-os, .task-list-add-group-button .acc__os-variant, .task-list-add-group-button .acc__your-os-link, .task-list-add-group-button .register__wait__link, .task-list-add-group-button .prj__reg-link-copy, .task-list-add-group-button .prj__reg-link-save, .task-list-add-group-button .prj__reg-link-delete, .task-list-add-group-button .prj__reg-link-txt, .task-list-add-group-button .prj__reg-link-setup, .task-list-add-group-button .prj-users__xlsx, .task-list-add-group-button .prj-item__more-btn, .task-list-add-group-button .prj-item__archive-show, .task-list-add-group-button .prj-users-item__more-btn, .task-list-add-group-button .notify-chooser-show-more {
  color: #fff;
}

.disabled.task-list-add-group-button ._link, .disabled.task-list-add-group-button .repeat-view__open-all, .disabled.task-list-add-group-button .sticker-deadline__toggle-start-link, .disabled.task-list-add-group-button .prj-invite__card-toggle-admin-btn, .disabled.task-list-add-group-button .prj-invite__card-remove-btn, .disabled.task-list-add-group-button .prj-invite__mail-btn2, .disabled.task-list-add-group-button .prj-invite__link-copy, .disabled.task-list-add-group-button .prj-invite__add-btn, .disabled.task-list-add-group-button .prj-invite__limit-btn, .disabled.task-list-add-group-button .timeline__more-btn, .disabled.task-list-add-group-button .stats-reports__dashboard-add, .disabled.task-list-add-group-button .stats-reports__back, .disabled.task-list-add-group-button .stats-reports__toggle-view, .disabled.task-list-add-group-button .stats-reports__xlsx, .disabled.task-list-add-group-button .stats-reports__edit, .disabled.task-list-add-group-button .stats-reports-table__prev, .disabled.task-list-add-group-button .stats-reports-table__next, .disabled.task-list-add-group-button .stats-reports-edit__delete, .disabled.task-list-add-group-button .stats-reports-edit__cancel, .disabled.task-list-add-group-button .stats-aggregated-report__add-column-btn, .disabled.task-list-add-group-button .stats-aggregated-report__back, .disabled.task-list-add-group-button .stats-aggregated-report__xlsx, .disabled.task-list-add-group-button .stats-reports-schedule__add, .disabled.task-list-add-group-button .statistics__nav-item, .disabled.task-list-add-group-button .by-user-column-stage__more-btn, .disabled.task-list-add-group-button .share-name-changer__change-btn, .disabled.task-list-add-group-button .share-name-changer__save, .disabled.task-list-add-group-button .task-info__move-to-board, .disabled.task-list-add-group-button .task-info__location-item, .disabled.task-list-add-group-button .chat-description-save__cancel, .disabled.task-list-add-group-button .chat-description-add, .disabled.task-list-add-group-button .task-chat-list__single-hint__link, .disabled.task-list-add-group-button .task-chat-list__empty-hint__link, .disabled.task-list-add-group-button .repeat-edit__action, .disabled.task-list-add-group-button .repeat-edit__col-name, .disabled.task-list-add-group-button .project-role__add, .disabled.task-list-add-group-button .project-participants__copy-role, .disabled.task-list-add-group-button .project-participants__add-role, .task-list-add-group-button.project-participants__save--disabled ._link, .task-list-add-group-button.project-participants__save--disabled .repeat-view__open-all, .task-list-add-group-button.project-participants__save--disabled .sticker-deadline__toggle-start-link, .task-list-add-group-button.project-participants__save--disabled .prj-invite__card-toggle-admin-btn, .task-list-add-group-button.project-participants__save--disabled .prj-invite__card-remove-btn, .task-list-add-group-button.project-participants__save--disabled .prj-invite__mail-btn2, .task-list-add-group-button.project-participants__save--disabled .prj-invite__link-copy, .task-list-add-group-button.project-participants__save--disabled .prj-invite__add-btn, .task-list-add-group-button.project-participants__save--disabled .prj-invite__limit-btn, .task-list-add-group-button.project-participants__save--disabled .timeline__more-btn, .task-list-add-group-button.project-participants__save--disabled .stats-reports__dashboard-add, .task-list-add-group-button.project-participants__save--disabled .stats-reports__back, .task-list-add-group-button.project-participants__save--disabled .stats-reports__toggle-view, .task-list-add-group-button.project-participants__save--disabled .stats-reports__xlsx, .task-list-add-group-button.project-participants__save--disabled .stats-reports__edit, .task-list-add-group-button.project-participants__save--disabled .stats-reports-table__prev, .task-list-add-group-button.project-participants__save--disabled .stats-reports-table__next, .task-list-add-group-button.project-participants__save--disabled .stats-reports-edit__delete, .task-list-add-group-button.project-participants__save--disabled .stats-reports-edit__cancel, .task-list-add-group-button.project-participants__save--disabled .stats-aggregated-report__add-column-btn, .task-list-add-group-button.project-participants__save--disabled .stats-aggregated-report__back, .task-list-add-group-button.project-participants__save--disabled .stats-aggregated-report__xlsx, .task-list-add-group-button.project-participants__save--disabled .stats-reports-schedule__add, .task-list-add-group-button.project-participants__save--disabled .statistics__nav-item, .task-list-add-group-button.project-participants__save--disabled .by-user-column-stage__more-btn, .task-list-add-group-button.project-participants__save--disabled .share-name-changer__change-btn, .task-list-add-group-button.project-participants__save--disabled .share-name-changer__save, .task-list-add-group-button.project-participants__save--disabled .task-info__move-to-board, .task-list-add-group-button.project-participants__save--disabled .task-info__location-item, .task-list-add-group-button.project-participants__save--disabled .chat-description-save__cancel, .task-list-add-group-button.project-participants__save--disabled .chat-description-add, .task-list-add-group-button.project-participants__save--disabled .task-chat-list__single-hint__link, .task-list-add-group-button.project-participants__save--disabled .task-chat-list__empty-hint__link, .task-list-add-group-button.project-participants__save--disabled .repeat-edit__action, .task-list-add-group-button.project-participants__save--disabled .repeat-edit__col-name, .task-list-add-group-button.project-participants__save--disabled .project-role__add, .task-list-add-group-button.project-participants__save--disabled .project-participants__copy-role, .task-list-add-group-button.project-participants__save--disabled .project-participants__add-role, .disabled.task-list-add-group-button .permissions-chooser__menu__text, .task-list-add-group-button.project-participants__save--disabled .permissions-chooser__menu__text, .disabled.task-list-add-group-button .partner-page__action-item, .task-list-add-group-button.project-participants__save--disabled .partner-page__action-item, .disabled.task-list-add-group-button .object-chooser__up, .task-list-add-group-button.project-participants__save--disabled .object-chooser__up, .disabled.task-list-add-group-button .my-tasks__all-move, .task-list-add-group-button.project-participants__save--disabled .my-tasks__all-move, .disabled.task-list-add-group-button .my-tasks__move, .task-list-add-group-button.project-participants__save--disabled .my-tasks__move, .disabled.task-list-add-group-button .my-tasks__more-btn, .task-list-add-group-button.project-participants__save--disabled .my-tasks__more-btn, .disabled.task-list-add-group-button .my-tasks__nav-item, .task-list-add-group-button.project-participants__save--disabled .my-tasks__nav-item, .disabled.task-list-add-group-button .edit-extensions__settings-btn, .task-list-add-group-button.project-participants__save--disabled .edit-extensions__settings-btn, .disabled.task-list-add-group-button .company-edit__cancel, .task-list-add-group-button.project-participants__save--disabled .company-edit__cancel, .task-list-add-group-button.company-edit__save--disabled ._link, .task-list-add-group-button.company-edit__save--disabled .repeat-view__open-all, .task-list-add-group-button.company-edit__save--disabled .sticker-deadline__toggle-start-link, .task-list-add-group-button.company-edit__save--disabled .prj-invite__card-toggle-admin-btn, .task-list-add-group-button.company-edit__save--disabled .prj-invite__card-remove-btn, .task-list-add-group-button.company-edit__save--disabled .prj-invite__mail-btn2, .task-list-add-group-button.company-edit__save--disabled .prj-invite__link-copy, .task-list-add-group-button.company-edit__save--disabled .prj-invite__add-btn, .task-list-add-group-button.company-edit__save--disabled .prj-invite__limit-btn, .task-list-add-group-button.company-edit__save--disabled .timeline__more-btn, .task-list-add-group-button.company-edit__save--disabled .stats-reports__dashboard-add, .task-list-add-group-button.company-edit__save--disabled .stats-reports__back, .task-list-add-group-button.company-edit__save--disabled .stats-reports__toggle-view, .task-list-add-group-button.company-edit__save--disabled .stats-reports__xlsx, .task-list-add-group-button.company-edit__save--disabled .stats-reports__edit, .task-list-add-group-button.company-edit__save--disabled .stats-reports-table__prev, .task-list-add-group-button.company-edit__save--disabled .stats-reports-table__next, .task-list-add-group-button.company-edit__save--disabled .stats-reports-edit__delete, .task-list-add-group-button.company-edit__save--disabled .stats-reports-edit__cancel, .task-list-add-group-button.company-edit__save--disabled .stats-aggregated-report__add-column-btn, .task-list-add-group-button.company-edit__save--disabled .stats-aggregated-report__back, .task-list-add-group-button.company-edit__save--disabled .stats-aggregated-report__xlsx, .task-list-add-group-button.company-edit__save--disabled .stats-reports-schedule__add, .task-list-add-group-button.company-edit__save--disabled .statistics__nav-item, .task-list-add-group-button.company-edit__save--disabled .by-user-column-stage__more-btn, .task-list-add-group-button.company-edit__save--disabled .share-name-changer__change-btn, .task-list-add-group-button.company-edit__save--disabled .share-name-changer__save, .task-list-add-group-button.company-edit__save--disabled .task-info__move-to-board, .task-list-add-group-button.company-edit__save--disabled .task-info__location-item, .task-list-add-group-button.company-edit__save--disabled .chat-description-save__cancel, .task-list-add-group-button.company-edit__save--disabled .chat-description-add, .task-list-add-group-button.company-edit__save--disabled .task-chat-list__single-hint__link, .task-list-add-group-button.company-edit__save--disabled .task-chat-list__empty-hint__link, .task-list-add-group-button.company-edit__save--disabled .repeat-edit__action, .task-list-add-group-button.company-edit__save--disabled .repeat-edit__col-name, .task-list-add-group-button.company-edit__save--disabled .project-role__add, .task-list-add-group-button.company-edit__save--disabled .project-participants__copy-role, .task-list-add-group-button.company-edit__save--disabled .project-participants__add-role, .task-list-add-group-button.company-edit__save--disabled .permissions-chooser__menu__text, .task-list-add-group-button.company-edit__save--disabled .partner-page__action-item, .task-list-add-group-button.company-edit__save--disabled .object-chooser__up, .task-list-add-group-button.company-edit__save--disabled .my-tasks__all-move, .task-list-add-group-button.company-edit__save--disabled .my-tasks__move, .task-list-add-group-button.company-edit__save--disabled .my-tasks__more-btn, .task-list-add-group-button.company-edit__save--disabled .my-tasks__nav-item, .task-list-add-group-button.company-edit__save--disabled .edit-extensions__settings-btn, .task-list-add-group-button.company-edit__save--disabled .company-edit__cancel, .disabled.task-list-add-group-button .company-edit__back, .task-list-add-group-button.project-participants__save--disabled .company-edit__back, .task-list-add-group-button.company-edit__save--disabled .company-edit__back, .disabled.task-list-add-group-button .company-login__back, .task-list-add-group-button.project-participants__save--disabled .company-login__back, .task-list-add-group-button.company-edit__save--disabled .company-login__back, .disabled.task-list-add-group-button .button-select__cancel, .task-list-add-group-button.project-participants__save--disabled .button-select__cancel, .task-list-add-group-button.company-edit__save--disabled .button-select__cancel, .disabled.task-list-add-group-button .button-select__btn, .task-list-add-group-button.project-participants__save--disabled .button-select__btn, .task-list-add-group-button.company-edit__save--disabled .button-select__btn, .task-list-add-group-button.billing__pay-btn--disabled ._link, .task-list-add-group-button.billing__pay-btn--disabled .repeat-view__open-all, .task-list-add-group-button.billing__pay-btn--disabled .sticker-deadline__toggle-start-link, .task-list-add-group-button.billing__pay-btn--disabled .prj-invite__card-toggle-admin-btn, .task-list-add-group-button.billing__pay-btn--disabled .prj-invite__card-remove-btn, .task-list-add-group-button.billing__pay-btn--disabled .prj-invite__mail-btn2, .task-list-add-group-button.billing__pay-btn--disabled .prj-invite__link-copy, .task-list-add-group-button.billing__pay-btn--disabled .prj-invite__add-btn, .task-list-add-group-button.billing__pay-btn--disabled .prj-invite__limit-btn, .task-list-add-group-button.billing__pay-btn--disabled .timeline__more-btn, .task-list-add-group-button.billing__pay-btn--disabled .stats-reports__dashboard-add, .task-list-add-group-button.billing__pay-btn--disabled .stats-reports__back, .task-list-add-group-button.billing__pay-btn--disabled .stats-reports__toggle-view, .task-list-add-group-button.billing__pay-btn--disabled .stats-reports__xlsx, .task-list-add-group-button.billing__pay-btn--disabled .stats-reports__edit, .task-list-add-group-button.billing__pay-btn--disabled .stats-reports-table__prev, .task-list-add-group-button.billing__pay-btn--disabled .stats-reports-table__next, .task-list-add-group-button.billing__pay-btn--disabled .stats-reports-edit__delete, .task-list-add-group-button.billing__pay-btn--disabled .stats-reports-edit__cancel, .task-list-add-group-button.billing__pay-btn--disabled .stats-aggregated-report__add-column-btn, .task-list-add-group-button.billing__pay-btn--disabled .stats-aggregated-report__back, .task-list-add-group-button.billing__pay-btn--disabled .stats-aggregated-report__xlsx, .task-list-add-group-button.billing__pay-btn--disabled .stats-reports-schedule__add, .task-list-add-group-button.billing__pay-btn--disabled .statistics__nav-item, .task-list-add-group-button.billing__pay-btn--disabled .by-user-column-stage__more-btn, .task-list-add-group-button.billing__pay-btn--disabled .share-name-changer__change-btn, .task-list-add-group-button.billing__pay-btn--disabled .share-name-changer__save, .task-list-add-group-button.billing__pay-btn--disabled .task-info__move-to-board, .task-list-add-group-button.billing__pay-btn--disabled .task-info__location-item, .task-list-add-group-button.billing__pay-btn--disabled .chat-description-save__cancel, .task-list-add-group-button.billing__pay-btn--disabled .chat-description-add, .task-list-add-group-button.billing__pay-btn--disabled .task-chat-list__single-hint__link, .task-list-add-group-button.billing__pay-btn--disabled .task-chat-list__empty-hint__link, .task-list-add-group-button.billing__pay-btn--disabled .repeat-edit__action, .task-list-add-group-button.billing__pay-btn--disabled .repeat-edit__col-name, .task-list-add-group-button.billing__pay-btn--disabled .project-role__add, .task-list-add-group-button.billing__pay-btn--disabled .project-participants__copy-role, .task-list-add-group-button.billing__pay-btn--disabled .project-participants__add-role, .task-list-add-group-button.billing__pay-btn--disabled .permissions-chooser__menu__text, .task-list-add-group-button.billing__pay-btn--disabled .partner-page__action-item, .task-list-add-group-button.billing__pay-btn--disabled .object-chooser__up, .task-list-add-group-button.billing__pay-btn--disabled .my-tasks__all-move, .task-list-add-group-button.billing__pay-btn--disabled .my-tasks__move, .task-list-add-group-button.billing__pay-btn--disabled .my-tasks__more-btn, .task-list-add-group-button.billing__pay-btn--disabled .my-tasks__nav-item, .task-list-add-group-button.billing__pay-btn--disabled .edit-extensions__settings-btn, .task-list-add-group-button.billing__pay-btn--disabled .company-edit__cancel, .task-list-add-group-button.billing__pay-btn--disabled .company-edit__back, .task-list-add-group-button.billing__pay-btn--disabled .company-login__back, .task-list-add-group-button.billing__pay-btn--disabled .button-select__cancel, .task-list-add-group-button.billing__pay-btn--disabled .button-select__btn, .disabled.task-list-add-group-button .billing__prolong, .task-list-add-group-button.project-participants__save--disabled .billing__prolong, .task-list-add-group-button.company-edit__save--disabled .billing__prolong, .task-list-add-group-button.billing__pay-btn--disabled .billing__prolong, .disabled.task-list-add-group-button .billing__add-users, .task-list-add-group-button.project-participants__save--disabled .billing__add-users, .task-list-add-group-button.company-edit__save--disabled .billing__add-users, .task-list-add-group-button.billing__pay-btn--disabled .billing__add-users, .task-list-add-group-button.add-company__submit--disabled ._link, .task-list-add-group-button.add-company__submit--disabled .repeat-view__open-all, .task-list-add-group-button.add-company__submit--disabled .sticker-deadline__toggle-start-link, .task-list-add-group-button.add-company__submit--disabled .prj-invite__card-toggle-admin-btn, .task-list-add-group-button.add-company__submit--disabled .prj-invite__card-remove-btn, .task-list-add-group-button.add-company__submit--disabled .prj-invite__mail-btn2, .task-list-add-group-button.add-company__submit--disabled .prj-invite__link-copy, .task-list-add-group-button.add-company__submit--disabled .prj-invite__add-btn, .task-list-add-group-button.add-company__submit--disabled .prj-invite__limit-btn, .task-list-add-group-button.add-company__submit--disabled .timeline__more-btn, .task-list-add-group-button.add-company__submit--disabled .stats-reports__dashboard-add, .task-list-add-group-button.add-company__submit--disabled .stats-reports__back, .task-list-add-group-button.add-company__submit--disabled .stats-reports__toggle-view, .task-list-add-group-button.add-company__submit--disabled .stats-reports__xlsx, .task-list-add-group-button.add-company__submit--disabled .stats-reports__edit, .task-list-add-group-button.add-company__submit--disabled .stats-reports-table__prev, .task-list-add-group-button.add-company__submit--disabled .stats-reports-table__next, .task-list-add-group-button.add-company__submit--disabled .stats-reports-edit__delete, .task-list-add-group-button.add-company__submit--disabled .stats-reports-edit__cancel, .task-list-add-group-button.add-company__submit--disabled .stats-aggregated-report__add-column-btn, .task-list-add-group-button.add-company__submit--disabled .stats-aggregated-report__back, .task-list-add-group-button.add-company__submit--disabled .stats-aggregated-report__xlsx, .task-list-add-group-button.add-company__submit--disabled .stats-reports-schedule__add, .task-list-add-group-button.add-company__submit--disabled .statistics__nav-item, .task-list-add-group-button.add-company__submit--disabled .by-user-column-stage__more-btn, .task-list-add-group-button.add-company__submit--disabled .share-name-changer__change-btn, .task-list-add-group-button.add-company__submit--disabled .share-name-changer__save, .task-list-add-group-button.add-company__submit--disabled .task-info__move-to-board, .task-list-add-group-button.add-company__submit--disabled .task-info__location-item, .task-list-add-group-button.add-company__submit--disabled .chat-description-save__cancel, .task-list-add-group-button.add-company__submit--disabled .chat-description-add, .task-list-add-group-button.add-company__submit--disabled .task-chat-list__single-hint__link, .task-list-add-group-button.add-company__submit--disabled .task-chat-list__empty-hint__link, .task-list-add-group-button.add-company__submit--disabled .repeat-edit__action, .task-list-add-group-button.add-company__submit--disabled .repeat-edit__col-name, .task-list-add-group-button.add-company__submit--disabled .project-role__add, .task-list-add-group-button.add-company__submit--disabled .project-participants__copy-role, .task-list-add-group-button.add-company__submit--disabled .project-participants__add-role, .task-list-add-group-button.add-company__submit--disabled .permissions-chooser__menu__text, .task-list-add-group-button.add-company__submit--disabled .partner-page__action-item, .task-list-add-group-button.add-company__submit--disabled .object-chooser__up, .task-list-add-group-button.add-company__submit--disabled .my-tasks__all-move, .task-list-add-group-button.add-company__submit--disabled .my-tasks__move, .task-list-add-group-button.add-company__submit--disabled .my-tasks__more-btn, .task-list-add-group-button.add-company__submit--disabled .my-tasks__nav-item, .task-list-add-group-button.add-company__submit--disabled .edit-extensions__settings-btn, .task-list-add-group-button.add-company__submit--disabled .company-edit__cancel, .task-list-add-group-button.add-company__submit--disabled .company-edit__back, .task-list-add-group-button.add-company__submit--disabled .company-login__back, .task-list-add-group-button.add-company__submit--disabled .button-select__cancel, .task-list-add-group-button.add-company__submit--disabled .button-select__btn, .task-list-add-group-button.add-company__submit--disabled .billing__prolong, .task-list-add-group-button.add-company__submit--disabled .billing__add-users, .disabled.task-list-add-group-button .acc__other-os, .task-list-add-group-button.project-participants__save--disabled .acc__other-os, .task-list-add-group-button.company-edit__save--disabled .acc__other-os, .task-list-add-group-button.billing__pay-btn--disabled .acc__other-os, .task-list-add-group-button.add-company__submit--disabled .acc__other-os, .disabled.task-list-add-group-button .acc__os-variant, .task-list-add-group-button.project-participants__save--disabled .acc__os-variant, .task-list-add-group-button.company-edit__save--disabled .acc__os-variant, .task-list-add-group-button.billing__pay-btn--disabled .acc__os-variant, .task-list-add-group-button.add-company__submit--disabled .acc__os-variant, .disabled.task-list-add-group-button .acc__your-os-link, .task-list-add-group-button.project-participants__save--disabled .acc__your-os-link, .task-list-add-group-button.company-edit__save--disabled .acc__your-os-link, .task-list-add-group-button.billing__pay-btn--disabled .acc__your-os-link, .task-list-add-group-button.add-company__submit--disabled .acc__your-os-link, .disabled.task-list-add-group-button .register__wait__link, .task-list-add-group-button.project-participants__save--disabled .register__wait__link, .task-list-add-group-button.company-edit__save--disabled .register__wait__link, .task-list-add-group-button.billing__pay-btn--disabled .register__wait__link, .task-list-add-group-button.add-company__submit--disabled .register__wait__link, .disabled.task-list-add-group-button .prj__reg-link-copy, .task-list-add-group-button.project-participants__save--disabled .prj__reg-link-copy, .task-list-add-group-button.company-edit__save--disabled .prj__reg-link-copy, .task-list-add-group-button.billing__pay-btn--disabled .prj__reg-link-copy, .task-list-add-group-button.add-company__submit--disabled .prj__reg-link-copy, .disabled.task-list-add-group-button .prj__reg-link-save, .task-list-add-group-button.project-participants__save--disabled .prj__reg-link-save, .task-list-add-group-button.company-edit__save--disabled .prj__reg-link-save, .task-list-add-group-button.billing__pay-btn--disabled .prj__reg-link-save, .task-list-add-group-button.add-company__submit--disabled .prj__reg-link-save, .disabled.task-list-add-group-button .prj__reg-link-delete, .task-list-add-group-button.project-participants__save--disabled .prj__reg-link-delete, .task-list-add-group-button.company-edit__save--disabled .prj__reg-link-delete, .task-list-add-group-button.billing__pay-btn--disabled .prj__reg-link-delete, .task-list-add-group-button.add-company__submit--disabled .prj__reg-link-delete, .disabled.task-list-add-group-button .prj__reg-link-txt, .task-list-add-group-button.project-participants__save--disabled .prj__reg-link-txt, .task-list-add-group-button.company-edit__save--disabled .prj__reg-link-txt, .task-list-add-group-button.billing__pay-btn--disabled .prj__reg-link-txt, .task-list-add-group-button.add-company__submit--disabled .prj__reg-link-txt, .disabled.task-list-add-group-button .prj__reg-link-setup, .task-list-add-group-button.project-participants__save--disabled .prj__reg-link-setup, .task-list-add-group-button.company-edit__save--disabled .prj__reg-link-setup, .task-list-add-group-button.billing__pay-btn--disabled .prj__reg-link-setup, .task-list-add-group-button.add-company__submit--disabled .prj__reg-link-setup, .disabled.task-list-add-group-button .prj-users__xlsx, .task-list-add-group-button.project-participants__save--disabled .prj-users__xlsx, .task-list-add-group-button.company-edit__save--disabled .prj-users__xlsx, .task-list-add-group-button.billing__pay-btn--disabled .prj-users__xlsx, .task-list-add-group-button.add-company__submit--disabled .prj-users__xlsx, .disabled.task-list-add-group-button .prj-item__more-btn, .task-list-add-group-button.project-participants__save--disabled .prj-item__more-btn, .task-list-add-group-button.company-edit__save--disabled .prj-item__more-btn, .task-list-add-group-button.billing__pay-btn--disabled .prj-item__more-btn, .task-list-add-group-button.add-company__submit--disabled .prj-item__more-btn, .disabled.task-list-add-group-button .prj-item__archive-show, .task-list-add-group-button.project-participants__save--disabled .prj-item__archive-show, .task-list-add-group-button.company-edit__save--disabled .prj-item__archive-show, .task-list-add-group-button.billing__pay-btn--disabled .prj-item__archive-show, .task-list-add-group-button.add-company__submit--disabled .prj-item__archive-show, .disabled.task-list-add-group-button .prj-users-item__more-btn, .task-list-add-group-button.project-participants__save--disabled .prj-users-item__more-btn, .task-list-add-group-button.company-edit__save--disabled .prj-users-item__more-btn, .task-list-add-group-button.billing__pay-btn--disabled .prj-users-item__more-btn, .task-list-add-group-button.add-company__submit--disabled .prj-users-item__more-btn, .disabled.task-list-add-group-button .notify-chooser-show-more, .task-list-add-group-button.project-participants__save--disabled .notify-chooser-show-more, .task-list-add-group-button.company-edit__save--disabled .notify-chooser-show-more, .task-list-add-group-button.billing__pay-btn--disabled .notify-chooser-show-more, .task-list-add-group-button.add-company__submit--disabled .notify-chooser-show-more {
  opacity: 0.5;
}

.task-group--report {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.task-group--report .task-group-title {
  background-color: unset;
  padding-bottom: 8px;
  border-bottom: 0px;
}
.task-group--report .task-group-title-bg {
  background: no-repeat 6px 8px url("/img/icons/icon-drag-light.svg"), linear-gradient(#fff, #e1ecf6);
  background-size: 6px;
}

.task-dropzone {
  position: absolute;
  left: 0;
  right: 0;
  top: -6px;
}

.dropzone-active {
  border-top: 4px #4581f6 solid;
}

.task-list__edit-report {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: no-repeat;
  background-image: url(/img/main-menu/settings.svg);
}
.task-list__edit-report:hover {
  background-image: url(/img/main-menu/settings-hover.svg);
}
.task-list__edit-report:active {
  background-image: url(/img/main-menu/settings-active.svg);
}
.icon-container:hover > .task-list__edit-report {
  background-image: url(/img/main-menu/settings-hover.svg);
}
.icon-container:active > .task-list__edit-report {
  background-image: url(/img/main-menu/settings-active.svg);
}
.task-list__download-file {
  position: absolute;
  right: 28px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: no-repeat url(/img/main-menu/file-hover.svg);
}
.task-list .text-edit-shadow {
  line-height: 18px;
  padding: 0;
}
.task-list textarea.text-edit-input {
  line-height: 18px;
  font-size: 14px;
}

.task-group-container .new-sub.api-hide {
  display: block !important;
  visibility: hidden;
  height: 2px;
}

.proj-task-item {
  border-bottom: none;
}

.task-chat-msg-short {
  display: inline;
}

.task-chat-msg-long {
  display: none;
}

.new-sub {
  width: 100%;
  margin: 8px 0 8px;
  padding: 0 6px;
}
.new-sub .tasks-item-head {
  margin-top: 8px;
  background: #fff;
  border: none;
}
.new-sub .text-edit {
  font-size: 15px;
  margin-bottom: 0;
}
.new-sub .text-edit-shadow {
  padding-bottom: 22px;
}

.tasks-item {
  position: relative;
  word-wrap: break-word;
}

.tasks-item-new-msg {
  position: absolute;
  bottom: 8px;
  right: 14px;
  width: 16px;
  height: 18px;
  background: url(/img/icons/icon-chats-hover1.svg) no-repeat;
}

.tasks-item-new-msg-num {
  position: absolute;
  background: #e71a6e;
  color: #fff;
  font-size: 10px;
  padding: 0 3px;
  border-radius: 10px;
  font-weight: 600;
  left: 9px;
  line-height: 11px;
  top: 5px;
}

.tasks-item.drop-file-area-active:before {
  content: attr(data-drop-hint);
  text-align: center;
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  bottom: 6px;
  right: 6px;
  border-radius: 6px;
  border: 2px dashed #2f97e6;
  z-index: 100;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.8);
  color: #2f97e6;
  font-size: 14px;
  line-height: 20px;
}

.tasks-item.drop-file-area-active {
  color: #b8bfcf;
}

.tasks-item-hub,
.tasks-item-user,
.tasks-item-tag {
  position: relative;
}

.tasks-item-user {
  float: left;
  padding: 2px 4px;
  background: #2b3541;
  margin: 4px;
  color: #fff;
  font-size: 14px;
}

.shadow-task-new-old {
  box-shadow: 0 0 0 1px #e71a6e;
}

.tasks-item-archived .tasks-item-head {
  background: #f5f8fa;
}

.tasks-item-tag {
  float: left;
  padding: 2px 4px;
  background: #2f97e6;
  margin: 4px;
  color: #fff;
  font-size: 14px;
}

.tasks-item-hub {
  clear: both;
  width: 100%;
  font-size: 16px;
  padding: 0;
  border: none;
  cursor: pointer;
  position: relative;
}

.tasks-opened-chat .tasks-item-head-content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: #e71a6e;
  border-radius: 2px 0 0 2px;
  z-index: 11;
}

.tasks-opened-chat .tasks-item-head-content--subtasks:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: #e71a6e;
  border-radius: 2px 0 0 0;
  z-index: 11;
}

.tasks-item-checkbox {
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
}

.tasks-item-checkbox label {
  padding: 8px;
  line-height: 14px;
}

.tasks-item-head-content {
  position: relative;
  margin: -8px;
  padding: 8px;
  border-radius: 4px;
  transition: border-radius 250ms cubic-bezier(0.5, 0, 0.2, 1);
}
.tasks-item-head-content:hover {
  background-color: #f5f8fa;
  border-radius: 4px 4px 0 0;
  transition: border-radius 250ms cubic-bezier(0.5, 0, 0.2, 1) 800ms;
}

body.native-dragging--task .tasks-item-head > * {
  pointer-events: none;
}

.tasks-item-head{
  background-color: var(--color-primary-background-card) !important;
  font-size: 14px !important;
  line-height: 1rem !important;
  color: var(--color-text-placeholder) !important;
  --tw-shadow: 0px 1px 1px var(--color-primary-shadow-xs-1), 0px 0px 1px var(--color-primary-shadow-xs-2) !important;
  --tw-shadow-colored: 0px 1px 1px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  position: relative;
  border: none;
  min-width: 100%;
  max-width: 100%;
  min-height: 64px;
  border-radius: 8px;
  padding: 8px;
}
.tasks-item-head:after {
  content: "";
  display: block;
  clear: both;
}
.tasks-item-head--default {
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
}
.tasks-item-head--animation {
  border-radius: 4px;
  transition: border-radius 250ms cubic-bezier(0.5, 0, 0.2, 1);
}
.tasks-item-head--animation:hover {
  border-radius: 4px 4px 0 0;
  transition: border-radius 250ms cubic-bezier(0.5, 0, 0.2, 1) 800ms;
}
.tasks-item-head .text-edit{
  margin-bottom: 0;
}

.task-list-upper-cnt {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 41px;
}

.task-single .parent-even.tasks-item-head {
  background: #f8f2ff;
}

.tasks-item-title {
  flex-grow: 1;
  font-size: 14px;
  padding-left: 24px;
  padding-right: 33px;
  line-height: 18px;
  font-weight: normal;
  margin-top: -2px;
}

.tasks-item-title .text-edit {
  display: inline-block;
  font-size: 15px;
  max-width: 100%;
}

.tasks-item-title .text-edit-input {
  color: #4d566a;
  line-height: 18px;
  padding: 0;
}

.tasks-item-chosen .tasks-item-title:hover {
  text-decoration: none;
  cursor: text;
}

.tasks-item-head.tasks-item-chosen {
  border: 1px solid #2f97e6;
}

.tasks-item-hub-expanded {
  margin-bottom: 40px;
}

.tasks-item-descr {
  font-size: 13px;
  color: #80899e;
}

.tasks-item-descr-cnt {
  margin: 0 0 10px 0;
}

.tasks-item-right {
  opacity: 0;
}

.proj-task-item:hover .tasks-item-right {
  opacity: 1;
}

textarea.tasks-item-title-edit {
  border: none;
  box-shadow: none;
  resize: none;
  padding: 0;
  margin: 0;
  width: 500px;
  background: none;
  font-size: 14px;
}

.tasks-item-descr-empty {
  color: #b8bfcf;
  cursor: pointer;
  font-size: 13px;
  line-height: 18px;
  margin: 4px 0 8px 0;
}

.tasks-item-descr .text-edit {
  font-size: 13px;
}

.tasks-item-descr .text-edit-input {
  padding-left: 0;
}

.task-chat {
  font-size: 11px;
  color: #666f75;
  cursor: pointer;
}

.task-chat:hover {
  color: #2f97e6;
}

.task-do-connect {
  color: #2f97e6;
  background: #fff;
  display: inline-block;
  height: 13px;
  line-height: 12px;
  padding: 0 2px;
  border: 1px solid #2f97e6;
  border-radius: 2px;
  margin: 2px 0 -2px;
}

.task-do-connect.active {
  background: #2f97e6;
  color: #fff;
}

.task-do-connect:hover {
  color: #fff;
  background: #2f97e6;
}

.task-connect {
  font-size: 11px;
  color: #666f75;
  cursor: pointer;
}

.tasks-connecting-same {
  pointer-events: none;
}

.tasks-connecting {
  position: relative;
}

.tasks-connecting .tasks-item-right {
  display: none !important;
}

.tasks-connecting:after {
  content: "";
  display: block;
  cursor: alias;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(237, 183, 57, 0.1);
  transition: background 0.2s ease;
}

.tasks-connecting:hover:after {
  background: rgba(0, 0, 0, 0);
}

.tasks-connecting:hover .tasks-item-head {
  background: #fff;
}

.task-connect:hover {
  color: #2f97e6;
}

.task-chat-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/img/icons/icon-chats-hover1.svg") no-repeat;
  background-size: contain;
  margin-bottom: -3px;
}

.task-chat:hover .task-chat-icon {
  background: url("/img/icons/icon-chats-hover1.svg") no-repeat;
  background-size: contain;
}

.tasks-item-actions {
  margin: 12px 0 12px 22px;
  font-size: 13px;
}

.tasks-item-actions .task-add {
  color: #2f97e6;
}

.tasks-item-actions .task-show-completed {
  color: #61cc14;
}

.tasks-item-title-content__edit-icon {
  background: no-repeat 50% 50%;
  background-image: url(/img/icons/icon-intask-edit.svg);
}
.tasks-item-title-content__edit-icon:hover {
  background-image: url(/img/icons/icon-intask-edit-hover.svg);
}
.tasks-item-title-content__edit-icon:active {
  background-image: url(/img/icons/icon-intask-edit-active.svg);
}
.icon-container:hover > .tasks-item-title-content__edit-icon {
  background-image: url(/img/icons/icon-intask-edit-hover.svg);
}
.icon-container:active > .tasks-item-title-content__edit-icon {
  background-image: url(/img/icons/icon-intask-edit-active.svg);
}

.tasks-item-title-content {
  width: 100%;
}
.tasks-item-title-content__edit-icon {
  position: absolute;
  z-index: 1;
  content: "";
  width: 16px;
  height: 20px;
}

.tasks-item-archived .tasks-item-title-content {
  color: #999;
}

.tasks-item-details {
  margin-top: -4px;
}

.tasks-item-chat-msgs {
  position: absolute;
  width: 50px;
  right: -60px;
  color: #2f97e6;
  cursor: pointer;
  top: 4px;
  font-size: 14px;
}

.tasks-item-chat-msgs.all-read {
  color: #f5f8fa;
  text-shadow: 1px 1px 0 #b8bfcf;
}

.tasks-item-right {
  position: absolute;
  display: flex;
  padding: 1px 7px 0;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  height: 20px;
  top: -16px;
  right: 8px;
  line-height: 20px;
}

.task-action.task-chat-opened {
  color: #999;
  cursor: default;
}

.task-action-line {
  width: 1px;
  height: 13px;
  background: #ccc;
  margin: 2px 5px 0;
}

.task-action {
  font-size: 12px;
  cursor: pointer;
}

.tasks-item-head.tasks-item-head-tasklist {
  background: #fff;
  border: none;
  border-left: 8px solid #d4901a;
}

.tasks-item-head.tasks-item-head-tasklist.tasks-even {
  border-left: 8px solid #8540cd;
}

.task-action.task-delete {
  color: #999;
  z-index: 3;
  position: relative;
}

.task-delete-icon {
  background: url("/img/actions/delete.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: -3px;
}

.task-delete-icon:hover {
  background: url("/img/actions/delete-hover.svg") no-repeat;
  background-size: contain;
}

.task-add {
  margin: 2px 0 8px 22px;
  font-size: 13px;
  color: #b8bfcf;
  cursor: pointer;
  float: left;
}

textarea.tag-add-text {
  padding: 0;
  font-size: 12px;
  background: none;
  color: #2b3541;
  position: absolute;
  top: -2px;
  left: -1px;
  margin: 0;
  line-height: 18px;
  border: none;
  outline: none;
  box-shadow: none;
  resize: none;
}

.tag-add-wrapper {
  position: relative;
  padding: 0 8px 0 0;
}

.tag-add-width-maker {
  color: transparent;
}

.task-item-delete-approval {
  position: absolute;
  font-size: 14px;
  font-weight: 600;
  background: #fff3ed;
  padding: 10px;
  line-height: 16px;
  z-index: 10;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
}

.tasks-item-to-be-deleted .task-action.task-delete {
  color: #d92400;
}

.task-item-delete-approval-options {
  margin-top: 4px;
}

.task-item-delete-approval-yes {
  background: #d92400;
  border-bottom: solid #9c0303;
  border-bottom-width: 1px;
}
.task-item-delete-approval-yes:hover {
  margin-top: -1px;
  border-bottom-width: 2px;
}
.task-item-delete-approval-yes:active {
  margin-top: 0;
  border-bottom-width: 1px;
}

.task-item-delete-approval-no {
  margin-right: 12px;
  background: #b8bfcf;
  border-bottom: solid #80899e;
  border-bottom-width: 1px;
}
.task-item-delete-approval-no:hover {
  margin-top: -1px;
  border-bottom-width: 2px;
}
.task-item-delete-approval-no:active {
  margin-top: 0;
  border-bottom-width: 1px;
}

.task-item-delete-approval-yes,
.task-item-delete-approval-no {
  float: left;
  color: #fff;
  padding: 3px 12px;
  border-radius: 4px;
  cursor: pointer;
}

.tag {
  margin-left: 20px;
  border-left: 1px dashed #ccc;
}

.tag-head.tag-item {
  float: left;
  margin-bottom: 10px;
  margin-left: -2px;
}

.tasks-item-title-edit-icon {
  display: inline-block;
  transition: opacity 0.2s ease;
  width: 11px;
  height: 11px;
  background: no-repeat 50% -2px;
  background-image: url(/img/icons/icon-edit-task-name.svg);
  margin: 0 0 0 1px;
  line-height: 13px;
}
.tasks-item-title-edit-icon:hover {
  background-image: url(/img/icons/icon-edit-task-name-hover.svg);
}
.tasks-item-title-edit-icon:active {
  background-image: url(/img/icons/icon-edit-task-name-active.svg);
}
.icon-container:hover > .tasks-item-title-edit-icon {
  background-image: url(/img/icons/icon-edit-task-name-hover.svg);
}
.icon-container:active > .tasks-item-title-edit-icon {
  background-image: url(/img/icons/icon-edit-task-name-active.svg);
}

.tasks-item-title-text .text-edit {
  border-bottom: 1px solid #555;
  font-size: 15px;
  line-height: 18px;
}

.tasks-item-title-text {
  width: 100%;
}

.task-sticker-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-left: 24px;
  padding-right: 36px;
  line-height: 18px;
  margin: 4px 0 -2px;
  min-height: 26px;
}

.tasks-item-archived .task-sticker-list {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.tasks-item-archived:hover .task-sticker-list {
  filter: none;
  -webkit-filter: none;
}

.task-sticker__plus {
  position: relative;
  opacity: 0;
  width: 20px;
  height: 20px;
  color: #80899e;
  border-radius: 20px;
  cursor: pointer;
  margin-top: 2px;
  background: #fff no-repeat center url(/img/sticker-icons/plus-gray.svg);
}
.task-sticker__plus:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  color: #80899e;
  border: 1px dashed;
  border-radius: 20px;
  top: 0;
  left: 0;
}
.tasks-item-head-content:hover .task-sticker__plus {
  opacity: 1;
}
.task-sticker__plus:hover {
  color: #2f97e6;
  background-image: url(/img/sticker-icons/plus-blue.svg);
}
.task-sticker__plus:hover:before {
  color: #2f97e6;
}
.task-sticker__menu {
  min-width: 170px;
}
.task-sticker__menu .sticker-item.empty.empty.empty {
  border: none;
  background: none;
  height: 32px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.task-sticker__menu .sticker-item-icon {
  margin: 0 6px 0 4px;
}
.task-sticker__menu .dropdown-menu__dropdown__item:hover .sticker-item.empty {
  color: #fff;
}
.task-sticker__menu .sticker-item-icon.empty {
  display: inline-block;
}
.task-sticker__menu .sticker-item.no-icon {
  padding: 0;
}

.task-sticker-item {
  display: inline-block;
  line-height: 18px;
  margin: 6px 6px 0 0;
}

.task-sticker-item.user,
.task-stickers__sticker-item--user {
  position: absolute;
  right: -6px;
  bottom: 0;
  height: 20px;
}
.task-sticker-item.user .sticker-item-user.sticker-item-user,
.task-stickers__sticker-item--user .sticker-item-user.sticker-item-user {
  border: none;
  display: flex;
  justify-content: flex-end;
  background: none;
  padding: 0;
  width: 38px;
  overflow: hidden;
}
.task-sticker-item.user .sticker-item-icon,
.task-stickers__sticker-item--user .sticker-item-icon {
  flex: 0 0 20px;
  border: 1px solid #fff;
  box-sizing: content-box;
  margin-left: 5px;
}

.tasks-item-head-content:hover .task-sticker-item {
  opacity: 1;
}

.task-checklist {
  position: relative;
  margin: 12px 4px 0 24px !important;
}

.tasks-item-archived .task-checklist-progress,
.tasks-item-head-content:hover .task-checklist-progress {
  background: #dfe1e5;
}

.tasks-item-archived .task-checklist-progress-bar,
.tasks-item-head-content:hover .task-checklist-progress-bar {
  box-shadow: 0 0 2px 1px #e3e3e3;
}

.task-checklist-progress {
  background: #eff1f5;
  border-radius: 4px;
  height: 4px;
  margin-right: 50px;
  position: relative;
}

.task-checklist-progress-bar {
  transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease;
  min-width: 4px;
  box-shadow: 0 0 2px 1px #f3f3f3;
  background: #2f97e6;
  height: 100%;
  border-radius: 4px;
}

.task-checklist-progress-bar.completed {
  background: #61cc14 !important;
}

.task-checklist-toggle {
  position: absolute;
  right: 0;
  top: -4px;
}

.task-checklist-toggle-icon {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #80899e;
  border-bottom: none;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  position: relative;
  float: left;
  margin-top: 3px;
}

.task-checklist.expanded .task-checklist-toggle-icon {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #80899e;
  border-top: none;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  position: relative;
  margin-top: 2px;
}

.task-checklist-toggle:hover .task-checklist-toggle-icon {
  border-top-color: #2f97e6;
}

.task-checklist.expanded .task-checklist-toggle:hover .task-checklist-toggle-icon {
  border-bottom-color: #2f97e6;
}

.task-checklist-toggle:hover {
  color: #2f97e6;
}

.task-checklist-progress-txt {
  width: 40px;
  float: left;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
  white-space: nowrap;
  line-height: 11px;
}

.task-checklist-cnt {
  pointer-events: none;
}

.task-checklist-title {
  font-size: 10px;
  font-weight: 600;
  margin: 8px 0 0;
  word-break: break-word;
}

.task-checklist-item-label {
  font-size: 11px;
  line-height: 17px;
  margin-top: 2px;
  padding-left: 15px;
  background: url("/img/icons/icon-bullet.svg") no-repeat 0 4px;
}

.task-checklist-item-label.checked {
  color: #9599a0;
  background-image: url("/img/icons/icon-tick.svg");
}

.task-checklist-item-label.checked.long {
  text-decoration: line-through;
}

.task-item-completed .tasks-item-title-content {
  color: #80899e;
}
.task-item-completed .tasks-item-head-content:hover .tasks-item-title-content {
  color: inherit;
}
.task-item-completed .tasks-item-head-content .sticker-item {
  filter: contrast(25%) brightness(1.5) opacity(40%);
}
.task-item-completed .tasks-item-head-content:hover .sticker-item {
  filter: none;
}
.task-item-completed .sticker-item.sticker-item-deadline {
  background: #f1f2f5;
  color: #80899e;
  border-color: #80899e;
}
.task-item-completed .sticker-item.sticker-item-deadline .sticker-item-icon {
  background-color: #80899e;
}

.task-checklist-item-label-txt {
  position: relative;
  word-break: break-word;
}

.task-checklist-item-label-txt:before {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 100%;
  border-bottom: 1px solid;
  top: 8px;
  opacity: 0.8;
  transform: scale(0);
  transform-origin: 0 50%;
  transition: none;
}

.task-checklist-item-label.long .task-checklist-item-label-txt:before {
  display: none;
}

.task-checklist-item-label.checked .task-checklist-item-label-txt:before {
  transition: transform 0.3s ease-in;
  transform: scale(1);
}

.tasks-item__complete {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  cursor: default;
  background-image: url(/img/gtd/undone.svg);
}
.tasks-item__complete:hover {
  background-image: url(/img/gtd/undone-hover.svg);
}
.tasks-item__complete:active {
  background-image: url(/img/gtd/undone-active.svg);
}
.icon-container:hover > .tasks-item__complete {
  background-image: url(/img/gtd/undone-hover.svg);
}
.icon-container:active > .tasks-item__complete {
  background-image: url(/img/gtd/undone-active.svg);
}
.tasks-item__completing-animation {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}
.tasks-item--completing .tasks-item__completing-animation {
  opacity: 1;
}
.tasks-item__uncomplete {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  cursor: default;
  background: no-repeat 0 0;
}
.tasks-item__uncomplete:after, .tasks-item__uncomplete:before {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 100%;
}
.tasks-item__uncomplete:before {
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px;
}
.tasks-item__uncomplete:after {
  background: url(/img/gtd/done.svg) 50% 50% no-repeat;
}

.task-subtasks-create-animation {
  border: 1px solid #caced9;
  border-top: 0;
  width: 100%;
  position: absolute;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
  transform: translateY(0);
  transition: transform 250ms cubic-bezier(0.5, 0, 0.2, 1), border-radius 250ms cubic-bezier(0.5, 0, 0.2, 1);
  bottom: 1px;
  z-index: -1;
}
.task-subtasks-create-animation:hover {
  transition: transform 250ms cubic-bezier(0.5, 0, 0.2, 1) 800ms, border-radius 250ms cubic-bezier(0.5, 0, 0.2, 1) 800ms;
}
.tasks-item--no-edit-subtasks .task-subtasks-create-animation {
  display: none;
}

.tasks-item-container {
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 4px;
  transform-origin: top;
  z-index: -1;
  pointer-events: none;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  transform: scaleY(1);
  transition: box-shadow 250ms cubic-bezier(0.5, 0, 0.2, 1), transform 250ms cubic-bezier(0.5, 0, 0.2, 1);
}
.tasks-item-container:hover {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.24);
  transition: box-shadow 250ms cubic-bezier(0.5, 0, 0.2, 1) 800ms, transform 250ms cubic-bezier(0.5, 0, 0.2, 1) 800ms;
}

.tasks-item--no-edit-subtasks .tasks-item-container.tasks-item-container {
  transform: scaleY(0);
}
.tasks-item--editing .tasks-item-container.tasks-item-container {
  transform: scaleY(0);
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: var(--color-tippy-color);
  color: white;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow::before {
  bottom: -5px;
  left: 0;
  border-width: 6px 6px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  top: -5px;
  left: 0;
  border-width: 0 6px 6px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow::before {
  border-width: 6px 0 6px 6px;
  border-left-color: initial;
  right: -5px;
  transform-origin: left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow::before {
  left: -5px;
  border-width: 6px 6px 6px 0;
  border-right-color: initial;
  transform-origin: right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 12px;
  height: 12px;
  color: var(--color-tippy-color);
}
.tippy-arrow::before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  overflow: hidden;
  padding: 8px 8px;
  z-index: 1;
}

.tippy-box[data-theme~=new-menu] {
  background: initial;
  color: initial;
  font-size: initial;
  line-height: initial;
  outline: initial;
  border-radius: 8px;
  --tw-shadow: 0px 2px 4px var(--color-primary-shadow-md-1), 0px 2px 12px var(--color-primary-shadow-md-2);
  --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color), 0px 2px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tippy-box[data-theme~=new-menu] > .tippy-content {
  font-size: initial;
  padding: initial;
  overflow: initial;
}
.tippy-box[data-theme~=new-menu][data-placement=right-start], .tippy-box[data-theme~=new-menu][data-placement=left-start] {
  margin-top: -8px;
}
.tippy-box[data-theme~=new-menu][data-placement=right-end], .tippy-box[data-theme~=new-menu][data-placement=left-end] {
  margin-bottom: -8px;
}

.tippy-box[data-theme~=light-border] > .tippy-content {
  border-radius: 8px;
  font-size: 14px;
  padding: 0;
}

.tippy-box {
  --color-tippy-color: var(--color-background-menu-active-element-old);
  --color-tippy-arrow-color: var(--color-background-menu-active-element-old);
}

.tippy-box[data-theme~=light-border] {
  --color-tippy-color: var(--color-background-main-old);
  --color-tippy-arrow-color: var(--color-background-header-old);
}

.tippy-box[data-theme~=new-tooltips] {
  --color-tippy-color: var(--color-primary-grey-d40);
  --color-tippy-arrow-color: var(--color-primary-grey-d40);
  border-radius: 8px;
}
.tippy-box[data-theme~=new-tooltips] .tippy-content {
  padding: 0;
}

.tippy-box[data-theme~=light-border] {
  background-color: var(--color-tippy-color);
  background-clip: padding-box;
  color: #333;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.tippy-box[data-theme~=light-border] > .tippy-backdrop {
  background-color: var(--color-tippy-color);
}
.tippy-box[data-theme~=light-border] > .tippy-arrow::after,
.tippy-box[data-theme~=light-border] > .tippy-svg-arrow::after {
  content: "";
  position: absolute;
  z-index: -1;
}
.tippy-box[data-theme~=light-border] > .tippy-arrow::after {
  border-color: transparent;
  border-style: solid;
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--color-tippy-color);
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-arrow::after {
  border-top-color: var(--color-border-main-old);
  border-width: 5px 5px 0;
  top: 13px;
  left: 1px;
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-svg-arrow > svg {
  top: 12px;
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-svg-arrow::after {
  top: 13px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--color-tippy-arrow-color);
  bottom: 12px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-arrow::after {
  border-bottom-color: var(--color-border-main-old);
  border-width: 0 5px 5px;
  bottom: 13px;
  left: 1px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 12px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-svg-arrow::after {
  bottom: 13px;
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--color-tippy-color);
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-arrow::after {
  border-left-color: var(--color-border-main-old);
  border-width: 5px 0 5px 5px;
  left: 13px;
  top: 1px;
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-svg-arrow > svg {
  left: 11px;
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-svg-arrow::after {
  left: 12px;
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--color-tippy-color);
  right: 12px;
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-arrow::after {
  border-width: 5px 5px 5px 0;
  right: 13px;
  top: 1px;
  border-right-color: var(--color-border-main-old);
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-svg-arrow > svg {
  right: 11px;
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-svg-arrow::after {
  right: 12px;
}
.tippy-box[data-theme~=light-border] > .tippy-svg-arrow {
  fill: white;
}
.tippy-box[data-theme~=light-border] > .tippy-svg-arrow::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiIC8+PC9zdmc+);
  background-size: 12px 6px;
  width: 12px;
  height: 6px;
}

.proj-task-list > .ui-cnt {
  margin-left: 20px;
  color: #fff;
}

.task-list-ui-cnt {
  position: relative;
  z-index: 11;
  margin-left: 18px;
  margin-bottom: 8px;
  pointer-events: none;
}

.task-list-ui-cnt .ui-cnt {
  pointer-events: all;
}

.task-group-wrap > .ui-cnt {
  margin-left: 10px;
  margin-bottom: 6px;
}

.tasks-item-head > .ui-cnt {
  margin-left: 22px;
}

.chat-item-messages > .ui-cnt {
  margin-left: 50px;
  margin-top: 8px;
}

.message-item-text > .ui-cnt {
  margin-left: 50px;
}

#sticker-panel > .ui-cnt {
  float: left;
}

#sticker-panel .ui-text {
  white-space: nowrap;
}

sticker-panel {
  display: inline-block;
}

.ui-button {
  cursor: pointer;
  padding: 2px 12px;
  line-height: 1.4;
}

.ui-hide-defaults > div {
  display: none !important;
}

.ui-hide-defaults > * {
  display: none !important;
}

.ui-hide-defaults > .ui-cnt {
  display: block !important;
}

.user-avatar {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  position: relative;
  line-height: 30px;
  font-size: 14px;
  font-weight: 600;
  background: #2b3541;
  border-radius: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.user-name.not-registered {
  color: #80899e;
}

.user-name__highlighted {
  color: #2f97e6;
  background: #fbf5c5;
}
.user-name__guest {
  color: #80899e;
  margin-left: 4px;
  font-weight: normal;
}
.user-name__guest--no-name {
  margin-left: 0;
  font-weight: 600;
}

.user-avatar.invited {
  color: transparent;
  background: no-repeat url("/img/empty-avatar@2x.png") 0 0/contain !important;
}

.user-avatar-photo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #b8bfcf;
}

.user-avatar-status {
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background: #fff;
  z-index: 2;
}

.user-avatar-status-inner {
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  border-radius: 100%;
  background: #fff;
  border: 1px solid #80899e;
}

.user-avatar-status-online .user-avatar-status-inner {
  background: #61cc14;
  border: 1px solid #61cc14;
}

.user-avatar-status-online.user-avatar-status-dnd .user-avatar-status-inner {
  background: #9c0303;
  border: 1px solid #9c0303;
}

.user-chooser__more {
  border: 1px dashed #b8bfcf;
  border-radius: 100%;
  min-width: 22px;
  text-align: center;
  font-size: 10px;
  background: #f5f8fa;
  color: #80899e;
  margin-right: 4px;
  display: inline-block;
  vertical-align: top;
  height: 22px;
  line-height: 20px;
}
.user-chooser .notify-chooser {
  height: auto;
  margin-top: 8px;
}
.user-chooser .notify-chooser .user-avatar {
  font-size: 10px;
  line-height: 21px;
  width: 21px;
  height: 21px;
}
.user-chooser .notify-chooser-add {
  width: 21px;
  height: 21px;
}
.user-chooser .notify-chooser-subscribed {
  margin-right: 2px;
  margin-bottom: 2px;
}
.user-chooser .notify-chooser-pane {
  top: 28px;
  z-index: 12;
  width: 480px;
  left: -53px;
  bottom: auto;
}

.user-chooser.opened .notify-chooser-head {
  z-index: 15;
}
.user-chooser.opened .notify-chooser-add:before {
  top: 24px;
  left: 6px;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #b8bfcf;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.user-chooser.opened .notify-chooser-add:after {
  top: 25px;
  left: 7px;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 4px solid #f2f2f2;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.user-chooser-by-email {
  border-top: 1px solid #80899e;
  margin: 5px 15px 0;
  padding: 5px 0 15px;
  font-size: 13px;
}

.user-chooser-by-email-form {
  margin-top: 5px;
  position: relative;
}

.user-chooser-by-email-input {
  height: 24px;
  width: 210px;
  display: inline-block;
  margin: 0;
  line-height: 22px;
  font-size: 14px;
}

.user-chooser-by-email-ok {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 5px;
  padding: 2px 12px;
}

.user-chooser-by-email-error {
  width: 180px;
  line-height: 16px;
  background: #9c0303;
  text-align: center;
  position: absolute;
  top: 34px;
  left: 20px;
  color: #fff;
  padding: 4px 8px;
  border-radius: 2px;
  box-shadow: 0 1px 10px -3px #2b3541;
}

.user-chooser-by-email-error:before {
  top: -5px;
  left: 85px;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #d92400;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.user-avatar-info {
  position: fixed;
  padding: 10px;
  background: #fff;
  color: #2b3541;
  z-index: 10001;
  top: 30px;
  left: -10px;
  width: 270px;
  border-radius: 2px;
  box-shadow: 0 2px 18px -8px #2b3541;
  border: 1px solid #b8bfcf;
  font-weight: normal;
  cursor: default;
  margin: 6px 0 0 -20px;
  text-align: center;
  display: none;
}
.user-avatar-info:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #b8bfcf;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  left: 15px;
}
.user-avatar-info:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 4px solid #fff;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -4px;
  left: 16px;
}
.user-avatar-info__overlay {
  z-index: 10000;
}
.user-avatar-info__top {
  border-bottom: 1px solid #b8bfcf;
  padding-bottom: 10px;
  display: flex;
}
.user-avatar-info__position, .user-avatar-info__deps {
  font-size: 11px;
  text-align: left;
  margin: 2px 0 0 10px;
  color: #80899e;
}
.user-avatar-info__value {
  color: #2b3541;
}

.user-avatar-info-name {
  line-height: 17px;
  font-size: 15px;
  padding: 0 0 0 10px;
  text-align: left;
  width: 170px;
  word-break: break-all;
}

.user-avatar-info-status {
  line-height: 13px;
  font-size: 11px;
  color: #80899e;
  text-align: left;
  width: 150px;
  padding: 0 0 0 10px;
  margin-top: 4px;
}

.user-avatar-info-btn {
  margin-top: 8px;
  width: 100%;
  font-size: 15px;
}

.user-avatar-info.me .user-avatar-info-btn {
  display: none;
}
.user-avatar-info.me .user-avatar-info__top {
  border: none;
}

.valid-input:focus {
  border-color: #2f97e6 !important;
  box-shadow: 0 0 5px #2f97e6 !important;
}

.invalid-input {
  border: 1px solid #ec9488 !important;
  box-shadow: 0 0 5px #ec9488 !important;
}

.versioning {
  position: fixed;
  bottom: 10px;
  left: 10px;
  padding: 40px 20px 12px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 3px 20px -7px #2b3541;
  border: 1px solid #b8bfcf;
  z-index: 4;
  max-width: 420px;
  min-width: 360px;
}

.versioning-actions {
  text-align: center;
  margin-top: 10px;
}

.versioning-apply {
  text-align: center;
  margin: 0 auto;
  white-space: nowrap;
  padding: 2px 10px;
  display: inline-block;
}

.versioning-apply:hover {
  margin: -1px auto 0;
}

.versioning-close {
  position: absolute;
  top: 2px;
  right: 6px;
  cursor: pointer;
  color: #2f97e6;
  width: 20px;
  height: 20px;
  background: url("/img/chat-close@2x.png") no-repeat 6px 5px/12px 12px;
}

.versioning-header {
  font-weight: 600;
  background: #f5f8fa;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 2px 20px;
  border-bottom: 1px solid #b8bfcf;
  border-radius: 3px 3px 0 0;
}

.versioning-new-item,
.versioning-new-header {
  font-size: 14px;
  line-height: 19px;
}

.versioning-new-item .rich-img-link-img,
.versioning-new-item .rich-img-link-img-hover {
  max-width: 300px;
  max-height: 150px;
}

.versioning-list {
  margin: 0 0 0 26px;
}

.task-chat-list-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.task-chat-list-header__title {
  font-size: 16px;
  line-height: 19px;
  color: #80899e;
  padding: 2px 8px;
  border-bottom: 3px solid transparent;
}
.task-chat-list-header--highlighted .task-chat-list-header__title {
  color: #4d566a;
  font-weight: 600;
  border-color: #2f97e6;
}

.sticker-new-state-cnt {
  margin: 0;
  border-top: 1px solid #b8bfcf;
  padding: 6px 4px;
}

.sticker-add-state-btn {
  padding: 4px 7px;
  white-space: nowrap;
  color: #80899e;
  display: block;
  color: #2b3541;
  font-size: 12px;
}

.sticker-editor-states-list .sticker-add-state-btn {
  border-top: none;
}

.sticker-editor {
  color: #2b3541;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000;
}
.sticker-editor .sticker-item-cnt {
  border: none;
}
.sticker-editor .sticker-item-cnt:hover {
  background: #f4f5f5;
}
.sticker-editor .sticker-item-list-body {
  height: 240px;
  border: 1px solid #d2d5d6;
  margin-top: 8px;
  padding: 8px 0;
}
.sticker-editor .sticker-item-name {
  display: none;
}
.sticker-editor .sticker-item.dragged {
  opacity: 0.2;
}

.sticker-editor-cnt {
  position: relative;
  z-index: 2000;
  background: #fff;
  box-shadow: 0 5px 30px -7px #2b3541;
  border-radius: 3px;
  overflow: hidden;
  width: 480px;
  white-space: normal;
}

.sticker-editor-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2b3541;
  opacity: 0.5;
  z-index: 1000;
}

.sticker-editor-head {
  background: #f5f8fa;
  padding: 10px 26px;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  border-bottom: 1px solid #b8bfcf;
}

.sticker-editor-close {
  position: absolute;
  top: 11px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: url("/img/icons/icon-close-chat.svg") no-repeat 0 0/contain;
  cursor: pointer;
}

.sticker-editor-close:hover {
  background-image: url("/img/icons/icon-close-chat-hover.svg");
}

.sticker-editor-close:active {
  background-image: url("/img/icons/icon-close-chat-pressed.svg");
}

.sticker-editor-body {
  padding: 8px 20px 16px;
  font-size: 14px;
  position: relative;
}
.sticker-editor-body:after {
  content: "";
  display: block;
  clear: both;
}

.sticker-editor-actions {
  text-align: center;
  margin-top: 20px;
}

.sticker-editor-back {
  color: #2b3541;
}

.sticker-editor-save {
  margin-left: 10px;
  padding: 1px 25px;
}

.sticker-editor-type-item {
  padding: 8px 40px 14px 175px;
  cursor: pointer;
  border: 1px solid #b8bfcf;
  border-radius: 2px;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
}

.sticker-editor-type-select:invalid {
  color: #b8bfcf;
}

.sticker-editor-add-other._button, .sticker-editor-add-other.repeat-view__open-tpl, .sticker-editor-add-other.repeat-view__btn, .sticker-editor-add-other.sticker-deadline-clear, .sticker-editor-add-other.prj-invite__mail-btn, .sticker-editor-add-other.prj-invite__chat-btn, .sticker-editor-add-other.stats-reports-task-list__more, .sticker-editor-add-other.stats-reports-edit__save, .sticker-editor-add-other.statistics__title-hint__btn, .sticker-editor-add-other.chat-description-save__button, .sticker-editor-add-other.chat-list__more, .sticker-editor-add-other.repeat-edit__stopped-btn, .sticker-editor-add-other.repeat-edit__create, .sticker-editor-add-other.project-participants__mail-btn, .sticker-editor-add-other.project-participants__save--disabled, .sticker-editor-add-other.project-participants__save, .sticker-editor-add-other.partner-withdraw-popup__btn, .sticker-editor-add-other.partner-page__manual-btn, .sticker-editor-add-other.my-tasks__add-private-btn, .sticker-editor-add-other.company-edit__save--disabled, .sticker-editor-add-other.company-edit__save, .sticker-editor-add-other.company-login__ok, .sticker-editor-add-other.company-login__enter-current, .sticker-editor-add-other.billing__pay-btn--disabled, .sticker-editor-add-other.billing__pay-btn, .sticker-editor-add-other.add-company__submit--disabled, .sticker-editor-add-other.add-company__submit, .sticker-editor-add-other.acc-logout, .sticker-editor-add-other.register__wait__done-btn, .sticker-editor-add-other.feedback__btn, .sticker-editor-add-other.feedback__add-news {
  display: inline-block;
  margin-left: 10px;
  line-height: 18px;
  vertical-align: top;
}

.sticker-editor-type-img {
  position: absolute;
  left: 0;
  width: 164px;
}

.sticker-editor-type-item.string {
  min-height: 150px;
}

.sticker-editor-type-item.sprint {
  min-height: 145px;
}

.sticker-editor-type-item.stopwatch {
  min-height: 130px;
}

.sticker-editor-type-item.timer {
  min-height: 210px;
}

.sticker-editor-type-item.deadline {
  min-height: 145px;
}

.sticker-editor-type-item.user {
  min-height: 150px;
}

.sticker-editor-type-item.timetracking {
  min-height: 150px;
}

.sticker-editor-type-desc {
  display: block;
}

.sticker-editor-type-item:hover {
  background-color: #f4f4f5;
}

.sticker-editor-type-head {
  font-size: 18px;
  line-height: 20px;
}

.sticker-editor-type-why {
  font-size: 13px;
  line-height: 18px;
  margin-top: 8px;
}

.sticker-editor-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  font-size: 24px;
  color: #bcbfc1;
  transform: translate(0, -50%);
  height: 22px;
}

.sticker-editor-type-item:hover .sticker-editor-arrow {
  color: #2f97e6;
}

.sticker-editor-add-existent {
  margin: 0 -26px 0;
  border-top: 3px solid #b8bfcf;
  padding: 12px 26px 3px;
}

.sticker-editor-types-list {
  height: 380px;
  overflow: auto;
  border-top: 1px solid #b8bfcf;
  padding: 0 20px 20px;
  margin: 3px -20px 0;
  box-shadow: inset 0 2px 6px -4px #000;
}

.sticker-editor-type-select {
  box-shadow: none;
  border: 1px solid #b8bfcf;
  outline: none;
  border-radius: 2px;
  display: inline-block;
  width: 150px;
  height: 24px;
  margin: 0 0 0 6px;
  padding: 0 6px;
  font-size: 14px;
}

.sticker-editor-icons-list {
  white-space: normal;
}

.sticker-editor-icons {
  border: 1px solid #b8bfcf;
  border-radius: 2px;
  padding: 4px 8px 8px;
  float: left;
  position: relative;
  margin: 4px 0 0 -2px;
  width: 400px;
}

.sticker-editor-icons:before {
  top: -5px;
  left: 4px;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #b8bfcf;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.sticker-editor-icons:after {
  top: -4px;
  left: 5px;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 4px solid #fff;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.sticker-editor-text {
  height: 23px;
  width: 150px;
  display: inline-block;
  min-height: 16px;
  line-height: 22px;
  padding: 0 4px;
  font-size: 13px;
  margin: 0 0 0 -1px;
}

.sticker-editor-line {
  border-top: 1px solid #d2d5d6;
  margin: 10px -8px 5px;
}

.sticker-editor-states-head {
  font-weight: 600;
  font-size: 15px;
}

.sticker-editor-add {
  line-height: 20px;
  display: inline-block;
  height: 20px;
  vertical-align: top;
  margin-left: 4px;
}

.sticker-editor-icons-item {
  color: #fff;
  background: #b3b3b3 center/contain;
  border-radius: 50px;
  font-size: 10px;
  margin: 2px 5px 3px 0;
  cursor: pointer;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  vertical-align: top;
  background-position: center;
}

.sticker-editor-icons-item.head {
  vertical-align: top;
  height: 20px;
  width: 20px;
  line-height: 20px !important;
  margin: 3px 4px 0 0;
  font-size: 14px;
  border: none !important;
  cursor: default;
}

.sticker-editor-icons-item.active,
.sticker-editor-icons-item:hover {
  line-height: 15px;
  border: 2px solid #e71a6e;
}

.sticker-editor-example-hint {
  background: #fffde4;
  padding: 4px 22px 4px 6px;
  border-radius: 2px;
  border: 1px solid #ede8b1;
  position: relative;
  line-height: 14px;
  font-size: 12px;
  margin: 4px 40px -4px 10px;
}

.sticker-editor-example-hint:before {
  bottom: -5px;
  left: 10px;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 5px solid #ede8b1;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.sticker-editor-example-hint:after {
  bottom: -4px;
  left: 11px;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 4px solid #fffde4;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.sticker-editor-example-hint-close {
  color: #7c8295;
  font-size: 11px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 6px;
}

.sticker-editor-states-list {
  margin-top: 5px;
  max-height: 370px;
  overflow: auto;
}

.sticker-editor-states-list .sticker-item.dragged {
  opacity: 0;
}
.sticker-editor-states-list .sticker-item-actions {
  display: block;
  position: absolute;
  top: 2px;
  right: 30px;
  color: #999;
}
.sticker-editor-states-list .sticker-item-cnt {
  border: none;
  padding: 3px 6px;
}
.sticker-editor-states-list .sticker-item-cnt:hover {
  background: #f6f7f7;
}
.sticker-editor-states-list .sticker-new-state-cnt {
  border: none;
}

.sticker-editor-body.sprint .sticker-editor-icons-item {
  display: none;
}

.sticker-editor-body.sprint .sticker-editor-icons {
  display: none;
}

.sticker-editor-delete {
  float: right;
  position: relative;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  color: #898989;
}

.sticker-editor-delete:hover {
  text-decoration: underline;
}

.sticker-editor-delete.open:hover {
  text-decoration: none;
  cursor: default;
}

.sticker-editor-delete-wnd {
  display: none;
  position: absolute;
  top: 23px;
  left: -114px;
  width: 220px;
  padding: 10px 10px 6px;
  border-radius: 3px;
  box-shadow: 0 2px 10px -4px #000;
  z-index: 100;
  background: #fff;
  border: 1px solid #d2d5d6;
  text-align: center;
  cursor: default;
}

.sticker-editor-delete.open .sticker-editor-delete-wnd {
  display: block;
}

.sticker-editor-delete-wnd:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #d2d5d6;
  border-top: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -6px;
  left: 112px;
}

.sticker-editor-delete-wnd:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #f2f2f2;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  left: 113px;
}

.sticker-editor-delete-wnd-head {
  background: #f2f2f2;
  margin: -10px -10px 4px;
  padding: 2px 10px;
  border-bottom: 1px solid #d2d5d6;
  border-radius: 3px 3px 0 0;
  color: #888;
  text-align: left;
}

.sticker-editor-delete-btn {
  margin-top: 5px;
  background-color: #c31d32;
  border-color: #661619 !important;
}

.sticker-editor-delete-cancel {
  color: #888;
  margin-top: 4px;
}

.sticker-editor-del {
  display: none;
  margin-top: 10px;
  color: #d92400;
  font-size: 13px;
}

.sticker-editor-del-btn {
  background-color: #c31d32;
  border-color: #661619 !important;
}

.sticker-editor-type-item.already {
  background-color: #d9d9d9;
  cursor: default;
}
.sticker-editor-type-item.already .sticker-editor-del {
  display: block;
}
.sticker-editor-type-item.already .sticker-editor-arrow {
  display: none;
}

.sticker-editor-error {
  color: #d92400;
  font-size: 12px;
}

.sticker-item-unpin {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 11px;
  display: block;
  z-index: 1;
  color: #2f97e6;
}

.sticker-item-name {
  display: inline-block;
  opacity: 0;
  transform: scale(0);
  font-size: 11px;
  line-height: 1.5;
  position: absolute;
  top: 24px;
  background: #2b3541;
  border: 1px solid #2b3541;
  padding: 2px 6px;
  color: #fff;
  left: 0;
  border-radius: 2px;
  white-space: initial;
  max-width: 160px;
  pointer-events: none;
  z-index: 30000;
}
.sticker-item-name:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  border-bottom: 5px solid #2b3541;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  top: -5px;
  left: 4px;
  z-index: 1;
}

.sticker-item:hover .sticker-item-name {
  opacity: 1;
  transform: scale(1);
}

.sticker-item-list .sticker-item-name {
  display: none;
}

.sticker-new-state {
  font-size: 11px;
}

.sticker-panel-item .sticker-item:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 5px solid #888;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 50%;
  right: 5px;
  transform: translateY(-25%);
}

.sticker-panel-item.opened .sticker-item:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #888;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  transform: translateY(-50%);
}

.sticker-panel-item .opened.sticker-item:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #888;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  transform: translateY(-50%);
}

.sticker-panel-item .sticker-item.sticker-item-timer,
.sticker-panel-item .sticker-item.sticker-item-stopwatch,
.sticker-panel-item .sticker-item.sticker-item-task-timeline {
  cursor: move;
}

.sticker-item-details {
  padding: 8px;
  font-size: 15px;
}

.sticker-item-input {
  display: inline-block;
  height: 24px;
  padding: 2px 4px;
  line-height: 18px;
  font-size: 15px;
  text-align: center;
  width: 64px;
  margin-left: 8px;
  margin-bottom: 0;
}

.sticker-item-details-done {
  display: block;
  text-align: center;
  margin-top: 8px;
  font-size: 15px;
}

.sticker-item-details-cancel {
  display: block;
  text-align: center;
  color: #888;
  font-size: 13px;
  margin-top: 8px;
}

.sticker-item-timer:after {
  display: none;
}

.sticker-item-timer.no-target .sticker-item {
  cursor: move;
}

.sticker-item-cnt {
  border-bottom: 1px solid #b8bfcf;
  padding: 4px 6px;
  position: relative;
  line-height: 1;
}

.sticker-item-cnt:last-child {
  border-bottom: none;
}

.sticker-item-list {
  position: absolute;
  top: 8px;
  left: -5px;
  width: 235px;
  background: #fff;
  border-radius: 4px;
  z-index: 1000;
  box-shadow: 0 2px 15px -4px #000;
  border: 1px solid #b8bfcf;
  display: flex;
  flex-direction: column;
}
.sticker-item-list--pinned .sticker-item-cnt:hover {
  background-color: #f5f8fa;
}
.sticker-item-list--pinned .sticker-item-cnt.active {
  background-color: #f5f8fa;
}
.sticker-item-list--user.sticker-item-list--pinned {
  margin-left: 16px;
}
.sticker-item-list__subtitle {
  font-weight: 600;
  font-size: 12px;
  padding: 4px 8px;
  background: #f5f8fa;
  line-height: 1.2;
}
.sticker-item-list__wnd {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  z-index: 1;
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.sticker-item-list-stopwatch .sticker-item-list__wnd, .sticker-item-list-timer .sticker-item-list__wnd {
  overflow: initial;
}
.sticker-item-list--timetracking {
  width: 280px;
}
.sticker-item-list__descr {
  color: #80899e;
  padding: 16px 8px 24px;
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
}
.sticker-item-list__header {
  text-align: center;
  margin-bottom: 8px;
  font-weight: 600;
}
.sticker-item-list__header-hint {
  color: #b8bfcf;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 8px;
}

.sticker-item-list.filter {
  width: auto;
  min-width: 220px;
}
.sticker-item-list.filter .sticker-item-cnt {
  padding-right: 64px;
}

.sticker-item-title {
  display: inline-block;
  overflow: hidden;
  max-width: 180px;
  text-overflow: ellipsis;
}

.sticker-item-list.direction-up {
  top: auto;
  bottom: 24px;
  box-shadow: 0 1px 15px -6px #000;
}

.sticker-item-list.direction-left {
  left: -212px;
}
.sticker-item-list.direction-left:before {
  left: unset !important;
  right: 7px;
}
.sticker-item-list.direction-left:after {
  left: unset !important;
  right: 8px;
}

.sticker-item-list:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #b8bfcf;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  left: 8px;
}

.sticker-item-list:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 4px solid #f5f8fa;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -4px;
  left: 9px;
}

.sticker-item-list.direction-up:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 5px solid #b8bfcf;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  top: auto;
  left: 8px;
}

.sticker-item-list.direction-up:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 4px solid #fff;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
  top: auto;
  left: 9px;
}

.sticker-item-list-head {
  color: #4d566a;
  font-size: 13px;
  padding: 8px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #b8bfcf;
  position: relative;
  cursor: default;
}

.sticker-item-list-body {
  overflow: visible;
}

.sticker-item-list-timer .sticker-item-list-body,
.sticker-item-list-stopwatch .sticker-item-list-body {
  overflow: initial;
}

.sticker-item-actions {
  display: none;
  color: #999;
  margin-right: 24px;
  line-height: 15px;
  position: absolute;
  top: 6px;
  right: 6px;
}
.sticker-item-list-head .sticker-item-actions {
  top: 4px;
}

.sticker-item-cnt:hover .sticker-item-actions {
  display: block;
}

.sticker-item-list-head .sticker-item-actions {
  display: block;
}

.sticker-item-filter {
  display: none;
}

.sticker-item-list .sticker-item-filter {
  display: block;
  position: absolute;
  color: #2f97e6;
  top: 0;
  right: 0;
  border-left: 1px solid #ccc;
  height: 24px;
  width: 27px;
  padding: 4px 8px;
  cursor: pointer;
}

.sticker-item-action-icon {
  cursor: pointer;
  font-size: 13px;
  vertical-align: bottom;
}

.sticker-item-action-icon:hover {
  color: #2f97e6;
}

.sticker-item-filter-checkbox {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 2px 6px;
  border-left: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
}

.sticker-item-icon {
  width: 21px;
  height: 21px;
  display: inline-block;
  line-height: 20px;
  font-size: 10px;
  text-align: center;
  background: 50% 50% #979797;
  color: #fff;
  border-radius: 50px;
  background-size: 100% 100%;
}
.no-access .sticker-item-icon.user-avatar {
  border: 1px solid #d92400;
}

.sticker-item-icon.empty {
  display: none;
}

.sticker-item-deadline .sticker-item-icon {
  background: url("/img/icons/icon-cal-sticker.svg") 50% 50% no-repeat #979797;
  background-size: 100% 100%;
}

.sticker-item-user .sticker-item-icon {
  background: url("/img/sticker-icons/user-empty.svg") center no-repeat #fff;
  background-size: 100% 100%;
}

.task-sticker-item .sticker-item-user {
  border: none;
}

.tasks-item .task-sticker-item.empty .sticker-item-user {
  display: none;
}
.tasks-item .task-sticker-item.empty .sticker-opened-menu .sticker-item-user {
  display: flex;
}
.tasks-item .task-sticker-item.empty .sticker-item-user .sticker-item-icon {
  background-image: url(/img/sticker-icons/user-empty-pale.svg);
}
.tasks-item .task-sticker-item.empty .sticker-opened-menu .sticker-item-user .sticker-item-icon {
  background-image: url(/img/sticker-icons/user-empty-hover.svg);
}

.tasks-item .task-sticker-item .sticker-item-user .sticker-item-icon {
  background-image: url(/img/sticker-icons/user-empty.svg);
}

.tasks-item-head-content:hover .task-sticker-item.empty .sticker-item-user,
.tasks-item--hover .task-sticker-item.empty .sticker-item-user {
  display: flex;
}
.tasks-item-head-content:hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon,
.tasks-item--hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon {
  display: block;
  background-image: url(/img/sticker-icons/user-empty.svg);
}
.tasks-item-head-content:hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon:hover,
.tasks-item--hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon:hover {
  background-image: url(/img/sticker-icons/user-empty-hover.svg);
}
.tasks-item-head-content:hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon:active,
.tasks-item--hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon:active {
  background-image: url(/img/sticker-icons/user-empty-active.svg);
}
.icon-container:hover > .tasks-item-head-content:hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon,
.icon-container:hover > .tasks-item--hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon {
  background-image: url(/img/sticker-icons/user-empty-hover.svg);
}
.icon-container:active > .tasks-item-head-content:hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon,
.icon-container:active > .tasks-item--hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon {
  background-image: url(/img/sticker-icons/user-empty-active.svg);
}

.sticker-item-timer .sticker-item-icon {
  background: url("/img/icons/icon-timer.svg") 50% 50% no-repeat #979797;
  background-size: 100% 100%;
}

.sticker-item-stopwatch .sticker-item-icon {
  background: url("/img/icons/icon-stopwatch.svg") 50% 50% no-repeat #979797;
  background-size: 100% 100%;
}

.sticker-item-task-timeline .sticker-item-icon {
  background: url("/img/icons/icon-timeline.svg") 50% 50% no-repeat #979797;
  background-size: 100% 100%;
}

.sti-desc {
  line-height: 32px;
}

.sti-desc-txt {
  width: 80px;
  display: inline-block;
}

.sti-desc-num {
  font-weight: 600;
  width: 36px;
  display: inline-block;
  white-space: nowrap;
}

.sti-unit {
  margin: 0 4px;
}

.sti-desc-num-edit {
  width: 38px;
  display: inline-block;
  height: 24px;
  padding: 0 8px;
  font-size: 15px;
  font-weight: 600;
}

.sticker-item-list .sti-hm {
  display: inline-flex;
}
.sticker-item-list .sti-hm__input {
  width: 38px;
}

.sti-warn {
  color: #d72716;
  font-size: 13px;
  margin-top: 8px;
}

.sti-warn:first-child {
  margin-top: 0;
}

.sti-desc-btn {
  font-size: 13px;
  float: right;
}

.sti-chart {
  margin-top: 8px;
}

.sti-chart-cnt {
  height: 6px;
  background: #c9dded;
  border-radius: 6px;
  position: relative;
}

.sti-chart-line {
  background: #3699e3;
  height: 100%;
  border-radius: 6px;
}

.sti-chart-line-over {
  background: #d72716;
  height: 100%;
  border-radius: 0 6px 6px 0;
  position: absolute;
  top: 0;
  right: 0;
}

.sti-chart-desc {
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  margin-top: 3px;
  color: #4d5669;
}

.sticker-item.sticker-item-timetracking {
  background: #e4f3fd;
  color: #3699e3;
  border-color: #aed5ee;
}
.sticker-item.sticker-item-timetracking:hover {
  border-color: #3699e3;
}
.sticker-item.sticker-item-timetracking:hover .sticker-item-icon {
  border-color: #3699e3;
}
.sticker-item.sticker-item-timetracking .sticker-item-icon {
  background: #fff;
  position: relative;
  border: 1px solid #aed5ee;
}
.sticker-item.sticker-item-timetracking.empty:hover {
  border-color: #51626c;
}
.sticker-item.sticker-item-timetracking.empty .sticker-item-icon {
  border-color: #51626c;
}
.sticker-item.sticker-item-timetracking.empty .sticker-icon-chart {
  stroke: #fff;
}
.sticker-item.sticker-item-timetracking.completed .sticker-item-chart-cnt {
  display: none;
}
.sticker-item.sticker-item-timetracking.completed .sticker-item-icon {
  background: #fff url(/img/icons/timetracking-tick.svg) 50% 50%/contain;
}

.sticker-item-icon.work-gt-plan .sticker-icon-chart {
  stroke: #d72716;
}

.sticker-item-chart-cnt {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 3px;
  left: 3px;
  border-radius: 7px;
  overflow: hidden;
}

.sticker-icon-chart {
  position: relative;
  display: block;
  transform: rotate(-90deg);
  stroke: #3699e3;
  stroke-width: 50%;
  fill: transparent;
}

.sticker-item.sticker-item-timetracking.not-set {
  background: #f5f8fa;
  border-color: #b8bfcf;
  color: #b8bfcf;
}
.sticker-item.sticker-item-timetracking.not-set .sticker-item-icon {
  background: url(/img/icons/timetracking-warn.svg) 0 0/contain;
  border: none;
}

.sti-col {
  margin: 8px;
  font-size: 14px;
  line-height: 16px;
  color: #4d5669;
}

.sticker-item-list-body hr {
  margin: 8px;
  border: none;
}

.sti-col-opts {
  margin: 8px 0 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  padding: 0 7px;
}
.sti-col-opts:focus {
  outline: 1px solid #3699e3;
}

.sticker-item-more {
  font-size: 11px;
  margin-left: 4px;
  display: block;
  line-height: 16px;
}

.sticker-item-edit-text {
  display: inline-block;
  height: 19px;
  font-size: 11px;
  padding: 0 3px;
  width: 100px;
  line-height: 15px;
  margin: 0;
}

.sticker-edit-color {
  border: 1px solid #b8bfcf;
  margin-top: 4px;
  position: relative;
  padding: 3px;
  background: #fff;
  width: 170px;
  border-radius: 2px;
}

.sticker-edit-color:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #b8bfcf;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  left: 2px;
}

.sticker-edit-color:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 4px solid #fff;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -4px;
  left: 3px;
}

.sticker-color-item {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin: 0 2px;
  cursor: pointer;
  vertical-align: middle;
  background: #9a9a9a;
}

.sticker-color-item:hover {
  border: 1px solid #2b3541;
}

.sticker-color-item.active {
  border: 1px solid #e71a6e;
}

.sticker-item-edit-save {
  margin-left: 6px;
}

.sticker-item.edit {
  cursor: default !important;
  background: none;
  border: none !important;
  margin: 0 !important;
  display: block;
  height: auto;
}

.sticker-item.edit .drp {
  border: 1px solid #b3b3b3;
  box-shadow: 0 1px 10px -5px #000;
  border-radius: 2px;
  margin-top: 3px;
  position: relative;
  z-index: 10;
}

.sticker-edit-calendar .drp {
  width: 185px;
}

.sticker-edit-calendar-icon {
  color: #2f97e6;
  margin-left: 5px;
  margin-right: 8px;
}

.sticker-edit-calendar-empty {
  color: #888;
}

.sticker-item.edit .drp:before {
  top: -5px;
  left: 5px;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #b8bfcf;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.sticker-item.edit .drp:after {
  top: -4px;
  left: 6px;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 4px solid #fff;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.sticker-timer-edit {
  cursor: default;
}

.sticker-timer-edit-main {
  text-align: center;
  padding: 5px 0 10px 0;
}

.sticker-timer-edit-part {
  display: inline-block;
  position: relative;
  font-size: 20px;
  text-align: right;
  min-width: 34px;
}

.sticker-timer-edit-sub {
  font-size: 11px;
  color: #c9ccce;
  margin-top: -5px;
  text-align: center;
}

.sticker-timer-edit-delim {
  display: inline-block;
  line-height: 30px;
  font-size: 16px;
  vertical-align: top;
  color: #b1b5b7;
  width: 12px;
  text-align: center;
  margin: 1px 1px 0 -1px;
  font-weight: 600;
}

.sticker-timer-edit-num {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 29px;
  margin-left: -5px;
  vertical-align: bottom;
  cursor: pointer;
}

.sticker-timer-edit-num-up,
.sticker-timer-edit-num-down {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 0;
}

.sticker-timer-edit-num-down {
  top: 15px;
}

.sticker-timer-edit-num-up:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  z-index: 1;
  border-bottom: 5px solid #b2b2b2;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translate(-50%, 0);
}

.sticker-timer-edit-num-up:hover:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #2f97e6;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.sticker-timer-edit-num-down:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  z-index: 1;
  border-top: 5px solid #b2b2b2;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translate(-50%, 0);
}

.sticker-timer-edit-num-down:hover:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 5px solid #2f97e6;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.sticker-timer-edit-save {
  padding: 0 16px;
  margin-top: 2px;
  font-size: 13px;
}

.sticker-timer-edit-tl {
  padding: 8px;
  border-bottom: 1px solid #d2d5d6;
}

.sticker-timer-edit-tl-toggle {
  font-size: 12px;
  cursor: pointer;
}

.sticker-timer-edit-tl-toggle-icon {
  background: #2f97e6;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #fff;
  vertical-align: text-bottom;
  line-height: 16px;
  text-align: center;
  font-size: 8px;
  margin-right: 4px;
}

.sticker-timeline {
  width: 100%;
  height: 16px;
  margin-top: 6px;
  display: flex;
}

.sticker-timeline-part {
  background: #d92400;
  height: 100%;
  min-width: 1px;
  flex: 1;
  position: relative;
}

.sticker-timeline-part:hover {
  box-shadow: inset 0 0 0 1px #2f97e6;
}

.sticker-timeline-part.running {
  background: #e4e4e4;
}

.sticker-timeline-hint {
  position: absolute;
  display: none;
  bottom: 20px;
  left: -10px;
  background: rgba(43, 53, 65, 0.9);
  color: #fff;
  padding: 6px;
  z-index: 10;
  border-radius: 2px;
  box-shadow: 0 1px 10px -4px #000;
  font-size: 12px;
  width: 150px;
}

.sticker-timeline-hint:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 5px solid rgba(43, 53, 65, 0.9);
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  left: 6px;
}

.sticker-timeline-part:hover .sticker-timeline-hint {
  display: block;
}

.sticker-timeline-hint-item-date {
  color: #777;
}

.sticker-timeline-hint-item-by .user-avatar {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 8px;
  display: inline-block;
  float: none;
  margin-left: 4px;
}

.sticker-timeline-hint-item-for-val {
  display: inline;
  font-weight: 600;
  margin-left: 4px;
}

.sticker-timer-edit-tl-stops {
  font-size: 12px;
  margin: 6px 0 -4px;
}

.sticker-timer-edit-tl-stops-val {
  display: inline-block;
  margin-left: 4px;
}

.sticker-item-current {
  display: none;
  position: absolute;
  right: 10px;
  color: #b8bfcf;
  top: 0;
  font-size: 10px;
  line-height: 29px;
  height: 100%;
}

.sticker-item-current.fa-minus {
  opacity: 0;
}

.sticker-item-cnt.active:hover .sticker-item-current-cnt--user .sticker-item-current.fa-minus {
  opacity: 1;
}
.sticker-item-cnt.active:hover .sticker-item-current-cnt--user .sticker-item-current.fa-check {
  opacity: 0;
}

.sticker-item-cnt.disallowed,
.sticker-item-cnt.active.disallowed {
  background: rgba(217, 36, 0, 0.1);
}

.sticker-item-cnt.active.just-clicked:hover .sticker-item-current-cnt--user .sticker-item-current.fa-minus {
  opacity: 0;
}
.sticker-item-cnt.active.just-clicked:hover .sticker-item-current-cnt--user .sticker-item-current.fa-check {
  opacity: 1;
}

.sticker-item-current.active {
  display: block;
  color: #2f97e6;
}

.sticker-item-cnt:hover .sticker-item-current {
  display: block;
}

.sticker-item {
  position: relative;
  padding: 0 5px 0 0;
  cursor: pointer;
  height: 20px;
  line-height: 19px;
  font-size: 12px;
  display: inline-block;
  background: #f5f5f5;
  border-radius: 18px;
  border: 1px solid #bfbfbf;
  color: #666;
  white-space: nowrap;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.sticker-item.edit {
  border-radius: 0;
}

.sticker-item.running {
  font-weight: 600;
  color: #333;
}

.sticker-item.alert {
  background: #ffebeb;
  color: #d0021b;
  border-color: #d0021b;
}
.sticker-item.alert .sticker-item-icon {
  background-color: #d0021b;
}

.sticker-item.warn {
  background-color: #fbf5c5;
  border-color: #d4901a;
}
.sticker-item.warn .sticker-item-icon {
  background-color: #d4901a;
}

.sticker-item.warning {
  background: #fff2d4;
  color: #866f3a;
  border-color: #d59b15;
}

.sticker-item.warning .sticker-item-icon {
  background-color: #d59b15;
}

.tasks-item-archived .sticker-item-deadline .sticker-item {
  border-color: #bfbfbf;
  background: #f5f5f5;
  color: #666;
}

.tasks-item-archived .sticker-item-deadline .sticker-item .sticker-item-icon {
  background-color: #979797;
}

.sticker-item-list .sticker-item {
  cursor: move;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sticker-item-text {
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sticker-item:hover {
  border-color: #737373;
}

.sticker-item.no-icon {
  padding: 0 6px 0 8px;
}

.sticker-item.with-dates {
  padding: 0 7px 0 8px;
}

.sticker-item-dates {
  display: inline;
  margin-left: 4px;
  font-weight: 600;
}

.task-sticker-item .sticker-item-dates {
  display: none;
}

.sticker-item.with-dates.before {
  background: #e4f2ff;
  border: 1px solid #b3d9ff;
  color: #13587b;
  margin-top: -1px;
  margin-bottom: 1px;
  margin-left: -1px;
}

.sticker-item.with-dates.after {
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  color: #666;
  margin-top: -1px;
  margin-bottom: 1px;
  margin-left: -1px;
}

.sticker-item.with-dates.between {
  background: #fffaef;
  border: 1px solid #ffe09a;
  color: #7c5d19;
  margin-top: -1px;
  margin-bottom: 1px;
  margin-left: -1px;
}

.sticker-item.empty {
  border-color: #51626c;
  color: #2b3541;
}

.sticker-item.empty .sticker-item-icon {
  background-color: #51626c;
}

.tasks-item .sticker-item.empty {
  background: #f4fbff;
}
.tasks-item .sticker-item-user {
  width: 18px;
}
.tasks-item .sticker-item-user .sticker-item-name {
  display: none;
}

.sticker-item.dragging {
  overflow: hidden;
}
.sticker-item.dragging .sticker-item-name {
  display: none;
}

.loggedin-page--settings-account .loggedin-bg {
  filter: saturate(0.7);
}

.acc {
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  background: rgba(255, 255, 255, 0.7);
  padding-bottom: 24px;
}
.acc__cnt {
  margin: 0 24px 48px;
  max-width: 1090px;
}
.acc__panel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  background: #fff;
  padding: 16px 24px;
  border: 1px solid #b8bfcf;
  border-radius: 6px;
  margin: 24px 16px 0 0;
  min-width: 450px;
  flex: 1 1;
}
.acc__panel:after {
  content: "";
  display: block;
  clear: both;
}
.acc__row {
  display: flex;
  flex-wrap: wrap;
}
.acc__title {
  color: #4d566a;
  margin: 0 0 24px;
  line-height: 24px;
  font-size: 20px;
  cursor: default;
  font-weight: 600;
  padding-right: 16px;
}
.acc__desktop-pic {
  width: 100%;
  height: 197px;
  background: url(/img/settings/desktop-app.png) no-repeat 0 0/contain;
}
.acc__your-os {
  width: 400px;
}
.acc__your-os-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: bottom;
  background: no-repeat center/contain;
}
.acc__os-variant {
  padding-left: 28px;
  margin-right: 24px;
  line-height: 32px;
  background: no-repeat url(/img/settings/os/mac.svg) 0 center;
}
.acc__os-variant--win {
  background-image: url(/img/settings/os/win.svg);
}
.acc__os-variant--linux {
  background-image: url(/img/settings/os/linux.svg);
}
.acc__other-os {
  float: right;
}
.acc__oses {
  width: 400px;
}
.acc__mobile-apps {
  margin-top: 48px;
  width: 400px;
  font-size: 15px;
  line-height: 40px;
  color: #4d566a;
}
.acc__mobile-link {
  display: block;
  width: 107.2px;
  float: right;
  margin-left: 8px;
}
.acc__mobile-link--ios {
  width: 96px;
}
.acc__add-bg {
  width: 118px;
  text-align: center;
  display: inline-block;
  height: 88px;
  position: relative;
  overflow: hidden;
  padding: 58px 8px 8px;
  font-size: 13px;
  color: #b8bfcf;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #b8bfcf;
  margin: 9px 9px 1px 1px;
  background: no-repeat url(/img/settings/add.svg) center 18px;
}
.acc__add-bg:hover {
  background-image: url(/img/settings/add-hover.svg);
  border-color: #2f97e6;
  color: #2f97e6;
}
.acc__add-bg:active {
  background-image: url(/img/settings/add-active.svg);
  border-color: #1a74c7;
  color: #1a74c7;
}
.acc__more {
  width: 120px;
  height: 90px;
  text-align: center;
  color: #2f97e6;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  margin: 8px 8px 0 0;
  font-size: 15px;
  line-height: 1.3;
}
.acc__more:hover {
  text-decoration: underline;
}

.tb-item {
  position: relative;
  padding-left: 4px;
  height: 32px;
  display: flex;
  align-items: center;
  width: 420px;
}
.tb-item:hover {
  background-color: #f5f8fa;
}
.tb-item__label {
  flex: 1;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 4px;
}

.tb-item.dragged {
  opacity: 0;
}

.tb-item.current {
  font-weight: 600;
}

.tb-item-icon._icon, .tb-item-icon.chat-info__muted, .tb-item-icon.notification-center__dnd__button__icon, .prj-users-item--admin .tb-item-icon.user-name:after {
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
}

.tb-item-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 4px;
  box-sizing: content-box;
  background: no-repeat center/18px url(/img/settings/company.svg);
}

.tb-item:hover .tb-item-icon {
  background-image: url(/img/settings/company-hover.svg);
}

.tb-item:active .tb-item-icon {
  background-image: url(/img/settings/company-active.svg);
}

.tb-item.current .tb-item-icon,
.tb-item:active.current .tb-item-icon {
  background-image: url(/img/settings/currentcompany.svg);
}

.tb-add-icon {
  width: 18px;
  height: 18px;
  padding: 4px;
  box-sizing: content-box;
  background: no-repeat center/18px;
  background-image: url(/img/settings/addcompany.svg);
}

.acc-nav {
  text-align: left;
  border-bottom: 1px solid #b8bfcf;
}
.acc-nav__item {
  display: inline-block;
  color: #4d566a;
  min-width: 120px;
  cursor: pointer;
}
.acc-nav__item--current {
  color: #2b3541;
  font-weight: 600;
}
.acc-nav__item--current .acc-nav__item__label {
  border-bottom: 3px solid #2f97e6;
  display: inline-block;
}

.acc-menu-button {
  position: absolute;
  top: 8px;
  left: 8px;
}

.acc-panel--companies {
  margin-left: -8px;
}
.acc-panel__configure {
  background: no-repeat 5px 50%;
  background-image: url(/img/main-menu/config.svg);
  cursor: pointer;
  padding-left: 32px;
  margin-top: 16px;
}
.acc-panel__configure:hover {
  background-image: url(/img/main-menu/config-hover.svg);
}
.acc-panel__configure:active {
  background-image: url(/img/main-menu/config-active.svg);
}
.icon-container:hover > .acc-panel__configure {
  background-image: url(/img/main-menu/config-hover.svg);
}
.icon-container:active > .acc-panel__configure {
  background-image: url(/img/main-menu/config-active.svg);
}
.acc-panel__configure:hover {
  color: #2f97e6;
}
.acc-panel__actions {
  position: absolute;
  right: 8px;
  top: 0;
  height: 32px;
}
.acc-panel__actions__icon {
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: inline-block;
  background: center no-repeat;
}
.acc-panel__actions__icon--edit {
  background-image: url(/img/actions/edit.svg);
}
.acc-panel__actions__icon--edit:hover {
  background-image: url(/img/actions/edit-hover.svg);
}
.acc-panel__actions__icon--edit:active {
  background-image: url(/img/actions/edit-active.svg);
}
.icon-container:hover > .acc-panel__actions__icon--edit {
  background-image: url(/img/actions/edit-hover.svg);
}
.icon-container:active > .acc-panel__actions__icon--edit {
  background-image: url(/img/actions/edit-active.svg);
}
.acc-panel__actions__icon--del {
  background-image: url(/img/actions/delete.svg);
}
.acc-panel__actions__icon--del:hover {
  background-image: url(/img/actions/delete-hover.svg);
}
.acc-panel__actions__icon--del:active {
  background-image: url(/img/actions/delete-active.svg);
}
.icon-container:hover > .acc-panel__actions__icon--del {
  background-image: url(/img/actions/delete-hover.svg);
}
.icon-container:active > .acc-panel__actions__icon--del {
  background-image: url(/img/actions/delete-active.svg);
}
.acc-panel__title {
  font-size: 19px;
  margin-bottom: 24px;
  margin-left: 8px;
}
.acc-panel__add-company {
  background: #fff;
  width: 200px;
  border: 1px solid #b8bfcf;
  padding: 2px 2px;
  height: 26px;
  margin: 6px 0 0 24px;
}
.acc-panel .tb-item__label {
  cursor: pointer;
}
.acc-panel .tb-item:hover {
  background: #f5f8fa;
}
.acc-panel .text-edit-input {
  line-height: 1.4em;
}

.acc-theme {
  margin: 16px 0;
}

.acc-row {
  min-width: 130px;
  display: inline-block;
}

.acc-lang {
  margin-top: 16px;
}
.acc-lang label {
  color: #2b3541;
  font-size: 14px;
}
.acc-lang__icon {
  color: #b8bfcf;
  font-size: 16px;
  margin-right: 3px;
}

.acc-logout {
  background: no-repeat 5px 50% #2f97e6 url(/img/main-menu/logout-white.svg);
  padding-left: 32px;
  margin-top: 16px;
}

.acc-lang-choose {
  outline: none;
  height: 26px;
  padding: 0 4px;
  border: 1px solid #b8bfcf;
  line-height: 16px;
  font-size: 15px;
  border-radius: 2px;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  width: 120px;
  margin: 0 0 0 8px;
}

.acc-ava {
  width: 80px;
  float: left;
  text-align: center;
  cursor: pointer;
}

.acc-settings {
  float: left;
  width: 290px;
  margin-left: 24px;
}

.acc-ava-view {
  width: 100%;
}

.acc-ava .user-avatar-status {
  display: none;
}

.acc-ava .user-avatar {
  width: 100%;
  height: 100%;
  line-height: 76px;
  font-size: 30px;
}

#acc-ava {
  width: 80px;
  height: 80px;
  display: inline-block;
  border: 1px solid #2b3541;
  border-radius: 100%;
  margin: 10px 0 0;
}

.acc-ava-upload {
  font-size: 14px;
}

.acc-settings ._input, .acc-settings .hours-minutes-input__input, .acc-settings .prj-invite-field .text-edit, .prj-invite-field .acc-settings .text-edit, .acc-settings .prj-invite__mail-input, .acc-settings .prj-invite__new-name, .acc-settings .stats-reports-edit__title, .acc-settings .share-popup__url-input, .acc-settings .task-chat-list__search-input, .acc-settings .message-item__pin-input, .acc-settings .repeat-edit__template-name, .acc-settings .project-participants__mail-input, .acc-settings .partner-withdraw-popup__input, .acc-settings .partner-page__input, .acc-settings .my-tasks__add-private-input, .acc-settings .input-control, .acc-settings .billing__pay-input, .acc-settings .billing__chooser__users-count, .acc-settings .add-company__input, .acc-settings .prj__reg-link-input, .acc-settings .prj-users__search-query {
  height: 28px;
  margin: 0 0 2px;
}

.acc-settings-save {
  margin-top: 10px;
  display: inline-block;
}

.acc-settings-cancel {
  display: inline-block;
  margin-left: 10px;
  color: #80899e;
}

.acc-settings-save.disabled, .acc-settings-save.project-participants__save--disabled, .acc-settings-save.company-edit__save--disabled, .acc-settings-save.billing__pay-btn--disabled, .acc-settings-save.add-company__submit--disabled {
  background: #b8bfcf;
}

.acc-settings-error {
  color: #d92400;
}

.acc-pass {
  margin-top: 16px;
  margin-bottom: 4px;
}

.acc-pass-save {
  margin-top: 10px;
  display: inline-block;
}

.acc-pass-cancel {
  display: inline-block;
  margin-left: 10px;
  color: #80899e;
}

.acc-pass-error {
  color: #d92400;
  margin-top: 4px;
}

.acc-line {
  margin: 20px 0 20px;
  border-bottom: 1px solid #b8bfcf;
}

.acc-bg-skin-cnt {
  display: flex;
  flex-wrap: wrap;
}

.acc-bg-skin-item {
  width: 120px;
  height: 90px;
  display: block;
  margin: 8px 8px 0 0;
  cursor: pointer;
  border-radius: 6px;
  position: relative;
  border: 2px solid #fff;
  background: no-repeat 0 0/cover;
}

.acc-bg-skin-item:hover,
.acc-bg-skin-item.current {
  border: 2px solid #e71a6e;
}

.acc-bg-skin-item.current:after {
  content: "";
  font-family: "foundation-icons";
  display: block;
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  background: #e71a6e;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  font-size: 11px;
}

.acc-bg-skin-item ._close-big {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 4px;
  right: 4px;
  opacity: 0.7;
  display: none;
}

.acc-bg-skin-item ._close-big:hover {
  opacity: 1;
}

.acc-bg-skin-item:hover ._close-big {
  display: block;
}

.add-company__warn-alert {
  color: #d92400;
  font-size: 19px;
  font-weight: 600;
}
.add-company__warn-descr, .add-company__warn-title {
  font-size: 15px;
  line-height: 1.3;
  color: #4d566a;
}
.add-company__warn-title {
  font-weight: 600;
}
.add-company__form {
  margin: 24px 24px 0;
  border-top: 1px solid #b8bfcf;
  padding: 48px 0 0;
}

.billing__users-total-hint, .billing__license-exp-hint {
  grid-row: 2;
}
.billing__discount-hint {
  color: #61cc14;
  margin-top: 16px;
}
.billing__chooser {
  display: grid;
  grid-template-columns: auto 80px 16px 328px;
  align-items: center;
  margin-top: 8px;
}
.billing__chooser__duration {
  background-color: #fff;
  height: 32px;
  grid-row: 1;
  grid-column: 1/3;
  border-radius: 2px;
}
.billing__chooser__users-count {
  height: 32px;
  grid-row: 2;
  grid-column: 2;
  border-radius: 2px;
}
.billing__chooser--add-users .billing__chooser__users-count {
  grid-row: 1;
}
.billing__chooser__users-hint {
  grid-column: 1;
  grid-row: 2;
  white-space: nowrap;
}
.billing__chooser--add-users .billing__chooser__users-hint {
  grid-row: 1;
}
.billing__calc {
  grid-column: 4;
  grid-row: 1;
  padding: 0px 16px 8px;
  border-left: 1px solid #b8bfcf;
  height: 100%;
}
.billing__calc--second {
  grid-row: 2;
}
.billing__calc__descr {
  color: #80899e;
  font-size: 13px;
}
.billing__calc__num {
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
}
.billing__calc__text {
  color: #80899e;
  display: inline;
  font-weight: normal;
  font-size: 15px;
}
.billing__calc__discount {
  display: inline-block;
  margin-left: 16px;
  color: #4da210;
  font-size: 17px;
}
.billing__calc__old-price {
  display: inline-block;
  color: #b8bfcf;
  position: relative;
  margin-right: 8px;
  font-size: 21px;
}
.billing__calc__old-price:before {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  background: #d92400;
  top: 50%;
  left: -6px;
  right: -3px;
  opacity: 0.4;
  transform: rotate(7deg);
  filter: grayscale(40%);
}

.billing__history {
  padding: 8px;
  margin-bottom: 24px;
}
.billing__history__title {
  font-weight: 600;
}
.billing__history__list {
  margin-top: 8px;
}
.billing__history__item {
  display: flex;
  width: 680px;
  padding: 8px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  line-height: 24px;
  color: #4d566a;
}
.billing__history__item:nth-child(even) {
  background: #f5f8fa;
}
.billing__history__item__date {
  flex: 0 0 100px;
}
.billing__history__item__descr {
  flex: 1 0;
}
.billing__history__item__amount {
  flex: 0 0 100px;
}

.billing {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  font-size: 15px;
  background: #f5f8fa;
  display: flex;
  flex-direction: column;
}
.billing__page {
  margin: 24px 0 0 48px;
  min-height: calc(100% - 112px);
  padding-bottom: 48px;
  position: relative;
}
.billing__title {
  font-size: 22px;
}
.billing__section {
  background: #fff;
  border: 1px solid #b8bfcf;
  border-radius: 4px;
  margin: 16px 0 24px;
  padding: 8px 16px;
  width: 640px;
  overflow: hidden;
}
.billing__descr {
  font-size: 13px;
  color: #80899e;
}
.billing__large {
  font-size: 22px;
  font-weight: 600;
}
.billing__medium {
  font-size: 18px;
  font-weight: 600;
}
.billing__users-line {
  color: #4d566a;
  font-size: 13px;
  display: flex;
  margin: 8px 0 0;
}
.billing__users-count {
  flex: 0 0 180px;
}
.billing__users-result {
  margin-top: 8px;
}
.billing__add-users {
  font-size: 13px;
  margin-top: 8px;
}
.billing__prolong {
  margin-left: 8px;
}
.billing__expires {
  display: inline-block;
  margin-left: 4px;
}
.billing__expires--soon {
  color: #d92400;
  font-weight: 600;
}
.billing__cnt1 {
  float: left;
  width: 280px;
}
.billing__bold {
  display: inline;
  font-weight: 600;
  color: #4d566a;
}
.billing__pay-opts {
  display: flex;
  margin-top: 16px;
}
.billing__pay-opt {
  flex: 1;
  cursor: pointer;
  background: url(/img/icons/radiobutton-off.svg) no-repeat 0 6px;
  padding-left: 20px;
}
.billing__pay-opt--chosen {
  background-image: url(/img/icons/radiobutton-on.svg);
}
.billing__card {
  background: url(/img/billing/cards@2x.png) 0 0/contain no-repeat;
  width: 104px;
  height: 20px;
  margin-top: 8px;
}
.billing__pay-container {
  display: flex;
  margin-bottom: 16px;
}
.billing__pay-block {
  flex: 1;
  padding-right: 48px;
}
.billing__pay-block--bill {
  padding-left: 40px;
  margin-top: -24px;
}
.billing__pay-block--hide {
  visibility: hidden;
}
.billing__pay-card__title {
  margin-top: 32px;
  font-size: 20px;
  font-weight: 600;
}
.billing__pay-card__prolong {
  font-size: 14px;
  margin: 12px 0 -6px 6px;
  cursor: pointer;
}
.billing__pay-card__prolong__checkbox {
  vertical-align: middle;
}
.billing__pay-total {
  font-weight: 600;
  margin-top: 16px;
  border-bottom: 1px solid #b8bfcf;
  line-height: 26px;
  padding-bottom: 6px;
}
.billing__pay-amount {
  float: right;
  font-size: 21px;
}
.billing__pay-rub {
  display: inline;
  font-weight: normal;
  font-size: 17px;
}
.billing__pay-btn {
  display: block;
  text-align: center;
  padding: 3px 0;
  font-size: 17px;
  margin-top: 16px;
}
.billing__pay-label {
  color: #80899e;
}
.billing__pay-input {
  border-radius: 2px;
  height: 32px;
  line-height: 24px;
  padding: 4px 8px;
}
.billing__success {
  margin-top: 16px;
}
.billing__footer {
  color: #80899e;
  font-size: 14px;
  position: absolute;
  bottom: 8px;
}
.billing__whats-then {
  border-top: 1px solid #b8bfcf;
  color: #d4901a;
  margin-top: 12px;
  line-height: 1.2;
  padding: 4px 100px 0 4px;
}

.timeline-board-view {
  display: flex;
}
.timeline-board-view__column {
  background-image: url(/img/timeline/column.svg);
  width: 32px;
  height: 32px;
  margin-right: 8px;
  cursor: pointer;
}
.timeline-board-view__column:hover {
  background-image: url(/img/timeline/column-hover.svg);
}
.timeline-board-view__column:active {
  background-image: url(/img/timeline/column-active.svg);
}
.icon-container:hover > .timeline-board-view__column {
  background-image: url(/img/timeline/column-hover.svg);
}
.icon-container:active > .timeline-board-view__column {
  background-image: url(/img/timeline/column-active.svg);
}
.timeline-board-view__calendar {
  background-image: url(/img/timeline/calendar.svg);
  width: 32px;
  height: 32px;
  margin-right: 8px;
  cursor: pointer;
}
.timeline-board-view__calendar:hover {
  background-image: url(/img/timeline/calendar-hover.svg);
}
.timeline-board-view__calendar:active {
  background-image: url(/img/timeline/calendar-active.svg);
}
.icon-container:hover > .timeline-board-view__calendar {
  background-image: url(/img/timeline/calendar-hover.svg);
}
.icon-container:active > .timeline-board-view__calendar {
  background-image: url(/img/timeline/calendar-active.svg);
}
.timeline-board-view__gantt {
  background-image: url(/img/timeline/gantt.svg);
  width: 32px;
  height: 32px;
  margin-right: 8px;
  cursor: pointer;
}
.timeline-board-view__gantt:hover {
  background-image: url(/img/timeline/gantt-hover.svg);
}
.timeline-board-view__gantt:active {
  background-image: url(/img/timeline/gantt-active.svg);
}
.icon-container:hover > .timeline-board-view__gantt {
  background-image: url(/img/timeline/gantt-hover.svg);
}
.icon-container:active > .timeline-board-view__gantt {
  background-image: url(/img/timeline/gantt-active.svg);
}

.back-button {
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  background-image: url(/img/chat-list/arrow-left.svg);
}
.back-button:hover {
  background-image: url(/img/chat-list/arrow-left-hover.svg);
}
.back-button:active {
  background-image: url(/img/chat-list/arrow-left-active.svg);
}
.icon-container:hover > .back-button {
  background-image: url(/img/chat-list/arrow-left-hover.svg);
}
.icon-container:active > .back-button {
  background-image: url(/img/chat-list/arrow-left-active.svg);
}

.perfect-scrollbar-with-custom-scroll .ps__rail-y,
.perfect-scrollbar-with-custom-scroll .ps__rail-y:hover {
  background-color: transparent !important;
  width: 12px !important;
}
.perfect-scrollbar-with-custom-scroll .ps__rail-y:hover {
  opacity: 1 !important;
}
.perfect-scrollbar-with-custom-scroll .ps__rail-y .ps__thumb-y {
  width: 4px !important;
  max-width: 4px !important;
  right: 4px !important;
  background: var(--color-primary-scroll-base);
}

.perfect-scrollbar-with-custom-scroll:hover .ps__rail-y {
  opacity: 1 !important;
}

html:not(.dark) .perfect-scrollbar-with-custom-scroll.sticker-menu .ps__rail-y .ps__thumb-y {
  background: var(--color-primary-background-sticker-panel);
}

.help-new__body img{
  display: block;
  border-radius: 8px;
}
.help-new__body a{
  position: relative;
  display: block;
}
.help-new__body a img[data-hover]{
  position: absolute;
  top: 0;
  opacity: 0;
}
.help-new__body a:hover img[data-hover]{
  opacity: 1;
}

.tab.tab--new-style.tab--force-hover{
  background-color: var(--color-primary-panel-background-hover) !important;
  color: var(--color-primary-panel-text-primary) !important;
}
.tab.tab--new-style.tab--force-hover .tab__fade {
  background: linear-gradient(270deg, var(--color-primary-background-hover) 44.27%, transparent 100%) !important;
}
.tab.tab--new-style.tab--force-hover .tab__visible {
  visibility: visible !important;
}

.tab.drag-click-hover,
.tab.drag-click-active {
  box-shadow: none !important;
}

.content-on-hover-child {
  display: none;
}

.content-on-hover-parent:hover .content-on-hover-child {
  display: block;
}

.button-select {
  height: 24px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.button-select__btn {
  background: no-repeat 0 50%;
  padding-left: 8px;
}
.button-select__btn--with-icon {
  padding-left: 20px;
  background-image: url(/img/icons/icon-add-task.svg);
}
.button-select__btn--with-icon:hover {
  background-image: url(/img/icons/icon-add-task-hover.svg);
}
.button-select__btn--with-icon:active {
  background-image: url(/img/icons/icon-add-task-active.svg);
}
.icon-container:hover > .button-select__btn--with-icon {
  background-image: url(/img/icons/icon-add-task-hover.svg);
}
.icon-container:active > .button-select__btn--with-icon {
  background-image: url(/img/icons/icon-add-task-active.svg);
}
.button-select__cancel {
  margin-left: 8px;
}

.input-control {
  height: 24px;
  padding: 0 6px;
  width: auto;
  display: inline-block;
  font-size: inherit;
}

.large {
  height: 32px;
}

.location-chooser__item {
  align-items: center;
}
.location-chooser__item__select {
  width: 200px;
}

.schedule-chooser__type-select {
  width: 126px;
  min-width: 126px;
  margin-left: 8px;
}
.schedule-chooser__day-of-month {
  margin-left: 8px;
}
.schedule-chooser__day-of-month.single-select.single-select {
  width: 64px;
  min-width: 64px;
}
.schedule-chooser__day, .schedule-chooser__time {
  margin-left: 16px;
}
.schedule-chooser__day-of-week {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  margin-left: 6px;
  cursor: pointer;
}
.schedule-chooser__right_column_margin {
  margin-left: 8px;
}
.schedule-chooser__time-input {
  margin-left: 8px;
}
.schedule-chooser__each-input {
  width: 45px;
  margin-left: 8px;
  margin-right: 8px;
}
.schedule-chooser__select-day {
  width: 136px;
  margin-right: 8px;
}

.drp {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.drp-head {
  background: #fff;
  text-align: center;
  position: relative;
  padding: 4px;
  color: #80899e;
  font-weight: 600;
  font-size: 12px;
}

.drp-back,
.drp-forward {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  padding: 0 16px;
  font-size: 16px;
  line-height: 24px;
}

.drp-forward {
  left: auto;
  right: 0;
}

.drp-back:hover,
.drp-forward:hover {
  color: #2f97e6;
}

.drp-month {
  font-size: 10px;
}

.drp-h {
  width: 26px;
  padding: 0;
  background: #fff;
  text-align: center;
  height: 16px;
  color: #b8bfcf;
  font-weight: normal;
  font-size: 9px;
  cursor: default;
  position: relative;
}

.drp-thead {
  border: none;
}

.drp-tbody {
  border: none;
}

.drp-h:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
}

.drp-cell {
  cursor: pointer;
  position: relative;
  text-align: center;
  line-height: 15px;
  height: 26px;
  width: 26px;
  padding: 0;
  background: #fff;
  color: #2b3541;
}
.drp-cell.other {
  color: #80899e;
}
.drp-cell.disabled, .drp-cell.project-participants__save--disabled, .drp-cell.company-edit__save--disabled, .drp-cell.add-company__submit--disabled, .drp-cell.billing__pay-btn--disabled {
  color: #b8bfcf;
  cursor: default;
}

.drp-cell.today {
  font-weight: 600;
  background: #eff0f3;
  border-radius: 9px;
}

.drp-cell.today.between {
  border-radius: 0;
}

.drp-cell.left:after,
.drp-cell.right:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  background: #c2e9ff;
  z-index: 8;
}

.drp-table {
  margin: 0;
  background: #fff;
}

.drp-cell.right:after {
  left: 0;
  right: 50%;
}

.drp-cell.between,
.drp-cell.between:hover:before {
  background: #c2e9ff;
}

.drp-cell:hover:before,
.drp-cell.chosen:before {
  content: attr(data-cnt);
  display: block;
  position: absolute;
  line-height: 24px;
  background: #fff;
  top: 50%;
  border: 1px solid #2f97e6;
  border-radius: 100%;
  z-index: 10;
  width: 26px;
  height: 26px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.drp-cell.disabled:hover:before, .drp-cell.project-participants__save--disabled:hover:before, .drp-cell.company-edit__save--disabled:hover:before, .drp-cell.add-company__submit--disabled:hover:before, .drp-cell.billing__pay-btn--disabled:hover:before {
  display: none;
}

.drp-one .drp-cell:hover:before,
.drp-cell.chosen:before {
  background: #c2e9ff;
  z-index: 11;
}

.drp-time {
  text-align: center;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  padding: 2px 0;
}

.drp-time-btn {
  color: #333;
}

.drp-time-btn ._plus-icon {
  margin-right: 0;
}

.drp-time-part {
  display: inline-block;
  font-size: 20px;
  padding: 0 13px 0 0;
  position: relative;
}

.drp-time-plus,
.drp-time-minus {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 10px;
  color: #969696;
  line-height: 10px;
  width: 15px;
  height: 10px;
  text-align: center;
}

.drp-time-minus {
  top: auto;
  bottom: 4px;
}

.drp-time-colon {
  font-size: 18px;
  color: #969696;
}

.drp-time-x {
  display: block;
  font-size: 11px;
}

img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 0.05em 0 0.1em;
  vertical-align: -0.1em;
}

em-emoji-picker {
  --padding: 16px;
  --font-size: 12px;
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --border-radius: 8px;
  --rgb-color: 18, 27, 46;
  --rgb-background: 252, 252, 252;
  --rgb-accent: 45, 150, 230;
  --color-border: rgb(245, 245, 245);
  --tw-shadow: 0px 4px 8px var(--color-primary-shadow-lg-1), 0px 4px 8px var(--color-primary-shadow-lg-2);
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  max-height: 320px;
}
.dark em-emoji-picker {
  --rgb-color: 231, 235, 241;
  --rgb-background: 18, 18, 18;
  --color-border: rgb(26, 29, 35);
  --rgb-accent: 70, 162, 233;
}

.emoji-picker__menu {
  z-index: 100;
  position: absolute;
  outline: none;
}
.emoji-picker__menu.direction-up{
  bottom: 16px;
}
.emoji-picker__menu.direction-down{
  top: 0;
}
.emoji-picker__menu.direction-left{
  right: 0;
}

.error-boundary {
  overflow: auto;
  background-color: #d92400;
  color: #2b3541;
  font-size: 16px;
  height: 51px;
  resize: both;
  padding-left: 5px;
}
.error-boundary__item {
  white-space: pre-wrap;
}

.help-hint {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/img/main-menu/help.svg) no-repeat center/contain;
  cursor: help;
}

.help {
  display: inline-block;
  vertical-align: bottom;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: no-repeat center;
  background-image: url(/img/help/help.svg);
}
.help:hover {
  background-image: url(/img/help/help-hover.svg);
}
.help:active {
  background-image: url(/img/help/help-active.svg);
}
.icon-container:hover > .help {
  background-image: url(/img/help/help-hover.svg);
}
.icon-container:active > .help {
  background-image: url(/img/help/help-active.svg);
}
.help__menu {
  position: absolute;
  z-index: 1000;
  width: 0;
  height: 0;
}
.help__overlay {
  z-index: 1;
}
.help__wnd {
  position: absolute;
  z-index: 2;
  padding: 0 1px 0 0;
  width: 260px;
  min-height: 80px;
  color: #4d566a;
  font-size: 14px;
  line-height: 1.3;
}
.help__wnd--large {
  width: 360px;
}
.direction-down-right .help__wnd {
  top: 11px;
  left: -13px;
}
.direction-down-left .help__wnd {
  top: 11px;
  right: -37px;
}
.direction-up-right .help__wnd {
  bottom: -13px;
  left: -13px;
}
.direction-up-left .help__wnd {
  bottom: -13px;
  right: -36px;
}
.help__fg {
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 1px;
  background: #fff;
}
.help__header {
  position: relative;
  z-index: 1;
  padding: 16px;
}
.help__body {
  position: relative;
  z-index: 1;
  padding: 0 16px 20px;
  max-height: 200px;
  overflow: auto;
}
.help__body--scrolled {
  background: radial-gradient(at top, #b8bfcf, rgba(0, 0, 0, 0) 70%) 0 0/100% 8px no-repeat;
}
.help__body img {
  display: block;
  border-radius: 4px;
}
.help__body a {
  position: relative;
  display: block;
}
.help__body a img[data-hover] {
  position: absolute;
  opacity: 0;
  top: 0;
}
.help__body a:hover img[data-hover] {
  opacity: 1;
}
.help__title {
  font-weight: 600;
}
.help__close {
  width: 51px;
  height: 51px;
}
.help__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.help__side-top {
  position: absolute;
  height: 100px;
  top: -50px;
  right: 50px;
  left: 50px;
  background: repeat-x;
  background-image: url(/img/help/sides/top.svg);
}
.help__side-left {
  position: absolute;
  width: 100px;
  left: -50px;
  top: 50px;
  bottom: 50px;
  background: repeat-y;
  background-image: url(/img/help/sides/left.svg);
}
.help__side-right {
  position: absolute;
  width: 100px;
  right: -50px;
  bottom: 50px;
  top: 50px;
  background: repeat-y;
  background-image: url(/img/help/sides/right.svg);
}
.help__side-bottom {
  position: absolute;
  height: 100px;
  bottom: -50px;
  left: 50px;
  right: 50px;
  background: repeat-x;
  background-image: url(/img/help/sides/bottom.svg);
}
.help__corner-top-left {
  position: absolute;
  width: 100px;
  height: 100px;
  background: no-repeat;
  background-image: url(/img/help/corners/top-left.svg);
  top: -50px;
  left: -50px;
}
.direction-down-right .help__corner-top-left {
  background-image: url(/img/help/corners/top-left-icon.svg);
}
.help__corner-top-right {
  position: absolute;
  width: 100px;
  height: 100px;
  background: no-repeat;
  background-image: url(/img/help/corners/top-right.svg);
  top: -50px;
  right: -50px;
}
.direction-down-left .help__corner-top-right {
  background-image: url(/img/help/corners/top-right-icon.svg);
}
.help__corner-bottom-left {
  position: absolute;
  width: 100px;
  height: 100px;
  background: no-repeat;
  background-image: url(/img/help/corners/bottom-left.svg);
  bottom: -50px;
  left: -50px;
}
.direction-up-right .help__corner-bottom-left {
  background-image: url(/img/help/corners/bottom-left-icon.svg);
}
.help__corner-bottom-right {
  position: absolute;
  width: 100px;
  height: 100px;
  background: no-repeat;
  background-image: url(/img/help/corners/bottom-right.svg);
  bottom: -50px;
  right: -50px;
}
.direction-up-left .help__corner-bottom-right {
  background-image: url(/img/help/corners/bottom-right-icon.svg);
}

.highlight__highlighted {
  color: #2f97e6;
}

.hint__wnd {
  position: fixed;
  background: #2b3541;
  z-index: 10000000;
  padding: 8px 8px;
  color: #f5f8fa;
  border-radius: 2px;
  box-shadow: 0 2px 10px -4px #2b3541;
  pointer-events: none;
  font-size: 13px;
  line-height: 15px;
  margin-top: 8px;
  margin-left: -2px;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-name: appear;
          animation-name: appear;
  overflow-wrap: break-word;
}
@-webkit-keyframes appear {
  from {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes appear {
  from {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hint__wnd:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #2b3541;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  left: 12px;
}
.hint__wnd--up {
  transform: translate(0, calc(-100% - 32px));
}
.hint__wnd--up:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 5px solid #2b3541;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  top: auto;
}
.hint__wnd--left-direction {
  transform: translate(calc(-100% + 24px), 0);
}
.hint__wnd--left-direction:before {
  left: auto;
  right: 12px;
}
.hint__wnd--left-direction.hint__wnd--up {
  transform: translate(calc(-100% + 24px), calc(-100% - 32px));
  margin-left: 2px;
}

.icon__delete-task {
  background: no-repeat center;
  background-image: url(/img/icons/delete-task.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon__delete-task:hover {
  background-image: url(/img/icons/delete-task-hover.svg);
}
.icon__delete-task:active {
  background-image: url(/img/icons/delete-task-active.svg);
}
.icon-container:hover > .icon__delete-task {
  background-image: url(/img/icons/delete-task-hover.svg);
}
.icon-container:active > .icon__delete-task {
  background-image: url(/img/icons/delete-task-active.svg);
}
.icon__chat-subscribe {
  background: no-repeat center;
  background-image: url(/img/chat/subscribe.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon__chat-subscribe:hover {
  background-image: url(/img/chat/subscribe-hover.svg);
}
.icon__chat-subscribe:active {
  background-image: url(/img/chat/subscribe-active.svg);
}
.icon-container:hover > .icon__chat-subscribe {
  background-image: url(/img/chat/subscribe-hover.svg);
}
.icon-container:active > .icon__chat-subscribe {
  background-image: url(/img/chat/subscribe-active.svg);
}
.icon__chat-unsubscribe {
  background: no-repeat center;
  background-image: url(/img/chat/unsubscribe.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon__chat-unsubscribe:hover {
  background-image: url(/img/chat/unsubscribe-hover.svg);
}
.icon__chat-unsubscribe:active {
  background-image: url(/img/chat/unsubscribe-active.svg);
}
.icon-container:hover > .icon__chat-unsubscribe {
  background-image: url(/img/chat/unsubscribe-hover.svg);
}
.icon-container:active > .icon__chat-unsubscribe {
  background-image: url(/img/chat/unsubscribe-active.svg);
}
.icon__add-user-on-light {
  background: no-repeat center;
  background-image: url(/img/icons/add-user/add-user-on-light.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon__add-user-on-light:hover {
  background-image: url(/img/icons/add-user/add-user-on-light-hover.svg);
}
.icon__add-user-on-light:active {
  background-image: url(/img/icons/add-user/add-user-on-light-active.svg);
}
.icon-container:hover > .icon__add-user-on-light {
  background-image: url(/img/icons/add-user/add-user-on-light-hover.svg);
}
.icon-container:active > .icon__add-user-on-light {
  background-image: url(/img/icons/add-user/add-user-on-light-active.svg);
}
.icon__main-menu-close {
  background: no-repeat center;
  background-image: url(/img/main-menu/close.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon__main-menu-close:hover {
  background-image: url(/img/main-menu/close-hover.svg);
}
.icon__main-menu-close:active {
  background-image: url(/img/main-menu/close-active.svg);
}
.icon-container:hover > .icon__main-menu-close {
  background-image: url(/img/main-menu/close-hover.svg);
}
.icon-container:active > .icon__main-menu-close {
  background-image: url(/img/main-menu/close-active.svg);
}
.icon__main-menu-help {
  background: no-repeat center;
  background-image: url(/img/main-menu/help.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon__main-menu-help:hover {
  background-image: url(/img/main-menu/help-hover.svg);
}
.icon__main-menu-help:active {
  background-image: url(/img/main-menu/help-active.svg);
}
.icon-container:hover > .icon__main-menu-help {
  background-image: url(/img/main-menu/help-hover.svg);
}
.icon-container:active > .icon__main-menu-help {
  background-image: url(/img/main-menu/help-active.svg);
}
.icon__add {
  background: no-repeat center;
  background-image: url(/img/actions/link/add.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon__add:hover {
  background-image: url(/img/actions/link/add-hover.svg);
}
.icon__add:active {
  background-image: url(/img/actions/link/add-active.svg);
}
.icon-container:hover > .icon__add {
  background-image: url(/img/actions/link/add-hover.svg);
}
.icon-container:active > .icon__add {
  background-image: url(/img/actions/link/add-active.svg);
}
.icon__tick-gray {
  background: no-repeat center;
  background-image: url(/img/actions/icon-tick-gray.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon__tick-gray:hover {
  background-image: url(/img/actions/icon-tick-gray-hover.svg);
}
.icon__tick-gray:active {
  background-image: url(/img/actions/icon-tick-gray-active.svg);
}
.icon-container:hover > .icon__tick-gray {
  background-image: url(/img/actions/icon-tick-gray-hover.svg);
}
.icon-container:active > .icon__tick-gray {
  background-image: url(/img/actions/icon-tick-gray-active.svg);
}
.icon__untick {
  background: no-repeat center;
  background-image: url(/img/actions/icon-untick.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon__untick:hover {
  background-image: url(/img/actions/icon-untick-hover.svg);
}
.icon__untick:active {
  background-image: url(/img/actions/icon-untick-active.svg);
}
.icon-container:hover > .icon__untick {
  background-image: url(/img/actions/icon-untick-hover.svg);
}
.icon-container:active > .icon__untick {
  background-image: url(/img/actions/icon-untick-active.svg);
}
.icon__tick {
  background: no-repeat center;
  background-image: url(/img/actions/icon-tick.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon__tick:hover {
  background-image: url(/img/actions/icon-tick-hover.svg);
}
.icon__tick:active {
  background-image: url(/img/actions/icon-tick-active.svg);
}
.icon-container:hover > .icon__tick {
  background-image: url(/img/actions/icon-tick-hover.svg);
}
.icon-container:active > .icon__tick {
  background-image: url(/img/actions/icon-tick-active.svg);
}

.popup {
  position: absolute;
  width: 100%;
}
.popup__overlay {
  background-color: rgba(43, 53, 65, 0.7);
}
.popup__wnd {
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  max-height: calc(100% - 48px);
}
.popup__header {
  padding: 16px 24px;
  font-size: 22px;
  line-height: 24px;
  color: #2b3541;
  background: #f5f8fa;
  border-bottom: 1px solid #b8bfcf;
}
.popup__close {
  width: 56px;
  height: 56px;
}
.popup__cnt {
  padding: 16px 24px;
  overflow: auto;
  font-size: 14px;
  flex: 1 1;
}
.popup__footer {
  text-align: center;
  padding: 16px 0;
  border-top: 1px solid #b8bfcf;
  font-size: 14px;
  background: #f5f8fa;
}

.popup.repeat-popup {
  z-index: 49;
}

.single-select {
  background: #fff url(/img/icons/select-triangle.svg) no-repeat calc(100% - 6px) 50%/7px 7px;
  padding: 0 20px 0 8px;
  vertical-align: top;
  line-height: 24px;
  color: #2b3541;
  height: 32px;
}
.single-select:focus {
  outline: none;
  border-color: #2f97e6;
}

.smart-textedit {
  position: relative;
}
.smart-textedit__overlay {
  z-index: 1000;
}
.smart-textedit__value {
  outline: none;
  min-height: 24px;
  white-space: pre-wrap;
}
.smart-textedit__value:before, .smart-textedit__value[contenteditable=true]:before, .smart-textedit__value[contenteditable=true]:empty:before {
  display: none;
}
.smart-textedit__value wrapper {
  color: #2f97e6;
}
.smart-textedit__value input[type=button] {
  outline: none;
  background: transparent;
  border: none;
  color: #1a74c7;
  font-weight: 600;
  cursor: default;
  margin: 0;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 1px 2px 2px;
}
.smart-textedit__placeholder {
  position: absolute;
  color: #b8bfcf;
  pointer-events: none;
}
.smart-textedit__users {
  z-index: 1001;
  display: flex;
  flex-direction: column;
  width: 304px;
  position: absolute;
  background: #fff;
  height: 304px;
  top: 0;
  transform: translate(0, -100%);
  border-radius: 4px;
  box-shadow: 0 1px 8px -5px #2b3541;
  margin-top: -4px;
}
.smart-textedit__mention-hint {
  flex: 0 0;
  background: #f5f8fa;
  padding: 8px 8px;
  font-size: 14px;
  text-align: center;
  border-top: 1px solid #b8bfcf;
  color: #80899e;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 24px;
}
.smart-textedit__not-found {
  font-size: 14px;
  text-align: center;
  padding: 24px 8px;
  color: #80899e;
}
.smart-textedit__user-list {
  flex: 1 1;
  overflow: auto;
  padding: 8px 0;
}
.smart-textedit__user-item {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 8px;
  cursor: pointer;
}
.smart-textedit__user-item--active {
  background: #1a74c7;
}
.smart-textedit__user-item--active .user-name {
  color: #fff;
}
.smart-textedit__user-item:hover {
  background: #2f97e6;
}
.smart-textedit__user-item:hover .user-name {
  color: #fff;
}
.smart-textedit__user-item .user-name {
  margin-left: 4px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  white-space: nowrap;
}

.user-avatar-v2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  display: grid;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  align-items: center;
  border-radius: 100%;
  grid-template-rows: 1fr minmax(8px, 33%);
  grid-template-columns: minmax(8px, 33%) 1fr;
  cursor: inherit;
}
.user-avatar-v2--size-20 {
  width: 20px;
  height: 20px;
  font-size: 8.75px;
}
.user-avatar-v2--size-21 {
  width: 21px;
  height: 21px;
  font-size: 9.1875px;
}
.user-avatar-v2--size-22 {
  width: 22px;
  height: 22px;
  font-size: 9.625px;
}
.user-avatar-v2--size-23 {
  width: 23px;
  height: 23px;
  font-size: 10.0625px;
}
.user-avatar-v2--size-24 {
  width: 24px;
  height: 24px;
  font-size: 10.5px;
}
.user-avatar-v2--size-25 {
  width: 25px;
  height: 25px;
  font-size: 10.9375px;
}
.user-avatar-v2--size-26 {
  width: 26px;
  height: 26px;
  font-size: 11.375px;
}
.user-avatar-v2--size-27 {
  width: 27px;
  height: 27px;
  font-size: 11.8125px;
}
.user-avatar-v2--size-28 {
  width: 28px;
  height: 28px;
  font-size: 12.25px;
}
.user-avatar-v2--size-29 {
  width: 29px;
  height: 29px;
  font-size: 12.6875px;
}
.user-avatar-v2--size-30 {
  width: 30px;
  height: 30px;
  font-size: 13.125px;
}
.user-avatar-v2--size-31 {
  width: 31px;
  height: 31px;
  font-size: 13.5625px;
}
.user-avatar-v2--size-32 {
  width: 32px;
  height: 32px;
  font-size: 14px;
}
.user-avatar-v2--size-33 {
  width: 33px;
  height: 33px;
  font-size: 14.4375px;
}
.user-avatar-v2--size-34 {
  width: 34px;
  height: 34px;
  font-size: 14.875px;
}
.user-avatar-v2--size-35 {
  width: 35px;
  height: 35px;
  font-size: 15.3125px;
}
.user-avatar-v2--size-36 {
  width: 36px;
  height: 36px;
  font-size: 15.75px;
}
.user-avatar-v2--size-37 {
  width: 37px;
  height: 37px;
  font-size: 16.1875px;
}
.user-avatar-v2--size-38 {
  width: 38px;
  height: 38px;
  font-size: 16.625px;
}
.user-avatar-v2--size-39 {
  width: 39px;
  height: 39px;
  font-size: 17.0625px;
}
.user-avatar-v2--size-40 {
  width: 40px;
  height: 40px;
  font-size: 17.5px;
}
.user-avatar-v2--with-border {
  border: 1px solid #4d566a;
}
.user-avatar-v2--invited {
  color: transparent;
  background: url("/img/empty-avatar@2x.png") 0 0/contain !important;
}
.user-avatar-v2--invited .user-avatar-v2__short-name {
  display: none;
}
.user-avatar-v2__short-name {
  grid-row: 1/3;
  grid-column: 1/3;
  color: white;
  text-align: center;
  font-weight: 600;
  line-height: 1;
}
.user-avatar-v2__image {
  grid-row: 1/3;
  grid-column: 1/3;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
}
.user-avatar-v2__status {
  grid-row: 2;
  grid-column: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin-left: -2px;
  margin-bottom: -2px;
}

.user-status {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid #80899e;
}
.user-status--default-background {
  box-shadow: 0px 0px 0px 1px white;
  background: white;
}
.user-status--dark-background {
  box-shadow: 0px 0px 0px 1px #2b3541;
  background: #2b3541;
}
.user-status--online {
  background: #61cc14;
  border: 1px solid #61cc14;
}
.user-status--do-not-disturb {
  background: #9c0303;
  border: 1px solid #9c0303;
}

.company-login {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: 50% 0 no-repeat #f5f8fa;
}
.company-login__cnt {
  width: 800px;
  margin: 0 auto;
}
.company-login__loading {
  margin: 64px auto;
}
.company-login__done {
  background: no-repeat url(/img/gtd/done.svg) 0 0/40px;
  padding-left: 40px;
}
.company-login__logo {
  width: 160px;
  height: 40px;
  margin: 48px auto 0;
  background: url(/img/common/yougile-logo-site.svg) no-repeat 50% 0;
}
.company-login__not-found {
  text-align: center;
  padding: 24px;
  width: 600px;
  margin: 64px auto;
  border-radius: 12px;
  box-shadow: 0 2px 11px -7px;
  color: #4d566a;
  background: #fff;
}
.company-login__name {
  text-align: center;
  margin: 64px 0 0;
  font-size: 22px;
  font-weight: 600;
  color: #4d566a;
}
.company-login__panel {
  background: #fff;
  width: 460px;
  padding: 24px;
  margin: 48px auto;
  border-radius: 12px;
  box-shadow: 0 1px 10px -9px #2b3541;
  text-align: center;
}
.company-login__user-label {
  text-align: center;
}
.company-login__current {
  display: flex;
  justify-content: center;
  align-items: center;
}
.company-login__ava {
  margin-left: 8px;
}
.company-login__username {
  margin-left: 4px;
  font-weight: 600;
}
.company-login__user-email {
  text-align: center;
}
.company-login__enter-current {
  display: block;
  width: 200px;
  text-align: center;
  margin: 24px auto 0;
}
.company-login__enter-other {
  text-align: center;
  margin-top: 24px;
  color: #80899e;
}
.company-login__register-other {
  text-align: center;
  margin-top: 4px;
  color: #80899e;
}
.company-login__input-email {
  display: block;
  margin: 16px auto 0;
}
.company-login__input-pass, .company-login__input-name {
  display: block;
  margin: 8px auto 0;
}
.company-login__ok {
  width: 182px;
  text-align: center;
  display: block;
  margin: 16px auto 0;
}
.company-login__back {
  color: #b8bfcf;
  margin-top: 8px;
}
.company-login__error {
  color: #d92400;
  margin-top: 16px;
}

.company-edit__cnt {
  padding: 0;
  display: flex;
  width: 200%;
  transform: translate(0, 0);
  transition: transform 0.2s cubic-bezier(0, 1, 0, 1);
}
.company-edit--subpage__cnt {
  transform: translate(-50%, 0);
}
.company-edit__main, .company-edit__ext-info {
  flex: 0 0 50%;
  padding: 16px 36px 48px;
  overflow: auto;
  height: 100%;
}
.company-edit__back-cnt {
  padding: 24px 32px 24px 36px;
  margin: -16px -36px 16px -36px;
  border-bottom: 1px solid #dfe2ea;
  width: calc(100% + 72px);
}
.company-edit__back {
  background: no-repeat 0 50%/24px;
  background-image: url(/img/reports/back.svg);
  padding-left: 36px;
}
.company-edit__back:hover {
  background-image: url(/img/reports/back-hover.svg);
}
.company-edit__back:active {
  background-image: url(/img/reports/back-active.svg);
}
.icon-container:hover > .company-edit__back {
  background-image: url(/img/reports/back-hover.svg);
}
.icon-container:active > .company-edit__back {
  background-image: url(/img/reports/back-active.svg);
}
.company-edit__wnd {
  max-height: 800px;
}
.company-edit__save {
  min-width: 200px;
}
.company-edit__cancel {
  color: #b8bfcf;
}
.company-edit__item {
  display: flex;
  align-items: center;
  margin: 0;
  border-bottom: 1px solid #dfe2ea;
  padding: 16px 0;
}
.company-edit__item:last-child {
  border: none;
}
.company-edit__title {
  flex: 0 0 312px;
  line-height: 1.3;
  padding-right: 8px;
}
.company-edit__select {
  height: 32px;
  font-size: 13px;
  width: 220px;
}
.company-edit__explain {
  color: #80899e;
  line-height: 1.3;
  padding-right: 48px;
  background: no-repeat url(/img/gtd/taskinfo.svg) 100% 50%/36px;
  font-size: 13px;
  margin-bottom: 24px;
}
.company-edit__tabs {
  display: flex;
  border-bottom: 1px solid #dfe2ea;
  margin: 16px -36px 16px;
  padding: 0 24px;
}
.company-edit__tab {
  position: relative;
  font-size: 16px;
  color: #4d566a;
  padding: 0 0 8px;
  margin: 0 32px 0 0;
  cursor: pointer;
}
.company-edit__tab--active {
  font-weight: 600;
  cursor: default;
  letter-spacing: -0.1px;
  border-bottom: 3px solid #2f97e6;
}
.company-edit__badge {
  position: absolute;
  font-weight: 600;
  color: #fff;
  top: -20px;
  left: 18px;
  transform: rotate(-8deg);
  font-size: 11px;
  background: #e71a6e;
  padding: 0 6px;
  border-radius: 4px;
  line-height: 1.5;
  border: 1px solid #da13c0;
  box-shadow: 0 1px 10px -6px #2b3541;
}
.company-edit__settings {
  color: #4d566a;
  font-size: 16px;
}
.company-edit__settings-header {
  font-size: 19px;
  color: #4d566a;
  margin-bottom: 16px;
}

.edit-extensions__title {
  position: relative;
  font-size: 16px;
  color: #4d566a;
  margin: 8px 0;
  font-weight: 600;
}
.edit-extensions__status {
  position: absolute;
  right: 0;
  top: 3px;
  color: #80899e;
  font-weight: normal;
  font-size: 14px;
}
.edit-extensions__item {
  display: flex;
  padding: 8px;
}
.edit-extensions__img {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  background: #b8bfcf;
  border-radius: 12px;
}
.edit-extensions__info {
  margin-left: 24px;
  position: relative;
}
.edit-extensions__info-name {
  font-size: 16px;
  font-weight: 600;
}
.edit-extensions__info-descr {
  margin-top: 8px;
  line-height: 1.25;
  font-size: 14px;
  color: #4d566a;
}
.edit-extensions__settings-btn {
  font-size: 14px;
  margin-top: 8px;
}
.edit-extensions__info-author {
  font-size: 14px;
  color: #4d566a;
}
.edit-extensions__settings {
  margin: 16px 0;
}
.edit-extensions__toggle-label {
  margin-right: 4px;
}
.edit-extensions__toggle {
  display: flex;
  align-items: center;
  position: absolute;
  top: 4px;
  right: 0;
  cursor: pointer;
  color: #80899e;
}
.edit-extensions__toggle--on {
  color: #2b3541;
}

.my-tasks {
  height: 100%;
}
.my-tasks__panel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  font-size: 17px;
  background: #fff;
  overflow: auto;
}
.my-tasks__nav {
  padding: 8px 16px 8px;
  background: #f5f8fa;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #b8bfcf;
}
.my-tasks__nav-item {
  margin: 0 24px;
  font-size: 14px;
  padding: 0 0 1px 0;
  border-bottom: solid 2px transparent;
  position: relative;
  line-height: 24px;
}
.my-tasks__nav-item:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: -24px;
  background: no-repeat;
}
.my-tasks__nav-item--page-my:before {
  background-image: url(/img/task-page/tasks-i-do.svg);
}
.my-tasks__nav-item--page-my.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-i-do-active.svg);
}
.my-tasks__nav-item--page-private:before {
  background-image: url(/img/task-page/lock.svg);
}
.my-tasks__nav-item--page-private.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/lock-active.svg);
}
.my-tasks__nav-item--page-by-me:before {
  background-image: url(/img/task-page/tasks-i-entrusted.svg);
}
.my-tasks__nav-item--page-by-me.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-i-entrusted-active.svg);
}
.my-tasks__nav-item--page-starred:before {
  background-image: url(/img/task-page/favs.svg);
}
.my-tasks__nav-item--page-starred.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/favs-active.svg);
}
.my-tasks__nav-item--page-by-people:before {
  background-image: url(/img/task-page/tasks-by-people.svg);
}
.my-tasks__nav-item--page-by-people.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-by-people-active.svg);
}
.my-tasks__nav-item--page-not-assigned:before {
  background-image: url(/img/task-page/tasks-no-user.svg);
}
.my-tasks__nav-item--page-not-assigned.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-no-user-active.svg);
}
.my-tasks__nav-item--page-expired:before {
  background-image: url(/img/task-page/tasks-expired.svg);
}
.my-tasks__nav-item--page-expired.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-expired-active.svg);
}
.my-tasks__nav-item--current, .my-tasks__nav-item--current:hover, .my-tasks__nav-item--current:active {
  color: #4d566a;
  text-shadow: 0.5px 0;
  text-decoration: none;
  cursor: default;
  border-bottom: 2px solid;
}
.my-tasks__options {
  display: flex;
  justify-content: flex-end;
  margin: 0 16px 8px;
  padding-top: 16px;
}
.my-tasks__options--no-add {
  margin-bottom: 24px;
}
.my-tasks__sort {
  width: 220px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.my-tasks__sort-title {
  margin-right: 8px;
}
.my-tasks__list {
  margin: 0 0 16px;
}
.my-tasks__list--done .sticker-item.sticker-item-deadline {
  background: #f1f2f5;
  color: #80899e;
  border-color: #80899e;
}
.my-tasks__list--done .sticker-item.sticker-item-deadline .sticker-item-icon {
  background-color: #80899e;
}
.my-tasks__grouping {
  margin: 8px 24px 0;
}
.my-tasks__list-title {
  position: relative;
  font-weight: 600;
  font-size: 16px;
  color: #80899e;
  margin: 2px 0 8px;
  padding-left: 26px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.my-tasks__list-title:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-left: 7px solid #80899e;
  border-right: none;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  left: 12px;
  top: 8px;
}
.my-tasks__list--expanded .my-tasks__list-title:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 7px solid #80899e;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 7px;
  top: 10px;
}
.my-tasks__list-title .user-name {
  margin-left: 8px;
}
.my-tasks__list-count {
  margin-left: 8px;
}
.my-tasks__task {
  cursor: default;
  background: #fff;
  padding: 6px 0;
  position: relative;
  border: 1px solid #ebeef0;
  min-height: 38px;
  display: grid;
  grid-template-columns: auto 1fr 192px 72px;
  align-items: center;
  border-radius: 4px;
  margin: 2px 8px;
}
.my-tasks__list--draggable.my-tasks__list--not-dragging .my-tasks__task:hover {
  background-color: #f5f8fa;
  border-color: #e2e5ed;
  box-shadow: 0 1px 6px 0 rgba(43, 53, 65, 0.16);
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 1px;
  padding-right: 1px;
}
.my-tasks__list--not-draggable .my-tasks__task {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ebeef0;
  margin: 0 8px 0 8px;
}
.my-tasks__list--not-draggable .my-tasks__task:hover {
  background-color: #f5f8fa;
  border-color: #e2e5ed;
}
.my-tasks__list--not-draggable .my-tasks__task.my-tasks__task--open:before {
  border-radius: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.my-tasks__task--with-assigned {
  grid-template-columns: auto 1fr 192px 50px 72px;
}
.my-tasks__task--unseen {
  background: #fbf5c5;
}
.my-tasks__task--dragged {
  transition: background-color 0.3s ease;
  background-color: #ebeef0;
}
.my-tasks__task--dragged .my-tasks__task-title,
.my-tasks__task--dragged .my-tasks__toggle,
.my-tasks__task--dragged .my-tasks__stickers,
.my-tasks__task--dragged .my-tasks__actions {
  transition: filter 0.3s ease;
  filter: contrast(40%) brightness(1.5) opacity(0%);
}
.my-tasks__task--completed, .my-tasks__list--not-dragging .my-tasks__task--completed {
  background-color: #fbfcfd;
  color: #80899e;
}
.my-tasks__task--completed:hover, .my-tasks__list--not-dragging .my-tasks__task--completed:hover {
  background-color: #f5f8fa;
}
.my-tasks__task:last-child:after {
  display: none;
}
.my-tasks__task.my-tasks__task--open:before {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  background: #e71a6e;
  top: -1px;
  left: -1px;
  bottom: -1px;
  border-radius: 4px 0 0 4px;
}
.my-tasks__task--renaming {
  pointer-events: none;
}
.my-tasks__task-rename {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  min-height: 18px;
  margin-left: -5px;
  padding: 1px 4px;
}
.my-tasks__assigned {
  display: flex;
  align-items: center;
  margin-left: 4px;
  padding-left: 4px;
  border-left: 1px solid #ebeef0;
}
.my-tasks__assigned .user-sticker-state {
  margin: 0 auto;
}
.my-tasks__assigned .user-sticker-state__empty {
  margin: 0;
}
.my-tasks__assigned .user-avatar.sticker-item-icon {
  margin: 3px -6px -3px;
  border: 1px solid #fff;
  box-sizing: content-box;
}
.my-tasks__assigned--disabled {
  pointer-events: none;
}
.my-tasks__task-title {
  pointer-events: none;
  padding-right: 16px;
  grid-row: 1;
  grid-column: 2;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
}
.my-tasks__task--renaming .my-tasks__task-title {
  pointer-events: all;
}
.my-tasks__more {
  display: inline-block;
  margin-right: 16px;
  color: #80899e;
}
.my-tasks__more-num {
  display: inline;
  font-weight: 600;
  color: #2b3541;
}
.my-tasks__more-btn {
  margin-left: 4px;
}
.my-tasks__path {
  display: inline;
  color: #b8bfcf;
  font-size: 13px;
  line-height: 15px;
  color: #dfe2ea;
  cursor: pointer;
}
.my-tasks__path:hover, .my-tasks__task:hover .my-tasks__path:hover {
  color: #2f97e6;
}
.my-tasks__task:hover .my-tasks__path {
  pointer-events: auto;
  color: #b8bfcf;
}
.my-tasks__toggle {
  display: inline-block;
  height: 100%;
  width: 100%;
  vertical-align: top;
  grid-row: 1;
  grid-column: 1;
}
.my-tasks__toggle--disabled {
  pointer-events: none;
}
.my-tasks__drag-icon {
  cursor: move;
  float: left;
  background: no-repeat 0 0;
  background-image: url(/img/gtd/drag.svg);
  width: 22px;
  height: 24px;
  opacity: 0;
  margin-left: 2px;
}
.my-tasks__drag-icon:hover {
  background-image: url(/img/gtd/drag-hover.svg);
}
.my-tasks__drag-icon:active {
  background-image: url(/img/gtd/drag-active.svg);
}
.icon-container:hover > .my-tasks__drag-icon {
  background-image: url(/img/gtd/drag-hover.svg);
}
.icon-container:active > .my-tasks__drag-icon {
  background-image: url(/img/gtd/drag-active.svg);
}
.my-tasks__task:hover .my-tasks__drag-icon {
  opacity: 1;
}
.my-tasks__toggle-icon {
  cursor: pointer;
  float: left;
  background: no-repeat 0 0;
  background-image: url(/img/gtd/undone.svg);
  width: 30px;
  height: 24px;
}
.my-tasks__toggle-icon:hover {
  background-image: url(/img/gtd/undone-hover.svg);
}
.my-tasks__toggle-icon:active {
  background-image: url(/img/gtd/undone-active.svg);
}
.icon-container:hover > .my-tasks__toggle-icon {
  background-image: url(/img/gtd/undone-hover.svg);
}
.icon-container:active > .my-tasks__toggle-icon {
  background-image: url(/img/gtd/undone-active.svg);
}
.my-tasks__toggle-icon--done {
  background-image: url(/img/gtd/done.svg);
}
.my-tasks__toggle-icon--done:hover {
  background-image: url(/img/gtd/done-hover.svg);
}
.my-tasks__toggle-icon--done:active {
  background-image: url(/img/gtd/done-active.svg);
}
.icon-container:hover > .my-tasks__toggle-icon--done {
  background-image: url(/img/gtd/done-hover.svg);
}
.icon-container:active > .my-tasks__toggle-icon--done {
  background-image: url(/img/gtd/done-active.svg);
}
.my-tasks__toggle-icon--undraggable {
  margin-left: 8px;
}
.my-tasks__list--not-draggable .my-tasks__toggle-icon {
  margin-left: 8px;
}
.my-tasks__move {
  margin-right: 16px;
  font-size: 13px;
  line-height: 24px;
  vertical-align: top;
  color: #80899e;
}
.my-tasks__move:hover {
  color: #2f97e6;
}
.my-tasks__all-move {
  margin-left: 8px;
}
.my-tasks__all-move-title {
  color: #80899e;
  display: inline-block;
}
.my-tasks__list-actions {
  font-size: 13px;
  margin: 8px 96px;
}
.my-tasks__actions {
  text-align: right;
  height: 24px;
  grid-row: 1;
  grid-column: 4;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-tasks__actions .task-menu__button {
  position: relative;
}
.my-tasks__actions--disabled {
  pointer-events: none;
}
.my-tasks__sticker-item {
  line-height: 18px;
  padding: 2px 0;
  white-space: nowrap;
  overflow: hidden;
}
.my-tasks__sticker-item:last-child {
  border-bottom: none;
}
.my-tasks__sticker-item--user {
  display: none;
}
.my-tasks__sticker-name {
  display: inline-block;
}
.my-tasks__sticker-value {
  display: inline-block;
  pointer-events: none;
  margin-left: 8px;
}
.my-tasks__sticker-value .sticker-item-text {
  line-height: 18px;
}
.my-tasks__sticker-value .sticker-item.sticker-item.sticker-item {
  background: none !important;
  border: none;
  font-size: 15px;
  padding: 0;
  margin: 0;
  line-height: 24px;
}
.my-tasks__sticker-value .sticker-item-icon {
  display: none;
}
.my-tasks__stickers {
  grid-row: 1;
  grid-column: 3;
  height: 20px;
  text-align: right;
}
.my-tasks__stickers--disabled {
  pointer-events: none;
}
.my-tasks .sticker-item.empty {
  filter: contrast(0.25) brightness(1.6);
}
.my-tasks .sticker-item-name {
  display: none;
}
.my-tasks__deadline {
  display: inline-block;
}
.my-tasks__deadline .sticker-item.sticker-item-deadline {
  border: none;
}
.my-tasks__deadline .sticker-item.sticker-item-deadline .sticker-item-icon {
  background-color: none;
}
.my-tasks__add-private {
  margin: 0 8px 2px 48px;
  border-radius: 4px;
  border: 1px solid transparent;
  height: 38px;
  padding: 0 32px;
  overflow: hidden;
}
.my-tasks__add-private--adding {
  border: 1px solid #ebeef0;
  background-color: #f5f8fa;
}
.my-tasks__add-private-btn {
  background: #2f97e6 url(/img/task-page/plus.svg) no-repeat 3px 50%;
  padding: 0 24px 0 32px;
  font-size: 14px;
  margin: 2px 0 0 -32px;
}
.my-tasks__add-private-input {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  padding: 0;
  width: 100%;
  background: none;
}
.my-tasks__add-private-input, .my-tasks__add-private-input:focus {
  border: none;
}
.my-tasks__delim {
  height: 20px;
  width: 1px;
  background: #ebeef0;
}
.my-tasks__star {
  width: 24px;
  height: 24px;
  background: no-repeat url(/img/icons/icon-star.svg) center;
  cursor: pointer;
  filter: grayscale(1);
}
.my-tasks__star:hover {
  filter: grayscale(0);
}
.my-tasks__star--active, .my-tasks__star--active:hover {
  background-image: url(/img/icons/icon-star-pressed.svg);
  filter: grayscale(0);
}
.my-tasks__starred-line {
  border: 2px solid #f5f8fa;
  margin: 8px;
  border-radius: 4px;
}

.notification-center__overlay {
  z-index: 100001;
}
.notification-center__icon {
  width: 24px;
  height: 24px;
  background-image: url(/img/notification-center/notification.svg);
  cursor: pointer;
}
.notification-center__icon:hover {
  background-image: url(/img/notification-center/notification-hover.svg);
}
.notification-center__icon:active {
  background-image: url(/img/notification-center/notification-pressed.svg);
}
.notification-center--alert .notification-center__icon {
  background-image: url(/img/notification-center/notification-alert.svg);
}
.notification-center--alert .notification-center__icon:hover {
  background-image: url(/img/notification-center/notification-alert-hover.svg);
}
.notification-center--alert .notification-center__icon:active {
  background-image: url(/img/notification-center/notification-alert-pressed.svg);
}
.notification-center__wnd {
  position: absolute;
  z-index: 100002;
  width: 360px;
  top: 30px;
  background: #f5f8fa;
  border-radius: 4px;
  color: #2b3541;
  margin: 8px 0 0 -8px;
  padding: 4px;
  box-shadow: 0 3px 18px -6px #000;
}
.notification-center__wnd:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #f5f8fa;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  left: 15px;
}
.notification-center__wnd__new-count {
  display: inline-block;
  background: #e71a6e;
  color: #fff;
  padding: 0 6px;
  font-size: 12px;
  margin-left: 8px;
  line-height: 1.5;
  border-radius: 2px;
  vertical-align: text-bottom;
}
.notification-center__wnd__main {
  overflow: auto;
  max-height: 320px;
}
.notification-center__wnd__title {
  padding: 4px 8px 8px;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #cdd3de;
}
.notification-center__item {
  display: grid;
  grid-template: "icon title alert" "icon text  time"/48px 1fr 48px;
  background: #fff;
  padding: 4px 8px 4px 0;
  font-size: 13px;
  color: #80899d;
  margin: 4px;
  cursor: pointer;
}
.notification-center__item__empty {
  text-align: center;
  padding: 24px;
  color: #80899d;
}
.notification-center__item__icon {
  grid-area: icon;
}
.notification-center__item__title {
  grid-area: title;
}
.notification-center__item__text {
  grid-area: text;
}
.notification-center__item__alert {
  grid-area: alert;
}
.notification-center__item__time {
  grid-area: time;
}
.notification-center__item__icon {
  background: url(/img/chat-list/task-chats-inactive.svg) no-repeat center;
}
.notification-center__item__icon--personal-chat {
  background-image: url(/img/chat-list/direct-chats-inactive.svg);
}
.notification-center__item__title {
  font-size: 15px;
}
.notification-center__item__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notification-center__item__time {
  text-align: right;
  font-size: 11px;
  color: #bfc6d3;
}
.notification-center__item__alert {
  text-align: right;
  display: none;
}
.notification-center__item__alert:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #e71a6e;
  vertical-align: top;
}
.notification-center__item--new .notification-center__item__alert {
  display: block;
}
.notification-center__item--new .notification-center__item__title {
  font-weight: 600;
  color: #2b3541;
}
.notification-center__item--new .notification-center__item__icon {
  background-image: url(/img/chat-list/task-chats-active.svg);
}
.notification-center__item--new .notification-center__item__icon--personal-chat {
  background-image: url(/img/chat-list/direct-chats-active.svg);
}
.notification-center__dnd__button {
  float: right;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  color: #b8bfcf;
}
.notification-center__dnd__button:hover {
  color: #2f97e6;
}
.notification-center__dnd__button:active {
  color: #2b3541;
}
.notification-center__dnd__button__icon {
  background-image: url(/img/notification-center/dnd.svg);
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-left: 2px;
}
.notification-center__dnd__button:hover .notification-center__dnd__button__icon {
  background-image: url(/img/notification-center/dnd-hover.svg);
}
.notification-center__dnd__button:active .notification-center__dnd__button__icon {
  background-image: url(/img/notification-center/dnd-pressed.svg);
}
.notification-center__dnd__button--dnd {
  color: #e71a6e;
}
.notification-center__dnd__button--dnd .notification-center__dnd__button__icon {
  background-image: url(/img/notification-center/dnd-active.svg);
}
.notification-center__dnd__menu {
  font-size: 15px;
  padding: 8px;
}
.notification-center__dnd__menu__title {
  font-weight: 600;
}
.notification-center__dnd__menu__options {
  margin-left: 16px;
}
.notification-center__dnd__menu__item {
  margin: 4px;
  cursor: pointer;
}
.notification-center__dnd__menu__item:hover {
  color: #2f97e6;
}

.object-chooser {
  background: #fff;
  font-size: 15px;
  box-shadow: 0 2px 16px -4px #2b3541;
  color: #2b3541;
  width: 200px;
  position: relative;
  margin-bottom: 10px;
  border-radius: 2px;
  z-index: 1000000;
}
.object-chooser__header {
  background: #f5f8fa;
  text-align: center;
  line-height: 32px;
  font-weight: 600;
}
.object-chooser__title {
  padding: 5px 8px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #80899e;
}
.object-chooser__up {
  font-size: 13px;
  float: right;
}
.object-chooser__list {
  max-height: 300px;
  overflow: auto;
}
.object-chooser__list__item {
  padding: 5px 8px;
  cursor: pointer;
  font-size: 13px;
}
.object-chooser__list__item:hover {
  background: #f5f8fa;
}
.object-chooser__list__item--disallowed, .object-chooser__list__item--disallowed:hover {
  background: #fff;
  color: #b8bfcf;
  cursor: default;
}

.partner-page {
  height: 100%;
  width: 100%;
  overflow: auto;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
}
.partner-page__cnt {
  margin: 0 24px 48px;
  max-width: 1090px;
}
.partner-page__panel {
  background: #fff;
  border: 1px solid #b8bfcf;
  border-radius: 4px;
  margin: 24px 0 0 0;
  max-width: 720px;
  min-width: 580px;
  padding: 8px 24px;
  font-size: 15px;
}
.partner-page__block {
  margin: 16px 0;
}
.partner-page__block-cnt {
  display: flex;
  align-items: flex-start;
}
.partner-page__block-main {
  display: flex;
  flex-direction: column;
  width: 240px;
  flex: 0 0 240px;
}
.partner-page__block-main--form {
  align-items: center;
  text-align: center;
  margin-top: 8px;
}
.partner-page__explain {
  background: #f5f8fa;
  color: #4d566a;
  padding: 8px 16px;
  margin: 8px 0 8px 24px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.3;
}
.partner-page__subtitle {
  font-weight: 600;
  font-size: 16px;
  margin: 32px 0 8px;
}
.partner-page__row {
  display: flex;
}
.partner-page__col {
  min-width: 240px;
  margin: 3px 0;
}
.partner-page__loading {
  margin-top: 16px;
}
.partner-page__error {
  color: #d92400;
  font-size: 14px;
  line-height: 1.3;
  margin-top: 8px;
}
.partner-page__head-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 8px;
}
.partner-page__head-explain {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 -8px 0 8px;
}
.partner-page__head-video {
  cursor: pointer;
  width: 200px;
  height: 110px;
  background: no-repeat url(/img/partner/video@2x.png) center/contain;
}
.partner-page__head-video:hover {
  background-image: url(/img/partner/video-hover@2x.png);
}
.partner-page__head-descr {
  font-size: 13px;
  line-height: 1.25;
  text-align: center;
}
.partner-page__ref-link-title {
  font-weight: 600;
  font-size: 16px;
  margin-top: 8px;
}
.partner-page__ref-link {
  display: inline-block;
  cursor: pointer;
  color: #2f97e6;
  padding: 2px 4px;
  background: #f5f8fa;
  border-radius: 4px;
  font-weight: 600;
  margin-top: 8px;
}
.partner-page__amount {
  display: inline-block;
  font-weight: 600;
  font-size: 17px;
  line-height: 1;
}
.partner-page__manual-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 8px;
}
.partner-page__input {
  height: 28px;
  margin: 8px 0 0;
}
.partner-page__manual-btn-cnt {
  margin-top: 16px;
  height: 32px;
}
.partner-page__manual-btn {
  height: 28px;
  line-height: 28px;
}
.partner-page__manual-checkbox {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.3;
}
.partner-page__manual-checkbox .checkbox {
  vertical-align: text-bottom;
}
.partner-page__action-item {
  margin-right: 16px;
  font-size: 13px;
}
.partner-page__ref-header {
  display: flex;
  color: #b8bfcf;
  font-size: 14px;
  padding: 0 8px;
}
.partner-page__ref {
  display: flex;
  border-radius: 2px;
  padding: 4px 8px;
}
.partner-page__ref:nth-child(even) {
  background: #f5f8fa;
}
.partner-page__no-refs {
  color: #b8bfcf;
}
.partner-page__ref-col {
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
}
.partner-page__ref-col:first-child {
  width: 140px;
}
.partner-page__ref-col:nth-child(2) {
  width: 200px;
}
.partner-page__footer {
  line-height: 1.3;
  font-weight: 600;
  font-size: 16px;
  margin: 32px 0 16px;
}

.partner-withdraw-popup__form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.partner-withdraw-popup__title {
  font-size: 17px;
  margin-bottom: 8px;
}
.partner-withdraw-popup__input {
  height: 28px;
  line-height: 28px;
  margin: 8px 0 0;
  padding-right: 0;
}
.partner-withdraw-popup__btn {
  margin-top: 16px;
  padding: 0 32px;
}
.partner-withdraw-popup__explain {
  text-align: center;
  margin-top: 16px;
  line-height: 1.3;
}
.partner-withdraw-popup__error {
  color: #d92400;
  margin-top: 8px;
}
.partner-withdraw-popup__loading {
  margin-top: 8px;
}

.permissions-chooser {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 100%;
}
.permissions-chooser__menu {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  max-height: 200px;
  overflow: auto;
  box-shadow: 0 2px 16px -7px #2b3541;
  z-index: 2;
}
.permissions-chooser__menu__item {
  line-height: 18px;
  margin: 10px 16px 10px 10px;
}
.permissions-chooser__menu__text {
  color: #2b3541;
}
.permissions-chooser__menu__icon {
  height: 18px;
  width: 18px;
  background: url(/img/permissions/object-project-add.svg) no-repeat 50% 50%/contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.permissions-chooser__menu__item--board .permissions-chooser__menu__icon {
  background-image: url(/img/permissions/object-board-add.svg);
}
.permissions-chooser__menu__item--column .permissions-chooser__menu__icon {
  background-image: url(/img/permissions/object-column-add.svg);
}
.permissions-chooser__menu__item--task .permissions-chooser__menu__icon {
  background-image: url(/img/permissions/object-task-add.svg);
}
.permissions-chooser__title {
  background: #4d566a;
  padding: 0 8px;
  color: #fff;
}
.permissions-chooser__project {
  padding: 0 8px;
  line-height: 1.5;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.permissions-chooser__project:hover {
  background: #2f97e6;
  color: #fff;
}

.project-participants {
  font-size: 13px;
}
.project-participants__popup__cnt {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.project-participants__save {
  min-width: 200px;
}
.project-participants__list {
  min-height: 120px;
  height: 100%;
}
.project-participants__shadow--scrolled {
  background: radial-gradient(at top, #b8bfcf, rgba(0, 0, 0, 0) 70%) 0 0/100% 8px no-repeat;
  flex: 0 0 16px;
  margin-bottom: -16px;
  position: relative;
  z-index: 3;
}
.project-participants__head {
  color: #b8bfcf;
  font-size: 14px;
  flex: 0 0 auto;
}
.project-participants__head-cell {
  position: relative;
  height: 100%;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 24px 0 8px;
  flex: 0 0 150px;
  cursor: pointer;
}
.project-participants__head-cell:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #d5e0e7;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  right: 12px;
  top: 10px;
}
.project-participants__head-cell:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #d5e0e7;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  right: 12px;
  top: 18px;
}
.project-participants__head-cell--sorted:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #2b3541;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.project-participants__head-cell--sorted.project-participants__head-cell--asc:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #d5e0e7;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.project-participants__head-cell--sorted.project-participants__head-cell--asc:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #2b3541;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.project-participants__head-cell--tick {
  flex: 0 0 20px;
  padding: 0;
}
.project-participants__head-cell--tick:before {
  right: 4px;
}
.project-participants__head-cell--tick:after {
  right: 4px;
}
.project-participants__head-cell--name {
  flex: 1 1;
}
.project-participants__head-cell--roles {
  text-align: right;
  padding-right: 32px;
}
.project-participants__head, .project-participants__item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 8px;
  margin-left: 0px;
}
.project-participants__item:nth-child(even) {
  background-color: #f5f8fa;
}
.project-participants__item .user-avatar {
  vertical-align: text-bottom;
}
.project-participants__item .user-name {
  margin-left: 4px;
  font-size: 15px;
  vertical-align: text-top;
}
.project-participants__item-tick {
  flex: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-participants__item-name, .project-participants__item-position, .project-participants__item-deps, .project-participants__item-roles {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
}
.project-participants__item .project-participants__item-position, .project-participants__item .project-participants__item-deps {
  font-size: 13px;
  color: #80899e;
}
.project-participants__item-name {
  flex: 1 1;
  display: flex;
  align-items: center;
}
.project-participants__item-position {
  flex: 0 0 150px;
}
.project-participants__item-deps {
  flex: 0 0 150px;
}
.project-participants__item-roles {
  flex: 0 0 150px;
  text-align: right;
}
.project-participants__role {
  font-size: 13px;
}
.project-participants__role__title {
  color: #2f97e6;
}
.project-participants__role .down-arrow {
  fill: #2f97e6;
}
.project-participants__mail {
  padding: 8px 0px 16px;
  font-size: 13px;
}
.project-participants__mail-actions {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.project-participants__mail-input {
  height: 26px;
  width: 280px;
  font-size: 15px;
}
.project-participants__mail-role {
  flex: 1 1;
  margin: 0 8px;
  border: 1px solid #b8bfcf;
  padding: 3px 6px 2px;
  border-radius: 2px;
  font-size: 13px;
}
.project-participants__mail-role__title-text {
  color: #2b3541;
}
.project-participants__mail-btn {
  font-size: 14px;
  line-height: 24px;
  padding: 0 12px;
  margin-top: -1px;
}
.project-participants__wait {
  margin: 14px auto 2px;
}
.project-participants__sub-header {
  font-weight: 600;
  font-size: 18px;
  margin: 4px 0px;
}
.project-participants__dep-role {
  font-size: 13px;
  color: #b8bfcf;
  flex: 1 1;
  text-align: right;
}
.project-participants__dep-role .down-arrow {
  fill: #b8bfcf;
}
.project-participants__dep-role-select {
  display: inline-block;
}
.project-participants__dep-role-select__title:hover {
  color: #2f97e6;
  text-decoration: underline;
}
.project-participants__dep-role-select__title:hover .down-arrow {
  fill: #2f97e6;
}
.project-participants__tabs {
  display: flex;
  font-size: 16px;
  margin: 12px 0px 8px;
  justify-content: space-between;
  flex: 0 0 auto;
}
.project-participants__tab {
  position: relative;
  cursor: pointer;
  color: #2f97e6;
}
.project-participants__tab:hover {
  text-decoration: underline;
}
.project-participants__tab--active {
  font-weight: 600;
  cursor: default;
  color: #2b3541;
  letter-spacing: -0.1px;
}
.project-participants__tab--active:hover {
  text-decoration: none;
}
.project-participants__role-item {
  margin: 8px -8px;
  padding: 4px 54px 4px 8px;
  border-radius: 4px;
  position: relative;
  width: 100%;
}
.project-participants__role-item--custom {
  cursor: pointer;
}
.project-participants__role-item--custom:hover {
  background: #f5f8fa;
}
.project-participants__role-del {
  width: 24px;
  height: 24px;
  background: no-repeat 50% 50%;
  background-image: url(/img/actions/delete.svg);
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  opacity: 0;
}
.project-participants__role-del:hover {
  background-image: url(/img/actions/delete-hover.svg);
}
.project-participants__role-del:active {
  background-image: url(/img/actions/delete-active.svg);
}
.icon-container:hover > .project-participants__role-del {
  background-image: url(/img/actions/delete-hover.svg);
}
.icon-container:active > .project-participants__role-del {
  background-image: url(/img/actions/delete-active.svg);
}
.project-participants__role-item:hover .project-participants__role-del {
  opacity: 1;
}
.project-participants__role-list {
  padding: 0 0px;
}
.project-participants__system-role {
  display: inline;
  margin-left: 8px;
  color: #80899e;
  font-size: 12px;
}
.project-participants__role-descr {
  font-size: 12px;
  line-height: 1.25;
  color: #80899e;
  overflow-wrap: break-word;
}
.project-participants__add-or-copy {
  display: inline-block;
  margin: 0 12px;
  font-size: 14px;
  color: #80899e;
}
.project-participants__add-role {
  font-size: 14px;
  background: no-repeat 0 50%/18px;
  background-image: url(/img/icons/add.svg);
  padding: 4px 0 4px 24px;
  margin-top: 8px;
}
.project-participants__add-role:hover {
  background-image: url(/img/icons/add-hover.svg);
}
.project-participants__add-role:active {
  background-image: url(/img/icons/add-active.svg);
}
.icon-container:hover > .project-participants__add-role {
  background-image: url(/img/icons/add-hover.svg);
}
.icon-container:active > .project-participants__add-role {
  background-image: url(/img/icons/add-active.svg);
}
.project-participants__copy-role {
  font-size: 14px;
  background: no-repeat 0 50%/16px url(/img/menu/copy-blue.svg);
  padding: 4px 0 4px 20px;
  margin-top: 8px;
  position: relative;
}
.project-participants__overlay {
  z-index: 50000;
}
.project-participants__move {
  position: absolute;
  left: 0;
  z-index: 51000;
  margin-right: -24px;
}
.direction-up .project-participants__move {
  bottom: 0;
  margin-bottom: -32px;
}

.project-role {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.project-role__title {
  cursor: pointer;
  color: #2f97e6;
  font-size: 13px;
}
.project-role__title-text {
  display: inline-block;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.project-role .down-arrow {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
.project-role__add {
  padding-left: 32px;
  background: no-repeat 6px 50%;
  background-image: url(/img/actions/link/add.svg);
  margin: 8px 8px 8px 0;
  font-size: 14px;
}
.project-role__add:hover {
  background-image: url(/img/actions/link/add-hover.svg);
}
.project-role__add:active {
  background-image: url(/img/actions/link/add-active.svg);
}
.icon-container:hover > .project-role__add {
  background-image: url(/img/actions/link/add-hover.svg);
}
.icon-container:active > .project-role__add {
  background-image: url(/img/actions/link/add-active.svg);
}
.project-role__menu {
  background: #fff;
  box-shadow: 0 2px 7px -3px #2b3541;
  border-radius: 4px;
  margin-top: 4px;
  margin-left: -32px;
  position: absolute;
  overflow: hidden;
  width: 260px;
  color: #2b3541;
  z-index: 100002;
  cursor: default;
  max-height: 250px;
  overflow: auto;
}
.direction-up .project-role__menu {
  bottom: 24px;
}
.project-role__option {
  position: relative;
  padding: 4px 8px 4px 32px;
  font-size: 13px;
  line-height: 1.25;
}
.project-role__option .icon-okay {
  display: none;
  fill: #80899e;
  width: 13px;
  vertical-align: middle;
  position: absolute;
  left: 11px;
  top: 6px;
}
.project-role__option:hover {
  background: #f5f8fa;
}
.project-role__option:hover .icon-okay {
  display: block;
}
.project-role__option:active {
  background: #b8bfcf;
}
.project-role__option--current .icon-okay {
  fill: #2b3541;
  display: block;
}
.project-role__descr {
  color: #80899e;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.2;
  margin-top: 2px;
}

.repeat-edit {
  z-index: 11;
}
.repeat-edit__warn {
  color: #9c0303;
  line-height: 1.3;
  margin-bottom: 16px;
}
.repeat-edit__warn:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/img/icons/warning.svg) no-repeat center/contain;
  vertical-align: text-bottom;
  margin-right: 4px;
}
.repeat-edit__can-edit-warn {
  font-size: 14px;
  margin-top: 8px;
  padding-left: 36px;
  background: no-repeat url(/img/icons/warning.svg) 0 50%;
}
.repeat-edit__title {
  font-weight: 600;
  font-size: 22px;
  color: #4d566a;
}
.repeat-edit__table {
  margin-top: 24px;
}
@-webkit-keyframes highlight-row {
  from {
    background-color: #fff0cb;
  }
  to {
    background-color: auto;
  }
}
@keyframes highlight-row {
  from {
    background-color: #fff0cb;
  }
  to {
    background-color: auto;
  }
}
.repeat-edit__row {
  display: flex;
  margin: 0 -16px 0 -8px;
  padding: 0 0 0 8px;
  border-radius: 4px;
  cursor: pointer;
}
.repeat-edit__row:nth-child(odd) {
  background-color: #f5f8fa;
}
.repeat-edit__row:hover {
  background-color: #e7ecef;
}
.repeat-edit__row--header, .repeat-edit__row--header:first-child, .repeat-edit__row--header:hover {
  background-color: #fff;
  cursor: default;
}
.repeat-edit__row--highlighted, .repeat-edit__row--highlighted:nth-child(odd) {
  -webkit-animation: highlight-row 1.5s;
          animation: highlight-row 1.5s;
}
.repeat-edit__col {
  color: #4d566a;
  flex: 0 0 160px;
  min-height: 56px;
  display: flex;
  align-items: center;
  padding-right: 16px;
  font-size: 13px;
  line-height: 1.3;
}
.repeat-edit__row--header .repeat-edit__col {
  min-height: 24px;
  font-size: 12px;
  color: #80899e;
}
.repeat-edit__col:first-child {
  flex: 1 1;
  overflow: hidden;
}
.repeat-edit__col:last-child {
  flex: 0 0 210px;
  justify-content: space-between;
  padding-right: 0;
}
.repeat-edit__col--inactive {
  color: #80899e;
}
.repeat-edit__col-name {
  font-weight: 600;
  color: #4d566a;
  font-size: 15px;
  padding: 8px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.repeat-edit__col-name:hover {
  text-decoration: none;
}
.repeat-edit__col-name--is-stopped {
  color: #80899e;
}
.repeat-edit__create {
  background: no-repeat 0 50%/16px;
  background: #2f97e6 url(/img/task-page/plus.svg) no-repeat 3px 50%/20px;
  padding: 0 8px 0 24px;
  font-size: 14px;
  margin-top: 8px;
}
.repeat-edit__action {
  padding-left: 22px;
  background: no-repeat 0 50%;
}
.repeat-edit__action:nth-child(2) {
  min-width: 100px;
}
.repeat-edit__action--stop {
  background-image: url(/img/repeat/stop.svg);
}
.repeat-edit__action--stop:hover {
  background-image: url(/img/repeat/stop-hover.svg);
}
.repeat-edit__action--stop:active {
  background-image: url(/img/repeat/stop-active.svg);
}
.icon-container:hover > .repeat-edit__action--stop {
  background-image: url(/img/repeat/stop-hover.svg);
}
.icon-container:active > .repeat-edit__action--stop {
  background-image: url(/img/repeat/stop-active.svg);
}
.repeat-edit__action--start {
  background-image: url(/img/repeat/start.svg);
}
.repeat-edit__action--start:hover {
  background-image: url(/img/repeat/start-hover.svg);
}
.repeat-edit__action--start:active {
  background-image: url(/img/repeat/start-active.svg);
}
.icon-container:hover > .repeat-edit__action--start {
  background-image: url(/img/repeat/start-hover.svg);
}
.icon-container:active > .repeat-edit__action--start {
  background-image: url(/img/repeat/start-active.svg);
}
.repeat-edit__action--del {
  background-image: url(/img/actions/delete.svg);
}
.repeat-edit__action--del:hover {
  background-image: url(/img/actions/delete-hover.svg);
}
.repeat-edit__action--del:active {
  background-image: url(/img/actions/delete-active.svg);
}
.icon-container:hover > .repeat-edit__action--del {
  background-image: url(/img/actions/delete-hover.svg);
}
.icon-container:active > .repeat-edit__action--del {
  background-image: url(/img/actions/delete-active.svg);
}
.repeat-edit__action--del, .repeat-edit__action--del:hover {
  color: #d92400;
}
.repeat-edit__back {
  color: #2f97e6;
  cursor: pointer;
  margin-top: 8px;
  padding-left: 28px;
  background: no-repeat 0 50%;
  background-image: url(/img/reports/back.svg);
}
.repeat-edit__back:hover {
  background-image: url(/img/reports/back-hover.svg);
}
.repeat-edit__back:active {
  background-image: url(/img/reports/back-active.svg);
}
.icon-container:hover > .repeat-edit__back {
  background-image: url(/img/reports/back-hover.svg);
}
.icon-container:active > .repeat-edit__back {
  background-image: url(/img/reports/back-active.svg);
}
.repeat-edit__template-name {
  height: 40px;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
}
.repeat-edit__template-name--error {
  border-color: #d92400;
}
.repeat-edit__error {
  color: #d92400;
  margin-top: 4px;
}
.repeat-edit__template-name-label {
  margin: 24px 0 4px;
  color: #4d566a;
  font-size: 13px;
}
.repeat-edit__stopped-cnt {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.repeat-edit__stopped-label {
  margin-bottom: 16px;
  font-weight: 600;
}
.repeat-edit__edit-cnt {
  display: flex;
  margin-top: 8px;
}
.repeat-edit__v-delim {
  width: 1px;
  background: #b8bfcf;
  height: auto;
  margin: 15px 16px 5px;
}
.repeat-edit__edit-form {
  width: 516px;
}
.repeat-edit__edit-tpl {
  margin: 16px 0 0 8px;
}
.repeat-edit__edit-hint-text {
  display: inline-block;
  width: 280px;
  font-size: 14px;
}
.repeat-edit__edit-hint-text ul {
  margin: 8px 0 0 24px;
}
.repeat-edit__edit-hint {
  line-height: 1.3;
  display: flex;
  gap: 16px;
}
.repeat-edit__next-repeat {
  font-size: 14px;
  display: flex;
  margin: 8px 0;
  align-items: center;
}
.repeat-edit__next-repeat-label {
  width: 198px;
  text-align: right;
  margin: 0 15px 0 -18px;
  white-space: nowrap;
}
.repeat-edit__next-repeat-value {
  padding-left: 8px;
  font-weight: 600;
}
.repeat-edit__help {
  margin: 0 0 2px 16px;
}

.schedule-editor {
  padding: 8px;
  text-align: center;
  font-size: 14px;
}
.schedule-editor__chooser {
  text-align: left;
}
.schedule-editor__chooser__group {
  display: flex;
  margin-top: 8px;
  align-items: center;
  min-height: 32px;
}
.schedule-editor__chooser__type-select {
  max-width: 118px;
}
.schedule-editor__chooser__time, .schedule-editor__chooser__day, .schedule-editor__chooser__type {
  width: 180px;
  text-align: right;
  margin: 0 8px 0 0;
}
.schedule-editor__chooser__week {
  display: flex;
}
.schedule-editor__chooser__day-of-week:first-child {
  margin-left: 8px;
}
.schedule-editor__chooser__weekday {
  line-height: 0.8;
  margin-top: 4px;
}
.schedule-editor__location__item {
  display: flex;
  margin-top: 12px;
}
.schedule-editor__location__item-name {
  width: 180px;
  text-align: right;
  margin-right: 16px;
}
.schedule-editor__location__select {
  max-width: 140px;
}
.schedule-editor__suff-opt {
  margin-top: 8px;
}
.schedule-editor__suffix-cnt {
  display: flex;
  margin-top: 8px;
}
.schedule-editor__suffix-label {
  width: 180px;
  text-align: right;
  margin: 8px 16px 0 0;
}

.alert-icon {
  display: flex;
}
.alert-icon__text-wrapper {
  position: relative;
}
.alert-icon__text-border {
  display: flex;
  position: absolute;
  background: white;
  padding: 1px;
  border-radius: 7px;
  min-width: 14px;
  top: -3px;
  right: -5px;
}
.alert-icon__text-border[data-badge]:after {
  content: attr(data-badge);
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  background: #e71a6e;
  border-radius: 6px;
  text-align: center;
  min-width: 12px;
  color: #fff;
  padding-left: 3px;
  padding-right: 3px;
  transform: scale(1.0001);
}

.badge {
  background: #e71a6e;
  color: white;
  font-size: 9px;
  font-weight: 600;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 8px;
  line-height: 10px;
}
.badge--disabled {
  background: #b8bfcf;
}

.chat-info {
  flex: 1;
  padding: 6px 10px 6px 0;
  margin-left: 16px;
  display: grid;
  grid-template-columns: 1fr 128px;
  height: 56px;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 #ebeef0;
}
.chat-info:after {
  content: "";
  display: block;
}
.chat-info__name {
  display: flex;
  align-items: center;
  gap: 4px;
  grid-column: 1;
  grid-row: 1;
  color: #2b3541;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  min-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.chat-info__name--new-messages {
  font-weight: 600;
}
.chat-info__name--muted {
  color: #a4abbb;
}
.chat-info__star {
  width: 20px;
  height: 20px;
  /* margin-top: 2px; */
  min-width: 20px;
  margin-left: -3px;
  background: no-repeat url(/img/icons/icon-star-pressed.svg) 50% 1px;
}
.chat-info__badge {
  grid-column: 2;
  grid-row: 2;
  text-align: end;
  font-size: 14px;
  line-height: 17px;
}
.chat-info__badge .badge {
  font-size: 11px;
  border-radius: 16px;
  min-width: 0;
  padding: 0 5px;
  vertical-align: top;
  text-align: center;
  height: 16px;
  line-height: 16px;
}
.chat-info__muted {
  background-image: url(/img/chat-list/speaker.svg);
  justify-self: right;
}
.chat-info__timestamp {
  grid-column: 2;
  grid-row: 1;
  color: #b8bfcf;
  font-size: 12px;
  line-height: 15px;
  min-height: 15px;
  text-align: end;
}
.chat-info__last-message {
  grid-column: span 2/span 2;
  grid-row: 2;
  color: #b8bfcf;
  font-size: 12px;
  line-height: 17px;
  min-height: 17px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  gap: 4px;
  align-items: center;
}
.chat-info__last-message--muted {
  color: #b8bfcf;
}
.chat-info__completed-hint {
  color: #80899e;
  display: inline-block;
  margin-right: 4px;
}

.chat-list {
  list-style: none;
  margin: 0;
}
.chat-list__more-num {
  margin: 16px auto 0;
  font-size: 14px;
  display: block;
  text-align: center;
  color: #80899e;
}
.chat-list__more {
  margin: 8px auto 16px;
  display: block;
  width: 200px;
  text-align: center;
}
.chat-list__more:hover {
  margin-bottom: 15px;
}
.chat-list__item {
  background-color: white;
}
.chat-list__item:nth-child(2n) {
  background-color: #f5f8fa4d;
}
.chat-list__item--selected, .chat-list__item:hover {
  cursor: pointer;
  background-color: #eef7fd;
}
.chat-list--new .chat-list__item {
  background-color: transparent !important;
  box-shadow: none !important;
}
.chat-list--new .chat-list__item--selected, .chat-list--new .chat-list__item:hover{
  cursor: pointer !important;
  background-color: var(--color-primary-background-hover) !important;
}
.chat-list--new .chat-list__item .chat-info {
  box-shadow: none !important;
}

.chat-item-input .ck-sticky-panel .ck.ck-toolbar,
body > .ck-body-wrapper .ck-balloon-panel .ck.ck-toolbar {
  --ck-color-text: var(--color-primary-grey);
  border-style: none;
  background-color: var(--color-universal-transparent);
  padding: 0;
  background-color: transparent;
}
.chat-item-input .ck-sticky-panel .ck.ck-toolbar .ck-toolbar__separator,
body > .ck-body-wrapper .ck-balloon-panel .ck.ck-toolbar .ck-toolbar__separator{
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 6px;
  margin-right: 6px;
  background-color: var(--color-primary-grey-l60);
}
.chat-item-input .ck-sticky-panel .ck.ck-toolbar .ck-button,
body > .ck-body-wrapper .ck-balloon-panel .ck.ck-toolbar .ck-button{
  cursor: pointer;
  border-style: none;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  margin: 0;
  height: 24px;
  min-height: 0;
  width: 24px;
  min-width: 0;
  padding: 0;
  fill: var(--color-primary-grey);
  color: var(--color-primary-grey);
}
.chat-item-input .ck-sticky-panel .ck.ck-toolbar .ck-button.ck-off,
body > .ck-body-wrapper .ck-balloon-panel .ck.ck-toolbar .ck-button.ck-off{
  background-color: var(--color-universal-transparent);
  background-color: transparent;
}
.chat-item-input .ck-sticky-panel .ck.ck-toolbar .ck-button.ck-on, .chat-item-input .ck-sticky-panel .ck.ck-toolbar .ck-button:active,
body > .ck-body-wrapper .ck-balloon-panel .ck.ck-toolbar .ck-button.ck-on,
body > .ck-body-wrapper .ck-balloon-panel .ck.ck-toolbar .ck-button:active{
  background-color: var(--color-universal-transparent);
  fill: var(--color-primary-action-default);
  color: var(--color-primary-action-default);
  background-color: transparent;
}
.chat-item-input .ck-sticky-panel .ck.ck-toolbar .ck-button svg,
body > .ck-body-wrapper .ck-balloon-panel .ck.ck-toolbar .ck-button svg{
  height: 16px;
  width: 16px;
}

body > .ck-body-wrapper {
  --ck-balloon-arrow-offset: 1.5px;
  --ck-color-panel-border: var(--color-primary-grey-l60);
  --ck-color-panel-background: var(--color-primary-grey-l100);
  --ck-color-base-foreground: var(--color-primary-grey-l100);
}
body > .ck-body-wrapper .ck.ck-balloon-panel{
  border-radius: 4px;
  padding: 2px;
  --tw-shadow: 0px 2px 4px var(--color-primary-shadow-md-1), 0px 2px 12px var(--color-primary-shadow-md-2);
  --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color), 0px 2px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.chat-item-input .ck.ck-editor__editable_inline{
  padding: 0;
}
.chat-item-input .ck.ck-editor__editable{
  border-style: none;
  background-color: var(--color-universal-transparent);
  background-color: transparent;
}
.chat-item-input .ck.ck-editor{
  margin-top: -4px;
}
.chat-item-input .ck.ck-editor .ck-editor__top{
  margin-left: -8px !important;
  margin-right: -40px !important;
  margin-bottom: 12px !important;
}
.chat-item-input .ck.ck-editor__main {
  overflow: hidden;
}
.chat-item-input .ck.ck-content {
  flex: 1 1 auto;
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 24px;
  margin-right: -24px;
  background-color: transparent !important;
}
.chat-item-input .ck.ck-content .message-item__mention {
  margin-bottom: 0;
  max-width: none;
}
.chat-item-input .ck.ck-content .file-link:after {
  content: attr(data-content);
}

.chat-input-mention-list-item.ck-on {
  background-color: rgba(20, 99, 255, 0.1) !important;
}

.message-item-new{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-delay: 500ms;
}
.message-item-new.highlighted{
  transition-delay: 200ms;
  background-color: rgba(176, 208, 233, 0.6);
}

.message-item-new__text br {
  content: " ";
  margin-top: 8px;
  display: block;
}

.message-text p,
.message-text ul,
.message-text ol,
.message-text li,
.message-text span:not(.reset),
.message-text div:not(.reset) {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.message-text p:not(:first-child),
.message-text ul:not(:first-child),
.message-text ol:not(:first-child){
  margin-top: 8px !important;
}
.message-text a._link, .message-text a.repeat-view__open-all, .message-text a.sticker-deadline__toggle-start-link, .message-text a.prj-invite__card-toggle-admin-btn, .message-text a.prj-invite__card-remove-btn, .message-text a.prj-invite__mail-btn2, .message-text a.prj-invite__link-copy, .message-text a.prj-invite__add-btn, .message-text a.prj-invite__limit-btn, .message-text a.timeline__more-btn, .message-text a.stats-reports__dashboard-add, .message-text a.stats-reports__back, .message-text a.stats-reports__toggle-view, .message-text a.stats-reports__xlsx, .message-text a.stats-reports__edit, .message-text a.stats-reports-table__prev, .message-text a.stats-reports-table__next, .message-text a.stats-reports-edit__delete, .message-text a.stats-reports-edit__cancel, .message-text a.stats-aggregated-report__add-column-btn, .message-text a.stats-aggregated-report__back, .message-text a.stats-aggregated-report__xlsx, .message-text a.stats-reports-schedule__add, .message-text a.statistics__nav-item, .message-text a.by-user-column-stage__more-btn, .message-text a.share-name-changer__change-btn, .message-text a.share-name-changer__save, .message-text a.task-info__move-to-board, .message-text a.task-info__location-item, .message-text a.chat-description-save__cancel, .message-text a.chat-description-add, .message-text a.task-chat-list__single-hint__link, .message-text a.task-chat-list__empty-hint__link, .message-text a.register__wait__link, .message-text a.prj__reg-link-copy, .message-text a.prj__reg-link-save, .message-text a.prj__reg-link-delete, .message-text a.prj__reg-link-txt, .message-text a.prj__reg-link-setup, .message-text a.prj-users__xlsx, .message-text a.prj-item__more-btn, .message-text a.prj-item__archive-show, .message-text a.prj-users-item__more-btn, .message-text a.notify-chooser-show-more, .message-text a.acc__your-os-link, .message-text a.acc__os-variant, .message-text a.acc__other-os, .message-text a.billing__add-users, .message-text a.billing__prolong, .message-text a.button-select__btn, .message-text a.button-select__cancel, .message-text a.company-login__back, .message-text a.company-edit__back, .message-text a.company-edit__cancel, .message-text a.edit-extensions__settings-btn, .message-text a.my-tasks__nav-item, .message-text a.my-tasks__more-btn, .message-text a.my-tasks__move, .message-text a.my-tasks__all-move, .message-text a.object-chooser__up, .message-text a.partner-page__action-item, .message-text a.permissions-chooser__menu__text, .message-text a.project-participants__add-role, .message-text a.project-participants__copy-role, .message-text a.project-role__add, .message-text a.repeat-edit__col-name, .message-text a.repeat-edit__action{
  display: inline;
  color: var(--color-primary-action-default);
}
.message-text b,
.message-text strong {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.message-item-new__task-link{
  cursor: pointer;
  display: inline-block;
  max-width: 280px;
  vertical-align: bottom;
  color: var(--color-primary-action-default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-item-new__task-link:hover{
  text-decoration-line: underline;
  text-decoration-thickness: from-font;
}

.message-item-new__mention{
  cursor: pointer;
  display: inline-block;
  max-width: 200px;
  vertical-align: bottom;
  font-weight: 700;
  color: var(--color-primary-action-default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-item-new__mention:hover{
  text-decoration-line: underline;
  text-decoration-thickness: from-font;
}

.message-image-btn{
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0s;
  transition-delay: 250ms;
}

.message-image-lock .message-image-btn,
.message-image-cnt:hover .message-image-btn{
  opacity: 1;
  transition-duration: 0s;
  transition-delay: 0s;
}

.chat-content__system-msg {
  color: #80899e;
  font-size: 13px;
  margin: 0 0 0 40px;
  background: rgba(255, 255, 255, 0.5);
  padding: 4px 16px 8px;
  border-radius: 6px;
}
.message-item-text .chat-content__system-msg .user-avatar {
  display: inline-block;
  float: none;
  margin: 0 4px 0 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 9px;
  vertical-align: text-top;
}
.chat-content__system-msg-time {
  font-size: 11px;
}
.chat-content__system-msg-emph {
  color: #2b3541;
  font-size: 14px;
  display: inline-block;
}

.chat-item-direct-hint {
  color: #80899e;
  font-weight: normal;
  margin: 0 0 16px 10px;
  font-size: 13px;
}

.chat-item-title {
  display: flex;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #b8bfcf;
  background: #f5f8fa;
  padding: 15px 16px 15px 20px;
  font-size: 15px;
  line-height: 17px;
  color: #2b3541;
  order: 1;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: 600;
}

.drag-consumer-hover {
  opacity: 0.5;
}

.chat-back-button {
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  background-image: url(/img/chat-list/back-button-def.svg);
}
.chat-back-button:hover {
  background-image: url(/img/chat-list/back-button-hover.svg);
}
.chat-back-button:active {
  background-image: url(/img/chat-list/back-button-pressed.svg);
}

.chat-item-title-text {
  padding-left: 10px;
  line-height: 20px;
  margin-top: -8px;
  position: relative;
  word-wrap: break-word;
}

.chat-item-project, .chat-item-project__delimiter, .chat-item-project__link {
  font-weight: normal;
  font-size: 12px;
  display: block;
  color: #2f97e6;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  overflow: hidden;
}
.chat-item-project__link:hover {
  cursor: pointer;
  color: #2f97e6;
  text-decoration: underline;
}
.chat-item-project__delimiter {
  color: #80899e;
}

.chat-item-messages {
  background: url(/img/chat/chat-background-new3.png) 0 0/250px 250px, linear-gradient(135deg, #cfebfa 0%, #b3d3ff 100%);
  background-blend-mode: soft-light;
}

.file-link-prev {
  max-height: 600px;
  background: #b8bfcf;
}

.message-item-head {
  height: 18px;
  margin-bottom: 8px;
  display: flex;
}
.message-item-head:after {
  content: "";
  display: block;
  clear: both;
}

.message-item-content p ._link, .message-item-content p .repeat-view__open-all, .message-item-content p .sticker-deadline__toggle-start-link, .message-item-content p .prj-invite__card-toggle-admin-btn, .message-item-content p .prj-invite__card-remove-btn, .message-item-content p .prj-invite__mail-btn2, .message-item-content p .prj-invite__link-copy, .message-item-content p .prj-invite__add-btn, .message-item-content p .prj-invite__limit-btn, .message-item-content p .timeline__more-btn, .message-item-content p .stats-reports__dashboard-add, .message-item-content p .stats-reports__back, .message-item-content p .stats-reports__toggle-view, .message-item-content p .stats-reports__xlsx, .message-item-content p .stats-reports__edit, .message-item-content p .stats-reports-table__prev, .message-item-content p .stats-reports-table__next, .message-item-content p .stats-reports-edit__delete, .message-item-content p .stats-reports-edit__cancel, .message-item-content p .stats-aggregated-report__add-column-btn, .message-item-content p .stats-aggregated-report__back, .message-item-content p .stats-aggregated-report__xlsx, .message-item-content p .stats-reports-schedule__add, .message-item-content p .statistics__nav-item, .message-item-content p .by-user-column-stage__more-btn, .message-item-content p .share-name-changer__change-btn, .message-item-content p .share-name-changer__save, .message-item-content p .task-info__move-to-board, .message-item-content p .task-info__location-item, .message-item-content p .chat-description-save__cancel, .message-item-content p .chat-description-add, .message-item-content p .task-chat-list__single-hint__link, .message-item-content p .task-chat-list__empty-hint__link, .system-message-item-content p ._link, .system-message-item-content p .repeat-view__open-all, .system-message-item-content p .sticker-deadline__toggle-start-link, .system-message-item-content p .prj-invite__card-toggle-admin-btn, .system-message-item-content p .prj-invite__card-remove-btn, .system-message-item-content p .prj-invite__mail-btn2, .system-message-item-content p .prj-invite__link-copy, .system-message-item-content p .prj-invite__add-btn, .system-message-item-content p .prj-invite__limit-btn, .system-message-item-content p .timeline__more-btn, .system-message-item-content p .stats-reports__dashboard-add, .system-message-item-content p .stats-reports__back, .system-message-item-content p .stats-reports__toggle-view, .system-message-item-content p .stats-reports__xlsx, .system-message-item-content p .stats-reports__edit, .system-message-item-content p .stats-reports-table__prev, .system-message-item-content p .stats-reports-table__next, .system-message-item-content p .stats-reports-edit__delete, .system-message-item-content p .stats-reports-edit__cancel, .system-message-item-content p .stats-aggregated-report__add-column-btn, .system-message-item-content p .stats-aggregated-report__back, .system-message-item-content p .stats-aggregated-report__xlsx, .system-message-item-content p .stats-reports-schedule__add, .system-message-item-content p .statistics__nav-item, .system-message-item-content p .by-user-column-stage__more-btn, .system-message-item-content p .share-name-changer__change-btn, .system-message-item-content p .share-name-changer__save, .system-message-item-content p .task-info__move-to-board, .system-message-item-content p .task-info__location-item, .system-message-item-content p .chat-description-save__cancel, .system-message-item-content p .chat-description-add, .system-message-item-content p .task-chat-list__single-hint__link, .system-message-item-content p .task-chat-list__empty-hint__link, .deadline-message-item-content p ._link, .deadline-message-item-content p .repeat-view__open-all, .deadline-message-item-content p .sticker-deadline__toggle-start-link, .deadline-message-item-content p .prj-invite__card-toggle-admin-btn, .deadline-message-item-content p .prj-invite__card-remove-btn, .deadline-message-item-content p .prj-invite__mail-btn2, .deadline-message-item-content p .prj-invite__link-copy, .deadline-message-item-content p .prj-invite__add-btn, .deadline-message-item-content p .prj-invite__limit-btn, .deadline-message-item-content p .timeline__more-btn, .deadline-message-item-content p .stats-reports__dashboard-add, .deadline-message-item-content p .stats-reports__back, .deadline-message-item-content p .stats-reports__toggle-view, .deadline-message-item-content p .stats-reports__xlsx, .deadline-message-item-content p .stats-reports__edit, .deadline-message-item-content p .stats-reports-table__prev, .deadline-message-item-content p .stats-reports-table__next, .deadline-message-item-content p .stats-reports-edit__delete, .deadline-message-item-content p .stats-reports-edit__cancel, .deadline-message-item-content p .stats-aggregated-report__add-column-btn, .deadline-message-item-content p .stats-aggregated-report__back, .deadline-message-item-content p .stats-aggregated-report__xlsx, .deadline-message-item-content p .stats-reports-schedule__add, .deadline-message-item-content p .statistics__nav-item, .deadline-message-item-content p .by-user-column-stage__more-btn, .deadline-message-item-content p .share-name-changer__change-btn, .deadline-message-item-content p .share-name-changer__save, .deadline-message-item-content p .task-info__move-to-board, .deadline-message-item-content p .task-info__location-item, .deadline-message-item-content p .chat-description-save__cancel, .deadline-message-item-content p .chat-description-add, .deadline-message-item-content p .task-chat-list__single-hint__link, .deadline-message-item-content p .task-chat-list__empty-hint__link, .message-item-content p .register__wait__link, .system-message-item-content p .register__wait__link, .deadline-message-item-content p .register__wait__link, .message-item-content p .prj__reg-link-copy, .system-message-item-content p .prj__reg-link-copy, .deadline-message-item-content p .prj__reg-link-copy, .message-item-content p .prj__reg-link-save, .system-message-item-content p .prj__reg-link-save, .deadline-message-item-content p .prj__reg-link-save, .message-item-content p .prj__reg-link-delete, .system-message-item-content p .prj__reg-link-delete, .deadline-message-item-content p .prj__reg-link-delete, .message-item-content p .prj__reg-link-txt, .system-message-item-content p .prj__reg-link-txt, .deadline-message-item-content p .prj__reg-link-txt, .message-item-content p .prj__reg-link-setup, .system-message-item-content p .prj__reg-link-setup, .deadline-message-item-content p .prj__reg-link-setup, .message-item-content p .prj-users__xlsx, .system-message-item-content p .prj-users__xlsx, .deadline-message-item-content p .prj-users__xlsx, .message-item-content p .prj-item__more-btn, .system-message-item-content p .prj-item__more-btn, .deadline-message-item-content p .prj-item__more-btn, .message-item-content p .prj-item__archive-show, .system-message-item-content p .prj-item__archive-show, .deadline-message-item-content p .prj-item__archive-show, .message-item-content p .prj-users-item__more-btn, .system-message-item-content p .prj-users-item__more-btn, .deadline-message-item-content p .prj-users-item__more-btn, .message-item-content p .notify-chooser-show-more, .system-message-item-content p .notify-chooser-show-more, .deadline-message-item-content p .notify-chooser-show-more, .message-item-content p .acc__your-os-link, .system-message-item-content p .acc__your-os-link, .deadline-message-item-content p .acc__your-os-link, .message-item-content p .acc__os-variant, .system-message-item-content p .acc__os-variant, .deadline-message-item-content p .acc__os-variant, .message-item-content p .acc__other-os, .system-message-item-content p .acc__other-os, .deadline-message-item-content p .acc__other-os, .message-item-content p .billing__add-users, .system-message-item-content p .billing__add-users, .deadline-message-item-content p .billing__add-users, .message-item-content p .billing__prolong, .system-message-item-content p .billing__prolong, .deadline-message-item-content p .billing__prolong, .message-item-content p .button-select__btn, .system-message-item-content p .button-select__btn, .deadline-message-item-content p .button-select__btn, .message-item-content p .button-select__cancel, .system-message-item-content p .button-select__cancel, .deadline-message-item-content p .button-select__cancel, .message-item-content p .company-login__back, .system-message-item-content p .company-login__back, .deadline-message-item-content p .company-login__back, .message-item-content p .company-edit__back, .system-message-item-content p .company-edit__back, .deadline-message-item-content p .company-edit__back, .message-item-content p .company-edit__cancel, .system-message-item-content p .company-edit__cancel, .deadline-message-item-content p .company-edit__cancel, .message-item-content p .edit-extensions__settings-btn, .system-message-item-content p .edit-extensions__settings-btn, .deadline-message-item-content p .edit-extensions__settings-btn, .message-item-content p .my-tasks__nav-item, .system-message-item-content p .my-tasks__nav-item, .deadline-message-item-content p .my-tasks__nav-item, .message-item-content p .my-tasks__more-btn, .system-message-item-content p .my-tasks__more-btn, .deadline-message-item-content p .my-tasks__more-btn, .message-item-content p .my-tasks__move, .system-message-item-content p .my-tasks__move, .deadline-message-item-content p .my-tasks__move, .message-item-content p .my-tasks__all-move, .system-message-item-content p .my-tasks__all-move, .deadline-message-item-content p .my-tasks__all-move, .message-item-content p .object-chooser__up, .system-message-item-content p .object-chooser__up, .deadline-message-item-content p .object-chooser__up, .message-item-content p .partner-page__action-item, .system-message-item-content p .partner-page__action-item, .deadline-message-item-content p .partner-page__action-item, .message-item-content p .permissions-chooser__menu__text, .system-message-item-content p .permissions-chooser__menu__text, .deadline-message-item-content p .permissions-chooser__menu__text, .message-item-content p .project-participants__add-role, .system-message-item-content p .project-participants__add-role, .deadline-message-item-content p .project-participants__add-role, .message-item-content p .project-participants__copy-role, .system-message-item-content p .project-participants__copy-role, .deadline-message-item-content p .project-participants__copy-role, .message-item-content p .project-role__add, .system-message-item-content p .project-role__add, .deadline-message-item-content p .project-role__add, .message-item-content p .repeat-edit__col-name, .system-message-item-content p .repeat-edit__col-name, .deadline-message-item-content p .repeat-edit__col-name, .message-item-content p .repeat-edit__action, .system-message-item-content p .repeat-edit__action, .deadline-message-item-content p .repeat-edit__action {
  display: inline;
}

.message-item-content .file-link-img, .system-message-item-content .file-link-img, .deadline-message-item-content .file-link-img,
.message-item-content .file-link-img:hover {
  margin: 5px 10px 5px 0;
  display: inline-block;
}

.file-link,
.file-link:hover,
.file-link:visited {
  color: #2f97e6 !important;
  background: #f5f8fa;
  padding: 4px;
  margin: 2px 4px 2px 0;
  border: 1px solid #b8bfcf !important;
  display: inline-block;
  cursor: pointer;
  text-decoration: none !important;
  border-radius: 2px;
}

.file-link .fi-page {
  font-size: 16px;
}

.set-task-image-link-over{
  position: absolute;
  z-index: 10;
  height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  background-color: var(--color-background-main-old);
  font-size: 12px;
  line-height: 1.5rem;
  opacity: 0;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.set-task-image-link-over:before {
  background-image: url(/img/chat/make-cover.svg);
  display: inline-block;
  content: " ";
  margin: 0 4px;
  width: 24px;
  height: 24px;
}
.set-task-image-link-over:hover:before {
  background-image: url(/img/chat/make-cover-hover.svg);
}
.set-task-image-link-over:active:before {
  background-image: url(/img/chat/make-cover-active.svg);
}

.set-task-image-link-over{
  bottom: 8px;
  left: 6px;
  width: 0;
  min-width: calc(100% - 12px);
  border-radius: 4px;
  text-align: center;
}

.chat-input-files-item-size {
  color: #80899e;
}

.message-item-from {
  float: left;
  color: #2b3541;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.message-item {
  transition: background 0.5s ease;
  position: relative;
}
.message-item__task-link {
  color: #2f97e6;
  font-weight: 600;
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: bottom;
  white-space: nowrap;
}
.message-item__task-link:hover {
  text-decoration: underline;
}
.message-item__mention {
  font-weight: 600;
  outline: none;
  border: none;
  color: #1a74c7;
  cursor: pointer;
  margin: 0 0 4px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  padding: 1px 2px;
  white-space: nowrap;
}
.message-item__in-reply {
  margin: 8px 0;
  padding-left: 8px;
  border-left: 4px solid #b8bfcf;
  color: #4d566a;
  cursor: pointer;
}
.message-item__in-reply:hover {
  color: #2b3541;
  background: rgba(47, 151, 230, 0.1);
  border-color: #2f97e6;
}
.message-item__in-reply-title {
  font-weight: 600;
  font-size: 14px;
}
.message-item__in-reply-text {
  font-size: 13px;
  line-height: 1.3;
  padding: 2px 0;
  max-height: 100px;
  overflow: hidden;
}
.message-item__pinned-text {
  float: right;
  font-size: 11px;
  white-space: nowrap;
  max-width: 240px;
  min-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 18px;
  background: url(/img/icons/icon-pin-active.svg) no-repeat 0 50%;
}
.message-item:hover .message-item__pinned-text {
  display: none;
}
.message-item__pin-input-cnt {
  float: right;
  padding: 0 0 0 18px;
  height: 18px;
  background: url(/img/icons/icon-pin-active.svg) no-repeat 0 50%;
}
.message-item__pin-input {
  vertical-align: top;
  border: none;
  border-bottom: 1px solid #b8bfcf;
  border-radius: 0;
  background: none;
  height: 18px;
  width: 108px;
  font-size: 11px;
  padding: 0;
}

.message-actions {
  display: flex;
  position: absolute;
  opacity: 0;
  float: right;
  align-items: center;
  transform: scale(0.1);
  transform-origin: 100% 50%;
  white-space: nowrap;
}
.message-actions ._hint-bottom-left {
  white-space: nowrap;
  top: 20px;
  right: -4px;
}
.message-item:hover .message-actions {
  white-space: nowrap;
  position: relative;
  transition: all 0.1s ease 0.1s;
  transform: none;
  opacity: 1;
}

.message-reactions {
  display: flex;
  position: absolute;
  opacity: 0;
  float: left;
  align-items: flex-end;
  transform: scale(0.1);
  transform-origin: 100% 50%;
  bottom: -8px;
  left: -20px;
  z-index: 20;
}
.message-item:hover .message-reactions {
  position: relative;
  transition: all 0.1s ease 0.1s;
  transform: none;
  opacity: 1;
}

.message-edit {
  display: inline-block;
  width: 24px;
  height: 18px;
  background: no-repeat 50% 50%;
  background-image: url(/img/actions/edit.svg);
  cursor: pointer;
  position: relative;
}
.message-edit:hover {
  background-image: url(/img/actions/edit-hover.svg);
}
.message-edit:active {
  background-image: url(/img/actions/edit-active.svg);
}
.icon-container:hover > .message-edit {
  background-image: url(/img/actions/edit-hover.svg);
}
.icon-container:active > .message-edit {
  background-image: url(/img/actions/edit-active.svg);
}
.message-edit--edited {
  background-image: url(/img/actions/edit-active.svg);
  opacity: 1;
}

.message-pin {
  display: inline-block;
  background: url("/img/icons/icon-pin-gray.svg") no-repeat center;
  width: 24px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  cursor: pointer;
  position: relative;
}
.message-pin:hover {
  background-image: url("/img/icons/icon-pin-hover.svg");
}
.message-pin.active {
  padding-left: 18px;
  background-position: 0 50%;
}

.message-item-text:hover .message-pin.exists {
  background-image: url("/img/icons/icon-pin-hover.svg");
}

.message-pin:active,
.message-pin.active {
  background-image: url("/img/icons/icon-pin-active.svg") !important;
}

.message-item.edited {
  background: rgba(47, 151, 230, 0.6);
}

.message-del {
  font-size: 13px;
}

.message-seen-by {
  color: #b8bfcf;
  float: left;
  margin: -4px 0 0 4px;
  position: relative;
  width: 10px;
}
.message-seen-by ._hint {
  top: 24px;
}

.message-seen-by-icon {
  background-image: url(/img/chat/seen-by-nobody.svg);
}

.message-seen-by.by-some .message-seen-by-icon {
  background-image: url(/img/chat/seen-by-somebody.svg);
}

.message-seen-by.by-everybody .message-seen-by-icon {
  background-image: url(/img/chat/seen-by-all.svg);
}

.message-item.highlighted,
.can-be-highlighted.highlighted {
  transition: background 0s ease;
  background: #fbf5c5;
}

.message-item__unread {
  background: #fff;
  color: #4d566a;
  font-weight: 600;
  padding: 3px;
  font-size: 13px;
  border-top: 1px solid #b8bfcf;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 4px;
}

.message-item.highlighted.message-item--first-unread {
  background: none;
}

.message-item-text {
  padding: 4px 0;
}
.message-item-text .user-avatar {
  float: left;
  margin-top: 6px;
  margin-left: 8px;
}
.message-item-my .message-item-text .user-avatar {
  display: none;
}

.message-item-time {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  color: #b8bfcf;
  font-size: 12px;
  float: left;
  line-height: 17px;
  margin-left: 8px;
  margin-right: auto;
}

.message-item-content, .system-message-item-content, .deadline-message-item-content {
  clear: both;
  font-size: 14px;
  line-height: 1.3;
  color: #2b3541;
  overflow: hidden;
  word-break: break-word;
  white-space: pre-wrap;
}
.message-item-content--larger {
  font-size: 32px;
  line-height: 1.2;
}

.system-message-item-content, .deadline-message-item-content {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0;
  text-align: center;
}

.deadline-message-item-content {
  color: #d92400;
}

.message-item-body {
  margin: 0 28px 0 40px;
  position: relative;
  padding: 8px;
  background: #fff;
  border-radius: 0 16px 16px 16px;
}
.message-item-body.system-message-item-body {
  position: static;
  text-align: center;
  margin-left: 0;
  background: none;
  padding: 0;
}
.message-item-body__top, .message-item-body__left, .message-item-body__right, .message-item-body__bottom, .message-item-body__top-left, .message-item-body__top-right, .message-item-body__bottom-left, .message-item-body__bottom-right {
  position: absolute;
  z-index: 1;
}
.message-item-body.system-message-item-body .message-item-body__top, .message-item-body.system-message-item-body .message-item-body__left, .message-item-body.system-message-item-body .message-item-body__right, .message-item-body.system-message-item-body .message-item-body__bottom, .message-item-body.system-message-item-body .message-item-body__top-left, .message-item-body.system-message-item-body .message-item-body__top-right, .message-item-body.system-message-item-body .message-item-body__bottom-left, .message-item-body.system-message-item-body .message-item-body__bottom-right {
  display: none;
}
.message-item-my .message-item-body {
  background: #f4fbef;
  border-radius: 16px;
}
.message-item-body__top {
  height: 8px;
  top: -4px;
  left: 0;
  right: 4px;
  background: repeat-x 0 0/1px 8px url(/img/chat/bubbles/white/top@2x.png);
}
.message-item-my .message-item-body__top {
  left: 4px;
  right: 0px;
  background: repeat-x 0 0/1px 8px url(/img/chat/bubbles/green/top@2x.png);
}
.message-item-body__bottom {
  height: 8px;
  bottom: -4px;
  left: 4px;
  right: 4px;
  background: repeat-x 0 0/1px 8px url(/img/chat/bubbles/white/bottom@2x.png);
}
.message-item-my .message-item-body__bottom {
  background: repeat-x 0 0/1px 8px url(/img/chat/bubbles/green/bottom@2x.png);
}
.message-item-body__left {
  width: 8px;
  top: 12px;
  left: -4px;
  bottom: 4px;
  background: repeat-y 0 0/8px 1px url(/img/chat/bubbles/white/left@2x.png);
}
.message-item-my .message-item-body__left {
  top: 4px;
  background: repeat-y 0 0/8px 1px url(/img/chat/bubbles/green/left@2x.png);
}
.message-item-body__right {
  width: 8px;
  top: 4px;
  right: -4px;
  bottom: 4px;
  background: repeat-y 0 0/8px 1px url(/img/chat/bubbles/white/right@2x.png);
}
.message-item-my .message-item-body__right {
  top: 12px;
  background: repeat-y 0 0/8px 1px url(/img/chat/bubbles/green/right@2x.png);
}
.message-item-body__bottom-left {
  width: 8px;
  height: 8px;
  bottom: -4px;
  left: -4px;
  background: no-repeat 0 0/8px 8px url(/img/chat/bubbles/white/bottom-left@2x.png);
}
.message-item-my .message-item-body__bottom-left {
  background: no-repeat 0 0/8px 8px url(/img/chat/bubbles/green/bottom-left@2x.png);
}
.message-item-body__bottom-right {
  width: 8px;
  height: 8px;
  bottom: -4px;
  right: -4px;
  background: no-repeat 0 0/8px 8px url(/img/chat/bubbles/white/bottom-right@2x.png);
}
.message-item-my .message-item-body__bottom-right {
  background: no-repeat 0 0/8px 8px url(/img/chat/bubbles/green/bottom-right@2x.png);
}
.message-item-body__top-right {
  width: 8px;
  height: 8px;
  top: -4px;
  right: -4px;
  background: no-repeat 0 0/8px 8px url(/img/chat/bubbles/white/top-right@2x.png);
}
.message-item-my .message-item-body__top-right {
  width: 16px;
  height: 16px;
  right: -12px;
  background: no-repeat 0 0/16px 16px url(/img/chat/bubbles/green/top-right@2x.png);
}
.message-item-body__top-left {
  width: 16px;
  height: 16px;
  top: -4px;
  left: -16px;
  background: no-repeat 0 0/16px 16px url(/img/chat/bubbles/white/top-left@2x.png);
}
.message-item-my .message-item-body__top-left {
  width: 8px;
  height: 8px;
  left: -4px;
  background: no-repeat 0 0/8px 8px url(/img/chat/bubbles/green/top-left@2x.png);
}

.chat-system-message-circle {
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #b8bfcf;
  margin: 0 auto;
}

.quick-links {
  margin-left: 13px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.quick-links-head {
  font-size: 11px;
  font-weight: 600;
  margin-top: 8px;
  padding-left: 17px;
  background: url("/img/pin@2x.png") no-repeat 0 center;
  background-size: 13px;
}

.quick-links-body {
  margin-left: 18px;
}

.quick-links-item {
  transition: background 0.2s ease, color 0.2s ease;
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
  font-weight: normal;
  color: #80899e;
  border: 1px solid #b8bfcf;
  padding: 0 5px;
  border-radius: 3px;
  line-height: 22px;
  cursor: pointer;
  margin-top: 4px;
}

.quick-links-item:hover {
  background: #fff;
}

.chat-limit-hint {
  margin: 10px 48px;
  font-size: 14px;
}

.chat-horiz-line {
  background: #80899e;
  height: 1px;
  margin: 0 16px 8px 8px;
}

.chat-feedback-head {
  margin-left: 30px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 8px;
}

.chat-feedback-field-name {
  color: #80899e;
  min-width: 100px;
  display: inline-block;
}

.chat-checklist {
  overflow: auto;
}

.chat-checklist-title-editing,
.chat-checklist-title {
  cursor: default;
  font-size: 14px;
  font-weight: 600;
  border-radius: 2px;
  padding: 5px 14px 5px 27px;
  position: relative;
  margin-left: -4px;
}

.chat-checklist-title:hover {
  background: #eff1f5;
}

.chat-checklist-edit-buttons {
  padding: 4px 0;
  line-height: 16px;
  margin-left: -12px;
}

.chat-checklist-item .chat-checklist-edit-buttons {
  margin-left: 12px;
}

.chat-checklist-btn {
  vertical-align: top;
  display: inline;
  font-size: 13px;
  font-weight: normal;
  color: #80899e;
  margin-left: 8px;
  cursor: pointer;
}

.chat-checklist-save {
  color: #2f97e6;
}

.chat-checklist-cancel {
  color: #d92400;
}

.chat-checklist-del {
  color: #d92400;
  float: right;
}

.chat-checklist-progress {
  background: rgba(184, 191, 207, 0.22);
  border-radius: 6px;
  height: 6px;
  position: relative;
  margin: 9px 0;
}

.chat-checklist-progress-bar {
  transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease;
  min-width: 8px;
  background: #2f97e6;
  height: 100%;
  border-radius: 4px;
}

.chat-checklist-progress-bar.completed {
  background: #61cc14 !important;
}

.chat-checklist-progress-txt {
  width: 48px;
  font-size: 11px;
  top: -5px;
  text-align: center;
}

.chat-checklist-item:hover .chat-checklist-item-label {
  background: #eff1f5;
}

.chat-checklist.editing .chat-checklist-item-label {
  background: none;
}

.chat-checklist-item-label {
  position: relative;
  font-size: 13px;
  line-height: 16px;
  padding: 3px 14px 4px 27px;
  margin-left: -4px;
  border-radius: 2px;
}

.chat-checklist-item-checkbox {
  line-height: 24px;
  position: absolute;
  left: 0;
  z-index: 1;
}

.chat-checklist-item ._checkbox {
  width: 14px;
  height: 14px;
  line-height: 24px;
  vertical-align: top;
  margin-top: 5px;
}

.chat-checklist-list-add {
  font-size: 13px;
  padding-left: 18px;
  line-height: 24px;
  background: url(/img/icons/icon-plus.svg) no-repeat 0px 50%;
  vertical-align: top;
}

.chat-checklist-add-cnt {
  margin: 8px 16px 8px 24px;
  position: relative;
}

.chat-checklist-add-cnt .chat-checklist-icon {
  left: -32px;
  background-image: url(/img/icons/icon-checklist-blue.svg);
}

.chat-checklist-add {
  font-size: 13px;
  line-height: 24px;
  vertical-align: top;
}

.chat-checklist-new {
  display: block;
}
.chat-checklist-new .text-edit {
  font-size: 13px;
  border: 1px solid #dfe2ea;
  border-radius: 2px;
  background: #f5f8fa;
  box-shadow: inset 0 1px 5px -4px #2b3541;
  margin-left: -8px;
}
.chat-checklist-new .text-edit-shadow,
.chat-checklist-new textarea.text-edit-input {
  line-height: 16px;
  padding: 3px 7px;
}

.chat-checklist-list-new .text-edit {
  margin-left: 15px;
  font-size: 13px;
  padding-top: 6px;
}

.chat-checklist-list-new .text-edit-input {
  line-height: 24px;
}

.chat-checklist.dragging-list .chat-checklist-list {
  display: none;
}

.chat-checklist.dragging-list .chat-checklist-cnt,
.chat-checklist.dragging-list .new-chat-checklist-cnt {
  overflow: hidden;
}

.chat-checklist.dragging-list .chat-checklist-item-label,
.chat-checklist.dragging-item .chat-checklist-item-label {
  background: none !important;
}
.chat-checklist.dragging-list .chat-checklist-title,
.chat-checklist.dragging-item .chat-checklist-title {
  background: none !important;
}

.chat-checklist-cnt.dragged:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: 0.5;
  background: #f5f8fa;
  border: 1px solid #b8bfcf;
  border-radius: 2px;
}

.chat-checklist-cnt {
  margin: 8px 16px 8px 24px;
  padding: 0;
  position: relative;
  border-radius: 4px;
}

.new-chat-checklist-cnt.dragged:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: 0.5;
  background: #f5f8fa;
  border: 1px solid #b8bfcf;
  border-radius: 2px;
}

.new-chat-checklist-cnt {
  margin: 0;
  padding: 0;
  position: relative;
  border-radius: 4px;
}

.chat-checklist-item {
  position: relative;
}

.chat-checklist-item.dragged .chat-checklist-item-label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: #f5f8fa;
  border: 1px solid #b8bfcf;
  border-radius: 2px;
}

.chat-checklist-item.checked .chat-checklist-item-label {
  color: #80899e;
}

.chat-checklist-item.checked .chat-checklist-item-label.long {
  text-decoration: line-through;
}

.chat-checklist-item-label-txt {
  position: relative;
}

.chat-checklist-item-label-txt:before {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 100%;
  border-bottom: 1px solid;
  top: 9px;
  opacity: 0.8;
  transform: scale(0);
  transform-origin: 0 50%;
  transition: none;
}

.chat-checklist-item-label.long .chat-checklist-item-label-txt:before {
  display: none;
}

.chat-checklist-item.checked .chat-checklist-item-label-txt:before {
  transition: transform 0.3s ease-in;
  transform: scale(1);
  transform-origin: 0 50%;
}

.chat-checklist-delete-icon {
  background-image: url(/img/actions/delete.svg);
  width: 13px;
  height: 13px;
  opacity: 0;
  margin-left: 4px;
  cursor: pointer;
}

.chat-checklist-item:hover .chat-checklist-delete-icon {
  opacity: 0.5;
}

.chat-checklist-item .chat-checklist-delete-icon:hover {
  opacity: 1;
  background-image: url(/img/actions/delete-hover.svg);
}

.chat-checklist-item-edit {
  margin-left: 10px;
  display: block;
}

.chat-checklist-unsaved-warn,
.chat-checklist-item-unsaved-warn {
  font-size: 13px;
  line-height: 24px;
  font-weight: normal;
  color: #80899e;
}

.custom-dragged__hovered:hover {
  background: #e8f4fc;
}

.custom-dragged .custom-dragged__hidden {
  display: none;
}
.custom-dragged .custom-dragged__hovered:hover {
  background: transparent;
}

.personal-chat-list__item {
  display: flex;
  padding-left: 15px;
}
.personal-chat-list__avatar {
  margin-top: 6px;
}

.chat-content__system-msg {
  color: #80899e;
  font-size: 13px;
  margin: 0 0 0 40px;
  background: rgba(255, 255, 255, 0.5);
  padding: 4px 16px 8px;
  border-radius: 6px;
}
.message-item-text .chat-content__system-msg .user-avatar {
  display: inline-block;
  float: none;
  margin: 0 4px 0 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 9px;
  vertical-align: text-top;
}
.chat-content__system-msg-time {
  font-size: 11px;
}
.chat-content__system-msg-emph {
  color: #2b3541;
  font-size: 14px;
  display: inline-block;
}

.chat-item-direct-hint {
  color: #80899e;
  font-weight: normal;
  margin: 0 0 16px 10px;
  font-size: 13px;
}

.chat-item-cnt {
  outline: none;
}

.chat-item checklists-stub {
  overflow: auto;
}

.chat-item-title {
  display: flex;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #b8bfcf;
  background: #f5f8fa;
  padding: 15px 16px 15px 20px;
  font-size: 15px;
  line-height: 17px;
  color: #2b3541;
  order: 1;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: 600;
}

.chat-left-icon {
  width: 16px;
  height: 24px;
  position: absolute;
  left: 16px;
  background-size: contain;
  background-position: 50% 50%;
}
.chat-left-icon.chat-connected-add-icon {
  left: -24px;
}

.chat-checklist-icon {
  background-image: url("/img/icons/icon-checklist.svg");
  left: 4px;
  top: 4px;
}

.chat-list-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  background: #fff;
  height: 100%;
  z-index: 12;
  transition: transform 0.4s cubic-bezier(0, 1, 0, 1);
}
.chat-list-panel__tab-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.chat-list-panel__tab-delim {
  height: 24px;
  border-left: 1px solid #b8bfcf;
  list-style: none;
}
.chat-list-panel__task-list {
  display: none;
  margin-bottom: 44px;
  padding: 8px 0 24px;
}
.chat-list-panel__task-list.chat-list-panel__tab-panel--selected {
  display: block;
}
.chat-list-panel__tab-list {
  margin: 0;
  padding: 0;
  display: flex;
  background: #fff;
  align-items: center;
}
.chat-list-panel__tab {
  color: #4d566a;
  flex: 1;
  height: 100%;
  display: inline-block;
  position: relative;
  list-style: none;
  cursor: pointer;
}
.chat-list-panel__tab--disabled {
  color: #80899e;
  cursor: default;
}
.chat-list-panel__tab--selected {
  color: #2f97e6;
  outline: none;
}
.chat-list-panel__tab-panel {
  display: none;
  overflow-x: hidden;
}
.chat-list-panel__tab-panel--selected {
  flex: 1;
  display: block;
  overflow-y: auto;
}
.chat-list-panel__minimize-button {
  background: 6px center no-repeat #000;
  position: absolute;
  top: 6px;
  width: 36px;
  height: 32px;
  left: -36px;
  cursor: pointer;
  border-radius: 4px 0 0 4px;
  box-shadow: -1px 0 7px -4px #2b3541;
  background-image: url(/img/chat/minimize.svg);
}
.chat-list-panel__minimize-button:before {
  content: "";
  position: absolute;
  width: 27px;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px 0 0 4px;
  border: 1px solid #b8bfcf;
  border-right: none;
}
.chat-list-panel__minimize-button:hover {
  background-image: url(/img/chat/minimize-hover.svg);
}
.chat-list-panel__minimize-button:active {
  background-image: url(/img/chat/minimize-active.svg);
}
.icon-container:hover > .chat-list-panel__minimize-button {
  background-image: url(/img/chat/minimize-hover.svg);
}
.icon-container:active > .chat-list-panel__minimize-button {
  background-image: url(/img/chat/minimize-active.svg);
}
.chat-list-panel__minimize-button--minimized {
  background-image: url(/img/chat/maximize.svg);
}
.chat-list-panel__minimize-button--minimized:hover {
  background-image: url(/img/chat/maximize-hover.svg);
}
.chat-list-panel__minimize-button--minimized:active {
  background-image: url(/img/chat/maximize-active.svg);
}
.icon-container:hover > .chat-list-panel__minimize-button--minimized {
  background-image: url(/img/chat/maximize-hover.svg);
}
.icon-container:active > .chat-list-panel__minimize-button--minimized {
  background-image: url(/img/chat/maximize-active.svg);
}
.chat-list-panel__minimize-button--minimized.chat-list-panel__minimize-button:before {
  width: 36px;
}
.chat-list-panel__search {
  padding: 8px 16px;
}
.chat-list-panel__search--active {
  background: #edf2f5;
  border-bottom: 1px solid #b8bfcf;
}
.chat-list-panel__search--active .search__input,
.chat-list-panel__search--active .search__input:focus {
  background: #fff;
}
.chat-list-panel__search__results {
  position: absolute;
  bottom: 0;
  top: 50px;
  background: #fff;
  width: 100%;
  left: 0;
  z-index: 2;
}
.chat-list-panel__search__results__close {
  top: 14px;
  right: 18px;
}
.chat-list-panel__pages {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.chat-list-panel__pages__chats-page, .chat-list-panel__pages__add-contact-page, .chat-list-panel__pages__edit-users-page {
  background: #fff;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0, 1, 0, 1);
}
.chat-list-panel__pages__chats-page.chat-list-panel__pages__chats-page--active, .chat-list-panel__pages__chats-page--active.chat-list-panel__pages__add-contact-page, .chat-list-panel__pages__chats-page--active.chat-list-panel__pages__edit-users-page {
  transform: translate(0, 0);
}
.chat-list-panel__pages__add-contact-page, .chat-list-panel__pages__edit-users-page {
  left: 100%;
  transform: translate(0, 0);
}
.body--chat-resize .chat-list-panel__pages__add-contact-page--active, .body--chat-resize .chat-list-panel__pages__edit-users-page--active {
  transform: translate(-100%, 0) !important;
}
.chat-list-panel__page-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.chat-list-panel__chat-container {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}
.chat-list-panel__chat-container__slide {
  position: absolute;
  pointer-events: auto;
  background: #fff;
  top: 0;
  left: 100%;
  height: 100%;
  width: 100%;
  transition: transform 0.4s cubic-bezier(0, 1, 0, 1);
  transform: translate(0, 0);
}
.body--chat-resize .chat-list-panel__chat-container__slide--active {
  transform: translate(-100%, 0) !important;
}

.search-top__icon {
  width: 26px;
  height: 26px;
  position: absolute;
  opacity: 0.6;
  background: url(/img/chat-page/search-white.svg) 50% 6px no-repeat;
  pointer-events: none;
}
.search-top--opened .search-top__icon {
  background-image: url(/img/chat-page/search.svg);
}
.search-top__close {
  width: 32px;
  height: 32px;
}
.search-top__input, .search-top__input:focus {
  margin: 0;
  height: 26px;
  font-size: 14px;
  background: #4d566a;
  outline: none;
  border: none;
  padding-left: 26px;
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  color: #80899e;
  line-height: 13px;
}
.search-top__input::-moz-placeholder, .search-top__input:focus::-moz-placeholder {
  color: #b8bfcf;
}
.search-top__input::placeholder, .search-top__input:focus::placeholder {
  color: #b8bfcf;
}
.search-top--opened .search-top__input {
  color: #2b3541;
  background: #fff;
}
.search-top__menu {
  position: absolute;
  left: 0;
  bottom: 0;
}
.search-top__result-container {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  font-size: 15px;
  box-shadow: 0 2px 16px -6px #2b3541;
  width: 500px;
  line-height: 21px;
  border-top: 1px solid #80899e;
  z-index: 11;
  border: 1px solid #b8bfcf;
  border-radius: 0 3px 3px 3px;
}
.search-top__result-container:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #b8bfcf;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -6px;
  left: 8px;
}
.search-top__result-container:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #f5f8fa;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -5px;
  left: 9px;
}
.menu--overflow-right .search-top__result-container {
  left: auto;
  right: -212px;
  border-radius: 3px;
}
.menu--overflow-right .search-top__result-container:before {
  left: auto;
  right: 194px;
}
.menu--overflow-right .search-top__result-container:after {
  left: auto;
  right: 195px;
}
.search-top__result-header {
  background: #f5f8fa;
  border-bottom: 3px solid #4d566a;
  padding: 4px 8px;
  font-weight: 600;
  border-radius: 0 3px 0 0;
}
.search-top__result-hint {
  color: #80899e;
  padding: 4px 8px;
}
.search-top__result-hint-title {
  color: #4d566a;
  margin: 8px 0 16px;
}
.search-top__result-hint-list {
  color: #b8bfcf;
}
.search-top__result-hint-bullets {
  margin: 4px 0 16px 24px;
}
.search-top__result-container .search__results {
  overflow: auto;
  max-height: 520px;
  min-height: 214px;
  padding-top: 4px;
}
.search-top__result-container .personal-chat-list__item {
  padding-left: 8px;
}
.search-top__result-container .chat-info {
  height: 52px;
  padding: 4px 8px 4px 8px;
  margin-left: 0;
}
.search-top__result-container .chat-info__name {
  line-height: auto;
  min-height: auto;
}
.search-top__result-container .task-chat-list__item {
  padding-left: 8px;
}
.search-top__result-container .search__results__not-found {
  text-align: left;
  margin: 4px 8px;
  color: #444;
  font-size: 15px;
}

.search {
  display: flex;
  position: relative;
}
.search__highlight {
  color: #2f97e6;
}
.search__icon {
  width: 32px;
  height: 32px;
  position: absolute;
  opacity: 0.6;
  background: url(/img/chat-page/search.svg) 50% 50% no-repeat;
}
.search__input, .search__input:focus {
  margin: 0;
  height: 32px;
  font-size: 16px;
  line-height: 19px;
  background: #edf2f5;
  outline: none;
  border: none;
  padding-left: 32px;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
}
.search__input::-moz-placeholder, .search__input:focus::-moz-placeholder {
  color: #b8bfcf;
}
.search__input::placeholder, .search__input:focus::placeholder {
  color: #b8bfcf;
}
.search__filter {
  width: 40px;
}
.search__results__title {
  margin: 8px 16px;
  font-weight: 600;
  color: #80899e;
}
.search__results__not-found {
  margin: 16px;
  color: #80899e;
  text-align: center;
}

.task-chat-list__cnt {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.task-chat-list__cnt .chat-list {
  overflow: auto;
  flex: 1 1;
}
.task-chat-list__cnt .search-top__result-hint {
  padding: 8px 24px;
}
.task-chat-list__cnt .search__results {
  overflow: auto;
  padding: 8px 4px;
}
.task-chat-list__settings {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  flex: 0 0;
  border-bottom: 1px solid #b8bfcf;
  padding: 8px 0;
  font-size: 15px;
  position: relative;
}
.task-chat-list__settings-close {
  height: 48px;
  width: 48px;
}
.task-chat-list__settings-item {
  margin: 8px 32px;
  cursor: pointer;
}
.task-chat-list__settings-line {
  border-bottom: 2px solid #f5f8fa;
  margin: 0 32px;
}
.task-chat-list__header{
  border-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: var(--color-primary-grey-l60);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  flex: 0 0 48px;
  display: flex;
  background: #f5f8fa;
  width: 100%;
  align-items: center;
}
.task-chat-list__title {
  flex: 1 1;
  font-size: 16px;
  font-weight: 600;
  margin-left: 16px;
}
.task-chat-list__actions {
  flex: 0 0;
  display: flex;
  align-items: center;
}
.task-chat-list__search-btn, .task-chat-list__settings-btn {
  background: no-repeat 0 50%;
  background-image: url(/img/main-menu/settings.svg);
  padding: 0 0 0 24px;
  color: #4d566a;
  white-space: nowrap;
  font-size: 12px;
  margin-right: 8px;
  cursor: pointer;
}
.task-chat-list__search-btn:hover, .task-chat-list__settings-btn:hover {
  background-image: url(/img/main-menu/settings-hover.svg);
}
.task-chat-list__search-btn:active, .task-chat-list__settings-btn:active {
  background-image: url(/img/main-menu/settings-active.svg);
}
.icon-container:hover > .task-chat-list__search-btn, .icon-container:hover > .task-chat-list__settings-btn {
  background-image: url(/img/main-menu/settings-hover.svg);
}
.icon-container:active > .task-chat-list__search-btn, .icon-container:active > .task-chat-list__settings-btn {
  background-image: url(/img/main-menu/settings-active.svg);
}
.task-chat-list__search-btn:hover, .task-chat-list__settings-btn:hover {
  color: #2f97e6;
}
.task-chat-list__search-btn:active, .task-chat-list__settings-btn:active {
  color: #1a74c7;
}
.task-chat-list__search-btn {
  background-image: url(/img/actions/search.svg);
}
.task-chat-list__search-btn:hover {
  background-image: url(/img/actions/search-hover.svg);
}
.task-chat-list__search-btn:active {
  background-image: url(/img/actions/search-active.svg);
}
.icon-container:hover > .task-chat-list__search-btn {
  background-image: url(/img/actions/search-hover.svg);
}
.icon-container:active > .task-chat-list__search-btn {
  background-image: url(/img/actions/search-active.svg);
}
.task-chat-list__search-btn--active {
  color: #2f97e6;
  background-image: url(/img/actions/search-hover.svg);
}
.task-chat-list__settings-btn--active {
  color: #2f97e6;
  background-image: url(/img/main-menu/settings-hover.svg);
  position: relative;
}
.task-chat-list__settings-btn--active:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 8px solid #b8bfcf;
  border-top: none;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: -14px;
  left: 5px;
}
.task-chat-list__settings-btn--active:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 8px solid #fff;
  border-top: none;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: -15px;
  left: 5px;
}
.task-chat-list__search {
  position: relative;
  background: #f5f8fa;
  border-bottom: 1px solid #b8bfcf;
  margin-top: -1px;
  padding: 4px 16px 16px;
}
.task-chat-list__search-input {
  width: calc(100% - 36px);
  font-size: 15px;
}
.task-chat-list__search-close {
  width: 48px;
  height: 40px;
}
.task-chat-list__item {
  display: flex;
  padding-left: 15px;
  align-items: flex-start;
  position: relative;
}
.task-chat-list__item__icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-top: 8px;
  background: url(/img/chat-list/chats.svg) 0 0/20px 20px no-repeat;
}
.task-chat-list__item__icon--group {
  background-image: url(/img/group-chat/chat/group-chat.svg);
}
.task-chat-list__item__star {
  width: 20px;
  height: 20px;
  margin-top: 8px;
  background: no-repeat url(/img/icons/icon-star-pressed.svg) 50% 1px;
}
.task-chat-list__item--with-me .task-chat-list__item__icon {
  background-image: url(/img/chat-list/chats.svg);
}
.task-chat-list__item--with-me .task-chat-list__item__icon--group {
  background-image: url(/img/group-chat/chat/group-chat.svg);
}
.task-chat-list__tab-list {
  min-height: 48px;
  z-index: 1;
  margin: 0;
  padding: 0;
  display: flex;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.task-chat-list__tab {
  display: flex;
  position: relative;
  list-style: none;
  cursor: pointer;
  flex: 1;
}
.task-chat-list__tab:first-child {
  justify-content: flex-end;
  padding-right: 5%;
}
.task-chat-list__tab:last-child {
  justify-content: flex-start;
  padding-left: 5%;
}
.task-chat-list__tab-panel {
  display: none;
}
.task-chat-list__tab-panel--selected {
  flex: 1;
  display: block;
  overflow-y: auto;
}
.task-chat-list__empty-hint {
  width: 328px;
  height: 312px;
  background: url(/img/onboarding/pic1@2x.png) 0 0/cover no-repeat;
  margin: 80px auto 0;
  padding: 90px 38px 30px 24px;
  text-align: center;
  font-size: 15px;
  color: #4d566a;
  line-height: 1.3;
}
.task-chat-list__empty-hint__title {
  font-size: 26px;
}
.task-chat-list__empty-hint__space {
  height: 8px;
}
.task-chat-list__single-hint {
  width: 323px;
  height: 221px;
  background: url(/img/onboarding/pic3@2x.png) 0 0/cover no-repeat;
  margin: 80px auto 0;
  padding: 100px 40px 30px 24px;
  text-align: center;
  font-size: 15px;
  color: #4d566a;
  line-height: 1.3;
  position: relative;
}
.task-chat-list__single-hint__space {
  height: 16px;
}
.task-chat-list__single-hint:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 215px;
  left: 16px;
  width: 34px;
  height: 61px;
  background: url(/img/onboarding/arrow@2x.png) 0 0/cover no-repeat;
}

/* Общие стили */
html:root {
  --ck-balloon-arrow-offset: 1px;
  /* this color override in dark-mode.scss by vars */
  --ck-color-base-foreground: #fff;
  --ck-color-base-background: #fff;
  --ck-color-base-text: #2b3541;
  --ck-color-link-default: #2f97e6;
  --ck-color-engine-placeholder-text: #b8bfcf;
}

.ck-toolbar__items .ck-button svg {
  font-size: 11px;
}

.custom-block-indent-a {
  margin-left: 10%;
}

.custom-block-indent-b {
  margin-left: 20%;
}

.custom-block-indent-c {
  margin-left: 30%;
}

#desc-history-editor .ck-toolbar {
  display: none;
}

#description-editor .ck.ck-editor__editable_inline > :first-child,
#desc-history-editor .ck.ck-editor__editable_inline > :first-child {
  margin-top: 16px;
}
#description-editor .ck-content,
#desc-history-editor .ck-content {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 160px;
}
#description-editor .ck-toolbar__items .ck-heading-dropdown button,
#desc-history-editor .ck-toolbar__items .ck-heading-dropdown button {
  padding-left: 19px;
}
#description-editor ul,
#description-editor ol,
#desc-history-editor ul,
#desc-history-editor ol {
  margin: 4px 8px 4px 26px;
}
#description-editor ul.todo-list,
#desc-history-editor ul.todo-list {
  margin-left: 26px;
}
#description-editor ul.todo-list li,
#desc-history-editor ul.todo-list li {
  display: flex;
  align-items: center;
}
#description-editor ul.todo-list .todo-list__label,
#desc-history-editor ul.todo-list .todo-list__label {
  height: 16px;
}
#description-editor ul.todo-list .todo-list__label__description,
#desc-history-editor ul.todo-list .todo-list__label__description {
  line-height: 1.6;
  min-width: 4px;
}
#description-editor table tbody tr,
#desc-history-editor table tbody tr {
  background-color: inherit;
}
#description-editor .ck.ck-dropdown__panel.ck-dropdown__panel_sw,
#desc-history-editor .ck.ck-dropdown__panel.ck-dropdown__panel_sw {
  max-width: 400px;
}

:root.dark #description-editor ::-moz-selection, :root.dark #desc-history-editor ::-moz-selection {
  background: #698ab3;
}

:root.dark #description-editor ::selection,
:root.dark #description-editor .ce-block--selected .ce-block__content,
:root.dark #desc-history-editor ::selection,
:root.dark #desc-history-editor .ce-block--selected .ce-block__content {
  background: #698ab3;
}
:root.dark #description-editor .ck.ck-button,
:root.dark #description-editor a.ck.ck-button,
:root.dark #desc-history-editor .ck.ck-button,
:root.dark #desc-history-editor a.ck.ck-button {
  color: #b8bfcf;
  transition: none;
  border-radius: 4px;
}
:root.dark #description-editor .ck.ck-button:not(.ck-disabled):hover,
:root.dark #desc-history-editor .ck.ck-button:not(.ck-disabled):hover {
  color: #3f8bfd;
}
:root.dark #description-editor .ck.ck-button.ck-on,
:root.dark #description-editor a.ck.ck-button.ck-on,
:root.dark #desc-history-editor .ck.ck-button.ck-on,
:root.dark #desc-history-editor a.ck.ck-button.ck-on {
  color: #fff !important;
  background: #3f8bfd !important;
}
:root.dark #description-editor .ck.ck-button:active,
:root.dark #description-editor .ck.ck-button:focus,
:root.dark #description-editor a.ck.ck-button:active,
:root.dark #description-editor a.ck.ck-button:focus,
:root.dark #desc-history-editor .ck.ck-button:active,
:root.dark #desc-history-editor .ck.ck-button:focus,
:root.dark #desc-history-editor a.ck.ck-button:active,
:root.dark #desc-history-editor a.ck.ck-button:focus {
  border: 1px solid transparent;
  box-shadow: none;
}
:root.dark #description-editor .ck.ck-button:not(.ck-disabled):hover,
:root.dark #description-editor a.ck.ck-button:not(.ck-disabled):hover,
:root.dark #description-editor .ck-splitbutton__action,
:root.dark #description-editor .ck-splitbutton__arrow,
:root.dark #desc-history-editor .ck.ck-button:not(.ck-disabled):hover,
:root.dark #desc-history-editor a.ck.ck-button:not(.ck-disabled):hover,
:root.dark #desc-history-editor .ck-splitbutton__action,
:root.dark #desc-history-editor .ck-splitbutton__arrow {
  background: transparent !important;
}
:root.dark #description-editor .ck.ck-dropdown__panel .ck-list,
:root.dark #desc-history-editor .ck.ck-dropdown__panel .ck-list {
  background: #4f5668;
  border-radius: 4px;
  border: 1px solid transparent;
}
:root.dark #description-editor .ck-dropdown__panel,
:root.dark #desc-history-editor .ck-dropdown__panel {
  border: 1px solid transparent;
  box-shadow: none;
  background: #4f5668;
}
:root.dark #description-editor .ck-content .todo-list .todo-list__label > input:before,
:root.dark #desc-history-editor .ck-content .todo-list .todo-list__label > input:before {
  border: 1px solid #b8bfcf;
}
:root.dark #description-editor .ck-content .todo-list .todo-list__label > input[checked=checked]:before,
:root.dark #desc-history-editor .ck-content .todo-list .todo-list__label > input[checked=checked]:before {
  border: none;
}
:root.dark #description-editor .ck-content .todo-list .todo-list__label > input[checked=checked] input:before,
:root.dark #desc-history-editor .ck-content .todo-list .todo-list__label > input[checked=checked] input:before {
  border: 1px solid grey;
}

.dark .ck-body-wrapper .ck-list__item,
.light .ck-body-wrapper .ck-list__item {
  min-width: 300px;
}

#description-editor .fullscreen .ck-content {
  max-width: 960px;
  margin: 0 auto;
}
#description-editor .fullscreen .ck-sticky-panel__content {
  width: calc(100% - 10px);
}
#description-editor .fullscreen .ck-toolbar {
  max-width: 960px;
  margin: 0 auto;
}

#description-editor .fullscreen h2,
#desc-history-editor h2 {
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
}
#description-editor .fullscreen h3,
#desc-history-editor h3 {
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
}
#description-editor .fullscreen h4,
#desc-history-editor h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
#description-editor .fullscreen p,
#desc-history-editor p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
#description-editor .fullscreen li,
#desc-history-editor li {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}

#description-editor .non-fullscreen .ck-heading-dropdown > .ck-button > .ck-button__label {
  width: 38px;
}
#description-editor .non-fullscreen .ck-heading-dropdown > .ck-button > .ck-dropdown__arrow {
  margin-left: 2px;
}
#description-editor .non-fullscreen h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
#description-editor .non-fullscreen h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
}
#description-editor .non-fullscreen h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
#description-editor .non-fullscreen p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
#description-editor .non-fullscreen li {
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
}

#description-editor .readonly .ck-horizontal-line.ck-widget_selected,
#description-editor .readonly .table.ck-widget_selected {
  outline: none;
}
#description-editor .readonly .ck.ck-widget__selection-handle {
  display: none;
}
#description-editor .readonly .ck-editor__editable .todo-list .todo-list__label > input {
  cursor: default;
}
#description-editor .readonly .ck-editor__editable .todo-list .todo-list__label > input:hover:before {
  box-shadow: none;
}
#description-editor .readonly .raw-html-embed__buttons-wrapper {
  display: none;
}
#description-editor .readonly .raw-html-embed__content-wrapper {
  padding: 0;
}
#description-editor .readonly .ck-widget.raw-html-embed:before {
  display: none;
}
#description-editor .readonly .ck-widget_selected {
  outline: none;
  border: none;
}
#description-editor .readonly .raw-html-embed__preview {
  width: 100%;
}

#description-editor .readonly.non-fullscreen.news .ck-content,
#description-editor .editable.non-fullscreen.news .ck-content {
  max-height: none;
  min-height: 200px;
}

#description-editor .fullscreen .ck.ck-editor {
  position: inherit;
}

#description-editor .task-title-input::-moz-placeholder {
  color: #b8bfcf !important;
}

#description-editor .task-title-input::placeholder {
  color: #b8bfcf !important;
}

#description-editor .non-fullscreen.readonly .ck-toolbar {
  display: none;
}

#description-editor .fullscreen.readonly .ck-toolbar {
  visibility: hidden;
}

#description-editor .fullscreen .ck-sticky-panel__content > .ck-toolbar {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: calc(100vw - 290px);
  padding-top: 16px;
  height: 48px;
  max-height: 48px;
  border: none;
}
#description-editor .fullscreen .ck-sticky-panel__content > .ck-toolbar > .ck-toolbar__items {
  height: 32px;
  max-height: 32px;
}

/* Сетка на 8 цветов для таблицы и текста */
#description-editor .ck.ck-color-grid,
.ck-table-form .ck.ck-color-grid {
  grid-template-columns: repeat(7, 1fr) !important;
}

/* Убрал цвет страницы */
.ck-color-ui-dropdown .ck-color-table .ck-color-grid__label,
.ck-color-ui-dropdown .ck-color-table .ck-color-grid:nth-child(4) {
  display: none;
}

#description-editor .non-fullscreen .ck.ck-toolbar {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid var(--color-border-split-old);
}

.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border: none !important;
}

.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

description {
  display: block;
  flex: 1 1;
  position: relative;
  overflow: hidden;
}

.chat-description {
  position: relative;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 300px;
}

.chat-description-icon {
  background-image: url(/img/icons/icon-description-blue.svg);
  background-size: auto;
  top: 17px;
}

.chat-description-add {
  font-size: 13px;
  line-height: 24px;
}

.chat-description-header {
  padding: 15px 16px 8px 48px;
}

.chat-description-cnt {
  overflow: auto;
  height: 100%;
}

.chat-description-content {
  line-height: 24px;
  font-size: 14px;
  padding: 0 16px 24px 24px;
  overflow: auto;
  margin-top: 8px;
  word-break: break-word;
}
.news .chat-description-content {
  padding: 16px 16px 24px 24px;
  background: #fff;
  margin: 0 0 16px;
  border-bottom: 1px solid #b8bfcf;
}
.chat-description-content ol,
.chat-description-content ul {
  margin-left: 26px;
}

.chat-description-editor {
  height: 100%;
}

.chat-description-save {
  text-align: center;
  background: #f5f8fa;
  border-top: 1px solid #b8bfcf;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 48px;
  line-height: 40px;
  font-size: 15px;
  padding-top: 4px;
}
.chat-description-save__cancel {
  color: #80899e;
  margin-left: 8px;
}

.task-info__cnt {
  margin: 8px 0 32px;
}
.task-info__title {
  font-weight: 600;
  font-size: 16px;
  color: #2b3541;
  cursor: pointer;
  margin: 0 -4px 16px;
  background: #f5f8fa;
  padding: 4px 8px;
  border-radius: 4px;
}
.task-info__title:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 8px solid #80899e;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: relative;
  margin-left: 4px;
  margin-top: 8px;
  float: right;
}
.task-info__title--opened:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 8px solid #80899e;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: relative;
  margin-top: 6px;
  float: right;
}
.task-info__title--hidden {
  cursor: default;
}
.task-info__title--hidden:after {
  display: none;
}
.task-info__subtitle {
  color: #80899e;
  margin-top: 24px;
  font-size: 12px;
}
.task-info__field {
  margin: 8px 0;
}
.task-info__location {
  display: flex;
  flex-wrap: wrap;
  color: #80899e;
}
.task-info__location-item {
  color: #2b3541;
  margin-right: 4px;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-info__location-delimiter {
  margin-right: 4px;
}
.task-info__move-icon, .task-info__open-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: no-repeat url(/img/menu/move.svg) center;
  vertical-align: bottom;
  margin-right: 2px;
}
.task-info__open-icon {
  background-image: url(/img/task-page/chat-gototask.svg);
}
.task-info__move-to-board {
  margin: 8px 8px 0 0;
}
.task-info__empty {
  color: #80899e;
  margin-right: 8px;
}
.task-info__created {
  display: flex;
  align-items: center;
}
.task-info__created-user {
  margin: 0 0 0 4px;
}
.task-info__created-time {
  margin: 0 0 0 4px;
}
.task-info__assigned {
  display: flex;
  align-items: flex-start;
}
.task-info__stickers {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  padding-right: 92px;
}
.task-info .task-sticker__plus {
  opacity: 1;
  background-position: 2px 50%;
  width: auto;
  padding-left: 24px;
  display: flex;
  align-items: center;
}
.task-info .task-sticker__plus:before {
  position: absolute;
}
.task-info__move-cnt .column-chooser {
  position: absolute;
  z-index: 51;
  margin-left: -16px;
}
.task-info__move-cnt.direction-up .column-chooser {
  bottom: -48px;
}
.task-info .task-sticker-item.user {
  position: relative;
  right: 0;
  display: block;
  margin: 0 0 0 8px;
  height: auto;
}
.task-info .task-sticker-item.user .sticker-item-icon {
  margin-left: 0 !important;
}
.task-info .task-sticker-item.empty .sticker-item-user .sticker-item-icon {
  display: block;
  background-image: url(/img/sticker-icons/user-empty.svg);
  margin-left: -17px;
}
.task-info .sticker-item.sticker-item-user {
  justify-content: flex-start;
  width: auto;
  height: auto;
  flex-wrap: wrap;
  border-radius: 0;
}
.task-info__dropdown-menu {
  z-index: 21;
}
.task-info__dropdown-overlay {
  z-index: 20;
}
.task-info__repeat {
  margin-top: 16px;
}
.task-info__repeat .task-info__location-item {
  color: #2f97e6;
}
.task-info__deadline-repeat-help {
  padding-left: 22px;
  background: no-repeat url(/img/icons/common/info.svg) 0 1px/16px;
  margin-top: 12px;
  color: #4d566a;
  line-height: 1.25;
}

.chat-connected {
  overflow: auto;
  padding: 16px 16px 32px 24px;
  font-size: 14px;
  box-sizing: border-box;
}
.chat-connected__sub-title {
  font-weight: 600;
  font-size: 15px;
  margin-top: 16px;
}

.chat-connected-with {
  font-size: 14px;
  color: #b8bfcf;
  line-height: 24px;
  position: relative;
}

.chat-connected-item {
  color: #80899e;
  line-height: 18px;
  padding: 3px 0;
}

.chat-connected-item-name {
  max-width: calc(100% - 100px);
}

.chat-connected-item-x {
  cursor: pointer;
  color: #80899e;
  float: right;
  padding-left: 18px;
  margin-left: 8px;
  background: url(/img/icons/icon-unlink.svg) 0 50% no-repeat;
}

.chat-connected-item-x:hover {
  color: #2f97e6;
}

.chat-connected-icon {
  background-image: url("/img/icons/icon-connected-tasks-gray.svg");
}

.chat-connected-add-icon {
  background-image: url("/img/icons/icon-link-blue.svg");
}

.share-fail {
  position: absolute;
  top: 0;
  margin: 64px auto;
  width: 100%;
}
.share-fail__logo {
  width: 100%;
  height: 40px;
  background: no-repeat center url(/img/common/yougile-logo-site.svg);
  cursor: pointer;
}
.share-fail__text {
  width: 300px;
  text-align: center;
  font-size: 24px;
  line-height: 1.2;
  margin: 32px auto;
}

.share-name-changer {
  background: #f5f8fa;
  display: flex;
  height: 48px;
  align-items: center;
  border-top: 1px solid #b8bfcf;
  font-size: 15px;
  flex: none;
}
.share-name-changer__wait {
  margin-top: 0;
}
.share-name-changer__you {
  margin-left: 8px;
  font-weight: 600;
}
.share-name-changer__user {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.share-name-changer .user-name {
  font-weight: 600;
  margin-left: 8px;
}
.share-name-changer .user-name__guest {
  display: none;
}
.share-name-changer__change-btn, .share-name-changer__save {
  margin-left: 16px;
  font-size: 13px;
  margin-top: 2px;
}
.share-name-changer .input-control {
  margin-left: 4px;
  padding-left: 4px;
}

.share-popup {
  font-size: 16px;
  min-height: 300px;
}
.share-popup__turn-on {
  display: flex;
  align-items: center;
}
.share-popup__turn-on-label {
  margin-left: 8px;
  cursor: pointer;
}
.share-popup__link {
  margin-top: 24px;
}
.share-popup__link-title {
  font-weight: 600;
}
.share-popup__url {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.share-popup__url-input {
  padding: 4px 8px;
  border: 1px solid #b8bfcf;
  color: #2f97e6;
  font-size: 15px;
  border-radius: 4px;
  width: 380px;
}
.share-popup__copy {
  margin-left: 16px;
  width: 24px;
  height: 24px;
  background: no-repeat center;
  background-image: url(/img/actions/copy.svg);
  cursor: pointer;
}
.share-popup__copy:hover {
  background-image: url(/img/actions/copy-hover.svg);
}
.share-popup__copy:active {
  background-image: url(/img/actions/copy-active.svg);
}
.icon-container:hover > .share-popup__copy {
  background-image: url(/img/actions/copy-hover.svg);
}
.icon-container:active > .share-popup__copy {
  background-image: url(/img/actions/copy-active.svg);
}
.share-popup__cols {
  display: flex;
  margin-top: 24px;
}
.share-popup__theme-col, .share-popup__lang-col {
  flex: 0 0 300px;
}
.share-popup__lang-col {
  border-left: 1px solid #b8bfcf;
  padding-left: 24px;
}
.share-popup__col-title {
  font-weight: 600;
}
.share-popup__col-item {
  display: flex;
  margin: 8px 0;
}
.share-popup__col-name {
  cursor: pointer;
}
.share-popup__bg {
  margin-top: 24px;
}
.share-popup__bg-title {
  font-weight: 600;
}
.share-popup__bg-items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
}
.share-popup__bg-item {
  width: 80px;
  height: 60px;
  border-radius: 4px;
  margin: 4px 4px 0 0;
  border: 2px solid #fff;
}
.share-popup__bg-item:hover {
  border-color: #e71a6e;
}
.share-popup__bg-item--chosen {
  border: 4px solid #e71a6e;
}
.share-popup__more {
  width: 80px;
  height: 60px;
  margin: 4px 4px 0 0;
  line-height: 1.3;
  display: flex;
  align-items: center;
  text-align: center;
  color: #2f97e6;
  cursor: pointer;
}
.share-popup__add-bg {
  width: 80px;
  height: 60px;
  margin: 4px 4px 0 0;
  border: 1px solid #b8bfcf;
  border-radius: 4px;
  background: no-repeat #f5f8fa center url(/img/sharing/add-bg.svg);
  cursor: pointer;
}
.share-popup__add-bg:hover {
  border: 2px solid #2f97e6;
}
.share-popup__help {
  margin-top: 16px;
  padding-left: 24px;
  background: no-repeat 0 50%/16px url(/img/icons/common/info.svg);
  line-height: 1.3;
  width: 400px;
  font-size: 13px;
}

.share-task-stats .sticker-item-text {
  display: inline-flex;
  margin-left: 4px;
}
.share-task-stats__unseen {
  color: #e71a6e;
  font-size: 13px;
  font-weight: 600;
}
.share-task-stats__total {
  font-size: 13px;
  color: #4d566a;
}

.stats-timeline {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.stats-timeline__space {
  flex: 24px 0 0;
}
.stats-timeline__top-cnt {
  display: flex;
  align-items: center;
}
.stats-timeline__top-cnt .help {
  margin: 8px 16px 0 0px;
}
.stats-timeline__filter {
  margin: 16px 16px 8px 16px;
  position: relative;
  text-align: left;
  float: left;
  font-size: 15px;
  background: #f5f8fa;
  padding: 8px;
  border-radius: 4px;
  width: calc(100% - 32px);
  display: flex;
  align-items: center;
}
.stats-timeline__filter-label {
  margin-right: 8px;
}
.stats-timeline__cnt {
  overflow: auto;
  display: flex;
  align-items: stretch;
  padding: 0 16px 16px 16px;
  height: calc(100% - 70px);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.stats-timeline__cnt.grabbing {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.by-user__column__header {
  border-bottom: 1px solid #b8bfcf;
  padding: 4px 4px 0;
  background: #eff1f5;
  border-radius: 4px 4px 0 0;
  z-index: 1;
}
.by-user__column__header__who__avatar {
  float: left;
  margin-right: 4px;
}
.by-user__column__header__who__empty {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/img/gtd/user-empty.svg) center/cover;
  float: left;
  margin-right: 4px;
}
.by-user__column__header__who__name {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
}
.by-user__column__header__online-time {
  margin-left: 28px;
  font-size: 13px;
  color: #4d566a;
}
.by-user__column__header__count-list {
  margin: 8px 0 8px 28px;
}
.by-user__column__header__count-item {
  position: relative;
  font-size: 13px;
  margin: 4px 0;
}
.by-user__column__header__count-item__name {
  display: inline-block;
  width: 140px;
  padding-right: 8px;
  line-height: 1.2;
}
.by-user__column__header__count-item__value {
  display: inline-block;
  font-weight: 600;
  position: absolute;
  top: 0;
  text-align: right;
  width: 72px;
}

.by-user-column-stage {
  margin: 8px 0 48px;
}
.by-user-column-stage__title {
  font-weight: normal;
  padding-left: 14px;
  margin: 0 4px;
  position: relative;
  cursor: pointer;
}
.by-user-column-stage__title:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-left: 6px solid #2b3541;
  border-right: none;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  left: 4px;
  top: 7px;
}
.by-user-column-stage--expanded .by-user-column-stage__title:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #2b3541;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  left: 2px;
  top: 10px;
}
.by-user-column-stage__show-more {
  font-size: 14px;
  margin: 0 8px;
}
.by-user-column-stage__more-text {
  display: inline-block;
}
.by-user-column-stage__more-num {
  display: inline-block;
  font-weight: 600;
}
.by-user-column-stage__more-btn {
  margin-left: 8px;
}

.by-user__column {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  background: url(/img/agileback@2x.png) 0 0/5px #4d566a;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  margin-right: 8px;
  flex: 268px 0 0;
  width: 268px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  border: 1px solid #b8bfcf;
}
.by-user__column__item-list {
  flex: 1 1;
  overflow: auto;
}
.by-user__column__item-list-content {
  padding-bottom: 48px;
}
.by-user__column__line {
  border-top: 1px solid #80899e;
  margin: 16px 4px 4px;
}
.by-user__column__sub-header {
  font-weight: 600;
  font-size: 13px;
  margin: 0 8px 8px;
}
.by-user__column__sub-header-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  float: right;
  font-weight: normal;
  color: #2f97e6;
  cursor: pointer;
}
.by-user__column__sub-header-toggle:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #2f97e6;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  display: inline-block;
  position: relative;
  margin-left: 4px;
}

.loggedin-page--statistics .loggedin-bg {
  filter: saturate(0.7);
}

.statistics {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.statistics__container {
  overflow: auto;
  height: 100%;
  background: #fff;
  margin: 0 16px 16px 36px;
  border-radius: 0 0 4px 4px;
}
.statistics__container.grabbing {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.statistics__content {
  position: absolute;
  top: 61px;
  bottom: 0;
  width: calc(100%);
  display: flex;
  flex-direction: column;
}
.statistics__preload {
  display: none;
}
.statistics__video {
  position: relative;
  width: 956px;
  max-width: 100%;
  height: 538px;
  margin: 16px 36px;
  background: #2b3541;
}
.statistics__video__pic {
  height: 100%;
  cursor: pointer;
  background: url(/img/statistics/pic-video-stats@2x.jpg) no-repeat 0 0/contain;
}
.statistics__video__pic:hover {
  background-image: url(/img/statistics/pic-video-stats-hover@2x.jpg);
}
.statistics__title-hint {
  color: #4d566a;
  margin: 16px 32px 0 36px;
  padding: 8px 8px 8px 48px;
  background: url(/img/icons/warning.svg) 3px 50% no-repeat #fff;
  border-radius: 4px;
  flex: 0 0;
  width: auto;
  max-width: 1000px;
  line-height: 1.2;
}
.statistics__title-hint__btn {
  padding: 1px 10px;
  margin: 8px 0 0;
}
.statistics .sticker-item__filtering {
  display: none;
}
.statistics__nav {
  margin: 16px 16px 0 36px;
  padding: 8px 16px 8px;
  background: #f5f8fa;
  border-bottom: 1px solid #b8bfcf;
  border-radius: 4px 4px 0 0;
}
.statistics__nav-item {
  margin: 0 24px;
  font-size: 14px;
  padding: 0 0 1px 0;
  border-bottom: solid 2px transparent;
  position: relative;
}
.statistics__nav-item:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: -24px;
  background: no-repeat;
}
.statistics__nav-item.statistics__nav-item--page-report:before {
  background-image: url(/img/reports/report.svg);
}
.statistics__nav-item.statistics__nav-item--page-report.statistics__nav-item--current:before {
  background-image: url(/img/reports/report-active.svg);
}
.statistics__nav-item.statistics__nav-item--page-tables:before {
  background-image: url(/img/reports/tables.svg);
}
.statistics__nav-item.statistics__nav-item--page-tables.statistics__nav-item--current:before {
  background-image: url(/img/reports/tables-active.svg);
}
.statistics__nav-item.statistics__nav-item--page-timeline:before {
  background-image: url(/img/reports/timeline.svg);
}
.statistics__nav-item.statistics__nav-item--page-timeline.statistics__nav-item--current:before {
  background-image: url(/img/reports/timeline-active.svg);
}
.statistics__nav-item.statistics__nav-item--page-by-user:before {
  background-image: url(/img/reports/by-user.svg);
}
.statistics__nav-item.statistics__nav-item--page-by-user.statistics__nav-item--current:before {
  background-image: url(/img/reports/by-user-active.svg);
}
.statistics__nav-item.statistics__nav-item--page-by-time:before {
  background-image: url(/img/reports/by-time.svg);
}
.statistics__nav-item.statistics__nav-item--page-by-time.statistics__nav-item--current:before {
  background-image: url(/img/reports/by-time-active.svg);
}
.statistics__nav-item--current, .statistics__nav-item--current:hover, .statistics__nav-item--current:active {
  color: #4d566a;
  text-shadow: 0.5px 0;
  text-decoration: none;
  cursor: default;
  border-bottom: 2px solid;
}

.stats-reports-schedule__checkbox {
  vertical-align: middle;
  margin: 0 8px 0 0;
}
.stats-reports-schedule__switch {
  margin: 12px 0 0 32px;
}
.stats-reports-schedule__title {
  cursor: pointer;
}
.stats-reports-schedule__cnt {
  font-size: 14px;
  margin-left: 32px;
}
.stats-reports-schedule__emails {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.stats-reports-schedule__email {
  margin: 16px 8px 0 0;
  height: 32px;
}
.stats-reports-schedule__interval {
  margin-top: 16px;
  text-align: left;
}
.stats-reports-schedule__interval__group {
  display: flex;
  margin-top: 8px;
  align-items: center;
  min-height: 32px;
}
.stats-reports-schedule__interval__type-select {
  max-width: 118px;
}
.stats-reports-schedule__interval__time, .stats-reports-schedule__interval__day, .stats-reports-schedule__interval__type {
  width: 180px;
  text-align: right;
  margin: 0 8px 0 0;
}
.stats-reports-schedule__interval__week {
  display: flex;
}
.stats-reports-schedule__interval__day-of-week:first-child {
  margin-left: 8px;
}
.stats-reports-schedule__interval__weekday {
  line-height: 0.8;
  margin-top: 4px;
}
.stats-reports-schedule__add {
  margin-top: 16px;
}
.stats-reports-schedule__remove {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: no-repeat center;
  background-image: url(/img/icons/delete-task.svg);
  cursor: pointer;
  margin: 16px 8px 0 -8px;
}
.stats-reports-schedule__remove:hover {
  background-image: url(/img/icons/delete-task-hover.svg);
}
.stats-reports-schedule__remove:active {
  background-image: url(/img/icons/delete-task-active.svg);
}
.icon-container:hover > .stats-reports-schedule__remove {
  background-image: url(/img/icons/delete-task-hover.svg);
}
.icon-container:active > .stats-reports-schedule__remove {
  background-image: url(/img/icons/delete-task-active.svg);
}
.stats-reports-schedule__cnt--disabled {
  opacity: 0.4;
  pointer-events: none;
}

.stats-reports-sort__sort {
  display: flex;
  margin: 0;
  padding: 4px 0;
  border-radius: 4px;
  position: relative;
}
.stats-reports-sort__sort:nth-child(odd) {
  background: #f5f8fa;
}
.stats-reports-sort__add {
  margin: 4px 0 0 12px;
}

.stats-aggregated-report {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  font-size: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.stats-aggregated-report__type {
  margin: 16px 0 0 16px;
  display: flex;
  align-items: center;
}
.stats-aggregated-report__nav {
  display: flex;
  background: #f5f8fa;
  box-shadow: 0 0 1px 0.1px #b8bfcf;
  padding: 3px;
  border-radius: 32px;
  height: 38px;
  align-items: center;
}
.stats-aggregated-report__nav-item {
  height: 32px;
  padding: 0 16px;
  line-height: 32px;
  border-radius: 32px;
  cursor: pointer;
  color: #2f97e6;
}
.stats-aggregated-report__nav-item--active {
  background: #2f97e6;
  color: #fff;
}
.stats-aggregated-report__space {
  flex: 1 1;
}
.stats-aggregated-report__help {
  margin-left: 8px;
}
.stats-aggregated-report__xlsx {
  padding-left: 24px;
  margin-right: 24px;
  background: no-repeat 0 50%;
  background-image: url(/img/reports/exceldl.svg);
}
.stats-aggregated-report__xlsx:hover {
  background-image: url(/img/reports/exceldl-hover.svg);
}
.stats-aggregated-report__xlsx:active {
  background-image: url(/img/reports/exceldl-active.svg);
}
.icon-container:hover > .stats-aggregated-report__xlsx {
  background-image: url(/img/reports/exceldl-hover.svg);
}
.icon-container:active > .stats-aggregated-report__xlsx {
  background-image: url(/img/reports/exceldl-active.svg);
}
.stats-aggregated-report__back {
  margin: 16px;
  padding-left: 24px;
  background: no-repeat 0 50%/18px;
  background-image: url(/img/reports/back.svg);
}
.stats-aggregated-report__back:hover {
  background-image: url(/img/reports/back-hover.svg);
}
.stats-aggregated-report__back:active {
  background-image: url(/img/reports/back-active.svg);
}
.icon-container:hover > .stats-aggregated-report__back {
  background-image: url(/img/reports/back-hover.svg);
}
.icon-container:active > .stats-aggregated-report__back {
  background-image: url(/img/reports/back-active.svg);
}
.stats-aggregated-report__table-cnt {
  display: inline-block;
  margin: 16px;
}
.stats-aggregated-report__table-cnt table thead th,
.stats-aggregated-report__table-cnt table tbody td {
  padding: 8px;
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-right: 1px solid #d5e0e7;
  font-weight: normal;
}
.stats-aggregated-report__table-cnt table thead th:last-child,
.stats-aggregated-report__table-cnt table tbody td:last-child {
  border-right: none;
}
.stats-aggregated-report__table-cnt table thead th {
  padding-right: 16px;
}
.stats-aggregated-report__table-cnt table thead th:first-child,
.stats-aggregated-report__table-cnt table tbody td:first-child {
  max-width: 320px;
  padding-left: 16px;
}
.stats-aggregated-report__table-cnt table thead tr {
  border-bottom: none;
  background: #fff;
  color: #80899e;
  font-size: 13px;
}
.stats-aggregated-report__table-cnt table tbody tr {
  color: #4d566a;
}
.stats-aggregated-report__table-cnt table tbody tr:nth-child(even) {
  background: #f5f8fa;
}
.stats-aggregated-report__table-cnt table tbody,
.stats-aggregated-report__table-cnt table thead {
  border: none;
}
.stats-aggregated-report__table-cnt table thead th {
  padding-right: 24px;
}
.stats-aggregated-report__table-cnt td:first-child {
  border-radius: 6px 0 0 6px;
}
.stats-aggregated-report__table-cnt td:last-child {
  border-radius: 0 6px 6px 0;
}
.stats-aggregated-report__table-cnt .user-avatar {
  vertical-align: text-bottom;
}
.stats-aggregated-report__head-cell {
  min-width: 90px;
  cursor: pointer;
  position: relative;
}
.stats-aggregated-report__head-cell--first {
  min-width: 240px;
}
.stats-aggregated-report__head-cell:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #d5e0e7;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  right: 5px;
  top: 10px;
}
.stats-aggregated-report__head-cell:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #d5e0e7;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  right: 5px;
  top: 18px;
}
.stats-aggregated-report__head-cell--sorted:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #2b3541;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.stats-aggregated-report__head-cell--sorted.stats-aggregated-report__head-cell--asc:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #d5e0e7;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.stats-aggregated-report__head-cell--sorted.stats-aggregated-report__head-cell--asc:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #2b3541;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.stats-aggregated-report__col {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  background: no-repeat 100% 50%/18px;
  background-image: url(/img/reports/settings.svg);
  padding-right: 20px;
}
.stats-aggregated-report__col:hover {
  background-image: url(/img/reports/settings-hover.svg);
}
.stats-aggregated-report__col:active {
  background-image: url(/img/reports/settings-active.svg);
}
.icon-container:hover > .stats-aggregated-report__col {
  background-image: url(/img/reports/settings-hover.svg);
}
.icon-container:active > .stats-aggregated-report__col {
  background-image: url(/img/reports/settings-active.svg);
}
.stats-aggregated-report__col:hover {
  color: #2f97e6;
  text-decoration: underline;
}
.stats-aggregated-report__num {
  width: 100%;
  display: inline-block;
  color: #2f97e6;
  cursor: pointer;
}
.stats-aggregated-report__num:hover {
  font-weight: 600;
  text-decoration: underline;
}
.stats-aggregated-report__add-column-btn {
  background: no-repeat 0 50%;
  background-image: url(/img/actions/link/add.svg);
  font-size: 13px;
  padding-left: 22px;
}
.stats-aggregated-report__add-column-btn:hover {
  background-image: url(/img/actions/link/add-hover.svg);
}
.stats-aggregated-report__add-column-btn:active {
  background-image: url(/img/actions/link/add-active.svg);
}
.icon-container:hover > .stats-aggregated-report__add-column-btn {
  background-image: url(/img/actions/link/add-hover.svg);
}
.icon-container:active > .stats-aggregated-report__add-column-btn {
  background-image: url(/img/actions/link/add-active.svg);
}

.stats-reports-columns {
  display: flex;
  font-size: 14px;
  margin-left: 24px;
}
.stats-reports-columns__side {
  width: 216px;
}
.stats-reports-columns__title {
  font-size: 13px;
  margin-left: 13px;
  color: #4d566a;
}
.stats-reports-columns__list {
  margin-top: 8px;
  background: #f5f8fa;
  border: 1px solid #b8bfcf;
  height: 152px;
  padding: 8px 0;
  overflow: auto;
}
.stats-reports-columns__actions {
  width: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  justify-content: center;
}
.stats-reports-columns__btn {
  width: 24px;
  height: 24px;
  background: no-repeat center;
  margin: 4px 0;
  cursor: pointer;
}
.stats-reports-columns__btn--right {
  background-image: url(/img/reports/settings/arrow-right-enabled.svg);
}
.stats-reports-columns__btn--right:hover {
  background-image: url(/img/reports/settings/arrow-right-hover.svg);
}
.stats-reports-columns__btn--right.stats-reports-columns__btn--disabled {
  background-image: url(/img/reports/settings/arrow-right-disabled.svg);
}
.stats-reports-columns__btn--left {
  background-image: url(/img/reports/settings/arrow-left-enabled.svg);
}
.stats-reports-columns__btn--left:hover {
  background-image: url(/img/reports/settings/arrow-left-hover.svg);
}
.stats-reports-columns__btn--left.stats-reports-columns__btn--disabled {
  background-image: url(/img/reports/settings/arrow-left-disabled.svg);
}
.stats-reports-columns__btn--up {
  background-image: url(/img/reports/settings/arrow-up-enabled.svg);
}
.stats-reports-columns__btn--up:hover {
  background-image: url(/img/reports/settings/arrow-up-hover.svg);
}
.stats-reports-columns__btn--up.stats-reports-columns__btn--disabled {
  background-image: url(/img/reports/settings/arrow-up-disabled.svg);
}
.stats-reports-columns__btn--down {
  background-image: url(/img/reports/settings/arrow-down-enabled.svg);
}
.stats-reports-columns__btn--down:hover {
  background-image: url(/img/reports/settings/arrow-down-hover.svg);
}
.stats-reports-columns__btn--down.stats-reports-columns__btn--disabled {
  background-image: url(/img/reports/settings/arrow-down-disabled.svg);
}
.stats-reports-columns__item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 13px;
  line-height: 1.25;
  cursor: pointer;
}
.stats-reports-columns__item--active {
  background: #2f97e6;
  color: #fff;
}

.stats-reports-data-field__title {
  font-size: 14px;
  line-height: 18px;
  color: #2b3541;
  cursor: pointer;
}
.stats-reports-data-field__title--complete {
  color: #80899e;
}
.stats-reports-data-field__title--complete:before {
  content: "";
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: url(/img/reports/done.svg) no-repeat center/contain;
  margin-right: 4px;
  vertical-align: text-bottom;
}
.stats-reports-data-field__title--uncomplete:before {
  content: "";
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: url(/img/reports/undone.svg) no-repeat center/contain;
  margin-right: 4px;
  vertical-align: text-bottom;
}
.stats-reports-data-field__title:hover {
  color: #2f97e6;
}
.stats-reports-data-field__user {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
}
.stats-reports-data-field__user-ava {
  margin-right: 4px;
}
.stats-reports-data-field__deadline--warn {
  color: #d92400;
}

.stats-reports-edit__popup__cnt {
  padding-top: 24px;
}
.stats-reports-edit__section {
  margin-top: 24px;
  font-size: 14px;
}
.stats-reports-edit__title {
  margin-left: 8px;
}
.stats-reports-edit__save {
  padding: 2px 32px;
  margin-left: 24px;
}
.stats-reports-edit__cancel {
  color: #80899e;
}
.stats-reports-edit__delete {
  float: right;
}
.stats-reports-edit__sub-header {
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 24px;
  font-weight: 600;
  color: #2b3541;
  padding-left: 22px;
  margin-bottom: 4px;
  background: no-repeat 0 50%;
}
.stats-reports-edit__sub-header--filter {
  background-image: url(/img/reports/settings/filter.svg);
}
.stats-reports-edit__sub-header--sort {
  background-image: url(/img/reports/settings/sort.svg);
}
.stats-reports-edit__sub-header--table {
  background-image: url(/img/reports/settings/table.svg);
}
.stats-reports-edit__sub-header--share {
  background-image: url(/img/reports/settings/share.svg);
}
.stats-reports-edit__sub-header--sendmail {
  background-image: url(/img/reports/settings/sendmail.svg);
}
.stats-reports-edit__sub-header-actions {
  float: right;
  font-weight: normal;
  text-transform: initial;
  color: #4d566a;
}
.stats-reports-edit .single-select {
  width: 154px;
  min-width: 154px;
}
.stats-reports-edit__available-for {
  display: flex;
  align-items: center;
  margin: 12px 8px 24px 32px;
}
.stats-reports-edit__available-for .help-hint {
  margin: 2px 0 -2px 8px;
}
.stats-reports-edit__edit-users {
  display: flex;
  align-items: center;
  margin-left: 4px;
  margin-top: 2px;
}
.stats-reports-edit__edit-users .user-avatar {
  margin-left: 2px;
}

.stats-reports-table {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  line-height: 1.3;
  flex: 1 1;
  overflow: auto;
}
.stats-reports-table table thead th,
.stats-reports-table table tbody td {
  padding: 8px;
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-right: 1px solid #d5e0e7;
  font-weight: normal;
}
.stats-reports-table table thead th:last-child,
.stats-reports-table table tbody td:last-child {
  border-right: none;
}
.stats-reports-table table thead th {
  padding-right: 16px;
}
.stats-reports-table table thead th:first-child,
.stats-reports-table table tbody td:first-child {
  max-width: 320px;
  padding-left: 16px;
}
.stats-reports-table table thead tr {
  border-bottom: none;
  background: #fff;
  color: #80899e;
  font-size: 13px;
}
.stats-reports-table table tbody tr {
  color: #4d566a;
}
.stats-reports-table table tbody tr:nth-child(even) {
  background: #f5f8fa;
}
.stats-reports-table table tbody,
.stats-reports-table table thead {
  border: none;
}
.stats-reports-table table thead th,
.stats-reports-table table tbody td {
  padding: 0;
  overflow: initial;
  max-width: none;
  white-space: initial;
}
.stats-reports-table table thead th > div,
.stats-reports-table table tbody td > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 8px;
}
.stats-reports-table table thead tr {
  font-size: 12px;
}
.stats-reports-table table thead th:first-child,
.stats-reports-table table tbody td:first-child {
  max-width: none;
  padding-left: 0;
}
.stats-reports-table table thead th:first-child > div,
.stats-reports-table table tbody td:first-child > div {
  padding-left: 4px;
}
.stats-reports-table__paging {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  padding: 0 16px 16px;
}
.stats-reports-table__delim {
  border-left: 1px solid #2b3541;
  height: 13px;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}
.stats-reports-table__page {
  margin-left: 16px;
}
.stats-reports-table__prev, .stats-reports-table__next {
  margin-left: 8px;
}
.stats-reports-table__prev--disable, .stats-reports-table__next--disable {
  pointer-events: none;
  color: #2b3541;
  cursor: default;
}
.stats-reports-table__resize {
  padding: 0 !important;
  z-index: 1;
  position: absolute;
  right: -3px;
  cursor: col-resize;
  top: 0;
  bottom: 0;
  width: 5px;
}
.stats-reports-table__drop-zone {
  padding: 0 !important;
  z-index: 2;
  position: absolute;
  top: 0;
  width: 50px;
  bottom: 0;
}
.stats-reports-table__drop-zone--left {
  left: 0;
}
.stats-reports-table__drop-zone--left-marker {
  border-left: 2px solid #2f97e6;
}
.stats-reports-table__drop-zone--right-marker {
  border-right: 2px solid #2f97e6;
}
.stats-reports-table__drop-zone--right {
  right: -1px;
}
.stats-reports-table__body-cell {
  position: relative;
  border-radius: 4px;
}
.stats-reports-table__body-cell--resize {
  border-right: 1px dashed #2f97e6 !important;
}
.stats-reports-table__head-cell {
  min-width: 90px;
  cursor: pointer;
  position: relative;
}
.stats-reports-table__head-cell:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #d5e0e7;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  right: 5px;
  top: 10px;
}
.stats-reports-table__head-cell:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #d5e0e7;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  right: 5px;
  top: 18px;
}
.stats-reports-table__head-cell--not-sorted:before, .stats-reports-table__head-cell--not-sorted:after {
  content: unset;
}
.stats-reports-table__head-cell--resize {
  border-right: 1px dashed #2f97e6 !important;
}
.stats-reports-table__head-cell--sorted:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #2b3541;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.stats-reports-table__head-cell--sorted.stats-reports-table__head-cell--asc:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-top: 6px solid #d5e0e7;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.stats-reports-table__head-cell--sorted.stats-reports-table__head-cell--asc:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 6px solid #2b3541;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.stats-reports-table__head-cell__sum-title > .stats-reports-table__sum-title {
  color: #121B2E;
  font-weight: 590;
}
.stats-reports-table__head-cell__sum-title > .stats-reports-table__sum-title--title-field {
  margin-left: 48px;
}
.stats-reports-table__sum-title-value {
  color: #121B2E;
  font-weight: 590;
}

.stats-reports-task-list__actions {
  margin: 16px;
  text-align: center;
}
.stats-reports-task-list .stats-reports-task-list__task {
  box-shadow: none;
  grid-template-columns: 0 1fr 24px;
}

.stats-reports-timeline {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.stats-reports-timeline.timeline {
  position: absolute;
  top: 64px;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 4px 4px;
}

.stats-reports {
  position: relative;
  z-index: 2;
  font-size: 14px;
  display: inline-block;
  background: #fff;
  border-radius: 4px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.stats-reports__header {
  position: relative;
  text-align: left;
  margin: 0;
  padding: 0 16px 24px;
  display: flex;
  align-items: center;
}
.stats-reports__name {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  margin-right: 16px;
  flex: 1 0;
}
.stats-reports__num {
  width: 128px;
  text-align: center;
  font-size: 13px;
  padding: 4px;
  background: #f5f8fa;
  box-shadow: 0 0 1px 0.1px #80899e;
  margin: 0 0 0 8px;
  border-radius: 4px;
  color: #4d566a;
}
.stats-reports__num-value {
  font-weight: 600;
  font-size: 20px;
  color: #2b3541;
}
.stats-reports__num-value--open {
  color: #2f97e6;
}
.stats-reports__num-value--complete {
  color: #61cc14;
}
.stats-reports__panel {
  margin: 16px;
  background: #f5f8fa;
  padding: 8px;
  border-radius: 2px;
  width: calc(100% - 32px);
  display: flex;
  align-items: center;
  font-size: 14px;
}
.stats-reports__select {
  margin-left: 8px;
  background-color: #fff;
}
.stats-reports__edit {
  padding-left: 28px;
  background: no-repeat 0 50%;
  background-image: url(/img/reports/settings.svg);
  margin-left: 16px;
}
.stats-reports__edit:hover {
  background-image: url(/img/reports/settings-hover.svg);
}
.stats-reports__edit:active {
  background-image: url(/img/reports/settings-active.svg);
}
.icon-container:hover > .stats-reports__edit {
  background-image: url(/img/reports/settings-hover.svg);
}
.icon-container:active > .stats-reports__edit {
  background-image: url(/img/reports/settings-active.svg);
}
.stats-reports__xlsx {
  margin-left: 24px;
  padding-left: 28px;
  background: no-repeat 0 50%;
  background-image: url(/img/reports/exceldl.svg);
}
.stats-reports__xlsx:hover {
  background-image: url(/img/reports/exceldl-hover.svg);
}
.stats-reports__xlsx:active {
  background-image: url(/img/reports/exceldl-active.svg);
}
.icon-container:hover > .stats-reports__xlsx {
  background-image: url(/img/reports/exceldl-hover.svg);
}
.icon-container:active > .stats-reports__xlsx {
  background-image: url(/img/reports/exceldl-active.svg);
}
.stats-reports__toggle-view {
  margin-left: 24px;
  padding-left: 28px;
  background: no-repeat 0 50%;
  background-image: url(/img/reports/gantt.svg);
}
.stats-reports__toggle-view:hover {
  background-image: url(/img/reports/gantt-hover.svg);
}
.stats-reports__toggle-view:active {
  background-image: url(/img/reports/gantt-active.svg);
}
.icon-container:hover > .stats-reports__toggle-view {
  background-image: url(/img/reports/gantt-hover.svg);
}
.icon-container:active > .stats-reports__toggle-view {
  background-image: url(/img/reports/gantt-active.svg);
}
.stats-reports__back {
  flex: 1 0 220px;
  padding-left: 24px;
  background: no-repeat 0 50%/18px;
  background-image: url(/img/reports/back.svg);
}
.stats-reports__back:hover {
  background-image: url(/img/reports/back-hover.svg);
}
.stats-reports__back:active {
  background-image: url(/img/reports/back-active.svg);
}
.icon-container:hover > .stats-reports__back {
  background-image: url(/img/reports/back-hover.svg);
}
.icon-container:active > .stats-reports__back {
  background-image: url(/img/reports/back-active.svg);
}
.stats-reports__dashboard {
  margin: 8px 16px;
  cursor: default;
}
.stats-reports__dashboard .help {
  margin: 0 0 1px 12px;
}
.stats-reports__dashboard-title {
  font-size: 16px;
  font-weight: 600;
  margin: 16px 0 8px 24px;
}
.stats-reports__dashboard-item {
  background: url(/img/reports/item.svg) no-repeat 0 50%;
  padding-left: 24px;
  font-size: 14px;
}
.stats-reports__dashboard-row {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  border-bottom: 1px solid #dfe2ea;
  cursor: pointer;
}
.stats-reports__dashboard-row:hover {
  background: #f5f8fa;
}
.stats-reports__dashboard-row:last-child {
  border-bottom: none;
}
.stats-reports__dashboard-row--header {
  color: #4d566a;
  font-size: 13px;
  font-weight: normal;
  border-bottom: none;
  cursor: default;
}
.stats-reports__dashboard-row--header:hover {
  background: none;
}
.stats-reports__dashboard-row--header .stats-reports__dashboard-c2, .stats-reports__dashboard-row--header .stats-reports__dashboard-c3 {
  font-weight: normal;
}
.stats-reports__dashboard-c1 {
  flex: 320px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 24px;
}
.stats-reports__dashboard-c1--link {
  color: #2f97e6;
}
.stats-reports__dashboard-c2 {
  flex: 128px 0 0;
  font-size: 14px;
  font-weight: 600;
}
.stats-reports__dashboard-c3 {
  font-size: 14px;
  font-weight: 600;
  flex: 1;
}
.stats-reports__dashboard-add {
  background: no-repeat 0 50%/18px;
  background-image: url(/img/icons/add.svg);
  padding-left: 22px;
  margin-top: 16px;
  margin-left: 8px;
  font-size: 14px;
}
.stats-reports__dashboard-add:hover {
  background-image: url(/img/icons/add-hover.svg);
}
.stats-reports__dashboard-add:active {
  background-image: url(/img/icons/add-active.svg);
}
.icon-container:hover > .stats-reports__dashboard-add {
  background-image: url(/img/icons/add-hover.svg);
}
.icon-container:active > .stats-reports__dashboard-add {
  background-image: url(/img/icons/add-active.svg);
}
.stats-reports__dashboard-actions {
  display: flex;
  align-items: center;
  opacity: 0;
}
.stats-reports__dashboard-row:hover .stats-reports__dashboard-actions {
  opacity: 1;
}
.stats-reports__dashboard-action-settings {
  width: 26px;
  height: 24px;
  cursor: pointer;
  margin-left: 4px;
  background: no-repeat center;
  background-image: url(/img/reports/settings.svg);
}
.stats-reports__dashboard-action-settings:hover {
  background-image: url(/img/reports/settings-hover.svg);
}
.stats-reports__dashboard-action-settings:active {
  background-image: url(/img/reports/settings-active.svg);
}
.icon-container:hover > .stats-reports__dashboard-action-settings {
  background-image: url(/img/reports/settings-hover.svg);
}
.icon-container:active > .stats-reports__dashboard-action-settings {
  background-image: url(/img/reports/settings-active.svg);
}
.stats-reports__dashboard-action-exceldl {
  width: 26px;
  height: 24px;
  cursor: pointer;
  margin-left: 4px;
  background: no-repeat center;
  background-image: url(/img/reports/exceldl.svg);
}
.stats-reports__dashboard-action-exceldl:hover {
  background-image: url(/img/reports/exceldl-hover.svg);
}
.stats-reports__dashboard-action-exceldl:active {
  background-image: url(/img/reports/exceldl-active.svg);
}
.icon-container:hover > .stats-reports__dashboard-action-exceldl {
  background-image: url(/img/reports/exceldl-hover.svg);
}
.icon-container:active > .stats-reports__dashboard-action-exceldl {
  background-image: url(/img/reports/exceldl-active.svg);
}
.stats-reports__dashboard-action-delete {
  width: 26px;
  height: 24px;
  cursor: pointer;
  margin-left: 4px;
  background: no-repeat center;
  background-image: url(/img/reports/delete.svg);
}
.stats-reports__dashboard-action-delete:hover {
  background-image: url(/img/reports/delete-hover.svg);
}
.stats-reports__dashboard-action-delete:active {
  background-image: url(/img/reports/delete-active.svg);
}
.icon-container:hover > .stats-reports__dashboard-action-delete {
  background-image: url(/img/reports/delete-hover.svg);
}
.icon-container:active > .stats-reports__dashboard-action-delete {
  background-image: url(/img/reports/delete-active.svg);
}

.stats-task {
  background: #fff;
  border-radius: 2px;
  margin: 6px 4px;
  padding: 4px;
  box-shadow: 0 1px 8px -4px #2b3541;
  font-size: 14px;
  line-height: 18px;
  min-height: 57px;
  cursor: pointer;
  position: relative;
}
.stats-task--done {
  background: rgba(245, 248, 250, 0.6);
  color: #80899e;
}
.stats-task--done .sticker-item.sticker-item-deadline {
  background: #f1f2f5;
  color: #80899e;
  border-color: #80899e;
}
.stats-task--done .sticker-item.sticker-item-deadline .sticker-item-icon {
  background-color: #80899e;
}
.stats-task:hover {
  background: #f5f8fa;
}
.stats-task--completed {
  background: #f5f8fa;
}
.stats-task--chat-open:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 0;
  width: 4px;
  background: #e71a6e;
  border-radius: 2px 0 0 2px;
  z-index: 11;
}
.stats-task__checkbox {
  margin-top: 3px;
}
.stats-task__text {
  display: flex;
}
.stats-task__archive {
  height: 24px;
}
.stats-task__sticker-list {
  position: relative;
  margin-top: 4px;
  min-height: 24px;
  margin-right: 45px;
}
.stats-task--done .stats-task__sticker-list {
  filter: contrast(25%) brightness(1.5) opacity(40%);
}
.stats-task--done:hover .stats-task__sticker-list {
  filter: none;
}
.stats-task__sticker-list .sticker-item-title,
.stats-task__sticker-list .sticker-item-text {
  max-width: 130px;
}
.stats-task--done .stats-task__checklist {
  filter: contrast(25%) brightness(1.5) opacity(40%);
}
.stats-task--done:hover .stats-task__checklist {
  filter: none;
}
.stats-task__time {
  font-size: 9px;
  color: #80899e;
  text-align: center;
  background: no-repeat url(/img/gtd/time.svg) center 0;
  padding-top: 20px;
  white-space: nowrap;
  overflow: hidden;
}
.stats-task__gtd-done {
  background: no-repeat url(/img/gtd/done.svg) -3px -3px;
}
.stats-task__unseen {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: no-repeat url(/img/gtd/unseen.svg);
  cursor: default;
}
.stats-task__drag-warn {
  position: fixed;
  z-index: 100001;
  pointer-events: none;
  background: rgba(43, 53, 65, 0.5);
}
.stats-task__drag-warn-wnd {
  display: flex;
  width: 270px;
  height: 160px;
  text-align: center;
  padding: 24px;
  margin: -80px auto;
  top: 50%;
  background: #fff;
  border-radius: 4px;
  z-index: 10000000;
  position: relative;
  align-items: center;
  justify-content: center;
}

.task-stickers__sticker-item {
  display: inline-block;
  position: relative;
}
.task-stickers__sticker-item--user {
  position: absolute !important;
  right: -38px !important;
  width: 36px;
  height: 20px;
  border-radius: 14px;
  overflow: hidden;
}
.task-stickers .sticker-item-dates {
  display: none;
}

.task-availability-info__header {
  display: flex;
  color: #b8bfcf;
  font-size: 13px;
  margin: 8px 0;
}
.task-availability-info__row {
  display: flex;
  align-items: center;
  line-height: 1.3;
  margin: 8px 0;
}
.task-availability-info__header-name, .task-availability-info__name {
  flex: 0 0 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
}
.task-availability-info__header-reason, .task-availability-info__reason {
  flex: 1 1;
}
.task-availability-info__reason {
  color: #80899e;
}

.task-menu,
.dropdown-menu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.task-menu__overlay,
.dropdown-menu__overlay {
  z-index: 50;
}
.task-menu__button,
.dropdown-menu__button {
  background-image: url(/img/menu/menu.svg);
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 2;
}
.task-menu__button:hover,
.dropdown-menu__button:hover {
  background-image: url(/img/menu/menu-hover.svg);
}
.task-menu__button:active,
.dropdown-menu__button:active {
  background-image: url(/img/menu/menu-active.svg);
}
.icon-container:hover > .task-menu__button,
.icon-container:hover > .dropdown-menu__button {
  background-image: url(/img/menu/menu-hover.svg);
}
.icon-container:active > .task-menu__button,
.icon-container:active > .dropdown-menu__button {
  background-image: url(/img/menu/menu-active.svg);
}
.task-menu__button--top-right,
.dropdown-menu__button--top-right {
  top: 4px;
  right: 4px;
}
.task-menu__button--top-left,
.dropdown-menu__button--top-left {
  top: 4px;
  left: 4px;
}
.task-menu__button--column-top-right,
.dropdown-menu__button--column-top-right {
  top: 4px;
  right: 4px;
}
.task-menu__button--column-dark-theme-light,
.dropdown-menu__button--column-dark-theme-light {
  background-image: url(/img/menu/menu-dark-theme-light.svg);
}
.task-menu__button--column-dark-theme-light:hover,
.dropdown-menu__button--column-dark-theme-light:hover {
  background-image: url(/img/menu/menu-dark-theme-light-hover.svg);
}
.task-menu__button--column-dark-theme-light:active,
.dropdown-menu__button--column-dark-theme-light:active {
  background-image: url(/img/menu/menu-dark-theme-light-active.svg);
}
.icon-container:hover > .task-menu__button--column-dark-theme-light,
.icon-container:hover > .dropdown-menu__button--column-dark-theme-light {
  background-image: url(/img/menu/menu-dark-theme-light-hover.svg);
}
.icon-container:active > .task-menu__button--column-dark-theme-light,
.icon-container:active > .dropdown-menu__button--column-dark-theme-light {
  background-image: url(/img/menu/menu-dark-theme-light-active.svg);
}
.task-menu__button--column-light-theme-light,
.dropdown-menu__button--column-light-theme-light {
  background-image: url(/img/menu/menu-light-theme-light.svg);
}
.task-menu__button--column-light-theme-light:hover,
.dropdown-menu__button--column-light-theme-light:hover {
  background-image: url(/img/menu/menu-light-theme-light-hover.svg);
}
.task-menu__button--column-light-theme-light:active,
.dropdown-menu__button--column-light-theme-light:active {
  background-image: url(/img/menu/menu-light-theme-light-active.svg);
}
.icon-container:hover > .task-menu__button--column-light-theme-light,
.icon-container:hover > .dropdown-menu__button--column-light-theme-light {
  background-image: url(/img/menu/menu-light-theme-light-hover.svg);
}
.icon-container:active > .task-menu__button--column-light-theme-light,
.icon-container:active > .dropdown-menu__button--column-light-theme-light {
  background-image: url(/img/menu/menu-light-theme-light-active.svg);
}
.task-menu__button--column-dark-theme-dark,
.dropdown-menu__button--column-dark-theme-dark {
  background-image: url(/img/menu/menu-dark-theme-dark.svg);
}
.task-menu__button--column-dark-theme-dark:hover,
.dropdown-menu__button--column-dark-theme-dark:hover {
  background-image: url(/img/menu/menu-dark-theme-dark-hover.svg);
}
.task-menu__button--column-dark-theme-dark:active,
.dropdown-menu__button--column-dark-theme-dark:active {
  background-image: url(/img/menu/menu-dark-theme-dark-active.svg);
}
.icon-container:hover > .task-menu__button--column-dark-theme-dark,
.icon-container:hover > .dropdown-menu__button--column-dark-theme-dark {
  background-image: url(/img/menu/menu-dark-theme-dark-hover.svg);
}
.icon-container:active > .task-menu__button--column-dark-theme-dark,
.icon-container:active > .dropdown-menu__button--column-dark-theme-dark {
  background-image: url(/img/menu/menu-dark-theme-dark-active.svg);
}
.task-menu__button--column-light-theme-dark,
.dropdown-menu__button--column-light-theme-dark {
  background-image: url(/img/menu/menu-light-theme-dark.svg);
}
.task-menu__button--column-light-theme-dark:hover,
.dropdown-menu__button--column-light-theme-dark:hover {
  background-image: url(/img/menu/menu-light-theme-dark-hover.svg);
}
.task-menu__button--column-light-theme-dark:active,
.dropdown-menu__button--column-light-theme-dark:active {
  background-image: url(/img/menu/menu-light-theme-dark-active.svg);
}
.icon-container:hover > .task-menu__button--column-light-theme-dark,
.icon-container:hover > .dropdown-menu__button--column-light-theme-dark {
  background-image: url(/img/menu/menu-light-theme-dark-hover.svg);
}
.icon-container:active > .task-menu__button--column-light-theme-dark,
.icon-container:active > .dropdown-menu__button--column-light-theme-dark {
  background-image: url(/img/menu/menu-light-theme-dark-active.svg);
}
.task-menu__move,
.dropdown-menu__move {
  position: absolute;
  right: 0;
  z-index: 51;
  margin-right: -24px;
}
.direction-up .task-menu__move,
.direction-up .dropdown-menu__move {
  bottom: 0;
  margin-bottom: -32px;
}
.task-menu__header,
.dropdown-menu__header {
  color: #80899e;
  font-size: 13px;
  text-align: center;
  cursor: default;
  border-bottom: 1px solid #b8bfcf;
  padding: 0 4px 4px;
}
.task-menu__dropdown,
.dropdown-menu__dropdown {
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background: white;
  box-shadow: 0 1px 6px -1px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  z-index: 51;
  padding: 4px 0 4px;
  position: relative;
  max-height: 450px;
  overflow: auto;
}
.task-menu__dropdown.direction-up,
.dropdown-menu__dropdown.direction-up {
  margin-top: 24px;
  transform: translateY(-100%);
}
.direction-up .task-menu__dropdown,
.direction-up .dropdown-menu__dropdown {
  position: absolute;
  bottom: 0;
  margin-bottom: -24px;
}
.task-menu__dropdown--move-left,
.dropdown-menu__dropdown--move-left {
  transform: translateX(calc(-100% + 24px));
  -ms-transform: translateX(-85%);
}
.task-menu__dropdown--move-left.direction-up,
.dropdown-menu__dropdown--move-left.direction-up {
  transform: translate(calc(-100% + 24px), -100%);
  -ms-transform: translateX(-85%, -100%);
}
.task-menu__dropdown--move-right,
.dropdown-menu__dropdown--move-right {
  position: absolute;
  top: 0;
  left: 100%;
  overflow: visible;
  z-index: -1;
}
.task-menu__dropdown__item,
.dropdown-menu__dropdown__item {
  padding: 0 16px 0 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.task-menu__dropdown__item__icon--archive,
.dropdown-menu__dropdown__item__icon--archive {
  background: url(/img/menu/archive.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--archive,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--archive,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--archive,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--archive {
  background-image: url(/img/menu/archive-hover.svg);
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--archive,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--archive,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--archive,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--archive {
  background-image: url(/img/menu/archive-active.svg);
}
.task-menu__dropdown__item__icon--archive-completed,
.dropdown-menu__dropdown__item__icon--archive-completed {
  background: url(/img/menu/archive-completed.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--archive-completed,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--archive-completed,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--archive-completed,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--archive-completed {
  background-image: url(/img/menu/archive-completed-hover.svg);
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--archive-completed,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--archive-completed,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--archive-completed,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--archive-completed {
  background-image: url(/img/menu/archive-completed-active.svg);
}
.task-menu__dropdown__item__icon--move,
.dropdown-menu__dropdown__item__icon--move {
  background: url(/img/menu/move.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--move,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--move,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--move,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--move {
  background-image: url(/img/menu/move-hover.svg);
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--move,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--move,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--move,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--move {
  background-image: url(/img/menu/move-active.svg);
}
.task-menu__dropdown__item__icon--copy,
.dropdown-menu__dropdown__item__icon--copy {
  background: url(/img/menu/copy.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--copy,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--copy,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--copy,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--copy {
  background-image: url(/img/menu/copy-hover.svg);
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--copy,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--copy,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--copy,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--copy {
  background-image: url(/img/menu/copy-active.svg);
}
.task-menu__dropdown__item__icon--copy-link,
.dropdown-menu__dropdown__item__icon--copy-link {
  background: url(/img/menu/copy-link.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--copy-link,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--copy-link,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--copy-link,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--copy-link {
  background-image: url(/img/menu/copy-link-hover.svg);
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--copy-link,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--copy-link,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--copy-link,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--copy-link {
  background-image: url(/img/menu/copy-link-active.svg);
}
.task-menu__dropdown__item__icon--add-subtask,
.dropdown-menu__dropdown__item__icon--add-subtask {
  background: url(/img/menu/add-subtask.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--add-subtask,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--add-subtask,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--add-subtask,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--add-subtask {
  background-image: url(/img/menu/add-subtask-hover.svg);
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--add-subtask,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--add-subtask,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--add-subtask,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--add-subtask {
  background-image: url(/img/menu/add-subtask-active.svg);
}
.task-menu__dropdown__item__icon--upload-cover,
.dropdown-menu__dropdown__item__icon--upload-cover {
  background: url(/img/menu/upload-cover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--upload-cover,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--upload-cover,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--upload-cover,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--upload-cover {
  background-image: url(/img/menu/upload-cover-hover.svg);
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--upload-cover,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--upload-cover,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--upload-cover,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--upload-cover {
  background-image: url(/img/menu/upload-cover-active.svg);
}
.task-menu__dropdown__item__icon--remove-cover,
.dropdown-menu__dropdown__item__icon--remove-cover {
  background: url(/img/menu/remove-cover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--remove-cover,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--remove-cover,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--remove-cover,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--remove-cover {
  background-image: url(/img/menu/remove-cover-hover.svg);
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--remove-cover,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--remove-cover,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--remove-cover,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--remove-cover {
  background-image: url(/img/menu/remove-cover-active.svg);
}
.task-menu__dropdown__item__custom-sticker-icon,
.dropdown-menu__dropdown__item__custom-sticker-icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.task-menu__dropdown__item__icon, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon,
.dropdown-menu__dropdown__item__icon,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.task-menu__dropdown__item__icon--copy, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--copy,
.dropdown-menu__dropdown__item__icon--copy,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--copy,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--copy,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--copy,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--copy,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--copy,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--copy,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--copy {
  background-size: 16px;
}
.task-menu__dropdown__item__icon--subtask, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--subtask,
.dropdown-menu__dropdown__item__icon--subtask,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--subtask,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--subtask,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--subtask,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--subtask,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--subtask,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--subtask,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--subtask {
  background: url(/img/icons/remove-from-subtasks.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--edit, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--edit,
.dropdown-menu__dropdown__item__icon--edit,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--edit,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--edit,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--edit,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--edit,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--edit,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--edit,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--edit {
  background: url(/img/icons/icon-edit-def.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--delete, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--delete,
.dropdown-menu__dropdown__item__icon--delete,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--delete,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--delete,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--delete,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--delete,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--delete,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--delete,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--delete {
  background: url(/img/icons/icon-delete-def.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--duplicate, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--duplicate,
.dropdown-menu__dropdown__item__icon--duplicate,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--duplicate,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--duplicate,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--duplicate,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--duplicate,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--duplicate,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--duplicate,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--duplicate {
  background: url(/img/icons/duplicate.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--permissions, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--permissions,
.dropdown-menu__dropdown__item__icon--permissions,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--permissions,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--permissions,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--permissions,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--permissions,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--permissions,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--permissions,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--permissions {
  background: url(/img/permissions/task-permissions.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--bind, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--bind,
.dropdown-menu__dropdown__item__icon--bind,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--bind,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--bind,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--bind,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--bind,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--bind,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--bind,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--bind {
  background: url(/img/icons/icon-link-def.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--chat, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--chat,
.dropdown-menu__dropdown__item__icon--chat,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--chat,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--chat,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--chat,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--chat,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--chat,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--chat,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--chat {
  background: url(/img/icons/icon-chat-def.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--completed, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--completed,
.dropdown-menu__dropdown__item__icon--completed,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--completed,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--completed,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--completed,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--completed,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--completed,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--completed,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--completed {
  background: url(/img/gtd/done.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--uncompleted, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--uncompleted,
.dropdown-menu__dropdown__item__icon--uncompleted,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--uncompleted,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--uncompleted,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--uncompleted,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--uncompleted,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--uncompleted,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--uncompleted,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--uncompleted {
  background: url(/img/gtd/undone.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--connections, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--connections,
.dropdown-menu__dropdown__item__icon--connections,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--connections,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--connections,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--connections,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--connections,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--connections,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--connections,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--connections {
  background: url(/img/icons/icon-connected-def.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--config, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--config,
.dropdown-menu__dropdown__item__icon--config,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--config,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--config,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--config,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--config,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--config,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--config,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--config {
  background: url(/img/icons/icon-config-def.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--roles, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--roles,
.dropdown-menu__dropdown__item__icon--roles,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--roles,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--roles,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--roles,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--roles,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--roles,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--roles,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--roles {
  background: url(/img/actions/settings.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--share, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--share,
.dropdown-menu__dropdown__item__icon--share,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--share,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--share,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--share,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--share,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--share,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--share,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--share {
  background: url(/img/sharing/share.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--settings, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--settings,
.dropdown-menu__dropdown__item__icon--settings,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--settings,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--settings,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--settings,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--settings,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--settings,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--settings,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--settings {
  background: url(/img/settings/gear.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--sort-col, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--sort-col,
.dropdown-menu__dropdown__item__icon--sort-col,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--sort-col,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--sort-col,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--sort-col,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--sort-col,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--sort-col,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--sort-col,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--sort-col {
  background: url(/img/icons/icon-sort-col-def.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--creation, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--creation,
.dropdown-menu__dropdown__item__icon--creation,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--creation,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--creation,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--creation,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--creation,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--creation,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--creation,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--creation {
  background: url(/img/icons/column-sort/creation-default.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--deadline, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--deadline,
.dropdown-menu__dropdown__item__icon--deadline,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--deadline,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--deadline,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--deadline,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--deadline,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--deadline,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--deadline,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--deadline {
  background: url(/img/icons/column-sort/deadline-default.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--time-in-column, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--time-in-column,
.dropdown-menu__dropdown__item__icon--time-in-column,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--time-in-column,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--time-in-column,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--time-in-column,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--time-in-column,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--time-in-column,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--time-in-column,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--time-in-column {
  background: url(/img/icons/icon-timeline.svg) 50% 50% no-repeat #979797;
  background-size: 100% 100%;
  border-radius: 50px;
  height: 20px;
  width: 20px;
}
.task-menu__dropdown__item__icon--done, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--done,
.dropdown-menu__dropdown__item__icon--done,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--done,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--done,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--done,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--done,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--done,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--done,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--done {
  background: url(/img/icons/column-sort/done-default.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--executor, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--executor,
.dropdown-menu__dropdown__item__icon--executor,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--executor,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--executor,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--executor,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--executor,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--executor,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--executor,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--executor {
  background: url(/img/icons/column-sort/executor-default.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--task-name, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--task-name,
.dropdown-menu__dropdown__item__icon--task-name,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--task-name,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--task-name,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--task-name,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--task-name,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--task-name,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--task-name,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--task-name {
  background: url(/img/icons/column-sort/task-name-default.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__icon--menu-arrow, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--menu-arrow,
.dropdown-menu__dropdown__item__icon--menu-arrow,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--menu-arrow,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--menu-arrow,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--menu-arrow,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--menu-arrow,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--menu-arrow,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__icon--menu-arrow,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__icon--menu-arrow {
  background: url(/img/icons/icon-menu-arrow-def.svg) 50% 50% no-repeat;
  margin-left: auto;
  margin-right: -12px;
}
.task-menu__dropdown__item:hover,
.dropdown-menu__dropdown__item:hover {
  background: #2f97e6;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--subtask,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--subtask,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--subtask,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--subtask {
  background: url(/img/icons/remove-from-subtasks-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--edit,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--edit,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--edit,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--edit {
  background: url(/img/icons/icon-edit-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--delete,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--delete,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--delete,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--delete {
  background: url(/img/icons/icon-delete-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--duplicate,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--duplicate,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--duplicate,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--duplicate {
  background-image: url(/img/icons/duplicate-hover.svg);
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--permissions,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--permissions,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--permissions,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--permissions {
  background-image: url(/img/permissions/task-permissions-hover.svg);
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--bind,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--bind,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--bind,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--bind {
  background: url(/img/icons/icon-link-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--chat,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--chat,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--chat,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--chat {
  background: url(/img/icons/icon-chat-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--completed,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--completed,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--completed,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--completed {
  background: url(/img/menu/completed-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--uncompleted,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--uncompleted,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--uncompleted,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--uncompleted {
  background: url(/img/menu/uncompleted-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--connections,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--connections,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--connections,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--connections {
  background: url(/img/icons/icon-connected-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--config,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--config,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--config,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--config {
  background: url(/img/icons/icon-config-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--roles,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--roles,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--roles,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--roles {
  background: url(/img/actions/settings-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--share,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--share,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--share,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--share {
  background: url(/img/sharing/share-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--settings,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--settings,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--settings,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--settings {
  background: url(/img/settings/gear-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--sort-col,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--sort-col,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--sort-col,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--sort-col {
  background: url(/img/icons/icon-sort-col-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--creation,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--creation,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--creation,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--creation {
  background: url(/img/icons/column-sort/creation-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--deadline,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--deadline,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--deadline,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--deadline {
  background: url(/img/icons/column-sort/deadline-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--done,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--done,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--done,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--done {
  background: url(/img/icons/column-sort/done-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--executor,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--executor,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--executor,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--executor {
  background: url(/img/icons/column-sort/executor-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--task-name,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--task-name,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--task-name,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--task-name {
  background: url(/img/icons/column-sort/task-name-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__icon--menu-arrow,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--menu-arrow,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__icon--menu-arrow,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__icon--menu-arrow {
  background: url(/img/icons/icon-menu-arrow-hover.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active,
.dropdown-menu__dropdown__item:active {
  background: #2f97e6;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--subtask,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--subtask,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--subtask,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--subtask {
  background: url(/img/icons/remove-from-subtasks-pressed.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--edit,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--edit,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--edit,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--edit {
  background: url(/img/icons/icon-edit-pressed.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--delete,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--delete,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--delete,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--delete {
  background: url(/img/icons/icon-delete-pressed.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--duplicate,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--duplicate,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--duplicate,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--duplicate {
  background-image: url(/img/icons/duplicate-active.svg);
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--permissions,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--permissions,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--permissions,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--permissions {
  background-image: url(/img/permissions/task-permissions-active.svg);
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--bind,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--bind,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--bind,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--bind {
  background: url(/img/icons/icon-link-pressed.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--chat,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--chat,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--chat,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--chat {
  background: url(/img/icons/icon-chat-pressed.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--completed,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--completed,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--completed,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--completed {
  background: url(/img/menu/completed-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--uncompleted,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--uncompleted,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--uncompleted,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--uncompleted {
  background: url(/img/menu/uncompleted-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--connections,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--connections,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--connections,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--connections {
  background: url(/img/icons/icon-connected-pressed.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--config,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--config,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--config,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--config {
  background: url(/img/icons/icon-config-pressed.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--roles,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--roles,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--roles,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--roles {
  background: url(/img/actions/settings-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--share,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--share,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--share,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--share {
  background: url(/img/sharing/share-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--settings,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--settings,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--settings,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--settings {
  background: url(/img/settings/gear-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--sort-col,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--sort-col,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--sort-col,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--sort-col {
  background: url(/img/icons/icon-sort-col-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--creation,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--creation,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--creation,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--creation {
  background: url(/img/icons/column-sort/creation-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--deadline,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--deadline,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--deadline,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--deadline {
  background: url(/img/icons/column-sort/deadline-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--done,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--done,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--done,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--done {
  background: url(/img/icons/column-sort/done-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--executor,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--executor,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--executor,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--executor {
  background: url(/img/icons/column-sort/executor-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--task-name,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--task-name,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--task-name,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--task-name {
  background: url(/img/icons/column-sort/task-name-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__icon--menu-arrow,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--menu-arrow,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__icon--menu-arrow,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__icon--menu-arrow {
  background: url(/img/icons/icon-menu-arrow-active.svg) 50% 50% no-repeat;
}
.task-menu__dropdown__item__label, .task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__label,
.dropdown-menu__dropdown__item__label,
.task-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__label,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__label,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__label,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__label,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__label,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .task-menu__dropdown__item__label,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item:not(:hover) .dropdown-menu__dropdown__item__label {
  font-size: 14px;
  line-height: 32px;
  color: #2b3541;
}
.task-menu__dropdown__item:hover .task-menu__dropdown__item__label,
.task-menu__dropdown__item:hover .dropdown-menu__dropdown__item__label,
.dropdown-menu__dropdown__item:hover .task-menu__dropdown__item__label,
.dropdown-menu__dropdown__item:hover .dropdown-menu__dropdown__item__label {
  color: white;
}
.task-menu__dropdown__item:active .task-menu__dropdown__item__label,
.task-menu__dropdown__item:active .dropdown-menu__dropdown__item__label,
.dropdown-menu__dropdown__item:active .task-menu__dropdown__item__label,
.dropdown-menu__dropdown__item:active .dropdown-menu__dropdown__item__label {
  color: black;
}

.dark {
  /* POPUP */
  /* POPUP */
  /* — левое меню */
  /* ДОСКА */
  /* ЗАДАЧА */
  /* задача */
  /* КОЛОНКИ */
  /* Создание сводки */
  /* TIMELINE */
  /* ПАНЕЛЬ ЧАТА */
  /* CHAT LIST */
  /* СОЗДАНИЕ ГРУППОВОГО ЧАТА */
  /* БАББЛЫ */
  /* ИНФО ПО ЗАДАЧЕ */
  /* ОПИСАНИЕ */
  /* ЧЕКЛИСТЫ */
  /* / ПАНЕЛЬ ЧАТА */
  /* ОТЧЁТЫ */
  /* Иконки сортировки */
  /* Иконки сортировки таблицы отчёта */
  /* Задачи сотрудников */
  /* Задачи сотрудников */
  /* ЛИЦЕНЗИИ */
  /* НАСТРОЙКИ */
  /* ПАРТНЁРАМ */
  /* ПОМОЩЬ / НОВОСТИ */
  /* МОИ ЗАДАЧИ */
  /* НАВИГАЦИЯ ЧУЖИХ ЗАДАЧ */
  /* НАВИГАЦИЯ ЧУЖИХ ЗАДАЧ */
  /* НАВИГАЦИЯ МОИХ ЗАДАЧ */
  /* НАВИГАЦИЯ МОИХ ЗАДАЧ */
  /* СТРАНИЦА ПРОЕКТОВ */
  /* / СТРАНИЦА ПРОЕКТОВ */
  /* ПРОЕКТЫ НА СТРАНИЦЕ ПРОЕКТОВ */
  /* ПРОЕКТЫ НА СТРАНИЦЕ ПРОЕКТОВ */
  /* ССЫЛКА НА КОМПАНИЮ */
  /* ССЫЛКА НА КОМПАНИЮ */
  /* ОТДЕЛЫ */
  /* ОТДЕЛЫ */
  /* ПОЛЬЗОВАТЕЛИ */
  /* ПОЛЬЗОВАТЕЛИ */
  /*
  .scr {
    background: #2b3541;
    border-bottom: 1px solid #b8bfcf;
  }
  .scr-tab {
    background: #1c1f23;
    border: 1px solid #b8bfcf;
    color: #6b798a;
  }
  .scr-tab.active {
    background: #2b3541;
    color: #b8bfcf;
  }
  .scr-code-cnt {
    background: #3c4a5b;
    border: 1px solid #d3d6dc;
  }
  .scr-code-file-item:nth-child(even) {
    background: #4d6073;
  }
  .scr-file-name {
    color: #f5f8fa;
  }
  .scr-code-actions {
    color: #a3b1c2;
  }
  .scr-code-sub-head {
    color: #d5e0e7;
  }
  .monaco-editor-background {
    background: #252b30;
  }
  .mtk1 {
    color: #d5e0e7;
  }
  .mtk6 {
    color: #2f97e6;
  }
  .mtk20 {
    color: #dc6262;
  }
  .mtk8 {
    color: #c9c99e;
  }
  .scr-tools-cnt {
    background: #252b30;
    border: 1px solid #d3d6dc;
  }
  .scr-api-nav-item-cnt:hover {
    background: #3c4a5b;
  }
  .scr-api-nav-hint.expanded {
    background: #252c2f;
  }
  .scr-api-nav-example-cnt {
    background: #4d566a;
    border: 1px solid #80899e;
  }
  .scr-obj-head {
    background: #252b30;
  }
  .scr-obj-item:hover {
    background: #333e4b;
  }
  .scr-obj-item:nth-child(even) {
    background: #252c2f;
  }
  .scr-obj-item:nth-child(even):hover {
    background: #333e4b;
  }
  .scr-code-actions .scr-app-copy {
    color: #b8bfcf;
  }
  */
  /* help */
  /* ПАНЕЛЬ СТИКЕРОВ, СТИКЕРЫ */
}
.dark body {
  background: #202224;
  color: #b8bfcf;
}
.dark select {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark ._hint._hint-bottom:after {
  border-bottom: 5px solid #202224;
}
.dark label {
  color: #b8bfcf;
}
.dark body {
  scrollbar-color: #80899e #4d566a;
}
.dark ._input, .dark .hours-minutes-input__input, .prj-invite-field .dark .text-edit, .dark .share-popup__url-input,
.dark .prj__reg-link-input,
.dark .prj-users__search-query,
.dark .add-company__input,
.dark .billing__chooser__users-count,
.dark .billing__pay-input,
.dark .message-item__pin-input,
.dark .input-control,
.dark .date-range-input__input,
.dark .departments-edit__add-input,
.dark .departments-edit__wnd-input,
.dark .prj-invite__new-name,
.dark .prj-invite__mail-input,
.dark .prj-invite-field .text-edit,
.dark .my-tasks__add-private-input,
.dark .partner-page__input,
.dark .partner-withdraw-popup__input,
.dark .project-participants__mail-input,
.dark .project-participants__title-input,
.dark .project-participants__search,
.dark .role-edit__name-input,
.dark .role-edit__descr-input,
.dark .repeat-edit__template-name,
.dark .group-chat-edit__title-input,
.dark .task-chat-list__search-input,
.dark .stats-reports-edit__title {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark ._input:focus, .dark .hours-minutes-input__input:focus, .prj-invite-field .dark .text-edit:focus, .dark .share-popup__url-input:focus,
.dark .prj__reg-link-input:focus,
.dark .prj-users__search-query:focus,
.dark .add-company__input:focus,
.dark .billing__chooser__users-count:focus,
.dark .billing__pay-input:focus,
.dark .message-item__pin-input:focus,
.dark .input-control:focus,
.dark .date-range-input__input:focus,
.dark .departments-edit__add-input:focus,
.dark .departments-edit__wnd-input:focus,
.dark .prj-invite__new-name:focus,
.dark .prj-invite__mail-input:focus,
.dark .prj-invite-field .text-edit:focus,
.dark .my-tasks__add-private-input:focus,
.dark .partner-page__input:focus,
.dark .partner-withdraw-popup__input:focus,
.dark .project-participants__mail-input:focus,
.dark .project-participants__title-input:focus,
.dark .project-participants__search:focus,
.dark .role-edit__name-input:focus,
.dark .role-edit__descr-input:focus,
.dark .repeat-edit__template-name:focus,
.dark .group-chat-edit__title-input:focus,
.dark .task-chat-list__search-input:focus,
.dark .stats-reports-edit__title:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark ._select:disabled, .ui-elem .dark select:disabled,
.dark .ui-elem select:disabled,
.dark .billing__chooser__duration:disabled,
.dark .multi-select__select:disabled,
.dark .single-select:disabled,
.dark .company-edit__select:disabled,
.dark .departments-edit__add-select:disabled,
.dark .departments-edit__perm-select:disabled,
.dark .main-menu__companies__select:disabled,
.dark .my-tasks__sort-select:disabled,
.dark .new-task__board-select:disabled,
.dark .new-task__column-select:disabled,
.dark .permissions-settings__item__select:disabled,
.dark .stats-reports-boolean-filter__select:disabled,
.dark .stats-reports-date-filter__select:disabled {
  background-color: #61697a;
  color: #b8bfcf;
}
.dark .prj__reg-link-val input {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark ._button.disabled, .dark .disabled.repeat-view__open-tpl, .dark .disabled.repeat-view__btn, .dark .disabled.sticker-deadline-clear, .dark .disabled.prj-invite__mail-btn, .dark .disabled.prj-invite__chat-btn, .dark .disabled.register__wait__done-btn, .dark .disabled.feedback__btn, .dark .disabled.feedback__add-news, .dark .disabled.acc-logout, .dark .disabled.add-company__submit, .dark .disabled.add-company__submit--disabled, .dark .disabled.billing__pay-btn, .dark .disabled.billing__pay-btn--disabled, .dark .disabled.company-login__enter-current, .dark .disabled.company-login__ok, .dark .disabled.company-edit__save, .dark .disabled.company-edit__save--disabled, .dark .disabled.my-tasks__add-private-btn, .dark .disabled.partner-page__manual-btn, .dark .disabled.partner-withdraw-popup__btn, .dark .disabled.project-participants__save, .dark .disabled.project-participants__save--disabled, .dark .disabled.project-participants__mail-btn, .dark .disabled.repeat-edit__create, .dark .disabled.repeat-edit__stopped-btn, .dark .disabled.chat-list__more, .dark .disabled.chat-description-save__button, .dark .disabled.statistics__title-hint__btn, .dark .disabled.stats-reports-edit__save, .dark .disabled.stats-reports-task-list__more, .dark ._button.add-company__submit--disabled, .dark .add-company__submit--disabled.repeat-view__open-tpl, .dark .add-company__submit--disabled.repeat-view__btn, .dark .add-company__submit--disabled.sticker-deadline-clear, .dark .add-company__submit--disabled.prj-invite__mail-btn, .dark .add-company__submit--disabled.prj-invite__chat-btn, .dark .register__wait__done-btn.add-company__submit--disabled, .dark .feedback__btn.add-company__submit--disabled, .dark .feedback__add-news.add-company__submit--disabled, .dark .acc-logout.add-company__submit--disabled, .dark .add-company__submit.add-company__submit--disabled, .dark .add-company__submit--disabled, .dark .billing__pay-btn.add-company__submit--disabled, .dark .billing__pay-btn--disabled.add-company__submit--disabled, .dark .company-login__enter-current.add-company__submit--disabled, .dark .company-login__ok.add-company__submit--disabled, .dark .company-edit__save.add-company__submit--disabled, .dark .company-edit__save--disabled.add-company__submit--disabled, .dark .my-tasks__add-private-btn.add-company__submit--disabled, .dark .partner-page__manual-btn.add-company__submit--disabled, .dark .partner-withdraw-popup__btn.add-company__submit--disabled, .dark .project-participants__save.add-company__submit--disabled, .dark .project-participants__save--disabled.add-company__submit--disabled, .dark .project-participants__mail-btn.add-company__submit--disabled, .dark .repeat-edit__create.add-company__submit--disabled, .dark .repeat-edit__stopped-btn.add-company__submit--disabled, .dark .chat-list__more.add-company__submit--disabled, .dark .chat-description-save__button.add-company__submit--disabled, .dark .statistics__title-hint__btn.add-company__submit--disabled, .dark .stats-reports-edit__save.add-company__submit--disabled, .dark .stats-reports-task-list__more.add-company__submit--disabled, .dark ._button.billing__pay-btn--disabled, .dark .billing__pay-btn--disabled.repeat-view__open-tpl, .dark .billing__pay-btn--disabled.repeat-view__btn, .dark .billing__pay-btn--disabled.sticker-deadline-clear, .dark .billing__pay-btn--disabled.prj-invite__mail-btn, .dark .billing__pay-btn--disabled.prj-invite__chat-btn, .dark .register__wait__done-btn.billing__pay-btn--disabled, .dark .feedback__btn.billing__pay-btn--disabled, .dark .feedback__add-news.billing__pay-btn--disabled, .dark .acc-logout.billing__pay-btn--disabled, .dark .add-company__submit.billing__pay-btn--disabled, .dark .add-company__submit--disabled.billing__pay-btn--disabled, .dark .billing__pay-btn.billing__pay-btn--disabled, .dark .billing__pay-btn--disabled, .dark .company-login__enter-current.billing__pay-btn--disabled, .dark .company-login__ok.billing__pay-btn--disabled, .dark .company-edit__save.billing__pay-btn--disabled, .dark .company-edit__save--disabled.billing__pay-btn--disabled, .dark .my-tasks__add-private-btn.billing__pay-btn--disabled, .dark .partner-page__manual-btn.billing__pay-btn--disabled, .dark .partner-withdraw-popup__btn.billing__pay-btn--disabled, .dark .project-participants__save.billing__pay-btn--disabled, .dark .project-participants__save--disabled.billing__pay-btn--disabled, .dark .project-participants__mail-btn.billing__pay-btn--disabled, .dark .repeat-edit__create.billing__pay-btn--disabled, .dark .repeat-edit__stopped-btn.billing__pay-btn--disabled, .dark .chat-list__more.billing__pay-btn--disabled, .dark .chat-description-save__button.billing__pay-btn--disabled, .dark .statistics__title-hint__btn.billing__pay-btn--disabled, .dark .stats-reports-edit__save.billing__pay-btn--disabled, .dark .stats-reports-task-list__more.billing__pay-btn--disabled, .dark ._button.company-edit__save--disabled, .dark .company-edit__save--disabled.repeat-view__open-tpl, .dark .company-edit__save--disabled.repeat-view__btn, .dark .company-edit__save--disabled.sticker-deadline-clear, .dark .company-edit__save--disabled.prj-invite__mail-btn, .dark .company-edit__save--disabled.prj-invite__chat-btn, .dark .register__wait__done-btn.company-edit__save--disabled, .dark .feedback__btn.company-edit__save--disabled, .dark .feedback__add-news.company-edit__save--disabled, .dark .acc-logout.company-edit__save--disabled, .dark .add-company__submit.company-edit__save--disabled, .dark .add-company__submit--disabled.company-edit__save--disabled, .dark .billing__pay-btn.company-edit__save--disabled, .dark .billing__pay-btn--disabled.company-edit__save--disabled, .dark .company-login__enter-current.company-edit__save--disabled, .dark .company-login__ok.company-edit__save--disabled, .dark .company-edit__save.company-edit__save--disabled, .dark .company-edit__save--disabled, .dark .my-tasks__add-private-btn.company-edit__save--disabled, .dark .partner-page__manual-btn.company-edit__save--disabled, .dark .partner-withdraw-popup__btn.company-edit__save--disabled, .dark .project-participants__save.company-edit__save--disabled, .dark .project-participants__save--disabled.company-edit__save--disabled, .dark .project-participants__mail-btn.company-edit__save--disabled, .dark .repeat-edit__create.company-edit__save--disabled, .dark .repeat-edit__stopped-btn.company-edit__save--disabled, .dark .chat-list__more.company-edit__save--disabled, .dark .chat-description-save__button.company-edit__save--disabled, .dark .statistics__title-hint__btn.company-edit__save--disabled, .dark .stats-reports-edit__save.company-edit__save--disabled, .dark .stats-reports-task-list__more.company-edit__save--disabled, .dark ._button.project-participants__save--disabled, .dark .project-participants__save--disabled.repeat-view__open-tpl, .dark .project-participants__save--disabled.repeat-view__btn, .dark .project-participants__save--disabled.sticker-deadline-clear, .dark .project-participants__save--disabled.prj-invite__mail-btn, .dark .project-participants__save--disabled.prj-invite__chat-btn, .dark .register__wait__done-btn.project-participants__save--disabled, .dark .feedback__btn.project-participants__save--disabled, .dark .feedback__add-news.project-participants__save--disabled, .dark .acc-logout.project-participants__save--disabled, .dark .add-company__submit.project-participants__save--disabled, .dark .add-company__submit--disabled.project-participants__save--disabled, .dark .billing__pay-btn.project-participants__save--disabled, .dark .billing__pay-btn--disabled.project-participants__save--disabled, .dark .company-login__enter-current.project-participants__save--disabled, .dark .company-login__ok.project-participants__save--disabled, .dark .company-edit__save.project-participants__save--disabled, .dark .company-edit__save--disabled.project-participants__save--disabled, .dark .my-tasks__add-private-btn.project-participants__save--disabled, .dark .partner-page__manual-btn.project-participants__save--disabled, .dark .partner-withdraw-popup__btn.project-participants__save--disabled, .dark .project-participants__save.project-participants__save--disabled, .dark .project-participants__save--disabled, .dark .project-participants__mail-btn.project-participants__save--disabled, .dark .repeat-edit__create.project-participants__save--disabled, .dark .repeat-edit__stopped-btn.project-participants__save--disabled, .dark .chat-list__more.project-participants__save--disabled, .dark .chat-description-save__button.project-participants__save--disabled, .dark .statistics__title-hint__btn.project-participants__save--disabled, .dark .stats-reports-edit__save.project-participants__save--disabled, .dark .stats-reports-task-list__more.project-participants__save--disabled,
.dark ._button.disabled:active,
.dark .disabled.repeat-view__open-tpl:active,
.dark .disabled.repeat-view__btn:active,
.dark .disabled.sticker-deadline-clear:active,
.dark .disabled.prj-invite__mail-btn:active,
.dark .disabled.prj-invite__chat-btn:active,
.dark .disabled.register__wait__done-btn:active,
.dark .disabled.feedback__btn:active,
.dark .disabled.feedback__add-news:active,
.dark .disabled.acc-logout:active,
.dark .disabled.add-company__submit:active,
.dark .disabled.add-company__submit--disabled:active,
.dark .disabled.billing__pay-btn:active,
.dark .disabled.billing__pay-btn--disabled:active,
.dark .disabled.company-login__enter-current:active,
.dark .disabled.company-login__ok:active,
.dark .disabled.company-edit__save:active,
.dark .disabled.company-edit__save--disabled:active,
.dark .disabled.my-tasks__add-private-btn:active,
.dark .disabled.partner-page__manual-btn:active,
.dark .disabled.partner-withdraw-popup__btn:active,
.dark .disabled.project-participants__save:active,
.dark .disabled.project-participants__save--disabled:active,
.dark .disabled.project-participants__mail-btn:active,
.dark .disabled.repeat-edit__create:active,
.dark .disabled.repeat-edit__stopped-btn:active,
.dark .disabled.chat-list__more:active,
.dark .disabled.chat-description-save__button:active,
.dark .disabled.statistics__title-hint__btn:active,
.dark .disabled.stats-reports-edit__save:active,
.dark .disabled.stats-reports-task-list__more:active,
.dark ._button.add-company__submit--disabled:active,
.dark .add-company__submit--disabled.repeat-view__open-tpl:active,
.dark .add-company__submit--disabled.repeat-view__btn:active,
.dark .add-company__submit--disabled.sticker-deadline-clear:active,
.dark .add-company__submit--disabled.prj-invite__mail-btn:active,
.dark .add-company__submit--disabled.prj-invite__chat-btn:active,
.dark .register__wait__done-btn.add-company__submit--disabled:active,
.dark .feedback__btn.add-company__submit--disabled:active,
.dark .feedback__add-news.add-company__submit--disabled:active,
.dark .acc-logout.add-company__submit--disabled:active,
.dark .add-company__submit.add-company__submit--disabled:active,
.dark .add-company__submit--disabled:active,
.dark .billing__pay-btn.add-company__submit--disabled:active,
.dark .billing__pay-btn--disabled.add-company__submit--disabled:active,
.dark .company-login__enter-current.add-company__submit--disabled:active,
.dark .company-login__ok.add-company__submit--disabled:active,
.dark .company-edit__save.add-company__submit--disabled:active,
.dark .company-edit__save--disabled.add-company__submit--disabled:active,
.dark .my-tasks__add-private-btn.add-company__submit--disabled:active,
.dark .partner-page__manual-btn.add-company__submit--disabled:active,
.dark .partner-withdraw-popup__btn.add-company__submit--disabled:active,
.dark .project-participants__save.add-company__submit--disabled:active,
.dark .project-participants__save--disabled.add-company__submit--disabled:active,
.dark .project-participants__mail-btn.add-company__submit--disabled:active,
.dark .repeat-edit__create.add-company__submit--disabled:active,
.dark .repeat-edit__stopped-btn.add-company__submit--disabled:active,
.dark .chat-list__more.add-company__submit--disabled:active,
.dark .chat-description-save__button.add-company__submit--disabled:active,
.dark .statistics__title-hint__btn.add-company__submit--disabled:active,
.dark .stats-reports-edit__save.add-company__submit--disabled:active,
.dark .stats-reports-task-list__more.add-company__submit--disabled:active,
.dark ._button.billing__pay-btn--disabled:active,
.dark .billing__pay-btn--disabled.repeat-view__open-tpl:active,
.dark .billing__pay-btn--disabled.repeat-view__btn:active,
.dark .billing__pay-btn--disabled.sticker-deadline-clear:active,
.dark .billing__pay-btn--disabled.prj-invite__mail-btn:active,
.dark .billing__pay-btn--disabled.prj-invite__chat-btn:active,
.dark .register__wait__done-btn.billing__pay-btn--disabled:active,
.dark .feedback__btn.billing__pay-btn--disabled:active,
.dark .feedback__add-news.billing__pay-btn--disabled:active,
.dark .acc-logout.billing__pay-btn--disabled:active,
.dark .add-company__submit.billing__pay-btn--disabled:active,
.dark .add-company__submit--disabled.billing__pay-btn--disabled:active,
.dark .billing__pay-btn.billing__pay-btn--disabled:active,
.dark .billing__pay-btn--disabled:active,
.dark .company-login__enter-current.billing__pay-btn--disabled:active,
.dark .company-login__ok.billing__pay-btn--disabled:active,
.dark .company-edit__save.billing__pay-btn--disabled:active,
.dark .company-edit__save--disabled.billing__pay-btn--disabled:active,
.dark .my-tasks__add-private-btn.billing__pay-btn--disabled:active,
.dark .partner-page__manual-btn.billing__pay-btn--disabled:active,
.dark .partner-withdraw-popup__btn.billing__pay-btn--disabled:active,
.dark .project-participants__save.billing__pay-btn--disabled:active,
.dark .project-participants__save--disabled.billing__pay-btn--disabled:active,
.dark .project-participants__mail-btn.billing__pay-btn--disabled:active,
.dark .repeat-edit__create.billing__pay-btn--disabled:active,
.dark .repeat-edit__stopped-btn.billing__pay-btn--disabled:active,
.dark .chat-list__more.billing__pay-btn--disabled:active,
.dark .chat-description-save__button.billing__pay-btn--disabled:active,
.dark .statistics__title-hint__btn.billing__pay-btn--disabled:active,
.dark .stats-reports-edit__save.billing__pay-btn--disabled:active,
.dark .stats-reports-task-list__more.billing__pay-btn--disabled:active,
.dark ._button.company-edit__save--disabled:active,
.dark .company-edit__save--disabled.repeat-view__open-tpl:active,
.dark .company-edit__save--disabled.repeat-view__btn:active,
.dark .company-edit__save--disabled.sticker-deadline-clear:active,
.dark .company-edit__save--disabled.prj-invite__mail-btn:active,
.dark .company-edit__save--disabled.prj-invite__chat-btn:active,
.dark .register__wait__done-btn.company-edit__save--disabled:active,
.dark .feedback__btn.company-edit__save--disabled:active,
.dark .feedback__add-news.company-edit__save--disabled:active,
.dark .acc-logout.company-edit__save--disabled:active,
.dark .add-company__submit.company-edit__save--disabled:active,
.dark .add-company__submit--disabled.company-edit__save--disabled:active,
.dark .billing__pay-btn.company-edit__save--disabled:active,
.dark .billing__pay-btn--disabled.company-edit__save--disabled:active,
.dark .company-login__enter-current.company-edit__save--disabled:active,
.dark .company-login__ok.company-edit__save--disabled:active,
.dark .company-edit__save.company-edit__save--disabled:active,
.dark .company-edit__save--disabled:active,
.dark .my-tasks__add-private-btn.company-edit__save--disabled:active,
.dark .partner-page__manual-btn.company-edit__save--disabled:active,
.dark .partner-withdraw-popup__btn.company-edit__save--disabled:active,
.dark .project-participants__save.company-edit__save--disabled:active,
.dark .project-participants__save--disabled.company-edit__save--disabled:active,
.dark .project-participants__mail-btn.company-edit__save--disabled:active,
.dark .repeat-edit__create.company-edit__save--disabled:active,
.dark .repeat-edit__stopped-btn.company-edit__save--disabled:active,
.dark .chat-list__more.company-edit__save--disabled:active,
.dark .chat-description-save__button.company-edit__save--disabled:active,
.dark .statistics__title-hint__btn.company-edit__save--disabled:active,
.dark .stats-reports-edit__save.company-edit__save--disabled:active,
.dark .stats-reports-task-list__more.company-edit__save--disabled:active,
.dark ._button.project-participants__save--disabled:active,
.dark .project-participants__save--disabled.repeat-view__open-tpl:active,
.dark .project-participants__save--disabled.repeat-view__btn:active,
.dark .project-participants__save--disabled.sticker-deadline-clear:active,
.dark .project-participants__save--disabled.prj-invite__mail-btn:active,
.dark .project-participants__save--disabled.prj-invite__chat-btn:active,
.dark .register__wait__done-btn.project-participants__save--disabled:active,
.dark .feedback__btn.project-participants__save--disabled:active,
.dark .feedback__add-news.project-participants__save--disabled:active,
.dark .acc-logout.project-participants__save--disabled:active,
.dark .add-company__submit.project-participants__save--disabled:active,
.dark .add-company__submit--disabled.project-participants__save--disabled:active,
.dark .billing__pay-btn.project-participants__save--disabled:active,
.dark .billing__pay-btn--disabled.project-participants__save--disabled:active,
.dark .company-login__enter-current.project-participants__save--disabled:active,
.dark .company-login__ok.project-participants__save--disabled:active,
.dark .company-edit__save.project-participants__save--disabled:active,
.dark .company-edit__save--disabled.project-participants__save--disabled:active,
.dark .my-tasks__add-private-btn.project-participants__save--disabled:active,
.dark .partner-page__manual-btn.project-participants__save--disabled:active,
.dark .partner-withdraw-popup__btn.project-participants__save--disabled:active,
.dark .project-participants__save.project-participants__save--disabled:active,
.dark .project-participants__save--disabled:active,
.dark .project-participants__mail-btn.project-participants__save--disabled:active,
.dark .repeat-edit__create.project-participants__save--disabled:active,
.dark .repeat-edit__stopped-btn.project-participants__save--disabled:active,
.dark .chat-list__more.project-participants__save--disabled:active,
.dark .chat-description-save__button.project-participants__save--disabled:active,
.dark .statistics__title-hint__btn.project-participants__save--disabled:active,
.dark .stats-reports-edit__save.project-participants__save--disabled:active,
.dark .stats-reports-task-list__more.project-participants__save--disabled:active,
.dark ._button.disabled:hover,
.dark .disabled.repeat-view__open-tpl:hover,
.dark .disabled.repeat-view__btn:hover,
.dark .disabled.sticker-deadline-clear:hover,
.dark .disabled.prj-invite__mail-btn:hover,
.dark .disabled.prj-invite__chat-btn:hover,
.dark .disabled.register__wait__done-btn:hover,
.dark .disabled.feedback__btn:hover,
.dark .disabled.feedback__add-news:hover,
.dark .disabled.acc-logout:hover,
.dark .disabled.add-company__submit:hover,
.dark .disabled.add-company__submit--disabled:hover,
.dark .disabled.billing__pay-btn:hover,
.dark .disabled.billing__pay-btn--disabled:hover,
.dark .disabled.company-login__enter-current:hover,
.dark .disabled.company-login__ok:hover,
.dark .disabled.company-edit__save:hover,
.dark .disabled.company-edit__save--disabled:hover,
.dark .disabled.my-tasks__add-private-btn:hover,
.dark .disabled.partner-page__manual-btn:hover,
.dark .disabled.partner-withdraw-popup__btn:hover,
.dark .disabled.project-participants__save:hover,
.dark .disabled.project-participants__save--disabled:hover,
.dark .disabled.project-participants__mail-btn:hover,
.dark .disabled.repeat-edit__create:hover,
.dark .disabled.repeat-edit__stopped-btn:hover,
.dark .disabled.chat-list__more:hover,
.dark .disabled.chat-description-save__button:hover,
.dark .disabled.statistics__title-hint__btn:hover,
.dark .disabled.stats-reports-edit__save:hover,
.dark .disabled.stats-reports-task-list__more:hover,
.dark ._button.add-company__submit--disabled:hover,
.dark .add-company__submit--disabled.repeat-view__open-tpl:hover,
.dark .add-company__submit--disabled.repeat-view__btn:hover,
.dark .add-company__submit--disabled.sticker-deadline-clear:hover,
.dark .add-company__submit--disabled.prj-invite__mail-btn:hover,
.dark .add-company__submit--disabled.prj-invite__chat-btn:hover,
.dark .register__wait__done-btn.add-company__submit--disabled:hover,
.dark .feedback__btn.add-company__submit--disabled:hover,
.dark .feedback__add-news.add-company__submit--disabled:hover,
.dark .acc-logout.add-company__submit--disabled:hover,
.dark .add-company__submit.add-company__submit--disabled:hover,
.dark .add-company__submit--disabled:hover,
.dark .billing__pay-btn.add-company__submit--disabled:hover,
.dark .billing__pay-btn--disabled.add-company__submit--disabled:hover,
.dark .company-login__enter-current.add-company__submit--disabled:hover,
.dark .company-login__ok.add-company__submit--disabled:hover,
.dark .company-edit__save.add-company__submit--disabled:hover,
.dark .company-edit__save--disabled.add-company__submit--disabled:hover,
.dark .my-tasks__add-private-btn.add-company__submit--disabled:hover,
.dark .partner-page__manual-btn.add-company__submit--disabled:hover,
.dark .partner-withdraw-popup__btn.add-company__submit--disabled:hover,
.dark .project-participants__save.add-company__submit--disabled:hover,
.dark .project-participants__save--disabled.add-company__submit--disabled:hover,
.dark .project-participants__mail-btn.add-company__submit--disabled:hover,
.dark .repeat-edit__create.add-company__submit--disabled:hover,
.dark .repeat-edit__stopped-btn.add-company__submit--disabled:hover,
.dark .chat-list__more.add-company__submit--disabled:hover,
.dark .chat-description-save__button.add-company__submit--disabled:hover,
.dark .statistics__title-hint__btn.add-company__submit--disabled:hover,
.dark .stats-reports-edit__save.add-company__submit--disabled:hover,
.dark .stats-reports-task-list__more.add-company__submit--disabled:hover,
.dark ._button.billing__pay-btn--disabled:hover,
.dark .billing__pay-btn--disabled.repeat-view__open-tpl:hover,
.dark .billing__pay-btn--disabled.repeat-view__btn:hover,
.dark .billing__pay-btn--disabled.sticker-deadline-clear:hover,
.dark .billing__pay-btn--disabled.prj-invite__mail-btn:hover,
.dark .billing__pay-btn--disabled.prj-invite__chat-btn:hover,
.dark .register__wait__done-btn.billing__pay-btn--disabled:hover,
.dark .feedback__btn.billing__pay-btn--disabled:hover,
.dark .feedback__add-news.billing__pay-btn--disabled:hover,
.dark .acc-logout.billing__pay-btn--disabled:hover,
.dark .add-company__submit.billing__pay-btn--disabled:hover,
.dark .add-company__submit--disabled.billing__pay-btn--disabled:hover,
.dark .billing__pay-btn.billing__pay-btn--disabled:hover,
.dark .billing__pay-btn--disabled:hover,
.dark .company-login__enter-current.billing__pay-btn--disabled:hover,
.dark .company-login__ok.billing__pay-btn--disabled:hover,
.dark .company-edit__save.billing__pay-btn--disabled:hover,
.dark .company-edit__save--disabled.billing__pay-btn--disabled:hover,
.dark .my-tasks__add-private-btn.billing__pay-btn--disabled:hover,
.dark .partner-page__manual-btn.billing__pay-btn--disabled:hover,
.dark .partner-withdraw-popup__btn.billing__pay-btn--disabled:hover,
.dark .project-participants__save.billing__pay-btn--disabled:hover,
.dark .project-participants__save--disabled.billing__pay-btn--disabled:hover,
.dark .project-participants__mail-btn.billing__pay-btn--disabled:hover,
.dark .repeat-edit__create.billing__pay-btn--disabled:hover,
.dark .repeat-edit__stopped-btn.billing__pay-btn--disabled:hover,
.dark .chat-list__more.billing__pay-btn--disabled:hover,
.dark .chat-description-save__button.billing__pay-btn--disabled:hover,
.dark .statistics__title-hint__btn.billing__pay-btn--disabled:hover,
.dark .stats-reports-edit__save.billing__pay-btn--disabled:hover,
.dark .stats-reports-task-list__more.billing__pay-btn--disabled:hover,
.dark ._button.company-edit__save--disabled:hover,
.dark .company-edit__save--disabled.repeat-view__open-tpl:hover,
.dark .company-edit__save--disabled.repeat-view__btn:hover,
.dark .company-edit__save--disabled.sticker-deadline-clear:hover,
.dark .company-edit__save--disabled.prj-invite__mail-btn:hover,
.dark .company-edit__save--disabled.prj-invite__chat-btn:hover,
.dark .register__wait__done-btn.company-edit__save--disabled:hover,
.dark .feedback__btn.company-edit__save--disabled:hover,
.dark .feedback__add-news.company-edit__save--disabled:hover,
.dark .acc-logout.company-edit__save--disabled:hover,
.dark .add-company__submit.company-edit__save--disabled:hover,
.dark .add-company__submit--disabled.company-edit__save--disabled:hover,
.dark .billing__pay-btn.company-edit__save--disabled:hover,
.dark .billing__pay-btn--disabled.company-edit__save--disabled:hover,
.dark .company-login__enter-current.company-edit__save--disabled:hover,
.dark .company-login__ok.company-edit__save--disabled:hover,
.dark .company-edit__save.company-edit__save--disabled:hover,
.dark .company-edit__save--disabled:hover,
.dark .my-tasks__add-private-btn.company-edit__save--disabled:hover,
.dark .partner-page__manual-btn.company-edit__save--disabled:hover,
.dark .partner-withdraw-popup__btn.company-edit__save--disabled:hover,
.dark .project-participants__save.company-edit__save--disabled:hover,
.dark .project-participants__save--disabled.company-edit__save--disabled:hover,
.dark .project-participants__mail-btn.company-edit__save--disabled:hover,
.dark .repeat-edit__create.company-edit__save--disabled:hover,
.dark .repeat-edit__stopped-btn.company-edit__save--disabled:hover,
.dark .chat-list__more.company-edit__save--disabled:hover,
.dark .chat-description-save__button.company-edit__save--disabled:hover,
.dark .statistics__title-hint__btn.company-edit__save--disabled:hover,
.dark .stats-reports-edit__save.company-edit__save--disabled:hover,
.dark .stats-reports-task-list__more.company-edit__save--disabled:hover,
.dark ._button.project-participants__save--disabled:hover,
.dark .project-participants__save--disabled.repeat-view__open-tpl:hover,
.dark .project-participants__save--disabled.repeat-view__btn:hover,
.dark .project-participants__save--disabled.sticker-deadline-clear:hover,
.dark .project-participants__save--disabled.prj-invite__mail-btn:hover,
.dark .project-participants__save--disabled.prj-invite__chat-btn:hover,
.dark .register__wait__done-btn.project-participants__save--disabled:hover,
.dark .feedback__btn.project-participants__save--disabled:hover,
.dark .feedback__add-news.project-participants__save--disabled:hover,
.dark .acc-logout.project-participants__save--disabled:hover,
.dark .add-company__submit.project-participants__save--disabled:hover,
.dark .add-company__submit--disabled.project-participants__save--disabled:hover,
.dark .billing__pay-btn.project-participants__save--disabled:hover,
.dark .billing__pay-btn--disabled.project-participants__save--disabled:hover,
.dark .company-login__enter-current.project-participants__save--disabled:hover,
.dark .company-login__ok.project-participants__save--disabled:hover,
.dark .company-edit__save.project-participants__save--disabled:hover,
.dark .company-edit__save--disabled.project-participants__save--disabled:hover,
.dark .my-tasks__add-private-btn.project-participants__save--disabled:hover,
.dark .partner-page__manual-btn.project-participants__save--disabled:hover,
.dark .partner-withdraw-popup__btn.project-participants__save--disabled:hover,
.dark .project-participants__save.project-participants__save--disabled:hover,
.dark .project-participants__save--disabled:hover,
.dark .project-participants__mail-btn.project-participants__save--disabled:hover,
.dark .repeat-edit__create.project-participants__save--disabled:hover,
.dark .repeat-edit__stopped-btn.project-participants__save--disabled:hover,
.dark .chat-list__more.project-participants__save--disabled:hover,
.dark .chat-description-save__button.project-participants__save--disabled:hover,
.dark .statistics__title-hint__btn.project-participants__save--disabled:hover,
.dark .stats-reports-edit__save.project-participants__save--disabled:hover,
.dark .stats-reports-task-list__more.project-participants__save--disabled:hover,
.dark .add-company__submit--disabled,
.dark .add-company__submit--disabled:active,
.dark .add-company__submit--disabled:hover,
.dark .billing__pay-btn--disabled,
.dark .billing__pay-btn--disabled:active,
.dark .billing__pay-btn--disabled:hover,
.dark .company-edit__save--disabled,
.dark .company-edit__save--disabled:active,
.dark .company-edit__save--disabled:hover,
.dark .disabled.add-company__submit,
.dark .add-company__submit.add-company__submit--disabled,
.dark .add-company__submit.billing__pay-btn--disabled,
.dark .add-company__submit.company-edit__save--disabled,
.dark .add-company__submit.project-participants__save--disabled,
.dark .disabled.add-company__submit:active,
.dark .add-company__submit.add-company__submit--disabled:active,
.dark .add-company__submit.billing__pay-btn--disabled:active,
.dark .add-company__submit.company-edit__save--disabled:active,
.dark .add-company__submit.project-participants__save--disabled:active,
.dark .disabled.add-company__submit:hover,
.dark .add-company__submit.add-company__submit--disabled:hover,
.dark .add-company__submit.billing__pay-btn--disabled:hover,
.dark .add-company__submit.company-edit__save--disabled:hover,
.dark .add-company__submit.project-participants__save--disabled:hover,
.dark .disabled.billing__pay-btn,
.dark .billing__pay-btn.add-company__submit--disabled,
.dark .billing__pay-btn.billing__pay-btn--disabled,
.dark .billing__pay-btn.company-edit__save--disabled,
.dark .billing__pay-btn.project-participants__save--disabled,
.dark .disabled.billing__pay-btn:active,
.dark .billing__pay-btn.add-company__submit--disabled:active,
.dark .billing__pay-btn.billing__pay-btn--disabled:active,
.dark .billing__pay-btn.company-edit__save--disabled:active,
.dark .billing__pay-btn.project-participants__save--disabled:active,
.dark .disabled.billing__pay-btn:hover,
.dark .billing__pay-btn.add-company__submit--disabled:hover,
.dark .billing__pay-btn.billing__pay-btn--disabled:hover,
.dark .billing__pay-btn.company-edit__save--disabled:hover,
.dark .billing__pay-btn.project-participants__save--disabled:hover,
.dark .disabled.chat-description-save__button,
.dark .chat-description-save__button.add-company__submit--disabled,
.dark .chat-description-save__button.billing__pay-btn--disabled,
.dark .chat-description-save__button.company-edit__save--disabled,
.dark .chat-description-save__button.project-participants__save--disabled,
.dark .disabled.chat-description-save__button:active,
.dark .chat-description-save__button.add-company__submit--disabled:active,
.dark .chat-description-save__button.billing__pay-btn--disabled:active,
.dark .chat-description-save__button.company-edit__save--disabled:active,
.dark .chat-description-save__button.project-participants__save--disabled:active,
.dark .disabled.chat-description-save__button:hover,
.dark .chat-description-save__button.add-company__submit--disabled:hover,
.dark .chat-description-save__button.billing__pay-btn--disabled:hover,
.dark .chat-description-save__button.company-edit__save--disabled:hover,
.dark .chat-description-save__button.project-participants__save--disabled:hover,
.dark .disabled.chat-list__more,
.dark .chat-list__more.add-company__submit--disabled,
.dark .chat-list__more.billing__pay-btn--disabled,
.dark .chat-list__more.company-edit__save--disabled,
.dark .chat-list__more.project-participants__save--disabled,
.dark .disabled.chat-list__more:active,
.dark .chat-list__more.add-company__submit--disabled:active,
.dark .chat-list__more.billing__pay-btn--disabled:active,
.dark .chat-list__more.company-edit__save--disabled:active,
.dark .chat-list__more.project-participants__save--disabled:active,
.dark .disabled.chat-list__more:hover,
.dark .chat-list__more.add-company__submit--disabled:hover,
.dark .chat-list__more.billing__pay-btn--disabled:hover,
.dark .chat-list__more.company-edit__save--disabled:hover,
.dark .chat-list__more.project-participants__save--disabled:hover,
.dark .disabled.company-edit__save,
.dark .company-edit__save.add-company__submit--disabled,
.dark .company-edit__save.billing__pay-btn--disabled,
.dark .company-edit__save.company-edit__save--disabled,
.dark .company-edit__save.project-participants__save--disabled,
.dark .disabled.company-edit__save:active,
.dark .company-edit__save.add-company__submit--disabled:active,
.dark .company-edit__save.billing__pay-btn--disabled:active,
.dark .company-edit__save.company-edit__save--disabled:active,
.dark .company-edit__save.project-participants__save--disabled:active,
.dark .disabled.company-edit__save:hover,
.dark .company-edit__save.add-company__submit--disabled:hover,
.dark .company-edit__save.billing__pay-btn--disabled:hover,
.dark .company-edit__save.company-edit__save--disabled:hover,
.dark .company-edit__save.project-participants__save--disabled:hover,
.dark .disabled.company-login__enter-current,
.dark .company-login__enter-current.add-company__submit--disabled,
.dark .company-login__enter-current.billing__pay-btn--disabled,
.dark .company-login__enter-current.company-edit__save--disabled,
.dark .company-login__enter-current.project-participants__save--disabled,
.dark .disabled.company-login__enter-current:active,
.dark .company-login__enter-current.add-company__submit--disabled:active,
.dark .company-login__enter-current.billing__pay-btn--disabled:active,
.dark .company-login__enter-current.company-edit__save--disabled:active,
.dark .company-login__enter-current.project-participants__save--disabled:active,
.dark .disabled.company-login__enter-current:hover,
.dark .company-login__enter-current.add-company__submit--disabled:hover,
.dark .company-login__enter-current.billing__pay-btn--disabled:hover,
.dark .company-login__enter-current.company-edit__save--disabled:hover,
.dark .company-login__enter-current.project-participants__save--disabled:hover,
.dark .disabled.company-login__ok,
.dark .company-login__ok.add-company__submit--disabled,
.dark .company-login__ok.billing__pay-btn--disabled,
.dark .company-login__ok.company-edit__save--disabled,
.dark .company-login__ok.project-participants__save--disabled,
.dark .disabled.company-login__ok:active,
.dark .company-login__ok.add-company__submit--disabled:active,
.dark .company-login__ok.billing__pay-btn--disabled:active,
.dark .company-login__ok.company-edit__save--disabled:active,
.dark .company-login__ok.project-participants__save--disabled:active,
.dark .disabled.company-login__ok:hover,
.dark .company-login__ok.add-company__submit--disabled:hover,
.dark .company-login__ok.billing__pay-btn--disabled:hover,
.dark .company-login__ok.company-edit__save--disabled:hover,
.dark .company-login__ok.project-participants__save--disabled:hover,
.dark .disabled.departments-edit__add-btn,
.dark .departments-edit__add-btn.add-company__submit--disabled,
.dark .departments-edit__add-btn.billing__pay-btn--disabled,
.dark .departments-edit__add-btn.company-edit__save--disabled,
.dark .departments-edit__add-btn.project-participants__save--disabled,
.dark .disabled.departments-edit__add-btn:active,
.dark .departments-edit__add-btn.add-company__submit--disabled:active,
.dark .departments-edit__add-btn.billing__pay-btn--disabled:active,
.dark .departments-edit__add-btn.company-edit__save--disabled:active,
.dark .departments-edit__add-btn.project-participants__save--disabled:active,
.dark .disabled.departments-edit__add-btn:hover,
.dark .departments-edit__add-btn.add-company__submit--disabled:hover,
.dark .departments-edit__add-btn.billing__pay-btn--disabled:hover,
.dark .departments-edit__add-btn.company-edit__save--disabled:hover,
.dark .departments-edit__add-btn.project-participants__save--disabled:hover,
.dark .disabled.departments-edit__submit,
.dark .departments-edit__submit.add-company__submit--disabled,
.dark .departments-edit__submit.billing__pay-btn--disabled,
.dark .departments-edit__submit.company-edit__save--disabled,
.dark .departments-edit__submit.project-participants__save--disabled,
.dark .disabled.departments-edit__submit:active,
.dark .departments-edit__submit.add-company__submit--disabled:active,
.dark .departments-edit__submit.billing__pay-btn--disabled:active,
.dark .departments-edit__submit.company-edit__save--disabled:active,
.dark .departments-edit__submit.project-participants__save--disabled:active,
.dark .disabled.departments-edit__submit:hover,
.dark .departments-edit__submit.add-company__submit--disabled:hover,
.dark .departments-edit__submit.billing__pay-btn--disabled:hover,
.dark .departments-edit__submit.company-edit__save--disabled:hover,
.dark .departments-edit__submit.project-participants__save--disabled:hover,
.dark .disabled.feedback__add-news,
.dark .feedback__add-news.add-company__submit--disabled,
.dark .feedback__add-news.billing__pay-btn--disabled,
.dark .feedback__add-news.company-edit__save--disabled,
.dark .feedback__add-news.project-participants__save--disabled,
.dark .disabled.feedback__add-news:active,
.dark .feedback__add-news.add-company__submit--disabled:active,
.dark .feedback__add-news.billing__pay-btn--disabled:active,
.dark .feedback__add-news.company-edit__save--disabled:active,
.dark .feedback__add-news.project-participants__save--disabled:active,
.dark .disabled.feedback__add-news:hover,
.dark .feedback__add-news.add-company__submit--disabled:hover,
.dark .feedback__add-news.billing__pay-btn--disabled:hover,
.dark .feedback__add-news.company-edit__save--disabled:hover,
.dark .feedback__add-news.project-participants__save--disabled:hover,
.dark .disabled.feedback__btn,
.dark .feedback__btn.add-company__submit--disabled,
.dark .feedback__btn.billing__pay-btn--disabled,
.dark .feedback__btn.company-edit__save--disabled,
.dark .feedback__btn.project-participants__save--disabled,
.dark .disabled.feedback__btn:active,
.dark .feedback__btn.add-company__submit--disabled:active,
.dark .feedback__btn.billing__pay-btn--disabled:active,
.dark .feedback__btn.company-edit__save--disabled:active,
.dark .feedback__btn.project-participants__save--disabled:active,
.dark .disabled.feedback__btn:hover,
.dark .feedback__btn.add-company__submit--disabled:hover,
.dark .feedback__btn.billing__pay-btn--disabled:hover,
.dark .feedback__btn.company-edit__save--disabled:hover,
.dark .feedback__btn.project-participants__save--disabled:hover,
.dark .disabled.main-menu__banners__billing__btn,
.dark .main-menu__banners__billing__btn.add-company__submit--disabled,
.dark .main-menu__banners__billing__btn.billing__pay-btn--disabled,
.dark .main-menu__banners__billing__btn.company-edit__save--disabled,
.dark .main-menu__banners__billing__btn.project-participants__save--disabled,
.dark .disabled.main-menu__banners__billing__btn:active,
.dark .main-menu__banners__billing__btn.add-company__submit--disabled:active,
.dark .main-menu__banners__billing__btn.billing__pay-btn--disabled:active,
.dark .main-menu__banners__billing__btn.company-edit__save--disabled:active,
.dark .main-menu__banners__billing__btn.project-participants__save--disabled:active,
.dark .disabled.main-menu__banners__billing__btn:hover,
.dark .main-menu__banners__billing__btn.add-company__submit--disabled:hover,
.dark .main-menu__banners__billing__btn.billing__pay-btn--disabled:hover,
.dark .main-menu__banners__billing__btn.company-edit__save--disabled:hover,
.dark .main-menu__banners__billing__btn.project-participants__save--disabled:hover,
.dark .disabled.main-menu__new-task,
.dark .main-menu__new-task.add-company__submit--disabled,
.dark .main-menu__new-task.billing__pay-btn--disabled,
.dark .main-menu__new-task.company-edit__save--disabled,
.dark .main-menu__new-task.project-participants__save--disabled,
.dark .disabled.main-menu__new-task:active,
.dark .main-menu__new-task.add-company__submit--disabled:active,
.dark .main-menu__new-task.billing__pay-btn--disabled:active,
.dark .main-menu__new-task.company-edit__save--disabled:active,
.dark .main-menu__new-task.project-participants__save--disabled:active,
.dark .disabled.main-menu__new-task:hover,
.dark .main-menu__new-task.add-company__submit--disabled:hover,
.dark .main-menu__new-task.billing__pay-btn--disabled:hover,
.dark .main-menu__new-task.company-edit__save--disabled:hover,
.dark .main-menu__new-task.project-participants__save--disabled:hover,
.dark .disabled.my-tasks__add-private-btn,
.dark .my-tasks__add-private-btn.add-company__submit--disabled,
.dark .my-tasks__add-private-btn.billing__pay-btn--disabled,
.dark .my-tasks__add-private-btn.company-edit__save--disabled,
.dark .my-tasks__add-private-btn.project-participants__save--disabled,
.dark .disabled.my-tasks__add-private-btn:active,
.dark .my-tasks__add-private-btn.add-company__submit--disabled:active,
.dark .my-tasks__add-private-btn.billing__pay-btn--disabled:active,
.dark .my-tasks__add-private-btn.company-edit__save--disabled:active,
.dark .my-tasks__add-private-btn.project-participants__save--disabled:active,
.dark .disabled.my-tasks__add-private-btn:hover,
.dark .my-tasks__add-private-btn.add-company__submit--disabled:hover,
.dark .my-tasks__add-private-btn.billing__pay-btn--disabled:hover,
.dark .my-tasks__add-private-btn.company-edit__save--disabled:hover,
.dark .my-tasks__add-private-btn.project-participants__save--disabled:hover,
.dark .disabled.new-task__submit,
.dark .new-task__submit.add-company__submit--disabled,
.dark .new-task__submit.billing__pay-btn--disabled,
.dark .new-task__submit.company-edit__save--disabled,
.dark .new-task__submit.project-participants__save--disabled,
.dark .disabled.new-task__submit:active,
.dark .new-task__submit.add-company__submit--disabled:active,
.dark .new-task__submit.billing__pay-btn--disabled:active,
.dark .new-task__submit.company-edit__save--disabled:active,
.dark .new-task__submit.project-participants__save--disabled:active,
.dark .disabled.new-task__submit:hover,
.dark .new-task__submit.add-company__submit--disabled:hover,
.dark .new-task__submit.billing__pay-btn--disabled:hover,
.dark .new-task__submit.company-edit__save--disabled:hover,
.dark .new-task__submit.project-participants__save--disabled:hover,
.dark .disabled.partner-page__manual-btn,
.dark .partner-page__manual-btn.add-company__submit--disabled,
.dark .partner-page__manual-btn.billing__pay-btn--disabled,
.dark .partner-page__manual-btn.company-edit__save--disabled,
.dark .partner-page__manual-btn.project-participants__save--disabled,
.dark .disabled.partner-page__manual-btn:active,
.dark .partner-page__manual-btn.add-company__submit--disabled:active,
.dark .partner-page__manual-btn.billing__pay-btn--disabled:active,
.dark .partner-page__manual-btn.company-edit__save--disabled:active,
.dark .partner-page__manual-btn.project-participants__save--disabled:active,
.dark .disabled.partner-page__manual-btn:hover,
.dark .partner-page__manual-btn.add-company__submit--disabled:hover,
.dark .partner-page__manual-btn.billing__pay-btn--disabled:hover,
.dark .partner-page__manual-btn.company-edit__save--disabled:hover,
.dark .partner-page__manual-btn.project-participants__save--disabled:hover,
.dark .disabled.partner-withdraw-popup__btn,
.dark .partner-withdraw-popup__btn.add-company__submit--disabled,
.dark .partner-withdraw-popup__btn.billing__pay-btn--disabled,
.dark .partner-withdraw-popup__btn.company-edit__save--disabled,
.dark .partner-withdraw-popup__btn.project-participants__save--disabled,
.dark .disabled.partner-withdraw-popup__btn:active,
.dark .partner-withdraw-popup__btn.add-company__submit--disabled:active,
.dark .partner-withdraw-popup__btn.billing__pay-btn--disabled:active,
.dark .partner-withdraw-popup__btn.company-edit__save--disabled:active,
.dark .partner-withdraw-popup__btn.project-participants__save--disabled:active,
.dark .disabled.partner-withdraw-popup__btn:hover,
.dark .partner-withdraw-popup__btn.add-company__submit--disabled:hover,
.dark .partner-withdraw-popup__btn.billing__pay-btn--disabled:hover,
.dark .partner-withdraw-popup__btn.company-edit__save--disabled:hover,
.dark .partner-withdraw-popup__btn.project-participants__save--disabled:hover,
.dark .disabled.prj-invite__chat-btn,
.dark .prj-invite__chat-btn.add-company__submit--disabled,
.dark .prj-invite__chat-btn.billing__pay-btn--disabled,
.dark .prj-invite__chat-btn.company-edit__save--disabled,
.dark .prj-invite__chat-btn.project-participants__save--disabled,
.dark .disabled.prj-invite__chat-btn:active,
.dark .prj-invite__chat-btn.add-company__submit--disabled:active,
.dark .prj-invite__chat-btn.billing__pay-btn--disabled:active,
.dark .prj-invite__chat-btn.company-edit__save--disabled:active,
.dark .prj-invite__chat-btn.project-participants__save--disabled:active,
.dark .disabled.prj-invite__chat-btn:hover,
.dark .prj-invite__chat-btn.add-company__submit--disabled:hover,
.dark .prj-invite__chat-btn.billing__pay-btn--disabled:hover,
.dark .prj-invite__chat-btn.company-edit__save--disabled:hover,
.dark .prj-invite__chat-btn.project-participants__save--disabled:hover,
.dark .disabled.prj-invite__mail-btn,
.dark .prj-invite__mail-btn.add-company__submit--disabled,
.dark .prj-invite__mail-btn.billing__pay-btn--disabled,
.dark .prj-invite__mail-btn.company-edit__save--disabled,
.dark .prj-invite__mail-btn.project-participants__save--disabled,
.dark .disabled.prj-invite__mail-btn:active,
.dark .prj-invite__mail-btn.add-company__submit--disabled:active,
.dark .prj-invite__mail-btn.billing__pay-btn--disabled:active,
.dark .prj-invite__mail-btn.company-edit__save--disabled:active,
.dark .prj-invite__mail-btn.project-participants__save--disabled:active,
.dark .disabled.prj-invite__mail-btn:hover,
.dark .prj-invite__mail-btn.add-company__submit--disabled:hover,
.dark .prj-invite__mail-btn.billing__pay-btn--disabled:hover,
.dark .prj-invite__mail-btn.company-edit__save--disabled:hover,
.dark .prj-invite__mail-btn.project-participants__save--disabled:hover,
.dark .disabled.project-participants__mail-btn,
.dark .project-participants__mail-btn.add-company__submit--disabled,
.dark .project-participants__mail-btn.billing__pay-btn--disabled,
.dark .project-participants__mail-btn.company-edit__save--disabled,
.dark .project-participants__mail-btn.project-participants__save--disabled,
.dark .disabled.project-participants__mail-btn:active,
.dark .project-participants__mail-btn.add-company__submit--disabled:active,
.dark .project-participants__mail-btn.billing__pay-btn--disabled:active,
.dark .project-participants__mail-btn.company-edit__save--disabled:active,
.dark .project-participants__mail-btn.project-participants__save--disabled:active,
.dark .disabled.project-participants__mail-btn:hover,
.dark .project-participants__mail-btn.add-company__submit--disabled:hover,
.dark .project-participants__mail-btn.billing__pay-btn--disabled:hover,
.dark .project-participants__mail-btn.company-edit__save--disabled:hover,
.dark .project-participants__mail-btn.project-participants__save--disabled:hover,
.dark .disabled.project-participants__save,
.dark .project-participants__save.add-company__submit--disabled,
.dark .project-participants__save.billing__pay-btn--disabled,
.dark .project-participants__save.company-edit__save--disabled,
.dark .project-participants__save.project-participants__save--disabled,
.dark .disabled.project-participants__save:active,
.dark .project-participants__save.add-company__submit--disabled:active,
.dark .project-participants__save.billing__pay-btn--disabled:active,
.dark .project-participants__save.company-edit__save--disabled:active,
.dark .project-participants__save.project-participants__save--disabled:active,
.dark .disabled.project-participants__save:hover,
.dark .project-participants__save.add-company__submit--disabled:hover,
.dark .project-participants__save.billing__pay-btn--disabled:hover,
.dark .project-participants__save.company-edit__save--disabled:hover,
.dark .project-participants__save.project-participants__save--disabled:hover,
.dark .disabled.register__wait__done-btn,
.dark .register__wait__done-btn.add-company__submit--disabled,
.dark .register__wait__done-btn.billing__pay-btn--disabled,
.dark .register__wait__done-btn.company-edit__save--disabled,
.dark .register__wait__done-btn.project-participants__save--disabled,
.dark .disabled.register__wait__done-btn:active,
.dark .register__wait__done-btn.add-company__submit--disabled:active,
.dark .register__wait__done-btn.billing__pay-btn--disabled:active,
.dark .register__wait__done-btn.company-edit__save--disabled:active,
.dark .register__wait__done-btn.project-participants__save--disabled:active,
.dark .disabled.register__wait__done-btn:hover,
.dark .register__wait__done-btn.add-company__submit--disabled:hover,
.dark .register__wait__done-btn.billing__pay-btn--disabled:hover,
.dark .register__wait__done-btn.company-edit__save--disabled:hover,
.dark .register__wait__done-btn.project-participants__save--disabled:hover,
.dark .disabled.repeat-edit__create,
.dark .repeat-edit__create.add-company__submit--disabled,
.dark .repeat-edit__create.billing__pay-btn--disabled,
.dark .repeat-edit__create.company-edit__save--disabled,
.dark .repeat-edit__create.project-participants__save--disabled,
.dark .disabled.repeat-edit__create:active,
.dark .repeat-edit__create.add-company__submit--disabled:active,
.dark .repeat-edit__create.billing__pay-btn--disabled:active,
.dark .repeat-edit__create.company-edit__save--disabled:active,
.dark .repeat-edit__create.project-participants__save--disabled:active,
.dark .disabled.repeat-edit__create:hover,
.dark .repeat-edit__create.add-company__submit--disabled:hover,
.dark .repeat-edit__create.billing__pay-btn--disabled:hover,
.dark .repeat-edit__create.company-edit__save--disabled:hover,
.dark .repeat-edit__create.project-participants__save--disabled:hover,
.dark .disabled.repeat-edit__save,
.dark .repeat-edit__save.add-company__submit--disabled,
.dark .repeat-edit__save.billing__pay-btn--disabled,
.dark .repeat-edit__save.company-edit__save--disabled,
.dark .repeat-edit__save.project-participants__save--disabled,
.dark .disabled.repeat-edit__save:active,
.dark .repeat-edit__save.add-company__submit--disabled:active,
.dark .repeat-edit__save.billing__pay-btn--disabled:active,
.dark .repeat-edit__save.company-edit__save--disabled:active,
.dark .repeat-edit__save.project-participants__save--disabled:active,
.dark .disabled.repeat-edit__save:hover,
.dark .repeat-edit__save.add-company__submit--disabled:hover,
.dark .repeat-edit__save.billing__pay-btn--disabled:hover,
.dark .repeat-edit__save.company-edit__save--disabled:hover,
.dark .repeat-edit__save.project-participants__save--disabled:hover,
.dark .disabled.repeat-edit__stopped-btn,
.dark .repeat-edit__stopped-btn.add-company__submit--disabled,
.dark .repeat-edit__stopped-btn.billing__pay-btn--disabled,
.dark .repeat-edit__stopped-btn.company-edit__save--disabled,
.dark .repeat-edit__stopped-btn.project-participants__save--disabled,
.dark .disabled.repeat-edit__stopped-btn:active,
.dark .repeat-edit__stopped-btn.add-company__submit--disabled:active,
.dark .repeat-edit__stopped-btn.billing__pay-btn--disabled:active,
.dark .repeat-edit__stopped-btn.company-edit__save--disabled:active,
.dark .repeat-edit__stopped-btn.project-participants__save--disabled:active,
.dark .disabled.repeat-edit__stopped-btn:hover,
.dark .repeat-edit__stopped-btn.add-company__submit--disabled:hover,
.dark .repeat-edit__stopped-btn.billing__pay-btn--disabled:hover,
.dark .repeat-edit__stopped-btn.company-edit__save--disabled:hover,
.dark .repeat-edit__stopped-btn.project-participants__save--disabled:hover,
.dark .disabled.repeat-view__btn,
.dark .repeat-view__btn.add-company__submit--disabled,
.dark .repeat-view__btn.billing__pay-btn--disabled,
.dark .repeat-view__btn.company-edit__save--disabled,
.dark .repeat-view__btn.project-participants__save--disabled,
.dark .disabled.repeat-view__btn:active,
.dark .repeat-view__btn.add-company__submit--disabled:active,
.dark .repeat-view__btn.billing__pay-btn--disabled:active,
.dark .repeat-view__btn.company-edit__save--disabled:active,
.dark .repeat-view__btn.project-participants__save--disabled:active,
.dark .disabled.repeat-view__btn:hover,
.dark .repeat-view__btn.add-company__submit--disabled:hover,
.dark .repeat-view__btn.billing__pay-btn--disabled:hover,
.dark .repeat-view__btn.company-edit__save--disabled:hover,
.dark .repeat-view__btn.project-participants__save--disabled:hover,
.dark .disabled.repeat-view__open-tpl,
.dark .repeat-view__open-tpl.add-company__submit--disabled,
.dark .repeat-view__open-tpl.billing__pay-btn--disabled,
.dark .repeat-view__open-tpl.company-edit__save--disabled,
.dark .repeat-view__open-tpl.project-participants__save--disabled,
.dark .disabled.repeat-view__open-tpl:active,
.dark .repeat-view__open-tpl.add-company__submit--disabled:active,
.dark .repeat-view__open-tpl.billing__pay-btn--disabled:active,
.dark .repeat-view__open-tpl.company-edit__save--disabled:active,
.dark .repeat-view__open-tpl.project-participants__save--disabled:active,
.dark .disabled.repeat-view__open-tpl:hover,
.dark .repeat-view__open-tpl.add-company__submit--disabled:hover,
.dark .repeat-view__open-tpl.billing__pay-btn--disabled:hover,
.dark .repeat-view__open-tpl.company-edit__save--disabled:hover,
.dark .repeat-view__open-tpl.project-participants__save--disabled:hover,
.dark .disabled.role-edit__save,
.dark .role-edit__save.add-company__submit--disabled,
.dark .role-edit__save.billing__pay-btn--disabled,
.dark .role-edit__save.company-edit__save--disabled,
.dark .role-edit__save.project-participants__save--disabled,
.dark .disabled.role-edit__save:active,
.dark .role-edit__save.add-company__submit--disabled:active,
.dark .role-edit__save.billing__pay-btn--disabled:active,
.dark .role-edit__save.company-edit__save--disabled:active,
.dark .role-edit__save.project-participants__save--disabled:active,
.dark .disabled.role-edit__save:hover,
.dark .role-edit__save.add-company__submit--disabled:hover,
.dark .role-edit__save.billing__pay-btn--disabled:hover,
.dark .role-edit__save.company-edit__save--disabled:hover,
.dark .role-edit__save.project-participants__save--disabled:hover,
.dark .disabled.statistics__title-hint__btn,
.dark .statistics__title-hint__btn.add-company__submit--disabled,
.dark .statistics__title-hint__btn.billing__pay-btn--disabled,
.dark .statistics__title-hint__btn.company-edit__save--disabled,
.dark .statistics__title-hint__btn.project-participants__save--disabled,
.dark .disabled.statistics__title-hint__btn:active,
.dark .statistics__title-hint__btn.add-company__submit--disabled:active,
.dark .statistics__title-hint__btn.billing__pay-btn--disabled:active,
.dark .statistics__title-hint__btn.company-edit__save--disabled:active,
.dark .statistics__title-hint__btn.project-participants__save--disabled:active,
.dark .disabled.statistics__title-hint__btn:hover,
.dark .statistics__title-hint__btn.add-company__submit--disabled:hover,
.dark .statistics__title-hint__btn.billing__pay-btn--disabled:hover,
.dark .statistics__title-hint__btn.company-edit__save--disabled:hover,
.dark .statistics__title-hint__btn.project-participants__save--disabled:hover,
.dark .disabled.stats-reports-edit__save,
.dark .stats-reports-edit__save.add-company__submit--disabled,
.dark .stats-reports-edit__save.billing__pay-btn--disabled,
.dark .stats-reports-edit__save.company-edit__save--disabled,
.dark .stats-reports-edit__save.project-participants__save--disabled,
.dark .disabled.stats-reports-edit__save:active,
.dark .stats-reports-edit__save.add-company__submit--disabled:active,
.dark .stats-reports-edit__save.billing__pay-btn--disabled:active,
.dark .stats-reports-edit__save.company-edit__save--disabled:active,
.dark .stats-reports-edit__save.project-participants__save--disabled:active,
.dark .disabled.stats-reports-edit__save:hover,
.dark .stats-reports-edit__save.add-company__submit--disabled:hover,
.dark .stats-reports-edit__save.billing__pay-btn--disabled:hover,
.dark .stats-reports-edit__save.company-edit__save--disabled:hover,
.dark .stats-reports-edit__save.project-participants__save--disabled:hover,
.dark .disabled.stats-reports-task-list__more,
.dark .stats-reports-task-list__more.add-company__submit--disabled,
.dark .stats-reports-task-list__more.billing__pay-btn--disabled,
.dark .stats-reports-task-list__more.company-edit__save--disabled,
.dark .stats-reports-task-list__more.project-participants__save--disabled,
.dark .disabled.stats-reports-task-list__more:active,
.dark .stats-reports-task-list__more.add-company__submit--disabled:active,
.dark .stats-reports-task-list__more.billing__pay-btn--disabled:active,
.dark .stats-reports-task-list__more.company-edit__save--disabled:active,
.dark .stats-reports-task-list__more.project-participants__save--disabled:active,
.dark .disabled.stats-reports-task-list__more:hover,
.dark .stats-reports-task-list__more.add-company__submit--disabled:hover,
.dark .stats-reports-task-list__more.billing__pay-btn--disabled:hover,
.dark .stats-reports-task-list__more.company-edit__save--disabled:hover,
.dark .stats-reports-task-list__more.project-participants__save--disabled:hover,
.dark .disabled.stats-timeline-item__btn,
.dark .stats-timeline-item__btn.add-company__submit--disabled,
.dark .stats-timeline-item__btn.billing__pay-btn--disabled,
.dark .stats-timeline-item__btn.company-edit__save--disabled,
.dark .stats-timeline-item__btn.project-participants__save--disabled,
.dark .disabled.stats-timeline-item__btn:active,
.dark .stats-timeline-item__btn.add-company__submit--disabled:active,
.dark .stats-timeline-item__btn.billing__pay-btn--disabled:active,
.dark .stats-timeline-item__btn.company-edit__save--disabled:active,
.dark .stats-timeline-item__btn.project-participants__save--disabled:active,
.dark .disabled.stats-timeline-item__btn:hover,
.dark .stats-timeline-item__btn.add-company__submit--disabled:hover,
.dark .stats-timeline-item__btn.billing__pay-btn--disabled:hover,
.dark .stats-timeline-item__btn.company-edit__save--disabled:hover,
.dark .stats-timeline-item__btn.project-participants__save--disabled:hover,
.dark .disabled.sticker-deadline-clear,
.dark .sticker-deadline-clear.add-company__submit--disabled,
.dark .sticker-deadline-clear.billing__pay-btn--disabled,
.dark .sticker-deadline-clear.company-edit__save--disabled,
.dark .sticker-deadline-clear.project-participants__save--disabled,
.dark .disabled.sticker-deadline-clear:active,
.dark .sticker-deadline-clear.add-company__submit--disabled:active,
.dark .sticker-deadline-clear.billing__pay-btn--disabled:active,
.dark .sticker-deadline-clear.company-edit__save--disabled:active,
.dark .sticker-deadline-clear.project-participants__save--disabled:active,
.dark .disabled.sticker-deadline-clear:hover,
.dark .sticker-deadline-clear.add-company__submit--disabled:hover,
.dark .sticker-deadline-clear.billing__pay-btn--disabled:hover,
.dark .sticker-deadline-clear.company-edit__save--disabled:hover,
.dark .sticker-deadline-clear.project-participants__save--disabled:hover,
.dark .project-participants__save--disabled,
.dark .project-participants__save--disabled:active,
.dark .project-participants__save--disabled:hover,
.dark .repeat-edit__save--disabled,
.dark .repeat-edit__save--disabled:active,
.dark .repeat-edit__save--disabled:hover,
.dark .role-edit__save--disabled,
.dark .role-edit__save--disabled:active,
.dark .role-edit__save--disabled:hover {
  background: #3b4551;
  border-bottom-color: #3b4551;
  color: #80899e;
}
.dark ._link:active, .dark .repeat-view__open-all:active, .dark .sticker-deadline__toggle-start-link:active, .dark .prj-invite__card-toggle-admin-btn:active, .dark .prj-invite__card-remove-btn:active, .dark .prj-invite__mail-btn2:active, .dark .prj-invite__link-copy:active, .dark .prj-invite__add-btn:active, .dark .prj-invite__limit-btn:active, .dark .timeline__more-btn:active, .dark .register__wait__link:active, .dark .prj__reg-link-copy:active, .dark .prj__reg-link-save:active, .dark .prj__reg-link-delete:active, .dark .prj__reg-link-txt:active, .dark .prj__reg-link-setup:active, .dark .prj-users__xlsx:active, .dark .prj-item__more-btn:active, .dark .prj-item__archive-show:active, .dark .prj-users-item__more-btn:active, .dark .notify-chooser-show-more:active, .dark .acc__your-os-link:active, .dark .acc__os-variant:active, .dark .acc__other-os:active, .dark .billing__add-users:active, .dark .billing__prolong:active, .dark .button-select__btn:active, .dark .button-select__cancel:active, .dark .company-login__back:active, .dark .company-edit__back:active, .dark .company-edit__cancel:active, .dark .edit-extensions__settings-btn:active, .dark .my-tasks__nav-item:active, .dark .my-tasks__more-btn:active, .dark .my-tasks__move:active, .dark .my-tasks__all-move:active, .dark .object-chooser__up:active, .dark .partner-page__action-item:active, .dark .permissions-chooser__menu__text:active, .dark .project-participants__add-role:active, .dark .project-participants__copy-role:active, .dark .project-role__add:active, .dark .repeat-edit__col-name:active, .dark .repeat-edit__action:active, .dark .task-chat-list__empty-hint__link:active, .dark .task-chat-list__single-hint__link:active, .dark .chat-description-add:active, .dark .chat-description-save__cancel:active, .dark .task-info__location-item:active, .dark .task-info__move-to-board:active, .dark .share-name-changer__change-btn:active, .dark .share-name-changer__save:active, .dark .by-user-column-stage__more-btn:active, .dark .statistics__nav-item:active, .dark .stats-reports-schedule__add:active, .dark .stats-aggregated-report__xlsx:active, .dark .stats-aggregated-report__back:active, .dark .stats-aggregated-report__add-column-btn:active, .dark .stats-reports-edit__cancel:active, .dark .stats-reports-edit__delete:active, .dark .stats-reports-table__prev:active, .dark .stats-reports-table__next:active, .dark .stats-reports__edit:active, .dark .stats-reports__xlsx:active, .dark .stats-reports__toggle-view:active, .dark .stats-reports__back:active, .dark .stats-reports__dashboard-add:active,
.dark .billing__add-users:active,
.dark .billing__prolong:active,
.dark .button-select__btn:active,
.dark .button-select__cancel:active,
.dark .by-user-column-stage__more-btn:active,
.dark .chat-description-add:active,
.dark .chat-description-save__cancel:active,
.dark .chat-subscribers-chooser__action:active,
.dark .chat-subscribers-chooser__make-public:active,
.dark .chat-subscribers-chooser__subscribe:active,
.dark .company-edit__back:active,
.dark .company-edit__cancel:active,
.dark .company-login__back:active,
.dark .departments-edit__add-cancel:active,
.dark .departments-edit__add-user:active,
.dark .departments-edit__add:active,
.dark .departments-edit__del:active,
.dark .departments-edit__edit-users:active,
.dark .edit-extensions__settings-btn:active,
.dark .group-chat-edit__cancel:active,
.dark .group-chat-edit__save:active,
.dark .main-menu__banners__billing__prolong:active,
.dark .main-menu__banners__item__link:active,
.dark .my-tasks__all-move:active,
.dark .my-tasks__more-btn:active,
.dark .my-tasks__move:active,
.dark .my-tasks__nav-item:active,
.dark .new-task__close-link:active,
.dark .new-task__create-more:active,
.dark .new-task__go-to:active,
.dark .notify-chooser-show-more:active,
.dark .object-chooser__up:active,
.dark .partner-page__action-item:active,
.dark .permissions-chooser__menu__text:active,
.dark .permissions-settings__same__change:active,
.dark .permissions-settings__same__reset:active,
.dark .permissions-settings__title__action:active,
.dark .prj-invite__add-btn:active,
.dark .prj-invite__card-remove-btn:active,
.dark .prj-invite__card-toggle-admin-btn:active,
.dark .prj-invite__limit-btn:active,
.dark .prj-invite__link-copy:active,
.dark .prj-invite__mail-btn2:active,
.dark .prj-item__archive-show:active,
.dark .prj-item__more-btn:active,
.dark .prj-users-item__more-btn:active,
.dark .prj-users__xlsx:active,
.dark .departments-edit__download:active,
.dark .prj__reg-link-copy:active,
.dark .prj__reg-link-delete:active,
.dark .prj__reg-link-save:active,
.dark .prj__reg-link-setup:active,
.dark .prj__reg-link-txt:active,
.dark .project-participants__add-role:active,
.dark .project-participants__copy-role:active,
.dark .project-role__add:active,
.dark .register__wait__link:active,
.dark .repeat-edit__action:active,
.dark .repeat-edit__col-name:active,
.dark .repeat-view__open-all:active,
.dark .role-edit__not-saved-exit:active,
.dark .role-edit__not-saved-save:active,
.dark .role-objects__add:active,
.dark .statistics__nav-item:active,
.dark .stats-aggregated-report__add-column-btn:active,
.dark .stats-aggregated-report__back:active,
.dark .stats-aggregated-report__xlsx:active,
.dark .stats-reports-edit__cancel:active,
.dark .stats-reports-edit__delete:active,
.dark .stats-reports-schedule__add:active,
.dark .stats-reports-table__next:active,
.dark .stats-reports-table__prev:active,
.dark .stats-reports__back:active,
.dark .stats-reports__dashboard-add:active,
.dark .stats-reports__edit:active,
.dark .stats-reports__toggle-view:active,
.dark .stats-reports__xlsx:active,
.dark .stats-timeline__chart-toggle:active,
.dark .sticker-deadline__toggle-start-link:active,
.dark .task-chat-header__make-public:active,
.dark .task-chat-header__unarchive:active,
.dark .task-chat-list__single-hint__link:active,
.dark .task-info__location-item:active,
.dark .task-info__move-to-board:active,
.dark .timeline__more-btn:active {
  color: #75818b;
}
.dark .role-edit__name-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .role-edit__name-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .role-edit__descr-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .role-edit__descr-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark ._link, .dark .repeat-view__open-all, .dark .sticker-deadline__toggle-start-link, .dark .prj-invite__card-toggle-admin-btn, .dark .prj-invite__card-remove-btn, .dark .prj-invite__mail-btn2, .dark .prj-invite__link-copy, .dark .prj-invite__add-btn, .dark .prj-invite__limit-btn, .dark .timeline__more-btn, .dark .register__wait__link, .dark .prj__reg-link-copy, .dark .prj__reg-link-save, .dark .prj__reg-link-delete, .dark .prj__reg-link-txt, .dark .prj__reg-link-setup, .dark .prj-users__xlsx, .dark .prj-item__more-btn, .dark .prj-item__archive-show, .dark .prj-users-item__more-btn, .dark .notify-chooser-show-more, .dark .acc__your-os-link, .dark .acc__os-variant, .dark .acc__other-os, .dark .billing__add-users, .dark .billing__prolong, .dark .button-select__btn, .dark .button-select__cancel, .dark .company-login__back, .dark .company-edit__back, .dark .company-edit__cancel, .dark .edit-extensions__settings-btn, .dark .my-tasks__nav-item, .dark .my-tasks__more-btn, .dark .my-tasks__move, .dark .my-tasks__all-move, .dark .object-chooser__up, .dark .partner-page__action-item, .dark .permissions-chooser__menu__text, .dark .project-participants__add-role, .dark .project-participants__copy-role, .dark .project-role__add, .dark .repeat-edit__col-name, .dark .repeat-edit__action, .dark .task-chat-list__empty-hint__link, .dark .task-chat-list__single-hint__link, .dark .chat-description-add, .dark .chat-description-save__cancel, .dark .task-info__location-item, .dark .task-info__move-to-board, .dark .share-name-changer__change-btn, .dark .share-name-changer__save, .dark .by-user-column-stage__more-btn, .dark .statistics__nav-item, .dark .stats-reports-schedule__add, .dark .stats-aggregated-report__xlsx, .dark .stats-aggregated-report__back, .dark .stats-aggregated-report__add-column-btn, .dark .stats-reports-edit__cancel, .dark .stats-reports-edit__delete, .dark .stats-reports-table__prev, .dark .stats-reports-table__next, .dark .stats-reports__edit, .dark .stats-reports__xlsx, .dark .stats-reports__toggle-view, .dark .stats-reports__back, .dark .stats-reports__dashboard-add {
  color: #3aa8fc;
}
.dark ._hint {
  background: #202224;
}
.dark .dropdown-menu__dropdown,
.dark .task-menu__dropdown {
  background: #4d566a;
}
.dark .dropdown-menu__dropdown__item__label,
.dark .task-menu__dropdown__item__label {
  color: #f5f8fa;
}
.dark .dropdown-menu__header,
.dark .task-menu__header {
  color: #dcdfe7;
}
.dark .menu {
  background: #4d566a;
  color: #f5f8fa;
}
.dark .popup__wnd {
  background: #2b3541;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
}
.dark .popup__overlay {
  background-color: rgba(28, 32, 38, 0.9);
}
.dark .popup__header {
  color: #b8bfcf;
  background: #202831;
  border-bottom: 1px solid #4d566a;
}
.dark .popup__footer {
  border-top: 1px solid #4d566a;
  background: #202832;
}
.dark .sticker-editor {
  color: #a3b1c2;
}
.dark .sticker-editor-cnt {
  background: #2b3541;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
}
.dark .sticker-editor-head {
  color: #b8bfcf;
  background: #202831;
  border-bottom: 1px solid #4d566a;
}
.dark .sticker-editor-add-existent {
  border-top: 2px solid #4d566a;
}
.dark .sticker-editor-types-list {
  border-top: 1px solid #4d566a;
}
.dark .sticker-editor-type-item {
  border: 1px solid #4d566a;
}
.dark .sticker-editor-type-item:hover {
  background-color: #4d566a;
}
.dark .sticker-editor-type-item.already {
  background-color: #404349;
  border: 1px solid #585d65;
}
.dark .sticker-editor-type-item.already .sticker-editor-del {
  color: #ff6242;
}
.dark .sticker-editor-overlay {
  background: #1c2026;
  opacity: 0.9;
}
.dark .sticker-editor .sticker-item-cnt:hover {
  background: #3c4a5b;
}
.dark .sticker-editor .sticker-item-list-body {
  border: 1px solid #3c4a5b;
}
.dark .sticker-editor-line {
  border-top: 1px solid #3c4a5b;
}
.dark .sticker-editor-icons {
  border: 1px solid #3c4a5b;
}
.dark .sticker-editor-icons:before {
  border-bottom: 5px solid #3c4b5a;
}
.dark .sticker-editor-icons:after {
  border-bottom: 4px solid #2b3641;
}
.dark .sticker-editor-icons-item {
  background-color: #6b798a;
  filter: brightness(0.7);
}
.dark .sticker-edit-color {
  border: 1px solid #6b798a;
  background: #252b30;
}
.dark .sticker-edit-color:before {
  border-bottom: 5px solid #6b7a89;
}
.dark .sticker-edit-color:after {
  border-bottom: 4px solid #252c2f;
}
.dark .sticker-editor-delete-wnd {
  background: #3c4a5b;
  border: 1px solid #6b798a;
}
.dark .sticker-editor-delete-wnd-head {
  background: #2b3541;
  border-bottom: 1px solid #6b798a;
  color: #b8bfcf;
}
.dark .sticker-editor-delete-wnd:after {
  border-bottom: 5px solid #2b3541;
}
.dark .sticker-edit-calendar {
  color: #b8bfcf;
}
.dark .sticker-item.edit .drp {
  border: 1px solid #6b798a;
}
.dark .sticker-item.edit .drp:before {
  border-bottom: 5px solid #6b7a89;
}
.dark .sticker-item.edit .drp:after {
  border-bottom: 4px solid #2b3641;
}
.dark ._input.sticker-item-edit-text, .dark .sticker-item-edit-text.hours-minutes-input__input, .dark .prj-invite-field .sticker-item-edit-text.text-edit, .prj-invite-field .dark .sticker-item-edit-text.text-edit, .dark .sticker-item-edit-text.prj-invite__mail-input, .dark .sticker-item-edit-text.prj-invite__new-name, .dark .sticker-item-edit-text.prj__reg-link-input, .dark .sticker-item-edit-text.prj-users__search-query, .dark .sticker-item-edit-text.add-company__input, .dark .sticker-item-edit-text.billing__chooser__users-count, .dark .sticker-item-edit-text.billing__pay-input, .dark .sticker-item-edit-text.input-control, .dark .sticker-item-edit-text.my-tasks__add-private-input, .dark .sticker-item-edit-text.partner-page__input, .dark .sticker-item-edit-text.partner-withdraw-popup__input, .dark .sticker-item-edit-text.project-participants__mail-input, .dark .sticker-item-edit-text.repeat-edit__template-name, .dark .sticker-item-edit-text.message-item__pin-input, .dark .sticker-item-edit-text.task-chat-list__search-input, .dark .sticker-item-edit-text.share-popup__url-input, .dark .sticker-item-edit-text.stats-reports-edit__title {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark ._input.sticker-item-edit-text:focus, .dark .sticker-item-edit-text.hours-minutes-input__input:focus, .dark .prj-invite-field .sticker-item-edit-text.text-edit:focus, .prj-invite-field .dark .sticker-item-edit-text.text-edit:focus, .dark .sticker-item-edit-text.prj-invite__mail-input:focus, .dark .sticker-item-edit-text.prj-invite__new-name:focus, .dark .sticker-item-edit-text.prj__reg-link-input:focus, .dark .sticker-item-edit-text.prj-users__search-query:focus, .dark .sticker-item-edit-text.add-company__input:focus, .dark .sticker-item-edit-text.billing__chooser__users-count:focus, .dark .sticker-item-edit-text.billing__pay-input:focus, .dark .sticker-item-edit-text.input-control:focus, .dark .sticker-item-edit-text.my-tasks__add-private-input:focus, .dark .sticker-item-edit-text.partner-page__input:focus, .dark .sticker-item-edit-text.partner-withdraw-popup__input:focus, .dark .sticker-item-edit-text.project-participants__mail-input:focus, .dark .sticker-item-edit-text.repeat-edit__template-name:focus, .dark .sticker-item-edit-text.message-item__pin-input:focus, .dark .sticker-item-edit-text.task-chat-list__search-input:focus, .dark .sticker-item-edit-text.share-popup__url-input:focus, .dark .sticker-item-edit-text.stats-reports-edit__title:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .prj-users__search-query {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .search-top__input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .search-top__input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .search-top--opened .search-top__input {
  background: #475665;
  color: #f5f8fa;
}
.dark .search-top__result-container .search__results__not-found {
  color: #d3d3d3;
}
.dark .task-chat-list__item__icon {
  background: url(/img/dark/chat-list/chats.svg) 0 0/20px 20px no-repeat;
}
.dark .search-top__result-container {
  background: #2b3541;
  border-top: 1px solid #80899e;
  border: 1px solid #4d566a;
}
.dark .search-top__result-header {
  background: #252b30;
  border-bottom: 3px solid #3c4a5b;
}
.dark .search-top__result-container:before {
  border-bottom: 6px solid #4d566a;
}
.dark .search-top__result-container:after {
  border-bottom: 5px solid #252b30;
}
.dark .main-menu__wnd {
  background-color: #202224;
  color: #b8bfcf;
  border-right: 1px solid #4d566a;
  /* — цвет бордера меню */
}
.dark .main-menu__item {
  color: #b8bfcf;
}
.dark .main-menu__line-top {
  border-top: 1px solid #4d566a;
}
.dark .main-menu__line {
  border-top: 1px solid #4d566a;
}
.dark .main-menu__account__name {
  /* имя пользователя */
  color: #b8bfcf;
}
.dark .main-menu__account:hover .main-menu__account__name {
  color: #fff;
}
.dark .user-avatar-status {
  background: #202224;
}
.dark .user-status--default-background {
  box-shadow: 0 0 0 1px #202224;
  background: #000;
}
.dark .user-status--online {
  background: #61cc14;
  border: 1px solid #61cc14;
}
.dark .main-menu__create-group {
  color: #b8bfcf;
}
.dark .main-menu__open-button {
  background: 5px center no-repeat #202224;
  border: 1px solid #4d566a;
  background-image: url(/img/main-menu/toggle/open.svg);
}
.dark .notification-center__wnd {
  /* NOTIFICATIONS */
  background: #3c4a5b;
}
.dark .notification-center__wnd:before {
  border-bottom: 5px solid #3c4a5b;
}
.dark .notification-center__wnd__title {
  border-bottom: 1px solid #6b798a;
}
.dark .notification-center__item {
  background: #333e4b;
  color: #b8bfcf;
}
.dark .notification-center__item--new .notification-center__item__title {
  color: #b8bfcf;
}
.dark .notification-center__wnd__title {
  color: #b8bfcf;
}
.dark .notification-center__dnd__menu {
  color: #b8bfcf;
}
.dark .user-avatar-info {
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d5769;
}
.dark .user-avatar-info__value {
  color: #b8bfcf;
}
.dark .user-avatar-info:before {
  border-bottom: 5px solid #4d5868;
}
.dark .user-avatar-info:after {
  border-bottom: 4px solid #252c2f;
}
.dark .task-subtasks-create-animation {
  border-color: #47484d;
}
.dark .tasks-item-head {
  background-color: #303742;
  color: #b8bfcf;
}
.dark .tasks-item-head-content:hover {
  background-color: #404c5c;
  color: #b8bfcf;
}
.dark .task-item-completed .tasks-item-head .tasks-item-title-content {
  color: #495869;
}
.dark .task-item-completed:hover {
  background: rgba(57, 64, 72, 0.7);
}
.dark .task-item-completed:hover .tasks-item__uncomplete:after {
  filter: brightness(1);
}
.dark .tasks-item-archived .tasks-item-head {
  background: #303742;
}
.dark .task-checklist-progress {
  background: #485162;
}
.dark .task-checklist-progress-bar {
  box-shadow: 0 0 2px 1px #343941;
  background: #2f97e6;
}
.dark .tasks-item-archived .task-checklist-progress-bar,
.dark .tasks-item-head-content:hover .task-checklist-progress-bar {
  box-shadow: 0 0 2px 1px #404c5c;
}
.dark .task-sticker__plus {
  color: #bfc5d2;
}
.dark .task-list textarea.text-edit-input {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .tasks-item-title-text .text-edit {
  border-bottom: 1px solid #80899e;
}
.dark .tasks-item--hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon,
.dark .tasks-item:hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon {
  background-image: url(/img/dark/sticker-icons/user-empty.svg);
}
.dark .tasks-item--hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon:hover,
.dark .tasks-item:hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon:hover {
  background-image: url(/img/dark/sticker-icons/user-empty-hover.svg);
}
.dark .new-sub .tasks-item-head {
  background: #303742;
}
.dark .task-item-delete-approval {
  background: #52342e;
}
.dark .task-item-delete-approval-no {
  background: #6b798a;
}
.dark .tasks-connecting:hover .tasks-item-head {
  background: #4d566a;
}
.dark .task-list-mirror-icon {
  color: #a2aaba;
}
.dark .task-group-title-icon {
  background: no-repeat -4px -4px url("/img/reports/column-dashboard-dark.svg");
}
.dark .task-group-title {
  /* заголовок  колонки */
  border-bottom-color: #4d566a;
  background: url("/img/icons/icon-drag-dark.svg") no-repeat 6px 8px;
  background-size: 6px;
  background-position: 7px 10px;
}
.dark .task-list-mirror .task-group-title {
  /* заголовок зеркальной колонки */
  background-color: #3c4a5b;
}
.dark .task-group--report .task-group-title-bg {
  background: no-repeat 6px 8px url("/img/icons/icon-drag-dark.svg"), linear-gradient(#4d566a, #252b30);
  background-size: 6px;
  border-bottom: 0px;
}
.dark .task-list-mirror .task-group-title {
  background: unset;
}
.dark .new-sub-show-add {
  color: #b8bfcf;
}
.dark .task-group-title-bottom-line:hover {
  -webkit-box-shadow: 0 0 10px 1px #000000;
}
.dark .custom-dark-background .tasks-pager {
  color: #80899e;
}
.dark .stats-reports-edit__title {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .stats-reports-edit__title:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .stats-reports-edit__sub-header {
  color: #b8bfcf;
}
.dark .stats-reports-user-filter__add {
  background-color: #2b3541;
}
.dark .stats-reports-user-filter__list {
  background-color: #4d566a;
}
.dark .single-select {
  background: #475665 url(/img/icons/select-triangle.svg) no-repeat calc(100% - 6px) 50%/7px 7px;
  color: #f5f8fa;
}
.dark .stats-reports-filters__filter:nth-child(odd) {
  background: #384552;
}
.dark .stats-reports-sort__sort:nth-child(odd) {
  background: #384552;
}
.dark .column-chooser {
  background: #4d566a;
  color: #ebeef0;
}
.dark .column-chooser-title {
  border-bottom: 1px solid #6b798a;
  background: #3c4a5b;
}
.dark .column-chooser-actions {
  border-top: 1px solid #6b798a;
  background: #3c4a5b;
}
.dark .column-chooser-item__title {
  color: #ebeef0;
}
.dark .column-chooser-item--option:hover {
  background: #5a6579;
  color: #ebeef0;
}
.dark .timeline-board-view__tools {
  background: rgba(0, 0, 0, 0.3);
}
.dark .timeline-board-view__minus,
.dark .timeline-board-view__plus,
.dark .timeline-board-view__today {
  background: #2199e8;
  color: #e1e6ea;
}
.dark .timeline-board-view__minus:hover,
.dark .timeline-board-view__plus:hover,
.dark .timeline-board-view__today:hover {
  color: #fff;
}
.dark .timeline {
  background: #2b3541;
}
.dark .timeline__unscheduled-toggle {
  background: #2199e8;
  box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
  border: 1px solid #1569a1;
  color: #ffffff;
}
.dark .timeline__header {
  background: #3c4a5b;
  border-bottom: 1px solid #6b798a;
}
.dark .timeline__month {
  color: #a3b1c2;
  border-left: 1px solid #6b798a;
}
.dark .timeline__date {
  border-left: 1px solid #6b798a;
  color: #6b798a;
}
.dark .timeline__weekend {
  background: #3f2b2b;
}
.dark .timeline__v-line {
  border-left: 1px solid #6b798a;
}
.dark .timeline__unscheduled {
  border-top: 1px solid #80899e;
  background: #3c4a5b;
}
.dark .timeline__unsched-task {
  background: #485666;
  border: 1px solid #55677d;
  color: #e1e6ea;
}
.dark .timeline-task {
  background: #485666;
  border: 1px solid #6b798a;
  color: #d5e0e7;
}
.dark .task-chat-header__panel {
  border-bottom: 1px solid #b8bfcf;
}
.dark .task-chat-header__name span {
  color: #f5f8fa;
}
.dark .task-chat-list__settings {
  background: #2b3541;
  border-bottom: 1px solid #4d566a;
}
.dark .task-chat-list__settings-btn--active:before {
  border-bottom: 8px solid #4d566a;
}
.dark .task-chat-list__settings-btn--active:after {
  border-bottom: 8px solid #2b3541;
}
.dark .task-chat-list__settings-line {
  border-bottom: 1px solid #4d566a;
  margin: 0 32px;
}
.dark .task-chat-list__search {
  background: #202224;
  border-bottom: 1px solid #2b3541;
}
.dark .search-top__result-hint-title {
  color: #f5f8fa;
}
.dark .task-chat-list__cnt {
  background: #202224;
}
.dark .task-chat-list__header {
  background: #202224;
}
.dark .task-chat-list__title {
  color: #b8bfcf;
}
.dark .task-chat-list__search-btn {
  color: #b8bfcf;
}
.dark .task-chat-list__settings-btn {
  color: #b8bfcf;
}
.dark .badge--disabled {
  background: #4d566a;
}
.dark .chat-list__item {
  background-color: #202224;
}
.dark .chat-list__item:nth-child(2n) {
  background-color: #252729;
}
.dark .chat-list__item:hover {
  background-color: #2b3541;
}
.dark .chat-list__item:nth-child(2n):hover {
  background-color: #2b3541;
}
.dark .chat-info {
  box-shadow: inset 0 -1px 0 0 #2f3236;
}
.dark .chat-info__name {
  color: #b8bfcf;
}
.dark .chat-info__last-message {
  color: #61697a;
}
.dark .task-chat-list__search-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .task-chat-list__search-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .task-chat-header__task-rename {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .task-chat-header__task-rename:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .task-chat-list__item--with-me .task-chat-list__item__icon {
  background-image: url(/img/dark/chat-list/chats.svg);
}
.dark .task-chat-list__item--with-me .task-chat-list__item__icon--group {
  background-image: url(/img/group-chat/chat/group-chat.svg);
}
.dark .task-chat-header__tabs__item--active .task-chat-header__tabs__item__right-corner:after {
  background: #1f2324;
  border: 1px solid #b8bfcf;
  border-right: none;
  border-top: none;
}
.dark .task-chat-header__tabs__item--active.task-chat-header__tabs__item--chat:before {
  background: #1f2324;
}
.dark .task-chat-header__tabs__item--active.task-chat-header__tabs__item--chat .task-chat-header__tabs__item__right-corner:before {
  background: #292f37;
}
.dark .task-chat-header__tabs__item--active .task-chat-header__tabs__item__right-corner:before {
  background: #252b30;
}
.dark .task-chat-header__tabs__item--active:before {
  background: #252b30;
}
.dark .task-chat-header__tabs__item--active:after {
  background: #1f2324;
  border: 1px solid #b8bfcf;
  border-left: none;
  border-top: none;
}
.dark .chat-subscribers-chooser {
  background: #202224;
  color: #777f93;
}
.dark .chat-subscribers-chooser__menu {
  /* Плашка выбора подписаных */
  background: #252b30;
  color: #b8bfcf;
  border-top: 1px solid #b8bfcf;
}
.dark .chat-subscribers-chooser__head {
  /* Заголовок плашки выбора подписаных */
  background: #202224;
  color: #b8bfcf;
}
.dark .chat-subscribers-chooser__menu-cnt {
  color: #b8bfcf;
}
.dark .chat-subscribers-chooser__checkbox {
  background: url(/img/dark/icons/checkbox.svg) no-repeat center;
}
.dark .chat-subscribers-chooser__checkbox--checked {
  background-image: url(/img/icons/checkbox-checked.svg);
}
.dark .smart-textedit__mention-hint {
  background: #2b3541;
  border-top: 1px solid #80899e;
  color: #a3b1c2;
}
.dark .smart-textedit__users {
  background: #3c4a5b;
}
.dark .smart-textedit__value input[type=button] {
  color: #479ceb;
  text-shadow: 0 0 1px #4d566a;
}
.dark .message-item__pin-input {
  color: #b8bfcf;
}
.dark .task-chat-header__tabs__item__text {
  /* Цвет заголовков табов */
  color: #b8bfcf;
}
.dark .chat-item-messages {
  background: url(/img/dark/chat/chat-background-new3.png) 0 0/250px 250px, linear-gradient(135deg, #162731 0%, #141e2d 100%);
}
.dark .task-chat-header__tabs__item--active.task-chat-header__tabs__item--chat {
  background-image: url(/img/dark/chat/chat-background-new2.png);
}
.dark .task-chat-header__fade-boundary {
  background-image: url(/img/dark/chat/chat-background-new2.png);
}
.dark .task-chat-header__quick-links--task {
  background-image: url(/img/dark/chat/chat-background-new2.png);
}
.dark .chat-item-cnt .task-chat-header--with-quick-list {
  border-bottom: 1px solid #4d566a;
}
.dark .task-chat-quick-link-list__item {
  border: 1px solid #1d5f92;
  background: #2f97e6;
  color: #ffffff;
}
.dark .can-be-highlighted.highlighted,
.dark .message-item.highlighted {
  background: #92c7ef;
}
.dark .message-item__mention {
  color: #3aa8fc;
}
.dark .personal-chat-header {
  /* Цвет заголовка личного чата */
  border-bottom: 1px solid #333e4b;
  background: #202224;
}
.dark .group-chat-header {
  background: url(/img/group-chat/chat/group-chat.svg) 14px 10px/24px 24px no-repeat var(--color-primary-grey-l100);
  border-bottom: 1px solid #333e4b;
}
.dark .group-chat-edit {
  background: #252b30;
}
.dark .group-chat-edit__title-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .group-chat-edit__title-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .group-chat-edit__user {
  color: #b8bfcf;
}
.dark .group-chat-edit__user:nth-child(even) {
  background: #2b3238;
}
.dark .group-chat-edit__participant {
  color: #b8bfcf;
}
.dark .group-chat-edit__head {
  border-bottom: 1px solid #4d566a;
}
.dark .group-chat-edit__select {
  background-image: url(/img/dark/group-chat/chat/select.svg);
}
.dark .group-chat-edit__select:hover {
  background-image: url(/img/dark/group-chat/chat/select-hover.svg);
}
.dark .group-chat-edit__select--selected {
  background-image: url(/img/dark/group-chat/chat/selected.svg);
}
.dark .file-upload-progress {
  /* загрузка файла */
  background: #3c4a5b;
  border: 1px solid #4d566a;
}
.dark .file-upload-progress-bar {
  border: 1px solid #6b798a;
  background: #6b798a;
}
.dark .message-item-from {
  color: #fff;
}
.dark .message-item-content, .dark .system-message-item-content, .dark .deadline-message-item-content {
  color: #fff;
}
.dark .message-item-body {
  background: #333e4b;
  /* цвет чужих */
}
.dark .message-item-my .message-item-body {
  background: #354f62;
  /* цвет своих */
}
.dark .message-item-my .message-item-body__top {
  background: repeat-x 0 0/1px 8px url(/img/dark/chat/bubbles/green/top@2x.png);
}
.dark .message-item-my .message-item-body__left {
  background: repeat-y 0 0/8px 1px url(/img/dark/chat/bubbles/green/left@2x.png);
}
.dark .message-item-my .message-item-body__right {
  background: repeat-y 0 0/8px 1px url(/img/dark/chat/bubbles/green/right@2x.png);
}
.dark .message-item-my .message-item-body__bottom {
  background: repeat-x 0 0/1px 8px url(/img/dark/chat/bubbles/green/bottom@2x.png);
}
.dark .message-item-my .message-item-body__top-left {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/green/top-left@2x.png);
}
.dark .message-item-my .message-item-body__top-right {
  background: no-repeat 0 0/16px 16px url(/img/dark/chat/bubbles/green/top-right@2x.png);
}
.dark .message-item-my .message-item-body__bottom-left {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/green/bottom-left@2x.png);
}
.dark .message-item-my .message-item-body__bottom-right {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/green/bottom-right@2x.png);
}
.dark .message-item-body__top {
  background: repeat-x 0 0/1px 8px url(/img/dark/chat/bubbles/white/top@2x.png);
}
.dark .message-item-body__left {
  background: repeat-y 0 0/8px 1px url(/img/dark/chat/bubbles/white/left@2x.png);
}
.dark .message-item-body__right {
  background: repeat-y 0 0/8px 1px url(/img/dark/chat/bubbles/white/right@2x.png);
}
.dark .message-item-body__bottom {
  background: repeat-x 0 0/1px 8px url(/img/dark/chat/bubbles/white/bottom@2x.png);
}
.dark .message-item-body__top-left {
  background: no-repeat 0 0/16px 16px url(/img/dark/chat/bubbles/white/top-left@2x.png);
}
.dark .message-item-body__top-right {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/white/top-right@2x.png);
}
.dark .message-item-body__bottom-left {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/white/bottom-left@2x.png);
}
.dark .message-item-body__bottom-right {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/white/bottom-right@2x.png);
}
.dark .message-item__in-reply {
  border-left: 4px solid #b8bfcf;
  color: #a3b1c2;
}
.dark .message-item__in-reply:hover {
  color: #b8bfcf;
}
.dark .chat-content__system-msg {
  /* Системное сообщение */
  color: #80899e;
  background: rgba(29, 29, 29, 0.5);
}
.dark .chat-content__system-msg-emph {
  /* Юзеры в системном сообщении */
  color: #b9c1cc;
}
.dark .chat-item-no-messages {
  background: #38342c;
  color: #b8bfcf;
  border: 1px solid #201b12;
}
.dark .chat-item-no-messages:after {
  border-color: #38342c transparent transparent transparent;
}
.dark .chat-item-no-messages:before {
  border-color: #201b12 transparent transparent transparent;
}
.dark .message-item__unread {
  background: #232222;
  color: #b8bfcf;
  border-top: 1px solid #4d566a;
}
.dark .file-link,
.dark .file-link:hover,
.dark .file-link:visited {
  color: #51a2ec !important;
  background: #2b3541;
  border: 1px solid #4f5f71 !important;
}
.dark .task-chat-header__tabs__item--active {
  background: #252b30;
  /* Фон таба */
  border-color: #b8bfcf;
}
.dark .chat-list-panel__chat-container__slide {
  background: #252b30;
}
.dark .task-info__title {
  color: #b8bfcf;
  background: #202224;
}
.dark .task-info__location-item {
  color: #b8bfcf;
}
.dark .task-list-connect {
  background: #252b30;
  border: 1px solid #e71a6e;
}
.dark .editor-content {
  background: #2b3541;
}
.dark .editor-tools {
  border-bottom: 1px solid #4d566a;
}
.dark .chat-description-save {
  background: #252b30;
  border-top: 1px solid #4d566a;
}
.dark .chat-checklist-progress {
  background: #485162;
}
.dark .chat-checklist-progress-bar {
  box-shadow: 0 0 2px 1px #252b30;
  background: #2f97e6;
}
.dark .chat-checklist-title:hover {
  background: #394249;
}
.dark .chat-checklist-edit .text-edit .text-edit-input:focus {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .chat-checklist-edit .text-edit-input:focus,
.dark .chat-checklist-edit {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .chat-checklist-item:hover .chat-checklist-item-label {
  background: #38424a;
}
.dark .chat-checklist-item-edit .text-edit {
  border: 1px solid #485666;
  background: #333e4b;
}
.dark .text-edit-input:focus {
  color: #b8bfcf;
}
.dark .chat-list-panel__pages__chats-page, .dark .chat-list-panel__pages__add-contact-page, .dark .chat-list-panel__pages__edit-users-page {
  background: #252b30;
}
.dark .task-chat-list__empty-hint {
  background: url(/img/dark/onboarding/pic1@2x.png) 0 0/cover no-repeat;
  color: #b8bfcf;
}
.dark .statistics__nav {
  background: #202224;
  border: 1px solid #4d566a;
}
.dark .statistics__nav-item--current,
.dark .statistics__nav-item--current:active,
.dark .statistics__nav-item--current:hover {
  color: #b8bfcf;
}
.dark .statistics__nav-item.statistics__nav-item--page-report:before {
  background-image: url(/img/dark/reports/report.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-tables:before {
  background-image: url(/img/dark/reports/tables.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-timeline:before {
  background-image: url(/img/dark/reports/timeline.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-by-user:before {
  background-image: url(/img/dark/reports/by-user.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-report.statistics__nav-item--current:before {
  background-image: url(/img/dark/reports/report-active.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-tables.statistics__nav-item--current:before {
  background-image: url(/img/dark/reports/tables-active.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-timeline.statistics__nav-item--current:before {
  background-image: url(/img/dark/reports/timeline-active.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-by-user.statistics__nav-item--current:before {
  background-image: url(/img/dark/reports/by-user-active.svg);
}
.dark .statistics__container {
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
  border-top: none;
}
.dark .stats-aggregated-report__nav {
  /* Фон навигации по базовым отчётам */
  background: #2f363c;
  box-shadow: 0 0 1px 0.1px #4d566a;
}
.dark .stats-aggregated-report__table-cnt table thead tr {
  background: #252b30;
}
.dark table tbody,
.dark table tfoot,
.dark table thead {
  border: 1px solid #f1f1f1;
  background-color: #252b30;
}
.dark .stats-aggregated-report__table-cnt table tbody tr:nth-child(even) {
  background: #2e343a;
}
.dark .stats-aggregated-report__table-cnt table tbody tr {
  /* Цвет текста таблицы */
  color: #b8bfcf;
}
.dark .stats-aggregated-report__table-cnt table tbody td,
.dark .stats-aggregated-report__table-cnt table thead th {
  /* Цвет разделителей таблицы */
  border-right: 1px solid #4d566a;
}
.dark .stats-aggregated-report__head-cell:before {
  /* Иконки сортировки */
  border-bottom: 6px solid #4d566a;
}
.dark .stats-aggregated-report__head-cell:after {
  border-top: 6px solid #4d566a;
}
.dark .stats-aggregated-report__head-cell--sorted.stats-aggregated-report__head-cell--asc:before {
  border-bottom: 6px solid #b8bfcf;
}
.dark .stats-aggregated-report__head-cell--sorted.stats-aggregated-report__head-cell--asc:after {
  border-top: 6px solid #4d566a;
}
.dark .stats-aggregated-report__head-cell--sorted:after {
  border-top: 6px solid #b8bfcf;
}
.dark .stats-reports__dashboard-row {
  /* Разделитель табличных отчётов */
  border-bottom: 1px solid #383e4b;
}
.dark .stats-reports__dashboard-row:hover {
  background: #2b3541;
}
.dark .stats-reports__dashboard-row--header {
  /* Заголовок таблицы табличных отчётов */
  color: #80899e;
}
.dark .stats-reports {
  background: #252b30;
}
.dark .stats-reports__panel {
  background: #2b3541;
}
.dark .stats-reports__num {
  background-color: #4d566a;
  color: #b8bfcf;
}
.dark .stats-reports__num-value--total {
  color: #fff;
}
.dark .stats-reports-table table thead tr {
  background: #252b30;
  color: #80899e;
}
.dark .stats-reports-table__sum-title,
.dark .stats-reports-table__sum-title-value {
  color: #80899e;
}
.dark .stats-reports-table table tbody tr:nth-child(even) {
  background: #2e343a;
}
.dark .stats-reports-table table tbody tr {
  color: #b8bfcf;
}
.dark .stats-reports-data-field__title {
  color: #f5f8fa;
}
.dark .stats-reports-table table tbody td,
.dark .stats-reports-table table thead th {
  /* Цвет разделителей таблицы отчёта */
  border-right: 1px solid #4d566a;
}
.dark .stats-reports-table__head-cell:before {
  /* Иконки сортировки таблицы отчёта */
  border-bottom: 6px solid #4d566a;
}
.dark .stats-reports-table__head-cell:after {
  border-top: 6px solid #4d566a;
}
.dark .stats-reports-table__head-cell--sorted.stats-reports-table__head-cell--asc:before {
  border-bottom: 6px solid #b8bfcf;
}
.dark .stats-reports-table__head-cell--sorted.stats-reports-table__head-cell--asc:after {
  border-top: 6px solid #4d566a;
}
.dark .stats-reports-table__head-cell--sorted:after {
  border-top: 6px solid #b8bfcf;
}
.dark .stats-timeline__filter {
  background: #2e343a;
}
.dark .stats-reports-columns__title {
  color: #b8bfcf;
}
.dark .stats-reports-columns__list {
  background: #3c4a5b;
  border: 1px solid #6b798a;
  border-radius: 4px;
}
.dark .stats-reports-schedule__email {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .stats-reports-schedule__email:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .time-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .time-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .stats-timeline-column-header {
  /* Лента. шапка */
  border-bottom: 1px solid #2b3541;
  background: #202224;
}
.dark .stats-timeline-column {
  background: url(/img/dark/agileback@2x.png) 0 0/5px #b8bfcf;
  border: 1px solid #2b3541;
}
.dark .stats-timeline-item {
  /* Item */
  background: #2b3541;
}
.dark .stats-timeline-item__file {
  background-color: #1f7ead;
}
.dark .stats-timeline-item:hover {
  background: #384350;
}
.dark .stats-timeline-chart__container {
  /* График */
  background: #2b3541;
}
.dark .sticker-item.sticker-item-user span {
  color: #b8bfcf;
}
.dark .by-user__column {
  background: url(/img/dark/agileback@2x.png) 0 0/5px #b8bfcf;
  border: 1px solid #2b3541;
}
.dark .by-user__column__header {
  border-bottom: 1px solid #2b3541;
  background: #202224;
}
.dark .stats-task {
  background: #2b3541;
}
.dark .stats-task:hover {
  background: #384350;
}
.dark .task-sticker-item.user .sticker-item-icon,
.dark .task-stickers__sticker-item--user .sticker-item-icon {
  /* Ава в задачах сотрудников */
  border: 1px solid #4d566a;
}
.dark .stats-task--done .stats-task__sticker-list {
  filter: opacity(40%);
}
.dark .billing {
  background: #252b30;
}
.dark .billing__section {
  background: #2b3541;
  border: 1px solid #4d566a;
}
.dark .billing__users-line {
  color: #b8bfcf;
}
.dark .billing__history__item {
  background: #2b3541;
  color: #b8bfcf;
  border-radius: 0px;
}
.dark .billing__history__item:nth-child(even) {
  background: #2f3a47;
}
.dark .billing__chooser__duration {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .tb-item:hover {
  background-color: #363e45;
}
.dark .add-company__warn-descr,
.dark .add-company__warn-title {
  color: #a3b1c2;
}
.dark .add-company__warn-alert {
  color: #ff3f19;
}
.dark .add-company__input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .add-company__input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .partner-page {
  background: rgba(43, 53, 65, 0.8);
}
.dark .partner-page__panel {
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
}
.dark .partner-page__explain {
  background: #2b3541;
  color: #b8bfcf;
}
.dark .partner-page__ref-link {
  color: #2f97e6;
  background: #333e4b;
  border: 1px solid #4d566a;
  border-radius: 4px;
}
.dark .partner-page__input {
  border-radius: 4px;
  background-color: #4d566a;
  border-color: #80899e;
  color: #b8bfcf;
}
.dark .partner-withdraw-popup__input {
  border-radius: 4px;
  background-color: #4d566a;
  border-color: #80899e;
  color: #b8bfcf;
}
.dark .feedback__cnt {
  background: rgba(43, 53, 65, 0.8);
}
.dark .feedback__news,
.dark .feedback__support {
  background: #2b3541;
  border: 1px solid #4d566a;
}
.dark .feedback-chat-header {
  border-bottom: 1px solid #6b798a;
  background: #252b30;
}
.dark .news .chat-description-content {
  background: #252b30;
  border-bottom: 1px solid #6b798a;
}
.dark .feedback__news-item {
  border: 1px solid #485666;
  background: #333e4b;
}
.dark .feedback__news-item--new {
  border-color: #e71a6e;
}
.dark .feedback__panel-descr {
  color: #b8bfcf;
}
.dark .feedback__subtitle {
  color: #b8bfcf;
}
.dark .feedback__ticket {
  background: #3c4a5b;
  border: 1px solid #6b798a;
}
.dark .feedback__ticket-msg {
  color: #a3b1c2;
}
.dark .my-tasks__panel {
  background: #252b30;
  color: #b8bfcf;
}
.dark .my-tasks__nav {
  background: #202224;
  border: 1px solid #4d566a;
  border-bottom: 0px;
}
.dark .my-tasks__more-num {
  color: #b8bfcf;
}
.dark .my-tasks__add-private--adding {
  border: 1px solid #6b798a;
  background-color: #475665;
  color: #f5f8fa;
}
.dark .my-tasks__add-private--adding input {
  color: #f5f8fa;
}
.dark .my-tasks__nav-item--current,
.dark .my-tasks__nav-item--current:active,
.dark .my-tasks__nav-item--current:hover {
  color: #b8bfcf;
}
.dark .my-tasks__nav-item--page-by-people.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-by-people.svg);
}
.dark .my-tasks__nav-item--page-not-assigned.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-no-user.svg);
}
.dark .my-tasks__nav-item--page-expired.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-expired.svg);
}
.dark .my-tasks__nav-item--page-not-assigned:before {
  background-image: url(/img/task-page/tasks-no-user-active.svg);
}
.dark .my-tasks__nav-item--page-by-people:before {
  background-image: url(/img/task-page/tasks-by-people-active.svg);
}
.dark .my-tasks__nav-item--page-expired:before {
  background-image: url(/img/task-page/tasks-expired-active.svg);
}
.dark .my-tasks__nav-item--page-my:before {
  background-image: url(/img/task-page/tasks-i-do-active.svg);
}
.dark .my-tasks__nav-item--page-by-me:before {
  background-image: url(/img/task-page/tasks-i-entrusted-active.svg);
}
.dark .my-tasks__nav-item--page-private:before {
  background-image: url(/img/task-page/lock-active.svg);
}
.dark .my-tasks__nav-item--page-starred:before {
  background-image: url(/img/dark/task-page/favs-active-darkt.svg);
}
.dark .my-tasks__nav-item--page-my.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-i-do.svg);
}
.dark .my-tasks__nav-item--page-by-me.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-i-entrusted.svg);
}
.dark .my-tasks__nav-item--page-private.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/lock.svg);
}
.dark .my-tasks__nav-item--page-starred.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/favs.svg);
}
.dark .my-tasks__task {
  background: #333e4b;
  border: 1px solid #485666;
}
.dark .my-tasks__list--draggable.my-tasks__list--not-dragging .my-tasks__task:hover {
  background-color: #485463;
  border-color: #5c6c7e;
}
.dark .my-tasks__list--not-draggable .my-tasks__task:hover {
  background-color: #485463;
  border-color: #5c6c7e;
}
.dark .my-tasks__delim {
  /* Разделитель  */
  height: 20px;
  width: 1px;
  background: #4d566a;
}
.dark .my-tasks__list--not-draggable .my-tasks__task {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #485666;
}
.dark .my-tasks__list--not-dragging .my-tasks__task--completed,
.dark .my-tasks__task--completed {
  background-color: #34383d;
  color: #80899e;
}
.dark .my-tasks__list--not-dragging .my-tasks__task--completed:hover,
.dark .my-tasks__task--completed:hover {
  background-color: #414549;
  border-color: #485666;
}
.dark .my-tasks__assigned .user-avatar.sticker-item-icon {
  /* обводка аватарок в порученных мной*/
  margin: 3px -6px -3px;
  border: 1px solid #333e4b;
}
.dark .my-tasks__assigned {
  /* Разделитель перед аватаркой */
  border-left: 1px solid #4d566a;
}
.dark .my-tasks__task-rename {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .my-tasks__task-rename:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .page-header {
  background-color: #252b30;
  /* — цвет шапки страниц */
  border-bottom: 1px solid #4d566a;
}
.dark .prj__title {
  background-color: #252b30;
  /* — цвет шапки страницы компании */
  border-bottom: 1px solid #4d566a;
}
.dark .prj__title-label {
  color: #b8bfcf;
}
.dark .prj {
  /* — страница проектов затемнение */
  background: rgba(43, 53, 65, 0.8);
}
.dark .prj__projects {
  /* — панель проектов */
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
}
.dark .prj__departments {
  /* — панель отделов */
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
}
.dark .prj__reg-link {
  /* — панель ссылки */
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
}
.dark .prj__users {
  /* — панель юзеров */
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
}
.dark .project-participants__item:nth-child(even) {
  /* even в попапе добавления юзеров */
  background-color: #313c4a;
}
.dark .company-edit__tab {
  color: #b8bfcf;
}
.dark .company-edit__item {
  border-bottom: 1px solid #4d566a;
}
.dark .edit-extensions__title {
  color: #b8bfcf;
}
.dark .edit-extensions__status {
  color: #b8bfcf;
}
.dark .edit-extensions__info-name {
  color: #f5f8fa;
}
.dark .edit-extensions__info-author {
  color: #b8bfcf;
}
.dark .edit-extensions__info-descr {
  color: #b8bfcf;
}
.dark .company-edit__settings-header {
  color: #f5f8fa;
}
.dark .company-edit__settings {
  color: #b8bfcf;
}
.dark .prj__subtitle {
  color: #b8bfcf;
}
.dark .prj__list-item {
  background: #333e4b;
  border: 1px solid #485666;
}
.dark .prj__list-item:hover {
  background: #485666;
  border: 1px solid #485666;
  box-shadow: 0 1px 6px -4px #fff;
}
.dark .prj__list-item:hover .prj-list-drag-wrapper {
  background: #404b5b;
}
.dark .prj-list-item-title-text {
  /* — названия проектов */
  color: #b8bfcf;
}
.dark .user-chooser__more {
  border: 1px dashed #b8bfcf;
  background: #333d4b;
  color: #80899e;
}
.dark .prj-list-drag-wrapper {
  background-color: #333d4b;
}
.dark .project-participants__shadow--scrolled {
  background: radial-gradient(at top, #202224, rgba(0, 0, 0, 0) 70%) 0 0/100% 8px no-repeat;
}
.dark .project-participants__mail-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .project-participants__mail-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .project-role {
  border-color: #485666;
}
.dark .project-participants__mail-role__title-text {
  color: #b8bfcf;
}
.dark .project-participants__role-item--custom:hover {
  background: #333e4b;
}
.dark .project-participants__title-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .project-participants__title-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .down-arrow {
  fill: #b8bfcf;
}
.dark .prj-invite-role__menu {
  background: #4d566a;
  color: #f5f8fa;
}
.dark .prj-invite-role__option:hover {
  background: #555f74;
}
.dark .prj-invite-role__option--current .icon-okay {
  fill: #b8bfcf;
}
.dark .project-role__menu {
  background: #4d566a;
  color: #f5f8fa;
}
.dark .project-role__descr {
  color: #a9b0c0;
}
.dark .project-role__option:hover {
  background: #555f74;
}
.dark .project-role__option--current .icon-okay {
  fill: #b8bfcf;
}
.dark .role-edit__objects {
  background: #333e4b;
  border: 1px solid #485666;
}
.dark .role-edit__objects__list__header {
  background: #3f4a57;
  color: #b8bfcf;
}
.dark .role-edit__objects__settings__header {
  background: #3f4a57;
  color: #b8bfcf;
}
.dark .role-edit__objects__settings {
  border-left: 1px solid #485666;
}
.dark .permissions-chooser__menu {
  background: #4d566a;
}
.dark .permissions-chooser__menu__text {
  color: #f5f8fa;
}
.dark .object-chooser {
  background: #4d566a;
  color: #f5f8fa;
}
.dark .object-chooser__header {
  background: #464e5f;
  border-bottom: 1px solid #566372;
}
.dark .object-chooser__list__item:hover {
  background: #647086;
}
.dark .role-objects__item {
  color: #a3b1c2;
}
.dark .role-objects__item--chosen {
  color: #fff;
}
.dark .role-objects__item__hint {
  color: #4d566a;
}
.dark .project-participants__search {
  background: no-repeat url(/img/actions/search.svg) 4px 50%/18px #333e4b;
  border-color: #485666;
}
.dark .project-participants__search:focus {
  background: no-repeat url(/img/actions/search.svg) 4px 50%/18px #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .project-participants__head-cell--sorted:after {
  border-top: 6px solid #505e6e;
}
.dark .project-participants__head-cell--sorted.project-participants__head-cell--asc:before {
  border-bottom: 6px solid #505e6e;
}
.dark .prj__reg-link-not-empty {
  border-radius: 2px;
  background: #333e4b;
  border: 1px solid #485666;
}
.dark .prj__reg-link-txt {
  color: #ffffff;
}
.dark .departments-edit__delim {
  background: #5a6a7c;
}
.dark .departments-edit__wnd-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .departments-edit__wnd-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .departments-edit__wnd-caption {
  color: #b8bfcf;
}
.dark .departments-edit__add-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .departments-edit__add-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .departments-edit__add-select {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .prj-users-item:nth-child(even) {
  /* светлая строчка юзеров */
  background-color: #292f34;
}
.dark .prj-users-item .user-avatar {
  /* юзеры в списке. окантовка */
  border: 1px solid #474e55;
}
.dark .user-avatar-status-inner {
  /* оффлайн-юзеры */
  background: #252b30;
  border: 1px solid #80899e;
}
.dark .prj__user-email,
.dark .prj__user-position,
.dark .prj__user-deps {
  /* текст юзеров */
  color: #75818b;
}
.dark .prj__users-hline {
  /* hr юзеров */
  border-top: 1px solid #4d566a;
}
.dark .prj-users-item:hover {
  background: #393f45;
  cursor: pointer;
}
.dark .prj-invite-wnd {
  background: #2b3541;
}
.dark .prj-invite-head {
  color: #d5e0e7;
  background: #202831;
  border-bottom: 1px solid #4d566a;
}
.dark .prj-invite-footer {
  border-top: 1px solid #4d566a;
  background: #202832;
}
.dark .prj-invite__participate-item .prj-users-ch {
  color: #d5e0e7;
}
.dark .prj-invite-body.with-shadow {
  background: radial-gradient(at top, #232426, rgba(0, 0, 0, 0) 70%) 0 0/100% 8px no-repeat;
}
.dark .prj-invite__link-wrap {
  background: #333e4b;
  border: 1px solid #485666;
}
.dark .prj-invite__email-list {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .prj-invite__email-list:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .msp {
  background: #252b30;
}
.dark .msp-wnd {
  background: #3c4a5b;
}
.dark .msp-logo {
  background: url(/img/site-v2/logo-footer.png) center no-repeat;
}
.dark .scr {
  color: #2b3541;
  filter: invert(1) hue-rotate(180deg);
}
.dark .scr .user-avatar {
  filter: invert(1) hue-rotate(180deg);
}
.dark .help__wnd {
  color: #d5e0e7;
}
.dark .help__fg {
  background: #3a4650;
}
.dark .help__side-left {
  background-image: url(/img/dark/help/sides/left.svg);
}
.dark .help__side-bottom {
  background-image: url(/img/dark/help/sides/bottom.svg);
}
.dark .help__side-right {
  background-image: url(/img/dark/help/sides/right.svg);
}
.dark .help__side-top {
  background-image: url(/img/dark/help/sides/top.svg);
}
.dark .help__corner-bottom-left {
  background-image: url(/img/dark/help/corners/bottom-left.svg);
}
.dark .help__corner-bottom-right {
  background-image: url(/img/dark/help/corners/bottom-right.svg);
}
.dark .help__corner-top-right {
  background-image: url(/img/dark/help/corners/top-right.svg);
}
.dark .help__corner-top-left {
  background-image: url(/img/dark/help/corners/top-left.svg);
}
.dark .direction-down-right .help__corner-top-left {
  background-image: url(/img/dark/help/corners/top-left-icon.svg);
}
.dark .direction-down-left .help__corner-top-right {
  background-image: url(/img/dark/help/corners/top-right-icon.svg);
}
.dark .direction-up-right .help__corner-bottom-left {
  background-image: url(/img/dark/help/corners/bottom-left-icon.svg);
}
.dark .direction-up-left .help__corner-bottom-right {
  background-image: url(/img/dark/help/corners/bottom-right-icon.svg);
}
.dark .login {
  background: 50% 0 no-repeat #252b30;
}
.dark .login-wnd {
  border: 1px solid #3c4a5b;
  background: #2b3541;
}
.dark .login-wnd-logo {
  background: url(/img/site-v2/logo-footer.png) no-repeat 50% 0;
  background-size: 35% auto;
}
.dark .chat-checklist-item.dragged .chat-checklist-item-label:before {
  background: #333e4b;
  border: 1px solid #6a707d;
}
.dark .edit-extensions__toggle--on {
  color: #f5f8fa;
}
.dark input::-moz-placeholder, .dark textarea::-moz-placeholder {
  color: #80899e;
}
.dark input::placeholder,
.dark textarea::placeholder {
  color: #80899e;
}
.dark .chat-checklist-edit .text-edit {
  background-color: #333e4b;
  border: 1px solid #485666;
}
.dark textarea.text-edit-input {
  color: #f5f8fa;
}
.dark .sticker-item-list__header,
.dark .sticker-item-list-body {
  color: #b8bfcf;
}
.dark .sticker-item.sticker-item-deadline {
  background-color: #383e4d;
  border-color: #4d566a;
}
.dark .sticker-item.sticker-item-deadline .sticker-item-text {
  color: #b8bfcf;
}
.dark .sticker-item.sticker-item-deadline .sticker-item-icon {
  background-color: #616f8f;
}
.dark .sticker-item.sticker-item-deadline.alert,
.dark .tasks-item .sticker-item.sticker-item-deadline.alert {
  filter: saturate(0.5);
  background: #602525;
  color: #d0021b;
  border-color: #882222;
}
.dark .sticker-item.sticker-item-deadline.alert .sticker-item-text {
  color: #d38d95;
}
.dark .sticker-item.sticker-item-deadline.alert .sticker-item-icon {
  background-color: #b82e2e;
}
.dark .sticker-item.sticker-item-deadline.warn,
.dark .tasks-item .sticker-item.sticker-item-deadline.warn {
  filter: saturate(0.5);
}
.dark .sticker-item.sticker-item-deadline.warn .sticker-item-icon {
  background-color: #74603e;
}
.dark .sticker-item.sticker-item-deadline.warn .sticker-item-text {
  color: #d4901a;
}
.dark .sticker-item.sticker-item-deadline.warn {
  background: #38342e;
  border-color: #74603e;
}
.dark .task-item-completed .sticker-item.sticker-item-deadline {
  filter: none;
  background-color: #383e4d;
}
.dark .sticker-item.sticker-item-timer,
.dark .sticker-item.sticker-item-stopwatch,
.dark .tasks-item .sticker-item.sticker-item-timer,
.dark .tasks-item .sticker-item.sticker-item-stopwatch,
.dark .sticker-item.sticker-item-task-timeline {
  background: #566076;
  color: #ccdbe5;
  border-color: #292f3d;
  filter: none;
}
.dark .sticker-item.sticker-item-timer.alert,
.dark .sticker-item.sticker-item-stopwatch.alert,
.dark .sticker-item.sticker-item-task-timeline.alert {
  background: #602525;
  color: #ccdbe5;
  border-color: #882222;
  filter: brightness(0.8);
}
.dark .sticker-item.sticker-item-timer .sticker-item-icon,
.dark .sticker-item.sticker-item-stopwatch .sticker-item-icon,
.dark .sticker-item.sticker-item-task-timeline .sticker-item-icon {
  background-color: #525e7a;
  filter: brightness(0.7);
}
.dark .sticker-item.sticker-item-timer.alert .sticker-item-icon,
.dark .sticker-item.sticker-item-stopwatch.alert .sticker-item-icon,
.dark .sticker-item.sticker-item-task-timeline.alert .sticker-item-icon {
  background-color: #b82e2e;
}
.dark .sticker-item.sticker-item-timetracking.not-set {
  background-color: #4d566a;
  border-color: #80899e;
  color: #80899e;
}
.dark .sticker-item-repeat.sticker-item.active,
.dark .tasks-item .sticker-item-repeat.sticker-item.active {
  filter: saturate(0.45);
  background: #094872;
  color: #8ac3ef;
  border-color: #052a42;
}
.dark .sticker-item-repeat.sticker-item.active .sticker-item-icon {
  background-color: #0f3248;
}
.dark .sticker-item.sticker-item-timetracking,
.dark .tasks-item .sticker-item.sticker-item-timetracking {
  filter: saturate(0.45);
  background: #094872;
  color: #62afea;
  border-color: #0d2c3f;
}
.dark .sticker-item.sticker-item-timetracking:not(.not-set) .sticker-item-icon {
  background: #0f3248;
  border: 1px solid #0d2c3f;
}
.dark .sticker-item.sticker-item-timetracking.completed .sticker-item-icon {
  background-color: #0f3248;
}
.dark .tasks-item .task-sticker-item .sticker-item-user .sticker-item-icon {
  background-color: #495a6c;
}
.dark .sticker-timeline-part.running {
  background-color: #252b30;
}
.dark .sticker-item.sticker-item-user {
  background: #3c4a5b;
  border: 1px solid #51626c;
  color: #a3b1c2;
}
.dark .stats-timeline .sticker-item.sticker-item-deadline {
  color: #a3b1c2;
}
.dark .sticker-item-list.readonly .sticker-item.sticker-item-string {
  background: #4d566a;
  border-color: #80899e;
}
.dark .sticker-item-list.readonly .sticker-item {
  color: #b8bfcf;
  filter: none;
}
.dark .sticker-deadline-edit-hist-val {
  color: #d5e0e7;
}
.dark .sticker-deadline-edit-mark--saved {
  color: #61cc14;
  background: #252b30;
}
.dark .drp-cell:hover:before {
  background: #4d566a;
  border: 1px solid #2f97e6;
  color: #fff;
}
.dark .drp-cell.between:hover:before {
  color: #fff;
}
.dark .sticker-deadline-edit-calendar {
  border-top: 1px solid #6b798a;
}
.dark .sticker-deadline-edit-calendar:before {
  border-bottom: 5px solid #6b7a89;
}
.dark .sticker-deadline-edit-calendar:after {
  border-bottom: 4px solid #2b3641;
}
.dark .sticker-deadline-chooser {
  border-top: 1px solid #6b7a89;
}
.dark .sticker-deadline-chooser__input {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .sticker-deadline-chooser__input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .my-tasks .sticker-item.empty {
  filter: contrast(0.5) brightness(0.7);
}
.dark .sticker-item-user .sticker-item-icon {
  background-color: transparent;
}
.dark .task-sticker__plus {
  background-color: transparent;
}
.dark .sticker-item-list {
  /* менюшка стикеров */
  background: #2b3541;
  box-shadow: 0 2px 15px -4px #000;
  border: 1px solid #3c4a5b;
}
.dark .sticker-item-cnt {
  border-bottom: 1px solid #3c4a5b;
}
.dark .sticker-item-list-head {
  background: #252b30;
  color: #b8bfcf;
  border-bottom: 1px solid #3c4a5b;
}
.dark .sticker-item-list .sticker-item-filter {
  border-left: 1px solid #3c4a5b;
}
.dark .sticker-item-list--pinned .sticker-item-cnt:hover {
  background-color: #4d5769;
}
.dark .sticker-item-filter-checkbox {
  border-left: 1px solid #3c4a5b;
  background: #2b3541;
}
.dark span._checkbox {
  background: url(/img/dark/icons/checkbox.svg);
}
.dark .drp-head {
  /* выбор дедлайна */
  background: #2b3541;
  position: relative;
  color: #b8bfcf;
}
.dark .drp-h {
  background: #252d35;
}
.dark .drp-h:after {
  border-bottom: 1px solid #3c4a5b;
}
.dark .drp-table {
  background: #2b3541;
}
.dark .drp-cell {
  background: #2b3541;
  color: #f5f8fa;
}
.dark .chosen,
.dark .between,
.dark .left,
.dark .right {
  color: #fff;
}
.dark .drp-cell.other {
  color: #80899e;
}
.dark .drp-cell.today {
  background: #445467;
}
.dark .drp-cell.today.between,
.dark .drp-cell.left:after,
.dark .drp-cell.right:after,
.dark .drp-cell.between,
.dark .drp-cell.between:hover:before,
.dark .drp-one .drp-cell:hover:before,
.dark .drp-cell.chosen:before {
  background-color: #0b2d41;
}
.dark .sticker-item-list:before {
  /* треугольник попапа стикера */
  border-bottom: 5px solid #3c4a5b;
}
.dark .sticker-item-list:after {
  /* треугольник попапа стикера */
  border-bottom: 4px solid #252b30;
}
.dark .sticker-item-list--pinned .sticker-item-cnt.active {
  background-color: #4d566a;
}
.dark .sticker-item-list.direction-up:after {
  border-top: 4px solid #2b3541;
}
.dark .sticker-item-list.direction-up:before {
  border-top: 5px solid #3c4a5b;
}
.dark .repeat-edit__row--header,
.dark .repeat-edit__row--header:first-child,
.dark .repeat-edit__row--header:hover {
  background-color: #2b3541;
}
.dark .repeat-edit__row:nth-child(odd) {
  background-color: #333f4c;
}
.dark .repeat-edit__row:hover {
  background-color: #404f5c;
}
.dark .repeat-edit__col {
  color: #a3b1c2;
}
.dark .repeat-edit__col-name {
  color: #b8bfcf;
}
.dark .repeat-edit__template-name {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .repeat-edit__template-name:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .repeat-edit__template-name-label {
  color: #b8bfcf;
}
.dark .repeat-view__tpl-title {
  color: #b8bfcf;
}
.dark .task-info__deadline-repeat-help {
  color: #a3b1c2;
}
.dark .sti-col-txt {
  color: #b8bfcf;
}
.dark .quick-stats-overlay {
  background: #1c2026;
  opacity: 0.9;
}
.dark .stp-cnt {
  background: #252b30;
  color: #b8bfcf;
}
.dark .stb-brd {
  background: #2b3541;
  border-bottom: 1px solid #6b798a;
  color: #b8bfcf;
}
.dark .stb-brd-label {
  color: #b8bfcf;
}
.dark .stb-dates-label {
  color: #b8bfcf;
}
.dark .stp-chart-legend-item {
  color: #d5e0e7;
}
.dark .stb-brd-select,
.dark .stb-dates-select {
  color: #b8bfcf;
}
.dark .stp-include-btn.current {
  color: #b8bfcf;
}
.dark table.stp-table tbody tr:nth-child(even),
.dark table.stp-table tr:nth-child(even) {
  background: #283033;
}
.dark table.stp-table tbody tr,
.dark table.stp-table tr {
  border-bottom: 1px solid #3c4a5b;
}
.dark .stp-table td:nth-child(2) ._link, .dark .stp-table td:nth-child(2) .repeat-view__open-all, .dark .stp-table td:nth-child(2) .sticker-deadline__toggle-start-link, .dark .stp-table td:nth-child(2) .prj-invite__card-toggle-admin-btn, .dark .stp-table td:nth-child(2) .prj-invite__card-remove-btn, .dark .stp-table td:nth-child(2) .prj-invite__mail-btn2, .dark .stp-table td:nth-child(2) .prj-invite__link-copy, .dark .stp-table td:nth-child(2) .prj-invite__add-btn, .dark .stp-table td:nth-child(2) .prj-invite__limit-btn, .dark .stp-table td:nth-child(2) .timeline__more-btn, .dark .stp-table td:nth-child(2) .register__wait__link, .dark .stp-table td:nth-child(2) .prj__reg-link-copy, .dark .stp-table td:nth-child(2) .prj__reg-link-save, .dark .stp-table td:nth-child(2) .prj__reg-link-delete, .dark .stp-table td:nth-child(2) .prj__reg-link-txt, .dark .stp-table td:nth-child(2) .prj__reg-link-setup, .dark .stp-table td:nth-child(2) .prj-users__xlsx, .dark .stp-table td:nth-child(2) .prj-item__more-btn, .dark .stp-table td:nth-child(2) .prj-item__archive-show, .dark .stp-table td:nth-child(2) .prj-users-item__more-btn, .dark .stp-table td:nth-child(2) .notify-chooser-show-more, .dark .stp-table td:nth-child(2) .acc__your-os-link, .dark .stp-table td:nth-child(2) .acc__os-variant, .dark .stp-table td:nth-child(2) .acc__other-os, .dark .stp-table td:nth-child(2) .billing__add-users, .dark .stp-table td:nth-child(2) .billing__prolong, .dark .stp-table td:nth-child(2) .button-select__btn, .dark .stp-table td:nth-child(2) .button-select__cancel, .dark .stp-table td:nth-child(2) .company-login__back, .dark .stp-table td:nth-child(2) .company-edit__back, .dark .stp-table td:nth-child(2) .company-edit__cancel, .dark .stp-table td:nth-child(2) .edit-extensions__settings-btn, .dark .stp-table td:nth-child(2) .my-tasks__nav-item, .dark .stp-table td:nth-child(2) .my-tasks__more-btn, .dark .stp-table td:nth-child(2) .my-tasks__move, .dark .stp-table td:nth-child(2) .my-tasks__all-move, .dark .stp-table td:nth-child(2) .object-chooser__up, .dark .stp-table td:nth-child(2) .partner-page__action-item, .dark .stp-table td:nth-child(2) .permissions-chooser__menu__text, .dark .stp-table td:nth-child(2) .project-participants__add-role, .dark .stp-table td:nth-child(2) .project-participants__copy-role, .dark .stp-table td:nth-child(2) .project-role__add, .dark .stp-table td:nth-child(2) .repeat-edit__col-name, .dark .stp-table td:nth-child(2) .repeat-edit__action, .dark .stp-table td:nth-child(2) .task-chat-list__empty-hint__link, .dark .stp-table td:nth-child(2) .task-chat-list__single-hint__link, .dark .stp-table td:nth-child(2) .chat-description-add, .dark .stp-table td:nth-child(2) .chat-description-save__cancel, .dark .stp-table td:nth-child(2) .task-info__location-item, .dark .stp-table td:nth-child(2) .task-info__move-to-board, .dark .stp-table td:nth-child(2) .share-name-changer__change-btn, .dark .stp-table td:nth-child(2) .share-name-changer__save, .dark .stp-table td:nth-child(2) .by-user-column-stage__more-btn, .dark .stp-table td:nth-child(2) .statistics__nav-item, .dark .stp-table td:nth-child(2) .stats-reports-schedule__add, .dark .stp-table td:nth-child(2) .stats-aggregated-report__xlsx, .dark .stp-table td:nth-child(2) .stats-aggregated-report__back, .dark .stp-table td:nth-child(2) .stats-aggregated-report__add-column-btn, .dark .stp-table td:nth-child(2) .stats-reports-edit__cancel, .dark .stp-table td:nth-child(2) .stats-reports-edit__delete, .dark .stp-table td:nth-child(2) .stats-reports-table__prev, .dark .stp-table td:nth-child(2) .stats-reports-table__next, .dark .stp-table td:nth-child(2) .stats-reports__edit, .dark .stp-table td:nth-child(2) .stats-reports__xlsx, .dark .stp-table td:nth-child(2) .stats-reports__toggle-view, .dark .stp-table td:nth-child(2) .stats-reports__back, .dark .stp-table td:nth-child(2) .stats-reports__dashboard-add {
  color: #b8bfcf;
}
.dark .sti-desc-num-edit {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .sti-desc-num-edit:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .sti-chart-cnt {
  background: #252b30;
}
.dark .sti-chart-desc {
  color: #80899e;
}
.dark .task-info .task-sticker__plus {
  background-color: transparent;
}
.dark .main-menu__banners__billing.main-menu__banners__billing--on-paid {
  background: #2b3541;
}
.dark .share-popup__url-input,
.dark .share-popup__url-input:focus {
  color: #7dc4e8;
  background-color: #4d566a;
  border-color: #80899e;
}
.dark .share-fail {
  color: #fff;
}
.dark .share-name-changer {
  background: #2b3541;
}
.dark .chat-input-mention-list-item {
  background-color: #3c4a5b !important;
}
.dark .chat-input-mention-list-item:hover {
  background-color: var(--color-background-chat-list-hover-old) !important;
}
.dark .chat-input-mention-list-item.ck-on {
  background-color: var(--color-background-main-even-old) !important;
}
.dark .dropdown-menu-with-custom-scroll .ps__rail-y .ps__thumb-y {
  /* Light/Grey/L60 */
  background: #292f38;
}
.dark .custom-dragged__hovered:hover {
  background: #1d2e3c;
}

html.dark input[disabled] {
  background: #4c4c4c;
  color: #8e8989;
}

/**
* Ck editor dark style, redefining base variables for dark mode
*/
html.dark:root {
  --ck-color-base-foreground: var(--color-primary-background-primary);
  --ck-color-base-background: var(--color-primary-background-primary);
  --ck-color-panel-background: var(--color-primary-background-secondary);
  --ck-color-tooltip-background: var(--color-primary-background-secondary);
  --ck-color-base-text: #fff;
  --ck-color-tooltip-text: #fff;
  --ck-color-link-default: var(--color-primary-action-default);
}

.timeline-arrow__line {
  fill: transparent;
  stroke: #80899e;
  transition: stroke 0.2s;
}
.timeline-arrow__line--incorrect {
  stroke: #d92400;
}
.timeline-arrow__line--highlighted {
  stroke: #2f97e6;
}
.timeline-arrow__area {
  fill: #80899e;
  transition: fill 0.2s;
}
.timeline-arrow__area--incorrect {
  fill: #d92400;
}
.timeline-arrow__area--highlighted {
  fill: #2f97e6;
}

.timeline-task {
  transition: top 0.2s ease, left 0.2s ease;
  position: absolute;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  padding: 0 12px;
  margin-bottom: 48px;
  margin-left: 4px;
  cursor: -webkit-grab;
  cursor: grab;
  display: flex;
  align-items: center;
  color: #2b3541;
}
.timeline-task:before, .timeline-task:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 8px;
  cursor: default;
  top: -8px;
  left: 0;
}
.timeline-task:after {
  top: auto;
  bottom: -8px;
}
.timeline-task--with-bg {
  color: #fff;
}
.timeline-task:hover {
  z-index: 2;
}
.timeline-task:hover .timeline-task__left,
.timeline-task:hover .timeline-task__right {
  opacity: 1;
}
.timeline-task--dragging-edge .timeline-task__left,
.timeline-task--dragging-edge .timeline-task__right,
.timeline-task--dragging-edge .timeline-task__end-point,
.timeline-task--dragging-edge .timeline-task__start-point {
  opacity: 0 !important;
}
.timeline-task--resizing {
  transition: left 0.4s cubic-bezier(0, 1, 0, 1), width 0.4s cubic-bezier(0, 1, 0, 1);
  z-index: 100;
}
.timeline-task--resizing .timeline-task__left,
.timeline-task--resizing .timeline-task__right {
  pointer-events: none;
}
.timeline-task--dragged:hover {
  border-radius: 4px;
}
.timeline-task--completed {
  background: rgba(128, 137, 158, 0.5) !important;
  color: #2b3541;
}
.timeline-task--completed:before {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  top: -8px;
  left: -8px;
  width: 24px;
  height: 24px;
  background: no-repeat center url(/img/gtd/done.svg);
}
.timeline-task--completed:hover:before {
  display: none;
}
.timeline-task--completed .timeline-task__ava {
  opacity: 0.7;
}
.timeline-task--archived {
  background: rgba(77, 86, 106, 0.5) !important;
  color: white;
}
.timeline-task--archived .timeline-task__ava,
.timeline-task--archived .timeline-task__text,
.timeline-task--archived .timeline-task__archive-icon {
  opacity: 0.5;
}
.timeline-task--dragged {
  background: #b8bfcf !important;
  box-shadow: none;
  color: transparent;
}
.timeline-task--dragged.timeline-task--completed:before {
  display: none;
}
.timeline-task--hide {
  opacity: 0.01;
}
.timeline-task__highlight {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(47, 151, 230, 0.2);
  border: 1px dashed #2f97e6;
  border-radius: 4px;
  z-index: 10;
}
.timeline-task__text {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.2;
  max-height: 100%;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.timeline-task__archive-icon {
  width: 24px;
  height: 24px;
  flex: 1 1 24px;
  overflow: hidden;
}
.timeline-task__archive-icon-cnt {
  width: 24px;
  height: 24px;
  background: no-repeat center url(/img/menu/archive-hover.svg);
  float: right;
}
.timeline-task__left, .timeline-task__right {
  position: absolute;
  width: 8px;
  height: 100%;
  background: #e71a6e;
  top: 0;
  left: 0;
  cursor: ew-resize;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #fff;
}
.timeline-task__left:before, .timeline-task__right:before {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 30%;
  background: #fff;
  border-radius: 1px;
  left: 2px;
  top: 35%;
}
.timeline-task__right {
  left: auto;
  right: 0;
  border-radius: 0 4px 4px 0;
  border-right: none;
  border-left: 1px solid #fff;
}
.timeline-task__overlay {
  cursor: ew-resize;
  z-index: 1;
}
.timeline-task__assigned {
  display: flex;
  margin-right: 20px;
}
.timeline-task__ava {
  vertical-align: text-top;
  border: 1px solid #fff;
  flex: 0 0 24px;
  margin-right: -16px;
}
.timeline-task__end-point-line, .timeline-task__start-point-line {
  position: absolute;
  border: 1px solid #2f97e6;
  width: 1px;
  height: 12px;
  bottom: -12px;
  right: 16px;
  opacity: 0;
}
.timeline-task:hover .timeline-task__end-point-line, .timeline-task:hover .timeline-task__start-point-line {
  opacity: 1;
}
.timeline-task__start-point-line {
  top: -12px;
  left: 16px;
}
.timeline-task__end-point-drag, .timeline-task__start-point-drag {
  position: absolute;
  width: 16px;
  height: 16px;
  bottom: -16px;
  right: 9px;
  cursor: default;
  z-index: 2;
  transform: opacity 0.3s ease;
  opacity: 0;
}
.timeline-task__end-point-drag:before, .timeline-task__start-point-drag:before {
  content: "";
  position: absolute;
  background: #2f97e6;
  width: 8px;
  height: 8px;
  top: 4px;
  left: 4px;
  border-radius: 8px;
}
.timeline-task:hover .timeline-task__end-point-drag, .timeline-task:hover .timeline-task__start-point-drag {
  opacity: 1;
}
.timeline-task__end-point-drag:hover:before, .timeline-task__start-point-drag:hover:before {
  width: 12px;
  height: 12px;
  top: 2px;
  left: 2px;
}
.timeline-task__start-point-drag {
  top: -16px;
  left: 9px;
}
.timeline-task__svg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1000;
}
.timeline-task__path {
  fill: transparent;
  stroke: #2f97e6;
}

.timeline {
  background: #f5f8fa;
  position: absolute;
  top: 140px;
  left: 32px;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.timeline__cnt {
  flex: 1 1;
  overflow: auto;
}
.timeline__no-scroll {
  overflow: hidden;
}
.timeline__line {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.timeline__header {
  background: #fff;
  border-bottom: 1px solid #b8bfcf;
  font-size: 14px;
  position: relative;
}
.timeline__dates {
  position: relative;
  display: flex;
}
.timeline__date {
  flex: 1 0;
  border-left: 1px solid #e1e9ee;
  text-align: center;
  padding: 0;
  line-height: 24px;
  color: #4d566a;
  position: relative;
  z-index: 1;
}
.timeline__date--today {
  font-weight: 600;
}
.timeline__months {
  position: relative;
  display: flex;
}
.timeline__month {
  color: #b8bfcf;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  border-left: 1px solid #e1e9ee;
  padding: 0 8px;
  font-weight: 600;
}
.timeline__highlighted {
  position: absolute;
  background-color: rgba(237, 183, 57, 0.23);
  top: 0;
  height: 100%;
  z-index: 0;
}
.timeline__body {
  position: relative;
  width: auto;
  flex: 1 0;
}
.timeline__weekend {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  background: #faf2f2;
}
.timeline__v-line {
  border-left: 1px solid #e1e9ee;
  z-index: 0;
  position: absolute;
  top: -1px;
  bottom: 0;
}
.timeline__today {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #e71a6e;
}
.timeline__today:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  border-top: 8px solid #e71a6e;
  border-bottom: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -1px;
  left: -6px;
  z-index: 1;
}
.timeline__body-bg {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
}
.timeline__tasks {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.timeline__unscheduled-toggle {
  position: absolute;
  left: 24px;
  bottom: 32px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px -5px;
  cursor: pointer;
  padding: 4px 16px;
  border: 1px solid #ccc;
  z-index: 10;
  color: #4d566a;
  font-size: 14px;
  font-weight: 600;
}
.timeline--unscheduled-open .timeline__unscheduled-toggle {
  bottom: 212px;
}
.timeline__unscheduled {
  flex: 0 0 180px;
  border-top: 1px solid #b8bfcf;
  background: #f5f8fa;
  overflow: auto;
  padding: 16px 8px 16px 24px;
}
.timeline__unsched-task {
  display: flex;
  float: left;
  background: #fff;
  box-shadow: 0 1px 6px -3px #2b3541;
  padding: 0 12px;
  border-radius: 4px;
  height: 48px;
  cursor: -webkit-grab;
  cursor: grab;
  margin: 0 16px 8px 0;
  position: relative;
  align-items: center;
}
.timeline__unsched-task--with-bg {
  color: #fff;
}
.timeline__unsched-task--completed {
  background: rgba(128, 137, 158, 0.5) !important;
  color: #2b3541;
}
.timeline__unsched-task--completed:before {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  top: -8px;
  left: -8px;
  width: 24px;
  height: 24px;
  background: no-repeat center url(/img/gtd/done.svg);
  z-index: 1;
}
.timeline__unsched-task--completed:hover:before {
  display: none;
}
.timeline__unsched-task--completed .timeline__ava {
  opacity: 0.7;
}
.timeline__unsched-txt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1.2;
  max-height: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.timeline__ava {
  vertical-align: text-top;
  margin-right: 6px;
  border: 1px solid #fff;
  flex: 0 0 24px;
}
.timeline__overlay {
  z-index: 100;
}
.timeline__more {
  float: left;
}
.timeline__more-btn {
  display: block;
}
.timeline__svg {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  min-height: 2000px;
}

body.timeline--document-grab {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
body.timeline--document-grab #loggedin-container {
  pointer-events: none;
}

.prj-invite--new .prj-invite__mail {
  border-top: none;
}
.prj-invite--new .prj-invite__mail-title {
  color: #2b3541;
  font-size: 18px;
  font-weight: 600;
}
.prj-invite__limit-header {
  font-weight: 600;
}
.prj-invite__limit-text {
  margin-top: 16px;
  font-size: 14px;
}
.prj-invite__limit-btn {
  margin-top: 16px;
  font-size: 14px;
}
.prj-invite__chat-btn {
  margin-top: 16px;
  padding: 0 24px;
}
.prj-invite__position {
  margin: 8px 0;
  height: 18px;
  display: flex;
  align-items: center;
}
.prj-invite__position .fa {
  color: #b8bfcf;
  margin-right: 6px;
  font-size: 12px;
  width: 18px;
  text-align: center;
}
.prj-invite__position .text-edit {
  height: 16px;
  width: 200px;
  position: relative;
}
.prj-invite__position .text-edit:after {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  right: 6px;
  height: 1px;
  background: #2f97e6;
  bottom: -2px;
}
.prj-invite__no-position {
  color: #2f97e6;
  margin-left: 6px;
  cursor: pointer;
}
.prj-invite__position-cnt--no-edit .prj-invite__no-position {
  cursor: default;
  color: #80899e;
}
.prj-invite__position-btn {
  width: 24px;
  height: 24px;
  background: no-repeat center;
  background-image: url(/img/common/save.svg);
}
.prj-invite__position-btn:hover {
  background-image: url(/img/common/save-hover.svg);
}
.prj-invite__position-btn:active {
  background-image: url(/img/common/save-active.svg);
}
.icon-container:hover > .prj-invite__position-btn {
  background-image: url(/img/common/save-hover.svg);
}
.icon-container:active > .prj-invite__position-btn {
  background-image: url(/img/common/save-active.svg);
}
.prj-invite__position-title {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  cursor: text;
  padding-left: 6px;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}
.prj-invite__position-title--editable {
  font-weight: 600;
  cursor: pointer;
  letter-spacing: -0.15px;
  word-spacing: 0.3px;
  background: no-repeat 100% 0;
  background-image: url(/img/actions/edit.svg);
}
.prj-invite__position-title--editable:hover {
  background-image: url(/img/actions/edit-hover.svg);
}
.prj-invite__position-title--editable:active {
  background-image: url(/img/actions/edit-active.svg);
}
.icon-container:hover > .prj-invite__position-title--editable {
  background-image: url(/img/actions/edit-hover.svg);
}
.icon-container:active > .prj-invite__position-title--editable {
  background-image: url(/img/actions/edit-active.svg);
}
.prj-invite__position-cnt--no-edit .prj-invite__position-title--editable {
  cursor: default;
  background: none;
}
.prj-invite__header {
  color: #80899e;
  font-size: 14px;
  display: flex;
  margin: 0 0 8px;
  line-height: 24px;
}
.prj-invite__header-user {
  flex: 0 0 180px;
  padding-left: 21px;
}
.prj-invite__header-email {
  flex: 1 1;
}
.prj-invite__header-role {
  flex: 0 0 140px;
  text-align: right;
}
.prj-invite__subtitle {
  color: #2b3541;
  font-size: 18px;
  font-weight: 600;
}
.prj-invite__subtitle--participants {
  margin: 32px 0 16px;
}
.prj-invite__new-name {
  height: 32px;
  line-height: 32px;
  margin-top: 8px;
}
.prj-invite__name-error {
  position: absolute;
  background: #d92400;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  margin-top: 4px;
  font-size: 13px;
}
.prj-invite__name-error:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 4px solid #d92400;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -4px;
  left: 8px;
}
.prj-invite__input-block {
  flex: 1 0;
}
.prj-invite__email-list {
  height: 128px;
  margin-top: 16px;
}
.prj-invite__email-list-hint {
  line-height: 1.2;
}
.prj-invite__email-list-empty {
  color: #d92400;
  font-size: 15px;
  margin-top: 16px;
}
.prj-invite__email-list-result {
  color: #4da210;
  font-size: 15px;
  margin-top: 16px;
}
.prj-invite__add-btn {
  display: block;
  margin: 16px 0 -8px 8px;
  font-size: 15px;
}
.prj-invite__close {
  width: 60px;
  height: 60px;
}
.prj-invite__link-cnt {
  margin: 24px 0;
}
.prj-invite__link {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  cursor: text;
}
.prj-invite__link-wrap {
  padding: 4px 8px;
  margin-top: 16px;
  border-radius: 2px;
  background: #f5f8fa;
  border: 1px solid #b8bfcf;
}
.prj-invite__link-copy {
  float: right;
}
.prj-invite__list-email {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  cursor: text;
  color: #b8bfcf;
  font-size: 13px;
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prj-invite__mail {
  border-top: 1px solid #b8bfcf;
  margin: 16px -24px 0;
  padding: 16px 24px 24px;
}
.prj-invite__mail .prj-invite-role {
  flex: 1 1;
  text-align: center;
}
.prj-invite__mail .prj-invite-role__name {
  width: 150px;
  margin: 0 auto;
  border: 1px solid #b8bfcf;
  border-radius: 2px;
  height: 26px;
  line-height: 24px;
  color: #2b3541;
  text-align: left;
  padding: 0 8px;
  font-size: 13px;
}
.prj-invite__mail .prj-invite-role .down-arrow {
  fill: #2b3541;
  float: right;
  margin-top: 7px;
}
.prj-invite__mail-actions {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.prj-invite__mail-input {
  height: 26px;
  width: 200px;
  font-size: 15px;
}
.prj-invite__mail-btn {
  font-size: 14px;
  line-height: 24px;
  padding: 0 12px;
  margin-top: -1px;
}
.prj-invite__mail-btn2 {
  font-size: 14px;
  line-height: 24px;
  padding: 0 24px 0 0;
}
.prj-invite__mail-error {
  font-size: 13px;
  line-height: 1.3;
  color: #d92400;
  margin: 4px 0 -16px;
}
.prj-invite__card {
  display: flex;
  border-bottom: 1px solid #b8bfcf;
  padding: 0 0 24px;
  flex-shrink: 0;
}
.prj-invite__card .user-avatar-status {
  width: 14px;
  height: 14px;
  bottom: 2px;
}
.prj-invite__card-info {
  margin-left: 16px;
  font-size: 14px;
}
.prj-invite__card-status {
  color: #80899e;
  margin-bottom: 16px;
  margin-left: 3px;
}
.prj-invite__card-remove {
  padding-left: 24px;
  background: no-repeat 0 50% url(/img/actions/delete.svg);
  margin-top: 8px;
}
.prj-invite__card-toggle-admin {
  padding-left: 24px;
  background: no-repeat 0 50% url(/img/projects/admin.svg);
}
.admin .prj-invite__card-toggle-admin {
  background: no-repeat 0 0 url(/img/projects/admin-active.svg);
}
.prj-invite__card-toggle-admin-btn {
  margin-top: 4px;
}
.prj-invite__participate {
  margin: 16px 0;
}
.prj-invite__participate-header {
  display: flex;
  color: #b8bfcf;
  font-size: 12px;
  margin: 16px 0 0;
}
.prj-invite__participate-list {
  margin-top: 8px;
}
.prj-invite__participate-header-proj {
  flex: 1 1;
  margin-left: 22px;
}
.prj-invite__participate-header-role {
  margin-right: 16px;
}
.prj-invite__participate-title {
  font-weight: 600;
  font-size: 19px;
}
.prj-invite__participate-item {
  display: flex;
}
.prj-invite__participate-item .prj-users-ch {
  flex: 1 1;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #4d566a;
}
.prj-invite__participate-item ._checkbox {
  margin-right: 8px;
}
.prj-invite__item-text {
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prj-invite-overlay {
  background: #2b3541;
  opacity: 0.7;
}

.prj-invite-wnd {
  position: relative;
  width: 440px;
  height: 520px;
  background: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  overflow: hidden;
}
.prj-invite--project .prj-invite-wnd {
  width: 520px;
}
.prj-invite--user .prj-invite-wnd {
  width: 460px;
}

.prj-invite-cnt {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.prj-invite-head {
  color: #2b3541;
  font-size: 22px;
  padding: 16px 24px;
  background: #f5f8fa;
  border-bottom: 1px solid #b8bfcf;
}

.prj-invite-body {
  padding: 16px 24px 0;
  flex: 1 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.prj-invite-body.with-shadow {
  background: radial-gradient(at top, #b8bfcf, rgba(0, 0, 0, 0) 70%) 0 0/100% 8px no-repeat;
}

.prj-invite-footer {
  border-top: 1px solid #b8bfcf;
  padding: 16px 24px;
  color: #4d566a;
  background: #f5f8fa;
  font-size: 15px;
  text-align: right;
}

.prj-invite-submit {
  display: block;
  margin: 0 auto;
  margin-bottom: 0;
  text-align: center;
}

.prj-invite-title {
  font-size: 17px;
}

.prj-invite-emails {
  margin: 16px 0;
  flex: 1 1;
}

.prj-invite-field .text-edit {
  font-size: 15px;
  height: 28px;
  margin-bottom: 8px;
}
.prj-invite-field.focused .text-edit {
  border-color: #2f97e6;
}
.prj-invite-field.error .text-edit {
  border-color: #d92400;
}
.prj-invite-field .text-edit-input,
.prj-invite-field .text-edit-shadow {
  line-height: 26px;
}

.prj-invite-error {
  font-size: 13px;
  color: #d92400;
  margin: -4px 8px 4px;
}

.prj-invite-text {
  margin-top: 32px;
}

.prj-invite-text .text-edit {
  border: 1px solid #b8bfcf;
  border-radius: 2px;
  margin-left: 20px;
  box-shadow: inset 0 2px 5px -4px #2b3541;
  margin-top: 8px;
}
.prj-invite-text .text-edit-shadow {
  min-height: 48px;
  padding: 4px 6px;
}
.prj-invite-text .text-edit-input {
  padding: 4px 6px;
}

.prj-invite-list {
  padding-bottom: 24px;
  flex: 1 1;
  overflow: auto;
  margin: -16px -24px;
  padding: 16px 24px;
}

.prj-invite-list-item {
  height: 32px;
  width: 100%;
  display: flex;
  align-items: center;
}
.prj-invite-list-item .user-avatar {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.prj-invite-list-item ._checkbox {
  margin: 6px 6px 0 0;
  float: left;
}

.prj-users-ch {
  font-size: 13px;
  cursor: pointer;
  flex: 0 0 180px;
}
.prj-users-ch .user-name {
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
}

.prj-invite-clear {
  clear: both;
}

.prj-invite-role {
  position: relative;
  flex: 0 0 140px;
  text-align: right;
}
.prj-invite-role .down-arrow {
  fill: #2f97e6;
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
.prj-invite-role__name {
  font-size: 14px;
  cursor: pointer;
  color: #2f97e6;
}
.prj-invite-role__name-hint {
  color: #b8bfcf;
}
.prj-invite-role__overlay {
  z-index: 100001;
}
.prj-invite-role__option {
  position: relative;
  padding: 4px 8px 4px 32px;
  font-size: 13px;
  line-height: 1.4;
}
.prj-invite-role__option .icon-okay {
  display: none;
  fill: #80899e;
  width: 13px;
  vertical-align: middle;
  position: absolute;
  left: 11px;
  top: 8px;
}
.prj-invite-role__option:hover {
  background: #f5f8fa;
}
.prj-invite-role__option:hover .icon-okay {
  display: block;
}
.prj-invite-role__option:active {
  background: #b8bfcf;
}
.prj-invite-role__option--current .icon-okay {
  fill: #2b3541;
  display: block;
}
.prj-invite-role__hint {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  background: no-repeat url(/img/main-menu/help.svg) center/contain;
  cursor: help;
  float: right;
  margin-top: 8px;
  margin-left: 8px;
}

.video-tutorial__wnd {
  width: 420px;
  position: fixed;
  bottom: 24px;
  left: 24px;
  padding: 8px;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 4px 20px -8px #2b3541;
  border-radius: 4px;
}
.video-tutorial__video {
  min-width: 400px;
  min-height: 220px;
}
.video-tutorial__video iframe {
  min-width: 400px;
  min-height: 220px;
}
.video-tutorial__title {
  line-height: 24px;
  margin-bottom: 8px;
}
.video-tutorial__link {
  text-align: center;
}
.video-tutorial__close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  background: url(/img/icons/icon-close-chat.svg) 0 0/contain no-repeat;
  cursor: pointer;
}
.video-tutorial__close:hover {
  background-image: url(/img/icons/icon-close-chat-hover.svg);
}

.sticker-deadline__toggle-start {
  display: block;
  width: 100%;
  margin: 2px 0 8px;
  text-align: center;
  font-size: 12px;
}
.sticker-deadline__toggle-start-text {
  font-weight: 600;
}
.sticker-deadline__edit-val {
  font-weight: 600;
  margin-left: 4px;
  cursor: default;
}
.sticker-deadline__edit-val--empty {
  font-weight: normal;
}

input[disabled]._checkbox + span._checkbox + sticker-deadline-chooser__title {
  color: #999999;
}

.sticker-deadline-clear {
  font-size: 13px;
  display: block;
  text-align: center;
  width: 170px;
  margin: 8px auto;
}
.sticker-deadline-clear:hover {
  margin-bottom: 7px;
}

.sticker-deadline-chooser {
  border-top: 1px solid #f5f8fa;
  display: inline-flex;
  padding: 8px 4px 8px 4px;
  font-size: 13px;
  width: 100%;
  justify-content: space-between;
  margin-bottom: -4px;
}
.sticker-deadline-chooser__wrapper {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0;
  width: calc(100% - 8px);
}
.sticker-deadline-chooser__checkbox {
  margin-bottom: 0;
}
.sticker-deadline-chooser__label.disabled, .sticker-deadline-chooser__label.add-company__submit--disabled, .sticker-deadline-chooser__label.billing__pay-btn--disabled, .sticker-deadline-chooser__label.company-edit__save--disabled, .sticker-deadline-chooser__label.project-participants__save--disabled, .sticker-deadline-chooser__label.disabled span._checkbox, .sticker-deadline-chooser__label.add-company__submit--disabled span._checkbox, .sticker-deadline-chooser__label.billing__pay-btn--disabled span._checkbox, .sticker-deadline-chooser__label.company-edit__save--disabled span._checkbox, .sticker-deadline-chooser__label.project-participants__save--disabled span._checkbox {
  color: #888;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.sticker-deadline-chooser__select {
  height: initial;
  padding: 0 4px;
  margin-bottom: 0;
  font-size: 13px;
  width: 34%;
}
.sticker-deadline-chooser__input {
  font-size: 13px;
  padding: 2px;
  text-align: center;
  width: 34%;
  margin: 0 !important;
  height: initial !important;
}
.sticker-deadline-chooser__label {
  display: inline-flex;
  align-items: center;
  cursor: default;
  margin-right: 6px;
}
.sticker-deadline-chooser__title {
  white-space: nowrap;
  margin-left: 6px;
}

.sticker-deadline-edit-head {
  font-size: 12px;
  padding: 4px 8px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.sticker-deadline-edit-icon {
  background: url("/img/icons/icon-cal.svg") no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: sub;
}

.sticker-deadline-edit-icon:hover {
  background-image: url("/img/icons/icon-cal-hover.svg");
}

.sticker-deadline-edit-icon:active,
.sticker-deadline-edit.editing .sticker-deadline-edit-icon {
  background-image: url("/img/icons/icon-cal-pressed.svg");
}

.sticker-deadline-edit-mark--saved {
  color: #61cc14;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 4px 3px 16px;
  background: #f5f8fa;
  font-weight: 600;
  z-index: 1;
  cursor: default;
  border-radius: 4px;
}

.sticker-deadline-edit-calendar {
  border-top: 1px solid #b8bfcf;
  position: relative;
  padding: 4px;
  margin-top: 2px;
}

.sticker-deadline-edit-calendar:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 5px solid #b8bfcf;
  border-top: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  left: 50%;
  margin-left: -3px;
}

.sticker-deadline-edit-calendar:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-bottom: 4px solid #fff;
  border-top: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -4px;
  left: 50%;
  margin-left: -2px;
}

.sticker-deadline-edit-hist {
  border-top: 1px solid #b8bfcf;
  padding: 2px;
  font-size: 12px;
  color: #80899e;
  cursor: default;
}

.sticker-deadline-edit-hist-n {
  display: inline-block;
  color: #d3d6d7;
}

.sticker-deadline-edit-hist-val {
  display: inline-block;
  color: #2b3541;
  margin-left: 2px;
}

.sticker-deadline-edit-hist-item {
  position: relative;
  padding: 3px;
}

.sticker-deadline-edit-hist-item .user-avatar {
  position: absolute;
  right: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 9px;
}

.repeat-view__cnt {
  padding: 8px 8px;
  line-height: 1.3;
  font-size: 13px;
}
.repeat-view__btn {
  margin-top: 8px;
  width: 100%;
  padding: 0 4px;
  text-align: center;
}
.repeat-view__open-all {
  margin-top: 8px;
  line-height: 1.2;
}
.repeat-view__count {
  line-height: 1.2;
}
.repeat-view__tpl-list {
  max-height: 260px;
  overflow: auto;
  margin: 4px -8px 0;
  padding: 4px 8px;
}
.repeat-view__tpl {
  position: relative;
  margin: 4px 0;
  padding: 0 0 0 20px;
}
.repeat-view__tpl--stopped {
  opacity: 0.7;
  filter: grayscale(1);
}
.repeat-view__tpl-icon {
  height: 15px;
  width: 15px;
  background: #2f97e6 no-repeat url(/img/repeat/repeat.svg) center/15px;
  border-radius: 15px;
  position: absolute;
  left: 0;
  top: 1px;
}
.repeat-view__tpl-descr {
  color: #80899e;
  font-size: 12px;
}
.repeat-view__date {
  margin-top: 8px;
}
.repeat-view__explain-0 {
  margin-top: 8px;
}
.repeat-view__open-tpl {
  margin-top: 16px;
  padding: 0 10px;
  line-height: 24px;
}

.sticker-item-repeat .sticker-item-icon {
  background-image: url(/img/repeat/repeat.svg);
}
.sticker-item-repeat.sticker-item.active {
  background: #e4f3fd;
  color: #3699e3;
  border-color: #aed5ee;
}
.sticker-item-repeat.sticker-item.active .sticker-item-icon {
  background-color: #74b8e2;
}

.hours-minutes-input {
  display: flex;
  align-items: center;
}
.hours-minutes-input__input {
  width: 48px;
  height: 24px;
}
.hours-minutes-input__input--error, .hours-minutes-input__input--error:focus {
  border-color: #d92400;
}
.hours-minutes-input__unit {
  margin: 0 4px;
}

.timetracking-first-edit .sticker-item-details {
  text-align: center;
}
.timetracking-first-edit .sticker-item-details > span {
  margin: 0 0 8px;
}
.timetracking-first-edit .sticker-item-details .hours-minutes-input {
  justify-content: center;
}

.user-sticker-state {
  position: relative;
  display: inline-block;
}
.user-sticker-state--with-button {
  display: inline-flex;
  align-items: center;
}
.user-sticker-state__menu {
  position: absolute;
  top: 0;
  left: 0;
}
.user-sticker-state__empty {
  background: no-repeat 50% 50%/contain;
  background-image: url(/img/sticker-icons/user-empty.svg);
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin: -1px 2px 3px 0;
}
.user-sticker-state__empty:hover {
  background-image: url(/img/sticker-icons/user-empty-hover.svg);
}
.user-sticker-state__empty:active {
  background-image: url(/img/sticker-icons/user-empty-active.svg);
}
.icon-container:hover > .user-sticker-state__empty {
  background-image: url(/img/sticker-icons/user-empty-hover.svg);
}
.icon-container:active > .user-sticker-state__empty {
  background-image: url(/img/sticker-icons/user-empty-active.svg);
}
.user-sticker-state__btn {
  cursor: pointer;
  color: #2f97e6;
  margin-left: 4px;
  padding: 0 0 0 16px;
  background: no-repeat url(/img/actions/edit.svg) 0 50%/16px;
}
.user-sticker-state:hover .user-sticker-state__btn {
  background-image: url(/img/actions/edit-hover.svg);
}
.user-sticker-state:active .user-sticker-state__btn {
  background-image: url(/img/actions/edit-active.svg);
}

.sticker-item-list--user {
  top: 22px;
}
.sticker-item-list--user.direction-up {
  top: auto;
  bottom: 4px;
}
.sticker-item-list--user.direction-left {
  left: -285px;
}
.sticker-item-list--user.direction-left:before {
  left: unset;
  right: 8px;
}
.sticker-item-list--user.direction-left:after {
  left: unset;
  right: 8px;
}

body,
.tasks-item-title {
  font-weight: 400;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  background: #f5f8fa;
}

.float-clear {
  clear: both;
}

.tasks-add {
  position: absolute;
  cursor: pointer;
  color: #b8bfcf;
}

.scrollbar-container {
  position: relative;
  height: 100%;
}
.scrollbar-container.hide-rails .ps__rail-x,
.scrollbar-container.hide-rails .ps__rail-y {
  display: none;
}

.ps__rail-y {
  z-index: 20;
}

.no-hover-bg *:hover {
  background: initial !important;
}

.no-spinner {
  /* Firefox */
  -moz-appearance: textfield;
  /* Chrome, Safari, Edge, Opera */
}
.no-spinner::-webkit-outer-spin-button, .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.fix-perfect-scrollbar .ps__rail-y {
  left: auto !important;
}

.text-inherit-recursive * {
  color: inherit !important;
}

:root {
  --bg-opacity: 1;
}

.all-unset {
  all: unset;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::-webkit-backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.\!relative{
  position: relative !important;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.\!bottom-8{
  bottom: 8px !important;
}
.\!top-0{
  top: 0 !important;
}
.-bottom-1{
  bottom: -1px;
}
.-bottom-10{
  bottom: -10px;
}
.-bottom-16{
  bottom: -16px;
}
.-bottom-2{
  bottom: -2px;
}
.-bottom-3{
  bottom: -3px;
}
.-bottom-4{
  bottom: -4px;
}
.-bottom-8{
  bottom: -8px;
}
.-bottom-\[3px\]{
  bottom: -3px;
}
.-left-1{
  left: -1px;
}
.-left-2{
  left: -2px;
}
.-left-20{
  left: -20px;
}
.-left-4{
  left: -4px;
}
.-left-40{
  left: -40px;
}
.-left-6{
  left: -6px;
}
.-left-8{
  left: -8px;
}
.-left-\[20px\]{
  left: -20px;
}
.-left-\[28px\]{
  left: -28px;
}
.-left-\[33px\]{
  left: -33px;
}
.-left-\[3px\]{
  left: -3px;
}
.-right-2{
  right: -2px;
}
.-right-6{
  right: -6px;
}
.-right-8{
  right: -8px;
}
.-right-\[14px\]{
  right: -14px;
}
.-right-\[2px\]{
  right: -2px;
}
.-right-\[3px\]{
  right: -3px;
}
.-right-\[44px\]{
  right: -44px;
}
.-top-1{
  top: -1px;
}
.-top-2{
  top: -2px;
}
.-top-4{
  top: -4px;
}
.-top-6{
  top: -6px;
}
.-top-8{
  top: -8px;
}
.-top-\[6px\]{
  top: -6px;
}
.bottom-0{
  bottom: 0;
}
.bottom-12{
  bottom: 12px;
}
.bottom-16{
  bottom: 16px;
}
.bottom-18{
  bottom: 18px;
}
.bottom-2{
  bottom: 2px;
}
.bottom-24{
  bottom: 24px;
}
.bottom-4{
  bottom: 4px;
}
.bottom-40{
  bottom: 40px;
}
.bottom-64{
  bottom: 64px;
}
.bottom-8{
  bottom: 8px;
}
.bottom-\[-29px\]{
  bottom: -29px;
}
.bottom-\[-39px\]{
  bottom: -39px;
}
.bottom-\[-66px\]{
  bottom: -66px;
}
.left-0{
  left: 0;
}
.left-1{
  left: 1px;
}
.left-1\/2{
  left: 50%;
}
.left-1\/3{
  left: 33.333333%;
}
.left-12{
  left: 12px;
}
.left-16{
  left: 16px;
}
.left-18{
  left: 18px;
}
.left-2{
  left: 2px;
}
.left-4{
  left: 4px;
}
.left-6{
  left: 6px;
}
.left-8{
  left: 8px;
}
.left-\[-2px\]{
  left: -2px;
}
.left-full{
  left: 100%;
}
.right-0{
  right: 0;
}
.right-1\/2{
  right: 50%;
}
.right-1\/3{
  right: 33.333333%;
}
.right-10{
  right: 10px;
}
.right-12{
  right: 12px;
}
.right-16{
  right: 16px;
}
.right-18{
  right: 18px;
}
.right-2{
  right: 2px;
}
.right-20{
  right: 20px;
}
.right-24{
  right: 24px;
}
.right-3{
  right: 3px;
}
.right-4{
  right: 4px;
}
.right-40{
  right: 40px;
}
.right-8{
  right: 8px;
}
.right-\[-18px\]{
  right: -18px;
}
.right-\[-6px\]{
  right: -6px;
}
.right-\[259px\]{
  right: 259px;
}
.right-\[277px\]{
  right: 277px;
}
.top-0{
  top: 0;
}
.top-1{
  top: 1px;
}
.top-1\/2{
  top: 50%;
}
.top-12{
  top: 12px;
}
.top-136{
  top: 136px;
}
.top-16{
  top: 16px;
}
.top-18{
  top: 18px;
}
.top-2{
  top: 2px;
}
.top-24{
  top: 24px;
}
.top-30{
  top: 30px;
}
.top-4{
  top: 4px;
}
.top-40{
  top: 40px;
}
.top-42{
  top: 42px;
}
.top-52{
  top: 52px;
}
.top-6{
  top: 6px;
}
.top-64{
  top: 64px;
}
.top-8{
  top: 8px;
}
.top-85{
  top: 85px;
}
.top-96{
  top: 96px;
}
.top-\[-2px\]{
  top: -2px;
}
.top-\[-41px\]{
  top: -41px;
}
.top-\[-8px\]{
  top: -8px;
}
.top-\[132px\]{
  top: 132px;
}
.top-\[22px\]{
  top: 22px;
}
.top-\[92px\]{
  top: 92px;
}
.top-full{
  top: 100%;
}
.isolate{
  isolation: isolate;
}
.\!z-1000{
  z-index: 1000 !important;
}
.-z-10{
  z-index: -10;
}
.-z-100{
  z-index: -100;
}
.z-0{
  z-index: 0;
}
.z-1{
  z-index: 1;
}
.z-10{
  z-index: 10;
}
.z-1000{
  z-index: 1000;
}
.z-20{
  z-index: 20;
}
.z-2000{
  z-index: 2000;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[-1\]{
  z-index: -1;
}
.z-\[2000\]{
  z-index: 2000;
}
.z-\[2147483647\]{
  z-index: 2147483647;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[49\]{
  z-index: 49;
}
.z-\[53\]{
  z-index: 53;
}
.z-\[9999\]{
  z-index: 9999;
}
.-order-1{
  order: -1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.col-start-2{
  grid-column-start: 2;
}
.float-right{
  float: right;
}
.float-left{
  float: left;
}
.\!m-0{
  margin: 0 !important;
}
.-m-4{
  margin: -4px;
}
.m-0{
  margin: 0;
}
.m-12{
  margin: 12px;
}
.m-4{
  margin: 4px;
}
.m-8{
  margin: 8px;
}
.m-auto{
  margin: auto;
}
.-mx-16{
  margin-left: -16px;
  margin-right: -16px;
}
.-mx-4{
  margin-left: -4px;
  margin-right: -4px;
}
.-mx-8{
  margin-left: -8px;
  margin-right: -8px;
}
.-my-4{
  margin-top: -4px;
  margin-bottom: -4px;
}
.mx-0{
  margin-left: 0;
  margin-right: 0;
}
.mx-12{
  margin-left: 12px;
  margin-right: 12px;
}
.mx-16{
  margin-left: 16px;
  margin-right: 16px;
}
.mx-2{
  margin-left: 2px;
  margin-right: 2px;
}
.mx-20{
  margin-left: 20px;
  margin-right: 20px;
}
.mx-24{
  margin-left: 24px;
  margin-right: 24px;
}
.mx-4{
  margin-left: 4px;
  margin-right: 4px;
}
.mx-6{
  margin-left: 6px;
  margin-right: 6px;
}
.mx-64{
  margin-left: 64px;
  margin-right: 64px;
}
.mx-8{
  margin-left: 8px;
  margin-right: 8px;
}
.mx-\[-2px\]{
  margin-left: -2px;
  margin-right: -2px;
}
.mx-\[-4px\]{
  margin-left: -4px;
  margin-right: -4px;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-12{
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-16{
  margin-top: 16px;
  margin-bottom: 16px;
}
.my-2{
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-24{
  margin-top: 24px;
  margin-bottom: 24px;
}
.my-4{
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-8{
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-\[-2px\]{
  margin-top: -2px;
  margin-bottom: -2px;
}
.my-\[8px\]{
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.\!mb-0{
  margin-bottom: 0 !important;
}
.\!ml-0{
  margin-left: 0 !important;
}
.\!mr-0{
  margin-right: 0 !important;
}
.-mb-1{
  margin-bottom: -1px;
}
.-mb-2{
  margin-bottom: -2px;
}
.-mb-24{
  margin-bottom: -24px;
}
.-mb-4{
  margin-bottom: -4px;
}
.-mb-6{
  margin-bottom: -6px;
}
.-mb-\[3px\]{
  margin-bottom: -3px;
}
.-ml-1{
  margin-left: -1px;
}
.-ml-2{
  margin-left: -2px;
}
.-ml-24{
  margin-left: -24px;
}
.-ml-4{
  margin-left: -4px;
}
.-ml-8{
  margin-left: -8px;
}
.-mr-12{
  margin-right: -12px;
}
.-mr-16{
  margin-right: -16px;
}
.-mr-2{
  margin-right: -2px;
}
.-mr-4{
  margin-right: -4px;
}
.-mr-8{
  margin-right: -8px;
}
.-mt-1{
  margin-top: -1px;
}
.-mt-2{
  margin-top: -2px;
}
.-mt-4{
  margin-top: -4px;
}
.-mt-6{
  margin-top: -6px;
}
.-mt-8{
  margin-top: -8px;
}
.mb-0{
  margin-bottom: 0;
}
.mb-1{
  margin-bottom: 1px;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-12{
  margin-bottom: 12px;
}
.mb-14{
  margin-bottom: 14px;
}
.mb-16{
  margin-bottom: 16px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-24{
  margin-bottom: 24px;
}
.mb-32{
  margin-bottom: 32px;
}
.mb-34{
  margin-bottom: 34px;
}
.mb-4{
  margin-bottom: 4px;
}
.mb-56{
  margin-bottom: 56px;
}
.mb-6{
  margin-bottom: 6px;
}
.mb-64{
  margin-bottom: 64px;
}
.mb-8{
  margin-bottom: 8px;
}
.mb-\[-4px\]{
  margin-bottom: -4px;
}
.ml-0{
  margin-left: 0;
}
.ml-1{
  margin-left: 1px;
}
.ml-10{
  margin-left: 10px;
}
.ml-12{
  margin-left: 12px;
}
.ml-16{
  margin-left: 16px;
}
.ml-18{
  margin-left: 18px;
}
.ml-2{
  margin-left: 2px;
}
.ml-20{
  margin-left: 20px;
}
.ml-24{
  margin-left: 24px;
}
.ml-28{
  margin-left: 28px;
}
.ml-3{
  margin-left: 3px;
}
.ml-30{
  margin-left: 30px;
}
.ml-32{
  margin-left: 32px;
}
.ml-34{
  margin-left: 34px;
}
.ml-4{
  margin-left: 4px;
}
.ml-40{
  margin-left: 40px;
}
.ml-42{
  margin-left: 42px;
}
.ml-44{
  margin-left: 44px;
}
.ml-48{
  margin-left: 48px;
}
.ml-6{
  margin-left: 6px;
}
.ml-8{
  margin-left: 8px;
}
.ml-88{
  margin-left: 88px;
}
.ml-\[-1px\]{
  margin-left: -1px;
}
.ml-\[-8px\]{
  margin-left: -8px;
}
.ml-\[1\.25rem\]{
  margin-left: 1.25rem;
}
.ml-\[24px\]{
  margin-left: 24px;
}
.ml-auto{
  margin-left: auto;
}
.mr-0{
  margin-right: 0;
}
.mr-112{
  margin-right: 112px;
}
.mr-12{
  margin-right: 12px;
}
.mr-14{
  margin-right: 14px;
}
.mr-16{
  margin-right: 16px;
}
.mr-2{
  margin-right: 2px;
}
.mr-24{
  margin-right: 24px;
}
.mr-32{
  margin-right: 32px;
}
.mr-4{
  margin-right: 4px;
}
.mr-56{
  margin-right: 56px;
}
.mr-6{
  margin-right: 6px;
}
.mr-8{
  margin-right: 8px;
}
.mr-\[-10px\]{
  margin-right: -10px;
}
.mr-\[-16px\]{
  margin-right: -16px;
}
.mr-\[24px\]{
  margin-right: 24px;
}
.mr-\[40px\]{
  margin-right: 40px;
}
.mr-auto{
  margin-right: auto;
}
.mt-0{
  margin-top: 0;
}
.mt-1{
  margin-top: 1px;
}
.mt-10{
  margin-top: 10px;
}
.mt-12{
  margin-top: 12px;
}
.mt-14{
  margin-top: 14px;
}
.mt-16{
  margin-top: 16px;
}
.mt-18{
  margin-top: 18px;
}
.mt-2{
  margin-top: 2px;
}
.mt-20{
  margin-top: 20px;
}
.mt-24{
  margin-top: 24px;
}
.mt-26{
  margin-top: 26px;
}
.mt-3{
  margin-top: 3px;
}
.mt-32{
  margin-top: 32px;
}
.mt-4{
  margin-top: 4px;
}
.mt-48{
  margin-top: 48px;
}
.mt-6{
  margin-top: 6px;
}
.mt-64{
  margin-top: 64px;
}
.mt-8{
  margin-top: 8px;
}
.mt-85{
  margin-top: 85px;
}
.mt-88{
  margin-top: 88px;
}
.mt-\[-2px\]{
  margin-top: -2px;
}
.mt-\[-3px\]{
  margin-top: -3px;
}
.mt-\[-6px\]{
  margin-top: -6px;
}
.mt-\[\.5px\]{
  margin-top: .5px;
}
.mt-auto{
  margin-top: auto;
}
.box-border{
  box-sizing: border-box;
}
.\!box-content{
  box-sizing: content-box !important;
}
.box-content{
  box-sizing: content-box;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.\!inline-block{
  display: inline-block !important;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.\!flex{
  display: flex !important;
}
.flex{
  display: flex;
}
.\!inline-flex{
  display: inline-flex !important;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.table-row{
  display: table-row;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.\!h-24{
  height: 24px !important;
}
.\!h-28{
  height: 28px !important;
}
.\!h-32{
  height: 32px !important;
}
.\!h-\[20px\]{
  height: 20px !important;
}
.\!h-auto{
  height: auto !important;
}
.h-0{
  height: 0;
}
.h-1{
  height: 1px;
}
.h-10{
  height: 10px;
}
.h-100{
  height: 100px;
}
.h-100vh{
  height: 100vh;
}
.h-118{
  height: 118px;
}
.h-12{
  height: 12px;
}
.h-128{
  height: 128px;
}
.h-14{
  height: 14px;
}
.h-16{
  height: 16px;
}
.h-160{
  height: 160px;
}
.h-18{
  height: 18px;
}
.h-2{
  height: 2px;
}
.h-2\/3{
  height: 66.666667%;
}
.h-20{
  height: 20px;
}
.h-208{
  height: 208px;
}
.h-24{
  height: 24px;
}
.h-240{
  height: 240px;
}
.h-256{
  height: 256px;
}
.h-28{
  height: 28px;
}
.h-3{
  height: 3px;
}
.h-3\/4{
  height: 75%;
}
.h-30{
  height: 30px;
}
.h-304{
  height: 304px;
}
.h-32{
  height: 32px;
}
.h-34{
  height: 34px;
}
.h-36{
  height: 36px;
}
.h-380{
  height: 380px;
}
.h-4{
  height: 4px;
}
.h-40{
  height: 40px;
}
.h-400{
  height: 400px;
}
.h-412{
  height: 412px;
}
.h-44{
  height: 44px;
}
.h-48{
  height: 48px;
}
.h-512{
  height: 512px;
}
.h-52{
  height: 52px;
}
.h-56{
  height: 56px;
}
.h-6{
  height: 6px;
}
.h-60{
  height: 60px;
}
.h-64{
  height: 64px;
}
.h-72{
  height: 72px;
}
.h-8{
  height: 8px;
}
.h-86{
  height: 86px;
}
.h-96{
  height: 96px;
}
.h-\[100px\]{
  height: 100px;
}
.h-\[11px\]{
  height: 11px;
}
.h-\[132px\]{
  height: 132px;
}
.h-\[133px\]{
  height: 133px;
}
.h-\[17px\]{
  height: 17px;
}
.h-\[188px\]{
  height: 188px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[212px\]{
  height: 212px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[230px\]{
  height: 230px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[270px\]{
  height: 270px;
}
.h-\[28px\]{
  height: 28px;
}
.h-\[290px\]{
  height: 290px;
}
.h-\[320px\]{
  height: 320px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[34px\]{
  height: 34px;
}
.h-\[352px\]{
  height: 352px;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[68px\]{
  height: 68px;
}
.h-\[72px\]{
  height: 72px;
}
.h-\[9px\]{
  height: 9px;
}
.h-\[calc\(100\%-16px-16px-32px-8px-16px-16px\)\]{
  height: calc(100% - 16px - 16px - 32px - 8px - 16px - 16px);
}
.h-\[calc\(100\%-32px-8px-33px\)\]{
  height: calc(100% - 32px - 8px - 33px);
}
.h-\[calc\(100\%-48px\)\]{
  height: calc(100% - 48px);
}
.h-\[calc\(100\%-68px-91px\)\]{
  height: calc(100% - 68px - 91px);
}
.h-\[calc\(100\%-96px\)\]{
  height: calc(100% - 96px);
}
.h-\[calc\(118px\+4px\)\]{
  height: calc(118px + 4px);
}
.h-\[calc\(86px\+4px\)\]{
  height: calc(86px + 4px);
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-screen{
  height: 100vh;
}
.\!max-h-172{
  max-height: 172px !important;
}
.max-h-0{
  max-height: 0;
}
.max-h-10{
  max-height: 10px;
}
.max-h-100{
  max-height: 100px;
}
.max-h-112{
  max-height: 112px;
}
.max-h-118{
  max-height: 118px;
}
.max-h-14{
  max-height: 14px;
}
.max-h-16{
  max-height: 16px;
}
.max-h-200{
  max-height: 200px;
}
.max-h-208{
  max-height: 208px;
}
.max-h-24{
  max-height: 24px;
}
.max-h-240{
  max-height: 240px;
}
.max-h-250{
  max-height: 250px;
}
.max-h-256{
  max-height: 256px;
}
.max-h-28{
  max-height: 28px;
}
.max-h-300{
  max-height: 300px;
}
.max-h-32{
  max-height: 32px;
}
.max-h-320{
  max-height: 320px;
}
.max-h-380{
  max-height: 380px;
}
.max-h-400{
  max-height: 400px;
}
.max-h-458{
  max-height: 458px;
}
.max-h-512{
  max-height: 512px;
}
.max-h-720{
  max-height: 720px;
}
.max-h-80{
  max-height: 80px;
}
.max-h-86{
  max-height: 86px;
}
.max-h-96{
  max-height: 96px;
}
.max-h-\[120px\]{
  max-height: 120px;
}
.max-h-\[17px\]{
  max-height: 17px;
}
.max-h-\[30px\]{
  max-height: 30px;
}
.max-h-\[320px\]{
  max-height: 320px;
}
.max-h-\[360px\]{
  max-height: 360px;
}
.max-h-\[760px\]{
  max-height: 760px;
}
.max-h-\[76px\]{
  max-height: 76px;
}
.max-h-\[calc\(100\%-109px-108px\)\]{
  max-height: calc(100% - 109px - 108px);
}
.max-h-\[calc\(100\%-109px-108px-80px\)\]{
  max-height: calc(100% - 109px - 108px - 80px);
}
.max-h-\[calc\(100\%-109px-28px\)\]{
  max-height: calc(100% - 109px - 28px);
}
.max-h-\[calc\(100\%-32px\)\]{
  max-height: calc(100% - 32px);
}
.max-h-\[calc\(100\%-48px\)\]{
  max-height: calc(100% - 48px);
}
.max-h-\[calc\(100\%-76px-108px\)\]{
  max-height: calc(100% - 76px - 108px);
}
.max-h-full{
  max-height: 100%;
}
.\!min-h-24{
  min-height: 24px !important;
}
.min-h-0{
  min-height: 0;
}
.min-h-100{
  min-height: 100px;
}
.min-h-118{
  min-height: 118px;
}
.min-h-128{
  min-height: 128px;
}
.min-h-16{
  min-height: 16px;
}
.min-h-20{
  min-height: 20px;
}
.min-h-24{
  min-height: 24px;
}
.min-h-28{
  min-height: 28px;
}
.min-h-30{
  min-height: 30px;
}
.min-h-32{
  min-height: 32px;
}
.min-h-40{
  min-height: 40px;
}
.min-h-56{
  min-height: 56px;
}
.min-h-64{
  min-height: 64px;
}
.min-h-72{
  min-height: 72px;
}
.min-h-8{
  min-height: 8px;
}
.min-h-80{
  min-height: 80px;
}
.min-h-86{
  min-height: 86px;
}
.min-h-\[300px\]{
  min-height: 300px;
}
.min-h-\[30px\]{
  min-height: 30px;
}
.min-h-\[320px\]{
  min-height: 320px;
}
.min-h-\[360px\]{
  min-height: 360px;
}
.min-h-\[42\.2px\]{
  min-height: 42.2px;
}
.min-h-\[420px\]{
  min-height: 420px;
}
.min-h-\[4px\]{
  min-height: 4px;
}
.min-h-\[auto\]{
  min-height: auto;
}
.min-h-\[calc\(100vh-32px-64px-32px\)\]{
  min-height: calc(100vh - 32px - 64px - 32px);
}
.min-h-full{
  min-height: 100%;
}
.\!w-24{
  width: 24px !important;
}
.\!w-32{
  width: 32px !important;
}
.\!w-320{
  width: 320px !important;
}
.\!w-440{
  width: 440px !important;
}
.\!w-\[380px\]{
  width: 380px !important;
}
.\!w-fit{
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.\!w-full{
  width: 100% !important;
}
.w-0{
  width: 0;
}
.w-1{
  width: 1px;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-1\/5{
  width: 20%;
}
.w-1\/7{
  width: 14.2857143%;
}
.w-10{
  width: 10px;
}
.w-10\/12{
  width: 83.333333%;
}
.w-100{
  width: 100px;
}
.w-100vw{
  width: 100vw;
}
.w-110{
  width: 110px;
}
.w-118{
  width: 118px;
}
.w-12{
  width: 12px;
}
.w-128{
  width: 128px;
}
.w-136{
  width: 136px;
}
.w-14{
  width: 14px;
}
.w-16{
  width: 16px;
}
.w-160{
  width: 160px;
}
.w-162{
  width: 162px;
}
.w-172{
  width: 172px;
}
.w-176{
  width: 176px;
}
.w-18{
  width: 18px;
}
.w-184{
  width: 184px;
}
.w-192{
  width: 192px;
}
.w-2{
  width: 2px;
}
.w-2\/6{
  width: 33.333333%;
}
.w-20{
  width: 20px;
}
.w-200{
  width: 200px;
}
.w-208{
  width: 208px;
}
.w-216{
  width: 216px;
}
.w-220{
  width: 220px;
}
.w-224{
  width: 224px;
}
.w-24{
  width: 24px;
}
.w-240{
  width: 240px;
}
.w-250{
  width: 250px;
}
.w-256{
  width: 256px;
}
.w-272{
  width: 272px;
}
.w-28{
  width: 28px;
}
.w-280{
  width: 280px;
}
.w-296{
  width: 296px;
}
.w-3{
  width: 3px;
}
.w-304{
  width: 304px;
}
.w-32{
  width: 32px;
}
.w-320{
  width: 320px;
}
.w-34{
  width: 34px;
}
.w-36{
  width: 36px;
}
.w-380{
  width: 380px;
}
.w-392{
  width: 392px;
}
.w-4{
  width: 4px;
}
.w-40{
  width: 40px;
}
.w-412{
  width: 412px;
}
.w-424{
  width: 424px;
}
.w-44{
  width: 44px;
}
.w-440{
  width: 440px;
}
.w-48{
  width: 48px;
}
.w-512{
  width: 512px;
}
.w-56{
  width: 56px;
}
.w-6{
  width: 6px;
}
.w-60{
  width: 60px;
}
.w-64{
  width: 64px;
}
.w-640{
  width: 640px;
}
.w-8{
  width: 8px;
}
.w-88{
  width: 88px;
}
.w-96{
  width: 96px;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[112px\]{
  width: 112px;
}
.w-\[133px\]{
  width: 133px;
}
.w-\[150px\]{
  width: 150px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[200\%\]{
  width: 200%;
}
.w-\[20px\]{
  width: 20px;
}
.w-\[233px\]{
  width: 233px;
}
.w-\[240px\]{
  width: 240px;
}
.w-\[244px\]{
  width: 244px;
}
.w-\[248px\]{
  width: 248px;
}
.w-\[28px\]{
  width: 28px;
}
.w-\[2px\]{
  width: 2px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[304px\]{
  width: 304px;
}
.w-\[320px\]{
  width: 320px;
}
.w-\[33px\]{
  width: 33px;
}
.w-\[352px\]{
  width: 352px;
}
.w-\[552px\]{
  width: 552px;
}
.w-\[5px\]{
  width: 5px;
}
.w-\[68px\]{
  width: 68px;
}
.w-\[930px\]{
  width: 930px;
}
.w-\[9px\]{
  width: 9px;
}
.w-\[calc\(100\%\+16px\)\]{
  width: calc(100% + 16px);
}
.w-\[calc\(100\%\+24px\)\]{
  width: calc(100% + 24px);
}
.w-\[calc\(100\%\+8px\)\]{
  width: calc(100% + 8px);
}
.w-\[calc\(100\%-48px\)\]{
  width: calc(100% - 48px);
}
.w-\[calc\(118px\+4px\)\]{
  width: calc(118px + 4px);
}
.w-\[calc\(162px\+4px\)\]{
  width: calc(162px + 4px);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.w-min{
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.w-screen{
  width: 100vw;
}
.min-w-0{
  min-width: 0;
}
.min-w-118{
  min-width: 118px;
}
.min-w-136{
  min-width: 136px;
}
.min-w-1400{
  min-width: 1400px;
}
.min-w-16{
  min-width: 16px;
}
.min-w-160{
  min-width: 160px;
}
.min-w-162{
  min-width: 162px;
}
.min-w-176{
  min-width: 176px;
}
.min-w-190{
  min-width: 190px;
}
.min-w-20{
  min-width: 20px;
}
.min-w-200{
  min-width: 200px;
}
.min-w-202{
  min-width: 202px;
}
.min-w-230{
  min-width: 230px;
}
.min-w-234{
  min-width: 234px;
}
.min-w-24{
  min-width: 24px;
}
.min-w-248{
  min-width: 248px;
}
.min-w-250{
  min-width: 250px;
}
.min-w-296{
  min-width: 296px;
}
.min-w-32{
  min-width: 32px;
}
.min-w-380{
  min-width: 380px;
}
.min-w-4{
  min-width: 4px;
}
.min-w-40{
  min-width: 40px;
}
.min-w-400{
  min-width: 400px;
}
.min-w-424{
  min-width: 424px;
}
.min-w-440{
  min-width: 440px;
}
.min-w-46{
  min-width: 46px;
}
.min-w-54{
  min-width: 54px;
}
.min-w-56{
  min-width: 56px;
}
.min-w-64{
  min-width: 64px;
}
.min-w-664{
  min-width: 664px;
}
.min-w-720{
  min-width: 720px;
}
.min-w-8{
  min-width: 8px;
}
.min-w-96{
  min-width: 96px;
}
.min-w-\[1024px\]{
  min-width: 1024px;
}
.min-w-\[1052px\]{
  min-width: 1052px;
}
.min-w-\[130px\]{
  min-width: 130px;
}
.min-w-\[136px\]{
  min-width: 136px;
}
.min-w-\[150px\]{
  min-width: 150px;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[248px\]{
  min-width: 248px;
}
.min-w-\[260px\]{
  min-width: 260px;
}
.min-w-\[280px\]{
  min-width: 280px;
}
.min-w-\[295px\]{
  min-width: 295px;
}
.min-w-\[300px\]{
  min-width: 300px;
}
.min-w-\[304px\]{
  min-width: 304px;
}
.min-w-\[450px\]{
  min-width: 450px;
}
.min-w-\[792px\]{
  min-width: 792px;
}
.min-w-\[80px\]{
  min-width: 80px;
}
.min-w-full{
  min-width: 100%;
}
.\!max-w-256{
  max-width: 256px !important;
}
.\!max-w-full{
  max-width: 100% !important;
}
.max-w-1090{
  max-width: 1090px;
}
.max-w-1096{
  max-width: 1096px;
}
.max-w-112{
  max-width: 112px;
}
.max-w-118{
  max-width: 118px;
}
.max-w-128{
  max-width: 128px;
}
.max-w-136{
  max-width: 136px;
}
.max-w-16{
  max-width: 16px;
}
.max-w-160{
  max-width: 160px;
}
.max-w-162{
  max-width: 162px;
}
.max-w-170{
  max-width: 170px;
}
.max-w-194{
  max-width: 194px;
}
.max-w-200{
  max-width: 200px;
}
.max-w-202{
  max-width: 202px;
}
.max-w-208{
  max-width: 208px;
}
.max-w-224{
  max-width: 224px;
}
.max-w-230{
  max-width: 230px;
}
.max-w-240{
  max-width: 240px;
}
.max-w-256{
  max-width: 256px;
}
.max-w-272{
  max-width: 272px;
}
.max-w-296{
  max-width: 296px;
}
.max-w-304{
  max-width: 304px;
}
.max-w-380{
  max-width: 380px;
}
.max-w-400{
  max-width: 400px;
}
.max-w-458{
  max-width: 458px;
}
.max-w-46{
  max-width: 46px;
}
.max-w-472{
  max-width: 472px;
}
.max-w-54{
  max-width: 54px;
}
.max-w-640{
  max-width: 640px;
}
.max-w-672{
  max-width: 672px;
}
.max-w-680{
  max-width: 680px;
}
.max-w-720{
  max-width: 720px;
}
.max-w-960{
  max-width: 960px;
}
.max-w-\[1280px\]{
  max-width: 1280px;
}
.max-w-\[140px\]{
  max-width: 140px;
}
.max-w-\[148px\]{
  max-width: 148px;
}
.max-w-\[150px\]{
  max-width: 150px;
}
.max-w-\[160px\]{
  max-width: 160px;
}
.max-w-\[180px\]{
  max-width: 180px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[250px\]{
  max-width: 250px;
}
.max-w-\[304px\]{
  max-width: 304px;
}
.max-w-\[330px\]{
  max-width: 330px;
}
.max-w-\[350px\]{
  max-width: 350px;
}
.max-w-\[700px\]{
  max-width: 700px;
}
.max-w-\[calc\(100\%-20px\)\]{
  max-width: calc(100% - 20px);
}
.max-w-\[calc\(100\%-48px\)\]{
  max-width: calc(100% - 48px);
}
.max-w-full{
  max-width: 100%;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-auto{
  flex: 1 1 auto;
}
.flex-initial{
  flex: 0 1 auto;
}
.flex-none{
  flex: none;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.shrink-\[2\]{
  flex-shrink: 2;
}
.flex-grow{
  flex-grow: 1;
}
.flex-grow-0{
  flex-grow: 0;
}
.grow-0{
  flex-grow: 0;
}
.basis-1\/7{
  flex-basis: 14.2857143%;
}
.basis-4{
  flex-basis: 4px;
}
.basis-48{
  flex-basis: 48px;
}
.basis-auto{
  flex-basis: auto;
}
.table-fixed{
  table-layout: fixed;
}
.origin-center{
  transform-origin: center;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-3\/4{
  --tw-translate-x: -75%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[5px\]{
  --tw-translate-x: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[2\.5px\]{
  --tw-translate-y: -2.5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-15deg\]{
  --tw-rotate: -15deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[15deg\]{
  --tw-rotate: 15deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.6667\]{
  --tw-scale-x: 0.6667;
  --tw-scale-y: 0.6667;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!animate-none{
  -webkit-animation: none !important;
          animation: none !important;
}
@-webkit-keyframes pulse-appear{
  50%{
    opacity: 0.1;
  }
}
@keyframes pulse-appear{
  50%{
    opacity: 0.1;
  }
}
.animate-pulse-appear{
  -webkit-animation: pulse-appear 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
          animation: pulse-appear 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@-webkit-keyframes show{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@keyframes show{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.animate-show-message{
  -webkit-animation: show 150ms 100ms linear forwards;
          animation: show 150ms 100ms linear forwards;
}
@-webkit-keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
.\!cursor-copy{
  cursor: copy !important;
}
.\!cursor-default{
  cursor: default !important;
}
.\!cursor-ew-resize{
  cursor: ew-resize !important;
}
.\!cursor-grab{
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
.\!cursor-grabbing{
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.\!cursor-pointer{
  cursor: pointer !important;
}
.cursor-alias{
  cursor: alias;
}
.cursor-col-resize{
  cursor: col-resize;
}
.cursor-default{
  cursor: default;
}
.cursor-ew-resize{
  cursor: ew-resize;
}
.cursor-grab{
  cursor: -webkit-grab;
  cursor: grab;
}
.cursor-grabbing{
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.cursor-help{
  cursor: help;
}
.cursor-move{
  cursor: move;
}
.cursor-none{
  cursor: none;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-row-resize{
  cursor: row-resize;
}
.cursor-text{
  cursor: text;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.\!resize-none{
  resize: none !important;
}
.resize-none{
  resize: none;
}
.resize-x{
  resize: horizontal;
}
.\!resize{
  resize: both !important;
}
.resize{
  resize: both;
}
.list-none{
  list-style-type: none;
}
.auto-rows-min{
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[16px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 16px minmax(0,1fr);
}
.grid-rows-\[minmax\(0\2c min-content\)_minmax\(0\2c min-content\)\]{
  grid-template-rows: minmax(0,-webkit-min-content) minmax(0,-webkit-min-content);
  grid-template-rows: minmax(0,min-content) minmax(0,min-content);
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.content-center{
  align-content: center;
}
.content-start{
  align-content: flex-start;
}
.\!items-start{
  align-items: flex-start !important;
}
.items-start{
  align-items: flex-start;
}
.\!items-end{
  align-items: flex-end !important;
}
.items-end{
  align-items: flex-end;
}
.\!items-center{
  align-items: center !important;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.\!justify-start{
  justify-content: flex-start !important;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-evenly{
  justify-content: space-evenly;
}
.justify-stretch{
  justify-content: stretch;
}
.justify-items-start{
  justify-items: start;
}
.gap-0{
  gap: 0;
}
.gap-10{
  gap: 10px;
}
.gap-12{
  gap: 12px;
}
.gap-14{
  gap: 14px;
}
.gap-16{
  gap: 16px;
}
.gap-18{
  gap: 18px;
}
.gap-2{
  gap: 2px;
}
.gap-20{
  gap: 20px;
}
.gap-24{
  gap: 24px;
}
.gap-32{
  gap: 32px;
}
.gap-4{
  gap: 4px;
}
.gap-40{
  gap: 40px;
}
.gap-48{
  gap: 48px;
}
.gap-8{
  gap: 8px;
}
.gap-\[9px\]{
  gap: 9px;
}
.gap-x-136{
  -moz-column-gap: 136px;
       column-gap: 136px;
}
.gap-x-8{
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.gap-y-24{
  row-gap: 24px;
}
.gap-y-4{
  row-gap: 4px;
}
.gap-y-6{
  row-gap: 6px;
}
.gap-y-8{
  row-gap: 8px;
}
.space-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.space-y-\[10px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10px * var(--tw-space-y-reverse));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-baseline{
  align-self: baseline;
}
.overflow-auto{
  overflow: auto;
}
.\!overflow-hidden{
  overflow: hidden !important;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.\!overflow-y-auto{
  overflow-y: auto !important;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-hidden{
  overflow-y: hidden;
}
.overflow-x-scroll{
  overflow-x: scroll;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis{
  text-overflow: ellipsis;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.text-clip{
  text-overflow: clip;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre{
  white-space: pre;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-4{
  border-radius: 4px !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-12{
  border-radius: 12px;
}
.rounded-16{
  border-radius: 16px;
}
.rounded-2{
  border-radius: 2px;
}
.rounded-3{
  border-radius: 3px;
}
.rounded-37{
  border-radius: 37px;
}
.rounded-4{
  border-radius: 4px;
}
.rounded-50{
  border-radius: 50px;
}
.rounded-6{
  border-radius: 6px;
}
.rounded-8{
  border-radius: 8px;
}
.rounded-\[1\.33px\]{
  border-radius: 1.33px;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[6px\]{
  border-radius: 6px;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-md{
  border-radius: 0.375rem;
}
.\!rounded-b-none{
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-l-none{
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-r-none{
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-b-16{
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.rounded-b-4{
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-b-8{
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-b-none{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l-12{
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.rounded-l-4{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-\[8px\]{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-l-full{
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-l-none{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-4{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-r-\[12px\]{
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.rounded-r-full{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-t-16{
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.rounded-t-4{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-8{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-t-none{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-bl-4{
  border-bottom-left-radius: 4px;
}
.rounded-bl-8{
  border-bottom-left-radius: 8px;
}
.rounded-br-4{
  border-bottom-right-radius: 4px;
}
.rounded-tl-4{
  border-top-left-radius: 4px;
}
.rounded-tl-8{
  border-top-left-radius: 8px;
}
.rounded-tr-4{
  border-top-right-radius: 4px;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0;
}
.border-1{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-3{
  border-width: 3px;
}
.border-x-0{
  border-left-width: 0;
  border-right-width: 0;
}
.border-y-0{
  border-top-width: 0;
  border-bottom-width: 0;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-0{
  border-bottom-width: 0;
}
.border-b-1{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-0{
  border-left-width: 0;
}
.border-l-1{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-r-0{
  border-right-width: 0;
}
.border-r-1{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-0{
  border-top-width: 0;
}
.border-t-1{
  border-top-width: 1px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-t-8{
  border-top-width: 8px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.\!border-none{
  border-style: none !important;
}
.border-none{
  border-style: none;
}
.border-accent-old{
  border-color: var(--color-universal-accent-old);
}
.border-acid-blue{
  border-color: var(--color-primary-acid-blue);
}
.border-acid-gray{
  border-color: var(--color-primary-acid-gray);
}
.border-acid-green{
  border-color: var(--color-primary-acid-green);
}
.border-acid-orange{
  border-color: var(--color-primary-acid-orange);
}
.border-acid-pink{
  border-color: var(--color-primary-acid-pink);
}
.border-acid-red{
  border-color: var(--color-primary-acid-red);
}
.border-acid-turquoise{
  border-color: var(--color-primary-acid-turquoise);
}
.border-acid-violet{
  border-color: var(--color-primary-acid-violet);
}
.border-acid-yellow{
  border-color: var(--color-primary-acid-yellow);
}
.border-action-default{
  border-color: var(--color-primary-action-default);
}
.border-action-disabled{
  border-color: var(--color-primary-action-disabled);
}
.border-action-hover{
  border-color: var(--color-primary-action-hover);
}
.border-action-pressed{
  border-color: var(--color-primary-action-pressed);
}
.border-background-active{
  border-color: var(--color-primary-background-active);
}
.border-background-card{
  border-color: var(--color-primary-background-card);
}
.border-background-disabled{
  border-color: var(--color-primary-background-disabled);
}
.border-background-hover{
  border-color: var(--color-primary-background-hover);
}
.border-background-primary{
  border-color: var(--color-primary-background-primary);
}
.border-background-secondary{
  border-color: var(--color-primary-background-secondary);
}
.border-background-solid{
  border-color: var(--color-primary-background-solid);
}
.border-background-sticker-panel{
  border-color: var(--color-primary-background-sticker-panel);
}
.border-background-subtask-open{
  border-color: var(--color-primary-background-subtask-open);
}
.border-base{
  border-color: var(--color-border-base);
}
.border-bg-header-old{
  border-color: var(--color-border-bg-header-old);
}
.border-bg-main-old{
  border-color: var(--color-border-bg-main-old);
}
.border-border-base{
  border-color: var(--color-primary-border-base);
}
.border-error{
  border-color: var(--color-primary-error);
}
.border-error-l20{
  border-color: var(--color-primary-error-l20);
}
.border-error-old{
  border-color: var(--color-universal-error-old);
}
.border-grey-l100{
  border-color: var(--color-primary-grey-l100);
}
.border-grey-l20{
  border-color: var(--color-primary-grey-l20);
}
.border-grey-l60{
  border-color: var(--color-primary-grey-l60);
}
.border-icon-disabled{
  border-color: var(--color-primary-icon-disabled);
}
.border-icon-invert{
  border-color: var(--color-primary-icon-invert);
}
.border-icon-primary{
  border-color: var(--color-primary-icon-primary);
}
.border-icon-secondary{
  border-color: var(--color-primary-icon-secondary);
}
.border-input-disabled{
  border-color: var(--color-border-input-disabled);
}
.border-interactive-l60{
  border-color: var(--color-primary-interactive-l60);
}
.border-light-blue{
  border-color: var(--color-primary-light-blue);
}
.border-light-gray{
  border-color: var(--color-primary-light-gray);
}
.border-light-green{
  border-color: var(--color-primary-light-green);
}
.border-light-old{
  border-color: var(--color-border-light-old);
}
.border-light-orange{
  border-color: var(--color-primary-light-orange);
}
.border-light-pink{
  border-color: var(--color-primary-light-pink);
}
.border-light-red{
  border-color: var(--color-primary-light-red);
}
.border-light-turquoise{
  border-color: var(--color-primary-light-turquoise);
}
.border-light-violet{
  border-color: var(--color-primary-light-violet);
}
.border-line-base{
  border-color: var(--color-primary-line-base);
}
.border-line-disabled{
  border-color: var(--color-primary-line-disabled);
}
.border-line-hover{
  border-color: var(--color-primary-line-hover);
}
.border-line-invert{
  border-color: var(--color-primary-line-invert);
}
.border-lists-divider-old{
  border-color: var(--color-border-lists-divider-old);
}
.border-main-old{
  border-color: var(--color-border-main-old);
}
.border-normal-blue{
  border-color: var(--color-primary-normal-blue);
}
.border-normal-gray{
  border-color: var(--color-primary-normal-gray);
}
.border-normal-green{
  border-color: var(--color-primary-normal-green);
}
.border-normal-orange{
  border-color: var(--color-primary-normal-orange);
}
.border-normal-pink{
  border-color: var(--color-primary-normal-pink);
}
.border-normal-red{
  border-color: var(--color-primary-normal-red);
}
.border-normal-turquoise{
  border-color: var(--color-primary-normal-turquoise);
}
.border-normal-violet{
  border-color: var(--color-primary-normal-violet);
}
.border-normal-yellow{
  border-color: var(--color-primary-normal-yellow);
}
.border-notification-primary{
  border-color: var(--color-primary-notification-primary);
}
.border-obscure-main-old{
  border-color: var(--color-border-obscure-main-old);
}
.border-obscure-old{
  border-color: var(--color-text-obscure-old);
}
.border-opacity-gray-40{
  border-color: var(--color-primary-opacity-gray-40);
}
.border-opacity-gray-96{
  border-color: var(--color-primary-opacity-gray-96);
}
.border-opacity-invert-40{
  border-color: var(--color-primary-opacity-invert-40);
}
.border-panel-background-active{
  border-color: var(--color-primary-panel-background-active);
}
.border-panel-background-constant{
  border-color: var(--color-primary-panel-background-constant);
}
.border-panel-background-default{
  border-color: var(--color-primary-panel-background-default);
}
.border-panel-background-hover{
  border-color: var(--color-primary-panel-background-hover);
}
.border-panel-icon-primary{
  border-color: var(--color-primary-panel-icon-primary);
}
.border-panel-icon-secondary{
  border-color: var(--color-primary-panel-icon-secondary);
}
.border-panel-line-base{
  border-color: var(--color-primary-panel-line-base);
}
.border-panel-text-placeholder{
  border-color: var(--color-primary-panel-text-placeholder);
}
.border-panel-text-primary{
  border-color: var(--color-primary-panel-text-primary);
}
.border-panel-text-secondary{
  border-color: var(--color-primary-panel-text-secondary);
}
.border-secondary{
  border-color: var(--color-text-secondary);
}
.border-split-old{
  border-color: var(--color-border-split-old);
}
.border-status-error{
  border-color: var(--color-primary-status-error);
}
.border-status-success{
  border-color: var(--color-primary-status-success);
}
.border-status-warning{
  border-color: var(--color-primary-status-warning);
}
.border-success-l20{
  border-color: var(--color-primary-success-l20);
}
.border-success-old{
  border-color: var(--color-universal-success-old);
}
.border-task-blue{
  border-color: var(--color-border-task-blue);
}
.border-task-gray{
  border-color: var(--color-border-task-gray);
}
.border-task-green{
  border-color: var(--color-border-task-green);
}
.border-task-pink{
  border-color: var(--color-border-task-pink);
}
.border-task-primary{
  border-color: var(--color-border-task-primary);
}
.border-task-red{
  border-color: var(--color-border-task-red);
}
.border-task-turquoise{
  border-color: var(--color-border-task-turquoise);
}
.border-task-violet{
  border-color: var(--color-border-task-violet);
}
.border-task-yellow{
  border-color: var(--color-border-task-yellow);
}
.border-transparent{
  border-color: var(--color-universal-transparent);
}
.border-warning{
  border-color: var(--color-primary-warning);
}
.border-warning-l60{
  border-color: var(--color-primary-warning-l60);
}
.\!bg-background-active{
  background-color: var(--color-primary-background-active) !important;
}
.\!bg-background-hover{
  background-color: var(--color-primary-background-hover) !important;
}
.\!bg-background-primary{
  background-color: var(--color-primary-background-primary) !important;
}
.\!bg-column-bg-gray{
  background-color: var(--color-primary-column-bg-gray) !important;
}
.\!bg-primary{
  background-color: var(--color-background-primary) !important;
}
.\!bg-transparent{
  background-color: var(--color-universal-transparent) !important;
}
.bg-\[\#b0d0e99a\]{
  background-color: #b0d0e99a;
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  background-color: rgba(0,0,0,0.5);
}
.bg-accent-old{
  background-color: var(--color-universal-accent-old);
}
.bg-acid-blue{
  background-color: var(--color-primary-acid-blue);
}
.bg-acid-gray{
  background-color: var(--color-primary-acid-gray);
}
.bg-acid-green{
  background-color: var(--color-primary-acid-green);
}
.bg-acid-orange{
  background-color: var(--color-primary-acid-orange);
}
.bg-acid-pink{
  background-color: var(--color-primary-acid-pink);
}
.bg-acid-red{
  background-color: var(--color-primary-acid-red);
}
.bg-acid-turquoise{
  background-color: var(--color-primary-acid-turquoise);
}
.bg-acid-violet{
  background-color: var(--color-primary-acid-violet);
}
.bg-acid-yellow{
  background-color: var(--color-primary-acid-yellow);
}
.bg-action-attention-default{
  background-color: var(--color-primary-action-attention-default);
}
.bg-action-default{
  background-color: var(--color-primary-action-default);
}
.bg-action-disabled{
  background-color: var(--color-primary-action-disabled);
}
.bg-action-hover{
  background-color: var(--color-primary-action-hover);
}
.bg-action-pressed{
  background-color: var(--color-primary-action-pressed);
}
.bg-action-primary-disabled{
  background-color: var(--color-primary-action-primary-disabled);
}
.bg-action-secondary-default{
  background-color: var(--color-primary-action-secondary-default);
}
.bg-background-active{
  background-color: var(--color-primary-background-active);
}
.bg-background-card{
  background-color: var(--color-primary-background-card);
}
.bg-background-column-placeholder{
  background-color: var(--color-primary-background-column-placeholder);
}
.bg-background-disabled{
  background-color: var(--color-primary-background-disabled);
}
.bg-background-hover{
  background-color: var(--color-primary-background-hover);
}
.bg-background-primary{
  background-color: var(--color-primary-background-primary);
}
.bg-background-primary-92{
  background-color: var(--color-primary-background-primary-92);
}
.bg-background-report{
  background-color: var(--color-primary-background-report);
}
.bg-background-secondary{
  background-color: var(--color-primary-background-secondary);
}
.bg-background-solid{
  background-color: var(--color-primary-background-solid);
}
.bg-background-sticker-panel{
  background-color: var(--color-primary-background-sticker-panel);
}
.bg-background-subtask-open{
  background-color: var(--color-primary-background-subtask-open);
}
.bg-background-tooltip-informer{
  background-color: var(--color-primary-background-tooltip-informer);
}
.bg-border-base{
  background-color: var(--color-primary-border-base);
}
.bg-chat-list-hover-old{
  background-color: var(--color-background-chat-list-hover-old);
}
.bg-column-01{
  background-color: var(--color-primary-column-01);
}
.bg-column-02{
  background-color: var(--color-primary-column-02);
}
.bg-column-03{
  background-color: var(--color-primary-column-03);
}
.bg-column-04{
  background-color: var(--color-primary-column-04);
}
.bg-column-05{
  background-color: var(--color-primary-column-05);
}
.bg-column-06{
  background-color: var(--color-primary-column-06);
}
.bg-column-07{
  background-color: var(--color-primary-column-07);
}
.bg-column-08{
  background-color: var(--color-primary-column-08);
}
.bg-column-09{
  background-color: var(--color-primary-column-09);
}
.bg-column-10{
  background-color: var(--color-primary-column-10);
}
.bg-column-11{
  background-color: var(--color-primary-column-11);
}
.bg-column-12{
  background-color: var(--color-primary-column-12);
}
.bg-column-13{
  background-color: var(--color-primary-column-13);
}
.bg-column-14{
  background-color: var(--color-primary-column-14);
}
.bg-column-15{
  background-color: var(--color-primary-column-15);
}
.bg-column-16{
  background-color: var(--color-primary-column-16);
}
.bg-column-bg-gray{
  background-color: var(--color-primary-column-bg-gray);
}
.bg-contrast-surface{
  background-color: var(--color-primary-contrast-surface);
}
.bg-disabled{
  background-color: var(--color-text-disabled);
}
.bg-disabled-new{
  background-color: var(--color-text-disabled-new);
}
.bg-error{
  background-color: var(--color-primary-error);
}
.bg-error-d20{
  background-color: var(--color-primary-error-d20);
}
.bg-error-d40{
  background-color: var(--color-primary-error-d40);
}
.bg-error-d60{
  background-color: var(--color-primary-error-d60);
}
.bg-error-d80{
  background-color: var(--color-primary-error-d80);
}
.bg-error-l100{
  background-color: var(--color-primary-error-l100);
}
.bg-error-l20{
  background-color: var(--color-primary-error-l20);
}
.bg-error-l40{
  background-color: var(--color-primary-error-l40);
}
.bg-error-l60{
  background-color: var(--color-primary-error-l60);
}
.bg-error-l80{
  background-color: var(--color-primary-error-l80);
}
.bg-error-old{
  background-color: var(--color-universal-error-old);
}
.bg-generic-black{
  background-color: var(--color-primary-generic-black);
}
.bg-generic-white{
  background-color: var(--color-primary-generic-white);
}
.bg-grey{
  background-color: var(--color-primary-grey);
}
.bg-grey-d20{
  background-color: var(--color-primary-grey-d20);
}
.bg-grey-d40{
  background-color: var(--color-primary-grey-d40);
}
.bg-grey-d60{
  background-color: var(--color-primary-grey-d60);
}
.bg-grey-d80{
  background-color: var(--color-primary-grey-d80);
}
.bg-grey-l100{
  background-color: var(--color-primary-grey-l100);
}
.bg-grey-l100-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-grey-l20{
  background-color: var(--color-primary-grey-l20);
}
.bg-grey-l40{
  background-color: var(--color-primary-grey-l40);
}
.bg-grey-l60{
  background-color: var(--color-primary-grey-l60);
}
.bg-grey-l80{
  background-color: var(--color-primary-grey-l80);
}
.bg-group-message{
  background-color: var(--color-primary-group-message);
}
.bg-header-old{
  background-color: var(--color-background-header-old);
}
.bg-icon-disabled{
  background-color: var(--color-primary-icon-disabled);
}
.bg-icon-invert{
  background-color: var(--color-primary-icon-invert);
}
.bg-icon-placeholder{
  background-color: var(--color-primary-icon-placeholder);
}
.bg-icon-primary{
  background-color: var(--color-primary-icon-primary);
}
.bg-icon-secondary{
  background-color: var(--color-primary-icon-secondary);
}
.bg-icon-sticker-blue{
  background-color: var(--color-background-icon-sticker-blue);
}
.bg-icon-sticker-gray{
  background-color: var(--color-background-icon-sticker-gray);
}
.bg-icon-sticker-green{
  background-color: var(--color-background-icon-sticker-green);
}
.bg-icon-sticker-orange{
  background-color: var(--color-background-icon-sticker-orange);
}
.bg-icon-sticker-panel{
  background-color: var(--color-background-icon-sticker-panel);
}
.bg-icon-sticker-pink{
  background-color: var(--color-background-icon-sticker-pink);
}
.bg-icon-sticker-red{
  background-color: var(--color-background-icon-sticker-red);
}
.bg-icon-sticker-transparent{
  background-color: var(--color-text-icon-sticker-transparent);
}
.bg-icon-sticker-turquoise{
  background-color: var(--color-background-icon-sticker-turquoise);
}
.bg-icon-sticker-violet{
  background-color: var(--color-background-icon-sticker-violet);
}
.bg-icon-sticker-white{
  background-color: var(--color-background-icon-sticker-white);
}
.bg-input-disabled-old{
  background-color: var(--color-background-input-disabled-old);
}
.bg-input-old{
  background-color: var(--color-background-input-old);
}
.bg-input-old-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(53 62 74 / var(--tw-bg-opacity));
}
.bg-interactive{
  background-color: var(--color-primary-interactive);
}
.bg-interactive-d20{
  background-color: var(--color-primary-interactive-d20);
}
.bg-interactive-d40{
  background-color: var(--color-primary-interactive-d40);
}
.bg-interactive-d60{
  background-color: var(--color-primary-interactive-d60);
}
.bg-interactive-d80{
  background-color: var(--color-primary-interactive-d80);
}
.bg-interactive-l100{
  background-color: var(--color-primary-interactive-l100);
}
.bg-interactive-l20{
  background-color: var(--color-primary-interactive-l20);
}
.bg-interactive-l40{
  background-color: var(--color-primary-interactive-l40);
}
.bg-interactive-l60{
  background-color: var(--color-primary-interactive-l60);
}
.bg-interactive-l80{
  background-color: var(--color-primary-interactive-l80);
}
.bg-interactive-old{
  background-color: var(--color-universal-interactive-old);
}
.bg-invert{
  background-color: var(--color-text-invert);
}
.bg-light-blue{
  background-color: var(--color-primary-light-blue);
}
.bg-light-gray{
  background-color: var(--color-primary-light-gray);
}
.bg-light-green{
  background-color: var(--color-primary-light-green);
}
.bg-light-orange{
  background-color: var(--color-primary-light-orange);
}
.bg-light-pink{
  background-color: var(--color-primary-light-pink);
}
.bg-light-red{
  background-color: var(--color-primary-light-red);
}
.bg-light-turquoise{
  background-color: var(--color-primary-light-turquoise);
}
.bg-light-violet{
  background-color: var(--color-primary-light-violet);
}
.bg-line-base{
  background-color: var(--color-primary-line-base);
}
.bg-line-disabled{
  background-color: var(--color-primary-line-disabled);
}
.bg-line-hover{
  background-color: var(--color-primary-line-hover);
}
.bg-line-invert{
  background-color: var(--color-primary-line-invert);
}
.bg-main-even-old{
  background-color: var(--color-background-main-even-old);
}
.bg-main-header-old{
  background-color: var(--color-background-main-header-old);
}
.bg-main-old{
  background-color: var(--color-background-main-old);
}
.bg-main-old-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(37 43 48 / var(--tw-bg-opacity));
}
.bg-marker{
  background-color: var(--color-primary-marker);
}
.bg-marker-d20{
  background-color: var(--color-primary-marker-d20);
}
.bg-marker-d40{
  background-color: var(--color-primary-marker-d40);
}
.bg-marker-d60{
  background-color: var(--color-primary-marker-d60);
}
.bg-marker-d80{
  background-color: var(--color-primary-marker-d80);
}
.bg-marker-l100{
  background-color: var(--color-primary-marker-l100);
}
.bg-marker-l20{
  background-color: var(--color-primary-marker-l20);
}
.bg-marker-l40{
  background-color: var(--color-primary-marker-l40);
}
.bg-marker-l60{
  background-color: var(--color-primary-marker-l60);
}
.bg-marker-l80{
  background-color: var(--color-primary-marker-l80);
}
.bg-menu-active-element-old{
  background-color: var(--color-background-menu-active-element-old);
}
.bg-normal-blue{
  background-color: var(--color-primary-normal-blue);
}
.bg-normal-gray{
  background-color: var(--color-primary-normal-gray);
}
.bg-normal-green{
  background-color: var(--color-primary-normal-green);
}
.bg-normal-orange{
  background-color: var(--color-primary-normal-orange);
}
.bg-normal-pink{
  background-color: var(--color-primary-normal-pink);
}
.bg-normal-red{
  background-color: var(--color-primary-normal-red);
}
.bg-normal-turquoise{
  background-color: var(--color-primary-normal-turquoise);
}
.bg-normal-violet{
  background-color: var(--color-primary-normal-violet);
}
.bg-normal-yellow{
  background-color: var(--color-primary-normal-yellow);
}
.bg-notification-primary{
  background-color: var(--color-primary-notification-primary);
}
.bg-obscure-constant-old{
  background-color: var(--color-background-obscure-constant-old);
}
.bg-on-color{
  background-color: var(--color-background-on-color);
}
.bg-opacity-gray-40{
  background-color: var(--color-primary-opacity-gray-40);
}
.bg-opacity-gray-96{
  background-color: var(--color-primary-opacity-gray-96);
}
.bg-opacity-invert-40{
  background-color: var(--color-primary-opacity-invert-40);
}
.bg-panel-background-active{
  background-color: var(--color-primary-panel-background-active);
}
.bg-panel-background-badge{
  background-color: var(--color-primary-panel-background-badge);
}
.bg-panel-background-constant{
  background-color: var(--color-primary-panel-background-constant);
}
.bg-panel-background-default{
  background-color: var(--color-primary-panel-background-default);
}
.bg-panel-background-hover{
  background-color: var(--color-primary-panel-background-hover);
}
.bg-panel-icon-primary{
  background-color: var(--color-primary-panel-icon-primary);
}
.bg-panel-icon-secondary{
  background-color: var(--color-primary-panel-icon-secondary);
}
.bg-panel-line-base{
  background-color: var(--color-primary-panel-line-base);
}
.bg-panel-text-placeholder{
  background-color: var(--color-primary-panel-text-placeholder);
}
.bg-panel-text-primary{
  background-color: var(--color-primary-panel-text-primary);
}
.bg-panel-text-secondary{
  background-color: var(--color-primary-panel-text-secondary);
}
.bg-personal-message{
  background-color: var(--color-primary-personal-message);
}
.bg-placeholder{
  background-color: var(--color-text-placeholder);
}
.bg-primary{
  background-color: var(--color-background-primary);
}
.bg-progress-bar-old{
  background-color: var(--color-background-progress-bar-old);
}
.bg-progress-task-blue{
  background-color: var(--color-background-progress-task-blue);
}
.bg-progress-task-gray{
  background-color: var(--color-background-progress-task-gray);
}
.bg-progress-task-green{
  background-color: var(--color-background-progress-task-green);
}
.bg-progress-task-pink{
  background-color: var(--color-background-progress-task-pink);
}
.bg-progress-task-primary{
  background-color: var(--color-background-progress-task-primary);
}
.bg-progress-task-red{
  background-color: var(--color-background-progress-task-red);
}
.bg-progress-task-turquoise{
  background-color: var(--color-background-progress-task-turquoise);
}
.bg-progress-task-violet{
  background-color: var(--color-background-progress-task-violet);
}
.bg-progress-task-yellow{
  background-color: var(--color-background-progress-task-yellow);
}
.bg-reaction{
  background-color: var(--color-primary-reaction);
}
.bg-secondary{
  background-color: var(--color-text-secondary);
}
.bg-status-error{
  background-color: var(--color-primary-status-error);
}
.bg-status-success{
  background-color: var(--color-primary-status-success);
}
.bg-status-warning{
  background-color: var(--color-primary-status-warning);
}
.bg-sticker-01{
  background-color: var(--color-primary-sticker-01);
}
.bg-sticker-02{
  background-color: var(--color-primary-sticker-02);
}
.bg-sticker-03{
  background-color: var(--color-primary-sticker-03);
}
.bg-sticker-04{
  background-color: var(--color-primary-sticker-04);
}
.bg-sticker-05{
  background-color: var(--color-primary-sticker-05);
}
.bg-sticker-06{
  background-color: var(--color-primary-sticker-06);
}
.bg-sticker-07{
  background-color: var(--color-primary-sticker-07);
}
.bg-sticker-08{
  background-color: var(--color-primary-sticker-08);
}
.bg-sticker-09{
  background-color: var(--color-primary-sticker-09);
}
.bg-sticker-10{
  background-color: var(--color-primary-sticker-10);
}
.bg-sticker-11{
  background-color: var(--color-primary-sticker-11);
}
.bg-sticker-blue{
  background-color: var(--color-background-sticker-blue);
}
.bg-sticker-gray{
  background-color: var(--color-background-sticker-gray);
}
.bg-sticker-green{
  background-color: var(--color-background-sticker-green);
}
.bg-sticker-orange{
  background-color: var(--color-background-sticker-orange);
}
.bg-sticker-panel{
  background-color: var(--color-background-sticker-panel);
}
.bg-sticker-pink{
  background-color: var(--color-background-sticker-pink);
}
.bg-sticker-red{
  background-color: var(--color-background-sticker-red);
}
.bg-sticker-transparent{
  background-color: var(--color-background-sticker-transparent);
}
.bg-sticker-turquoise{
  background-color: var(--color-background-sticker-turquoise);
}
.bg-sticker-violet{
  background-color: var(--color-background-sticker-violet);
}
.bg-sticker-white{
  background-color: var(--color-background-sticker-white);
}
.bg-subtask-old{
  background-color: var(--color-background-subtask-old);
}
.bg-success{
  background-color: var(--color-primary-success);
}
.bg-success-d20{
  background-color: var(--color-primary-success-d20);
}
.bg-success-d40{
  background-color: var(--color-primary-success-d40);
}
.bg-success-d60{
  background-color: var(--color-primary-success-d60);
}
.bg-success-d80{
  background-color: var(--color-primary-success-d80);
}
.bg-success-l100{
  background-color: var(--color-primary-success-l100);
}
.bg-success-l20{
  background-color: var(--color-primary-success-l20);
}
.bg-success-l40{
  background-color: var(--color-primary-success-l40);
}
.bg-success-l60{
  background-color: var(--color-primary-success-l60);
}
.bg-success-l80{
  background-color: var(--color-primary-success-l80);
}
.bg-surface{
  background-color: var(--color-primary-surface);
}
.bg-task-blue{
  background-color: var(--color-background-task-blue);
}
.bg-task-gray{
  background-color: var(--color-background-task-gray);
}
.bg-task-green{
  background-color: var(--color-background-task-green);
}
.bg-task-pink{
  background-color: var(--color-background-task-pink);
}
.bg-task-primary{
  background-color: var(--color-background-task-primary);
}
.bg-task-red{
  background-color: var(--color-background-task-red);
}
.bg-task-turquoise{
  background-color: var(--color-background-task-turquoise);
}
.bg-task-violet{
  background-color: var(--color-background-task-violet);
}
.bg-task-yellow{
  background-color: var(--color-background-task-yellow);
}
.bg-tertiary{
  background-color: var(--color-background-tertiary);
}
.bg-third-old{
  background-color: var(--color-text-third-old);
}
.bg-tortoise{
  background-color: var(--color-primary-tortoise);
}
.bg-tortoise-d20{
  background-color: var(--color-primary-tortoise-d20);
}
.bg-tortoise-d40{
  background-color: var(--color-primary-tortoise-d40);
}
.bg-tortoise-d60{
  background-color: var(--color-primary-tortoise-d60);
}
.bg-tortoise-d80{
  background-color: var(--color-primary-tortoise-d80);
}
.bg-tortoise-l100{
  background-color: var(--color-primary-tortoise-l100);
}
.bg-tortoise-l20{
  background-color: var(--color-primary-tortoise-l20);
}
.bg-tortoise-l40{
  background-color: var(--color-primary-tortoise-l40);
}
.bg-tortoise-l60{
  background-color: var(--color-primary-tortoise-l60);
}
.bg-tortoise-l80{
  background-color: var(--color-primary-tortoise-l80);
}
.bg-transparent{
  background-color: var(--color-universal-transparent);
}
.bg-used{
  background-color: var(--color-primary-used);
}
.bg-used-d20{
  background-color: var(--color-primary-used-d20);
}
.bg-used-d40{
  background-color: var(--color-primary-used-d40);
}
.bg-used-d60{
  background-color: var(--color-primary-used-d60);
}
.bg-used-d80{
  background-color: var(--color-primary-used-d80);
}
.bg-used-l100{
  background-color: var(--color-primary-used-l100);
}
.bg-used-l20{
  background-color: var(--color-primary-used-l20);
}
.bg-used-l40{
  background-color: var(--color-primary-used-l40);
}
.bg-used-l60{
  background-color: var(--color-primary-used-l60);
}
.bg-used-l80{
  background-color: var(--color-primary-used-l80);
}
.bg-warning{
  background-color: var(--color-primary-warning);
}
.bg-warning-d20{
  background-color: var(--color-primary-warning-d20);
}
.bg-warning-d40{
  background-color: var(--color-primary-warning-d40);
}
.bg-warning-d60{
  background-color: var(--color-primary-warning-d60);
}
.bg-warning-d80{
  background-color: var(--color-primary-warning-d80);
}
.bg-warning-l100{
  background-color: var(--color-primary-warning-l100);
}
.bg-warning-l20{
  background-color: var(--color-primary-warning-l20);
}
.bg-warning-l40{
  background-color: var(--color-primary-warning-l40);
}
.bg-warning-l60{
  background-color: var(--color-primary-warning-l60);
}
.bg-warning-l80{
  background-color: var(--color-primary-warning-l80);
}
.bg-\[url\(\/img\/line\.svg\)\]{
  background-image: url(/img/line.svg);
}
.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-radial-gradient-shadow{
  background-image: radial-gradient(at top, currentColor, rgba(0, 0, 0, 0) 70%) 0 0/100% 8px no-repeat;
}
.from-\[color\]{
  --tw-gradient-from: color var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background-card{
  --tw-gradient-from: var(--color-primary-background-card) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background-hover{
  --tw-gradient-from: var(--color-primary-background-hover) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-task-blue{
  --tw-gradient-from: var(--color-background-task-blue) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-task-gray{
  --tw-gradient-from: var(--color-background-task-gray) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-task-green{
  --tw-gradient-from: var(--color-background-task-green) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-task-pink{
  --tw-gradient-from: var(--color-background-task-pink) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-task-primary{
  --tw-gradient-from: var(--color-background-task-primary) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-task-red{
  --tw-gradient-from: var(--color-background-task-red) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-task-turquoise{
  --tw-gradient-from: var(--color-background-task-turquoise) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-task-violet{
  --tw-gradient-from: var(--color-background-task-violet) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-task-yellow{
  --tw-gradient-from: var(--color-background-task-yellow) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-65\%{
  --tw-gradient-from-position: 65%;
}
.to-\[\#ffffff00\]{
  --tw-gradient-to: #ffffff00 var(--tw-gradient-to-position);
}
.to-100\%{
  --tw-gradient-to-position: 100%;
}
.bg-contain{
  background-size: contain;
}
.bg-cover{
  background-size: cover;
}
.bg-center{
  background-position: center;
}
.bg-left-top{
  background-position: left top;
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.bg-repeat-y{
  background-repeat: repeat-y;
}
.\!fill-notification-primary{
  fill: var(--color-primary-notification-primary) !important;
}
.fill-acid-gray{
  fill: var(--color-primary-acid-gray);
}
.fill-acid-violet{
  fill: var(--color-primary-acid-violet);
}
.fill-action-default{
  fill: var(--color-primary-action-default);
}
.fill-grey{
  fill: var(--color-primary-grey);
}
.fill-group-message{
  fill: var(--color-primary-group-message);
}
.fill-icon-invert{
  fill: var(--color-primary-icon-invert);
}
.fill-notification-primary{
  fill: var(--color-primary-notification-primary);
}
.fill-personal-message{
  fill: var(--color-primary-personal-message);
}
.fill-status-error{
  fill: var(--color-primary-status-error);
}
.\!stroke-notification-primary{
  stroke: var(--color-primary-notification-primary) !important;
}
.stroke-acid-gray{
  stroke: var(--color-primary-acid-gray);
}
.stroke-acid-violet{
  stroke: var(--color-primary-acid-violet);
}
.stroke-action-default{
  stroke: var(--color-primary-action-default);
}
.stroke-notification-primary{
  stroke: var(--color-primary-notification-primary);
}
.stroke-status-error{
  stroke: var(--color-primary-status-error);
}
.stroke-2{
  stroke-width: 2;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.\!p-0{
  padding: 0 !important;
}
.\!p-12{
  padding: 12px !important;
}
.\!p-8{
  padding: 8px !important;
}
.p-0{
  padding: 0;
}
.p-10{
  padding: 10px;
}
.p-12{
  padding: 12px;
}
.p-16{
  padding: 16px;
}
.p-2{
  padding: 2px;
}
.p-24{
  padding: 24px;
}
.p-4{
  padding: 4px;
}
.p-6{
  padding: 6px;
}
.p-8{
  padding: 8px;
}
.\!px-0{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.\!px-11{
  padding-left: 11px !important;
  padding-right: 11px !important;
}
.\!px-12{
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.\!px-16{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.\!px-8{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.\!py-2{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.\!py-4{
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.\!py-7{
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.\!py-8{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.px-0{
  padding-left: 0;
  padding-right: 0;
}
.px-1{
  padding-left: 1px;
  padding-right: 1px;
}
.px-10{
  padding-left: 10px;
  padding-right: 10px;
}
.px-12{
  padding-left: 12px;
  padding-right: 12px;
}
.px-16{
  padding-left: 16px;
  padding-right: 16px;
}
.px-2{
  padding-left: 2px;
  padding-right: 2px;
}
.px-20{
  padding-left: 20px;
  padding-right: 20px;
}
.px-24{
  padding-left: 24px;
  padding-right: 24px;
}
.px-32{
  padding-left: 32px;
  padding-right: 32px;
}
.px-36{
  padding-left: 36px;
  padding-right: 36px;
}
.px-4{
  padding-left: 4px;
  padding-right: 4px;
}
.px-40{
  padding-left: 40px;
  padding-right: 40px;
}
.px-6{
  padding-left: 6px;
  padding-right: 6px;
}
.px-8{
  padding-left: 8px;
  padding-right: 8px;
}
.px-\[21px\]{
  padding-left: 21px;
  padding-right: 21px;
}
.px-\[7px\]{
  padding-left: 7px;
  padding-right: 7px;
}
.py-0{
  padding-top: 0;
  padding-bottom: 0;
}
.py-1{
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-10{
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-12{
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-14{
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-16{
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-2{
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-24{
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-3{
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-32{
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-4{
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-40{
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-6{
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-64{
  padding-top: 64px;
  padding-bottom: 64px;
}
.py-8{
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-\[28px\]{
  padding-top: 28px;
  padding-bottom: 28px;
}
.\!pl-12{
  padding-left: 12px !important;
}
.\!pl-4{
  padding-left: 4px !important;
}
.\!pr-0{
  padding-right: 0 !important;
}
.\!pr-16{
  padding-right: 16px !important;
}
.\!pr-4{
  padding-right: 4px !important;
}
.\!pr-8{
  padding-right: 8px !important;
}
.pb-1{
  padding-bottom: 1px;
}
.pb-10{
  padding-bottom: 10px;
}
.pb-12{
  padding-bottom: 12px;
}
.pb-16{
  padding-bottom: 16px;
}
.pb-18{
  padding-bottom: 18px;
}
.pb-2{
  padding-bottom: 2px;
}
.pb-20{
  padding-bottom: 20px;
}
.pb-23{
  padding-bottom: 23px;
}
.pb-24{
  padding-bottom: 24px;
}
.pb-32{
  padding-bottom: 32px;
}
.pb-4{
  padding-bottom: 4px;
}
.pb-60{
  padding-bottom: 60px;
}
.pb-8{
  padding-bottom: 8px;
}
.pb-\[80px\]{
  padding-bottom: 80px;
}
.pl-0{
  padding-left: 0;
}
.pl-12{
  padding-left: 12px;
}
.pl-16{
  padding-left: 16px;
}
.pl-2{
  padding-left: 2px;
}
.pl-20{
  padding-left: 20px;
}
.pl-24{
  padding-left: 24px;
}
.pl-28{
  padding-left: 28px;
}
.pl-30{
  padding-left: 30px;
}
.pl-32{
  padding-left: 32px;
}
.pl-36{
  padding-left: 36px;
}
.pl-4{
  padding-left: 4px;
}
.pl-40{
  padding-left: 40px;
}
.pl-48{
  padding-left: 48px;
}
.pl-54{
  padding-left: 54px;
}
.pl-6{
  padding-left: 6px;
}
.pl-64{
  padding-left: 64px;
}
.pl-8{
  padding-left: 8px;
}
.pl-\[28px\]{
  padding-left: 28px;
}
.pl-\[7px\]{
  padding-left: 7px;
}
.pr-0{
  padding-right: 0;
}
.pr-1{
  padding-right: 1px;
}
.pr-112{
  padding-right: 112px;
}
.pr-12{
  padding-right: 12px;
}
.pr-16{
  padding-right: 16px;
}
.pr-18{
  padding-right: 18px;
}
.pr-2{
  padding-right: 2px;
}
.pr-24{
  padding-right: 24px;
}
.pr-32{
  padding-right: 32px;
}
.pr-34{
  padding-right: 34px;
}
.pr-36{
  padding-right: 36px;
}
.pr-4{
  padding-right: 4px;
}
.pr-42{
  padding-right: 42px;
}
.pr-6{
  padding-right: 6px;
}
.pr-8{
  padding-right: 8px;
}
.pt-1{
  padding-top: 1px;
}
.pt-10{
  padding-top: 10px;
}
.pt-11{
  padding-top: 11px;
}
.pt-12{
  padding-top: 12px;
}
.pt-14{
  padding-top: 14px;
}
.pt-16{
  padding-top: 16px;
}
.pt-172{
  padding-top: 172px;
}
.pt-2{
  padding-top: 2px;
}
.pt-20{
  padding-top: 20px;
}
.pt-24{
  padding-top: 24px;
}
.pt-3{
  padding-top: 3px;
}
.pt-32{
  padding-top: 32px;
}
.pt-4{
  padding-top: 4px;
}
.pt-6{
  padding-top: 6px;
}
.pt-8{
  padding-top: 8px;
}
.pt-80{
  padding-top: 80px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-middle{
  vertical-align: middle;
}
.align-bottom{
  vertical-align: bottom;
}
.\!text-11{
  font-size: 11px !important;
}
.\!text-12{
  font-size: 12px !important;
}
.\!text-14{
  font-size: 14px !important;
}
.\!text-20{
  font-size: 20px !important;
}
.text-10{
  font-size: 10px;
}
.text-11{
  font-size: 11px;
}
.text-12{
  font-size: 12px;
}
.text-13{
  font-size: 13px;
}
.text-14{
  font-size: 14px;
}
.text-15{
  font-size: 15px;
}
.text-16{
  font-size: 16px;
}
.text-18{
  font-size: 18px;
}
.text-20{
  font-size: 20px;
}
.text-24{
  font-size: 24px;
}
.text-26{
  font-size: 26px;
}
.text-32{
  font-size: 32px;
}
.text-8{
  font-size: 8px;
}
.text-\[24px\]{
  font-size: 24px;
}
.text-\[40px\]{
  font-size: 40px;
}
.\!font-normal{
  font-weight: 400 !important;
}
.\!font-semibold{
  font-weight: 600 !important;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.\!leading-4{
  line-height: 1rem !important;
}
.\!leading-\[11px\]{
  line-height: 11px !important;
}
.leading-10{
  line-height: 2.5rem;
}
.leading-3{
  line-height: .75rem;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-\[16px\]{
  line-height: 16px;
}
.leading-\[32px\]{
  line-height: 32px;
}
.leading-\[48px\]{
  line-height: 48px;
}
.leading-loose{
  line-height: 2;
}
.leading-main{
  line-height: 1.2;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.tracking-sticker{
  letter-spacing: -0.6px;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-tighter{
  letter-spacing: -0.05em;
}
.\!text-action-default{
  color: var(--color-primary-action-default) !important;
}
.\!text-action-hover{
  color: var(--color-primary-action-hover) !important;
}
.\!text-action-pressed{
  color: var(--color-primary-action-pressed) !important;
}
.\!text-disabled{
  color: var(--color-text-disabled) !important;
}
.\!text-error{
  color: var(--color-primary-error) !important;
}
.\!text-error-d20{
  color: var(--color-primary-error-d20) !important;
}
.\!text-error-l20{
  color: var(--color-primary-error-l20) !important;
}
.\!text-grey{
  color: var(--color-primary-grey) !important;
}
.\!text-grey-d20{
  color: var(--color-primary-grey-d20) !important;
}
.\!text-grey-l20{
  color: var(--color-primary-grey-l20) !important;
}
.\!text-icon-primary{
  color: var(--color-primary-icon-primary) !important;
}
.\!text-interactive-d80{
  color: var(--color-primary-interactive-d80) !important;
}
.\!text-interactive-l80{
  color: var(--color-primary-interactive-l80) !important;
}
.\!text-invert{
  color: var(--color-text-invert) !important;
}
.\!text-marker{
  color: var(--color-primary-marker) !important;
}
.\!text-notification-primary{
  color: var(--color-primary-notification-primary) !important;
}
.\!text-panel-icon-primary{
  color: var(--color-primary-panel-icon-primary) !important;
}
.\!text-panel-icon-secondary{
  color: var(--color-primary-panel-icon-secondary) !important;
}
.\!text-panel-text-secondary{
  color: var(--color-primary-panel-text-secondary) !important;
}
.\!text-placeholder-new{
  color: var(--color-text-placeholder-new) !important;
}
.\!text-primary{
  color: var(--color-text-primary) !important;
}
.\!text-secondary{
  color: var(--color-text-secondary) !important;
}
.\!text-warning{
  color: var(--color-primary-warning) !important;
}
.\!text-warning-d20{
  color: var(--color-primary-warning-d20) !important;
}
.\!text-warning-l20{
  color: var(--color-primary-warning-l20) !important;
}
.text-accent-old{
  color: var(--color-universal-accent-old);
}
.text-acid-blue{
  color: var(--color-primary-acid-blue);
}
.text-acid-gray{
  color: var(--color-primary-acid-gray);
}
.text-acid-green{
  color: var(--color-primary-acid-green);
}
.text-acid-orange{
  color: var(--color-primary-acid-orange);
}
.text-acid-pink{
  color: var(--color-primary-acid-pink);
}
.text-acid-red{
  color: var(--color-primary-acid-red);
}
.text-acid-turquoise{
  color: var(--color-primary-acid-turquoise);
}
.text-acid-violet{
  color: var(--color-primary-acid-violet);
}
.text-acid-yellow{
  color: var(--color-primary-acid-yellow);
}
.text-action-default{
  color: var(--color-primary-action-default);
}
.text-action-disabled{
  color: var(--color-primary-action-disabled);
}
.text-action-hover{
  color: var(--color-primary-action-hover);
}
.text-action-pressed{
  color: var(--color-primary-action-pressed);
}
.text-background-active{
  color: var(--color-primary-background-active);
}
.text-background-card{
  color: var(--color-primary-background-card);
}
.text-background-disabled{
  color: var(--color-primary-background-disabled);
}
.text-background-hover{
  color: var(--color-primary-background-hover);
}
.text-background-primary{
  color: var(--color-primary-background-primary);
}
.text-background-secondary{
  color: var(--color-primary-background-secondary);
}
.text-background-solid{
  color: var(--color-primary-background-solid);
}
.text-background-sticker-panel{
  color: var(--color-primary-background-sticker-panel);
}
.text-background-subtask-open{
  color: var(--color-primary-background-subtask-open);
}
.text-bg-header-old{
  color: var(--color-text-bg-header-old);
}
.text-bg-main-old{
  color: var(--color-text-bg-main-old);
}
.text-column-01{
  color: var(--color-primary-column-01);
}
.text-column-02{
  color: var(--color-primary-column-02);
}
.text-column-03{
  color: var(--color-primary-column-03);
}
.text-column-04{
  color: var(--color-primary-column-04);
}
.text-column-05{
  color: var(--color-primary-column-05);
}
.text-column-06{
  color: var(--color-primary-column-06);
}
.text-column-07{
  color: var(--color-primary-column-07);
}
.text-column-08{
  color: var(--color-primary-column-08);
}
.text-column-09{
  color: var(--color-primary-column-09);
}
.text-column-10{
  color: var(--color-primary-column-10);
}
.text-column-11{
  color: var(--color-primary-column-11);
}
.text-column-12{
  color: var(--color-primary-column-12);
}
.text-column-13{
  color: var(--color-primary-column-13);
}
.text-column-14{
  color: var(--color-primary-column-14);
}
.text-column-15{
  color: var(--color-primary-column-15);
}
.text-column-16{
  color: var(--color-primary-column-16);
}
.text-disabled{
  color: var(--color-text-disabled);
}
.text-disabled-new{
  color: var(--color-text-disabled-new);
}
.text-error{
  color: var(--color-primary-error);
}
.text-error-d20{
  color: var(--color-primary-error-d20);
}
.text-error-d40{
  color: var(--color-primary-error-d40);
}
.text-error-d60{
  color: var(--color-primary-error-d60);
}
.text-error-d80{
  color: var(--color-primary-error-d80);
}
.text-error-l100{
  color: var(--color-primary-error-l100);
}
.text-error-l20{
  color: var(--color-primary-error-l20);
}
.text-error-l40{
  color: var(--color-primary-error-l40);
}
.text-error-l60{
  color: var(--color-primary-error-l60);
}
.text-error-l80{
  color: var(--color-primary-error-l80);
}
.text-error-old{
  color: var(--color-universal-error-old);
}
.text-generic-black{
  color: var(--color-primary-generic-black);
}
.text-generic-white{
  color: var(--color-primary-generic-white);
}
.text-grey{
  color: var(--color-primary-grey);
}
.text-grey-d20{
  color: var(--color-primary-grey-d20);
}
.text-grey-d40{
  color: var(--color-primary-grey-d40);
}
.text-grey-d60{
  color: var(--color-primary-grey-d60);
}
.text-grey-d80{
  color: var(--color-primary-grey-d80);
}
.text-grey-l100{
  color: var(--color-primary-grey-l100);
}
.text-grey-l100-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-grey-l20{
  color: var(--color-primary-grey-l20);
}
.text-grey-l40{
  color: var(--color-primary-grey-l40);
}
.text-grey-l60{
  color: var(--color-primary-grey-l60);
}
.text-grey-l80{
  color: var(--color-primary-grey-l80);
}
.text-group-message{
  color: var(--color-primary-group-message);
}
.text-icon-disabled{
  color: var(--color-primary-icon-disabled);
}
.text-icon-invert{
  color: var(--color-primary-icon-invert);
}
.text-icon-placeholder{
  color: var(--color-primary-icon-placeholder);
}
.text-icon-primary{
  color: var(--color-primary-icon-primary);
}
.text-icon-secondary{
  color: var(--color-primary-icon-secondary);
}
.text-icon-sticker-blue{
  color: var(--color-text-icon-sticker-blue);
}
.text-icon-sticker-gray{
  color: var(--color-text-icon-sticker-gray);
}
.text-icon-sticker-green{
  color: var(--color-text-icon-sticker-green);
}
.text-icon-sticker-orange{
  color: var(--color-text-icon-sticker-orange);
}
.text-icon-sticker-panel{
  color: var(--color-text-icon-sticker-panel);
}
.text-icon-sticker-pink{
  color: var(--color-text-icon-sticker-pink);
}
.text-icon-sticker-red{
  color: var(--color-text-icon-sticker-red);
}
.text-icon-sticker-transparent{
  color: var(--color-text-icon-sticker-transparent);
}
.text-icon-sticker-turquoise{
  color: var(--color-text-icon-sticker-turquoise);
}
.text-icon-sticker-violet{
  color: var(--color-text-icon-sticker-violet);
}
.text-icon-sticker-white{
  color: var(--color-text-icon-sticker-white);
}
.text-input-disabled-old{
  color: var(--color-text-input-disabled-old);
}
.text-interactive{
  color: var(--color-primary-interactive);
}
.text-interactive-d20{
  color: var(--color-primary-interactive-d20);
}
.text-interactive-d40{
  color: var(--color-primary-interactive-d40);
}
.text-interactive-d60{
  color: var(--color-primary-interactive-d60);
}
.text-interactive-d80{
  color: var(--color-primary-interactive-d80);
}
.text-interactive-l100{
  color: var(--color-primary-interactive-l100);
}
.text-interactive-l20{
  color: var(--color-primary-interactive-l20);
}
.text-interactive-l40{
  color: var(--color-primary-interactive-l40);
}
.text-interactive-l60{
  color: var(--color-primary-interactive-l60);
}
.text-interactive-l80{
  color: var(--color-primary-interactive-l80);
}
.text-interactive-old{
  color: var(--color-universal-interactive-old);
}
.text-inverse-old{
  color: var(--color-text-inverse-old);
}
.text-invert{
  color: var(--color-text-invert);
}
.text-light-blue{
  color: var(--color-primary-light-blue);
}
.text-light-gray{
  color: var(--color-primary-light-gray);
}
.text-light-green{
  color: var(--color-primary-light-green);
}
.text-light-orange{
  color: var(--color-primary-light-orange);
}
.text-light-pink{
  color: var(--color-primary-light-pink);
}
.text-light-red{
  color: var(--color-primary-light-red);
}
.text-light-turquoise{
  color: var(--color-primary-light-turquoise);
}
.text-light-violet{
  color: var(--color-primary-light-violet);
}
.text-line-base{
  color: var(--color-primary-line-base);
}
.text-line-disabled{
  color: var(--color-primary-line-disabled);
}
.text-line-hover{
  color: var(--color-primary-line-hover);
}
.text-line-invert{
  color: var(--color-primary-line-invert);
}
.text-main-old{
  color: var(--color-text-main-old);
}
.text-main-old-dark{
  --tw-text-opacity: 1;
  color: rgb(184 191 207 / var(--tw-text-opacity));
}
.text-marker{
  color: var(--color-primary-marker);
}
.text-marker-d20{
  color: var(--color-primary-marker-d20);
}
.text-marker-d40{
  color: var(--color-primary-marker-d40);
}
.text-marker-d60{
  color: var(--color-primary-marker-d60);
}
.text-marker-d80{
  color: var(--color-primary-marker-d80);
}
.text-marker-l100{
  color: var(--color-primary-marker-l100);
}
.text-marker-l20{
  color: var(--color-primary-marker-l20);
}
.text-marker-l40{
  color: var(--color-primary-marker-l40);
}
.text-marker-l60{
  color: var(--color-primary-marker-l60);
}
.text-marker-l80{
  color: var(--color-primary-marker-l80);
}
.text-menu-text-old{
  color: var(--color-text-menu-text-old);
}
.text-normal-blue{
  color: var(--color-primary-normal-blue);
}
.text-normal-gray{
  color: var(--color-primary-normal-gray);
}
.text-normal-green{
  color: var(--color-primary-normal-green);
}
.text-normal-orange{
  color: var(--color-primary-normal-orange);
}
.text-normal-pink{
  color: var(--color-primary-normal-pink);
}
.text-normal-red{
  color: var(--color-primary-normal-red);
}
.text-normal-turquoise{
  color: var(--color-primary-normal-turquoise);
}
.text-normal-violet{
  color: var(--color-primary-normal-violet);
}
.text-normal-yellow{
  color: var(--color-primary-normal-yellow);
}
.text-notification-primary{
  color: var(--color-primary-notification-primary);
}
.text-obscure-constant-old{
  color: var(--color-text-obscure-constant-old);
}
.text-obscure-old{
  color: var(--color-text-obscure-old);
}
.text-on-color{
  color: var(--color-text-on-color);
}
.text-opacity-gray-40{
  color: var(--color-primary-opacity-gray-40);
}
.text-opacity-gray-96{
  color: var(--color-primary-opacity-gray-96);
}
.text-opacity-invert-40{
  color: var(--color-primary-opacity-invert-40);
}
.text-panel-background-active{
  color: var(--color-primary-panel-background-active);
}
.text-panel-background-constant{
  color: var(--color-primary-panel-background-constant);
}
.text-panel-background-default{
  color: var(--color-primary-panel-background-default);
}
.text-panel-background-hover{
  color: var(--color-primary-panel-background-hover);
}
.text-panel-icon-primary{
  color: var(--color-primary-panel-icon-primary);
}
.text-panel-icon-secondary{
  color: var(--color-primary-panel-icon-secondary);
}
.text-panel-line-base{
  color: var(--color-primary-panel-line-base);
}
.text-panel-text-placeholder{
  color: var(--color-primary-panel-text-placeholder);
}
.text-panel-text-primary{
  color: var(--color-primary-panel-text-primary);
}
.text-panel-text-secondary{
  color: var(--color-primary-panel-text-secondary);
}
.text-personal-message{
  color: var(--color-primary-personal-message);
}
.text-placeholder{
  color: var(--color-text-placeholder);
}
.text-placeholder-new{
  color: var(--color-text-placeholder-new);
}
.text-primary{
  color: var(--color-text-primary);
}
.text-secondary{
  color: var(--color-text-secondary);
}
.text-secondary-constant-old{
  color: var(--color-text-secondary-constant-old);
}
.text-secondary-old{
  color: var(--color-text-secondary-old);
}
.text-secondary-old-dark{
  --tw-text-opacity: 1;
  color: rgb(162 170 186 / var(--tw-text-opacity));
}
.text-status-error{
  color: var(--color-primary-status-error);
}
.text-status-success{
  color: var(--color-primary-status-success);
}
.text-status-warning{
  color: var(--color-primary-status-warning);
}
.text-sticker-01{
  color: var(--color-primary-sticker-01);
}
.text-sticker-02{
  color: var(--color-primary-sticker-02);
}
.text-sticker-03{
  color: var(--color-primary-sticker-03);
}
.text-sticker-04{
  color: var(--color-primary-sticker-04);
}
.text-sticker-05{
  color: var(--color-primary-sticker-05);
}
.text-sticker-06{
  color: var(--color-primary-sticker-06);
}
.text-sticker-07{
  color: var(--color-primary-sticker-07);
}
.text-sticker-08{
  color: var(--color-primary-sticker-08);
}
.text-sticker-09{
  color: var(--color-primary-sticker-09);
}
.text-sticker-10{
  color: var(--color-primary-sticker-10);
}
.text-sticker-11{
  color: var(--color-primary-sticker-11);
}
.text-sticker-blue{
  color: var(--color-text-sticker-blue);
}
.text-sticker-gray{
  color: var(--color-text-sticker-gray);
}
.text-sticker-green{
  color: var(--color-text-sticker-green);
}
.text-sticker-orange{
  color: var(--color-text-sticker-orange);
}
.text-sticker-panel{
  color: var(--color-text-sticker-panel);
}
.text-sticker-pink{
  color: var(--color-text-sticker-pink);
}
.text-sticker-red{
  color: var(--color-text-sticker-red);
}
.text-sticker-transparent{
  color: var(--color-text-sticker-transparent);
}
.text-sticker-turquoise{
  color: var(--color-text-sticker-turquoise);
}
.text-sticker-violet{
  color: var(--color-text-sticker-violet);
}
.text-sticker-white{
  color: var(--color-text-sticker-white);
}
.text-success{
  color: var(--color-primary-success);
}
.text-success-d20{
  color: var(--color-primary-success-d20);
}
.text-success-d40{
  color: var(--color-primary-success-d40);
}
.text-success-d60{
  color: var(--color-primary-success-d60);
}
.text-success-d80{
  color: var(--color-primary-success-d80);
}
.text-success-l100{
  color: var(--color-primary-success-l100);
}
.text-success-l20{
  color: var(--color-primary-success-l20);
}
.text-success-l40{
  color: var(--color-primary-success-l40);
}
.text-success-l60{
  color: var(--color-primary-success-l60);
}
.text-success-l80{
  color: var(--color-primary-success-l80);
}
.text-success-old{
  color: var(--color-universal-success-old);
}
.text-surface{
  color: var(--color-primary-surface);
}
.text-third-old{
  color: var(--color-text-third-old);
}
.text-third-old-dark{
  --tw-text-opacity: 1;
  color: rgb(128 137 158 / var(--tw-text-opacity));
}
.text-tortoise{
  color: var(--color-primary-tortoise);
}
.text-tortoise-d20{
  color: var(--color-primary-tortoise-d20);
}
.text-tortoise-d40{
  color: var(--color-primary-tortoise-d40);
}
.text-tortoise-d60{
  color: var(--color-primary-tortoise-d60);
}
.text-tortoise-d80{
  color: var(--color-primary-tortoise-d80);
}
.text-tortoise-l100{
  color: var(--color-primary-tortoise-l100);
}
.text-tortoise-l20{
  color: var(--color-primary-tortoise-l20);
}
.text-tortoise-l40{
  color: var(--color-primary-tortoise-l40);
}
.text-tortoise-l60{
  color: var(--color-primary-tortoise-l60);
}
.text-tortoise-l80{
  color: var(--color-primary-tortoise-l80);
}
.text-transparent{
  color: var(--color-universal-transparent);
}
.text-used{
  color: var(--color-primary-used);
}
.text-used-d20{
  color: var(--color-primary-used-d20);
}
.text-used-d40{
  color: var(--color-primary-used-d40);
}
.text-used-d60{
  color: var(--color-primary-used-d60);
}
.text-used-d80{
  color: var(--color-primary-used-d80);
}
.text-used-l100{
  color: var(--color-primary-used-l100);
}
.text-used-l20{
  color: var(--color-primary-used-l20);
}
.text-used-l40{
  color: var(--color-primary-used-l40);
}
.text-used-l60{
  color: var(--color-primary-used-l60);
}
.text-used-l80{
  color: var(--color-primary-used-l80);
}
.text-warning{
  color: var(--color-primary-warning);
}
.text-warning-d20{
  color: var(--color-primary-warning-d20);
}
.text-warning-d40{
  color: var(--color-primary-warning-d40);
}
.text-warning-d60{
  color: var(--color-primary-warning-d60);
}
.text-warning-d80{
  color: var(--color-primary-warning-d80);
}
.text-warning-l100{
  color: var(--color-primary-warning-l100);
}
.text-warning-l20{
  color: var(--color-primary-warning-l20);
}
.text-warning-l40{
  color: var(--color-primary-warning-l40);
}
.text-warning-l60{
  color: var(--color-primary-warning-l60);
}
.text-warning-l80{
  color: var(--color-primary-warning-l80);
}
.text-warning-old{
  color: var(--color-universal-warning-old);
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.placeholder-grey-l20::-moz-placeholder{
  color: var(--color-primary-grey-l20);
}
.placeholder-grey-l20::placeholder{
  color: var(--color-primary-grey-l20);
}
.placeholder-panel-text-placeholder::-moz-placeholder{
  color: var(--color-primary-panel-text-placeholder);
}
.placeholder-panel-text-placeholder::placeholder{
  color: var(--color-primary-panel-text-placeholder);
}
.placeholder-placeholder::-moz-placeholder{
  color: var(--color-text-placeholder);
}
.placeholder-placeholder::placeholder{
  color: var(--color-text-placeholder);
}
.placeholder-placeholder-new::-moz-placeholder{
  color: var(--color-text-placeholder-new);
}
.placeholder-placeholder-new::placeholder{
  color: var(--color-text-placeholder-new);
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-15{
  opacity: 0.15;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-64{
  opacity: 0.64;
}
.opacity-65{
  opacity: 0.65;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.opacity-95{
  opacity: 0.95;
}
.opacity-\[\.38\]{
  opacity: .38;
}
.opacity-\[\.64\]{
  opacity: .64;
}
.opacity-\[0\.03\]{
  opacity: 0.03;
}
.opacity-\[0\.15\]{
  opacity: 0.15;
}
.opacity-\[0\.5\]{
  opacity: 0.5;
}
.opacity-\[0\.7\]{
  opacity: 0.7;
}
.bg-blend-multiply{
  background-blend-mode: multiply;
}
.\!shadow-border-b-1{
  --tw-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 1) !important;
  --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-lg{
  --tw-shadow: 0px 4px 8px var(--color-primary-shadow-lg-1), 0px 4px 8px var(--color-primary-shadow-lg-2) !important;
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow{
  --tw-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  --tw-shadow-colored: 0px 1px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-border-1{
  --tw-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-border-b-1{
  --tw-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 1);
  --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-border-b-4{
  --tw-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 1);
  --tw-shadow-colored: inset 0 -4px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-border-blt-1{
  --tw-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 1), inset 1px 0 0 0 rgba(0, 0, 0, 1), inset 0 1px 0 0 rgba(0, 0, 0, 1);
  --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color), inset 1px 0 0 0 var(--tw-shadow-color), inset 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-border-l-1{
  --tw-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 1);
  --tw-shadow-colored: inset 1px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-border-r-1{
  --tw-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 1);
  --tw-shadow-colored: inset -1px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-border-t-1{
  --tw-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 1);
  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-border-trb-1{
  --tw-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 1), inset -1px 0 0 0 rgba(0, 0, 0, 1), inset 0 -1px 0 0 rgba(0, 0, 0, 1);
  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color), inset -1px 0 0 0 var(--tw-shadow-color), inset 0 -1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-bottom-old{
  --tw-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 6px 6px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0px 4px 8px var(--color-primary-shadow-lg-1), 0px 4px 8px var(--color-primary-shadow-lg-2);
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0px 2px 4px var(--color-primary-shadow-md-1), 0px 2px 12px var(--color-primary-shadow-md-2);
  --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color), 0px 2px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-menu-old{
  --tw-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(0, 0, 0, 0.68);
  --tw-shadow-colored: 0px 2px 10px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-popup{
  --tw-shadow: 0px 12px 16px -4px rgba(18, 27, 46, 0.1), 0px 4px 6px -2px rgba(18, 27, 46, 0.05);
  --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0px 2px 8px 0px rgba(102, 112, 133, 0.12), 0px 1px 2px 0px rgba(102, 112, 133, 0.12);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-task-old{
  --tw-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  --tw-shadow-colored: 0px 1px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-tooltip{
  --tw-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 4px 6px -2px rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0px 16px 32px var(--color-primary-shadow-xl-1), 0px 4px 12px var(--color-primary-shadow-xl-2);
  --tw-shadow-colored: 0px 16px 32px var(--tw-shadow-color), 0px 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xs{
  --tw-shadow: 0px 1px 1px var(--color-primary-shadow-xs-1), 0px 0px 1px var(--color-primary-shadow-xs-2);
  --tw-shadow-colored: 0px 1px 1px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!shadow-grey-l60{
  --tw-shadow-color: var(--color-primary-grey-l60) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-action-default{
  --tw-shadow-color: var(--color-primary-action-default);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-action-disabled{
  --tw-shadow-color: var(--color-primary-action-disabled);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-border-base{
  --tw-shadow-color: var(--color-primary-border-base);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-grey-l60{
  --tw-shadow-color: var(--color-primary-grey-l60);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-grey-l80{
  --tw-shadow-color: var(--color-primary-grey-l80);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-icon-secondary{
  --tw-shadow-color: var(--color-primary-icon-secondary);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-interactive-l60{
  --tw-shadow-color: var(--color-primary-interactive-l60);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-interactive-l80{
  --tw-shadow-color: var(--color-primary-interactive-l80);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-line-base{
  --tw-shadow-color: var(--color-primary-line-base);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-line-disabled{
  --tw-shadow-color: var(--color-primary-line-disabled);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-line-hover{
  --tw-shadow-color: var(--color-primary-line-hover);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-panel-line-base{
  --tw-shadow-color: var(--color-primary-panel-line-base);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-status-error{
  --tw-shadow-color: var(--color-primary-status-error);
  --tw-shadow: var(--tw-shadow-colored);
}
.\!outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.outline-dashed{
  outline-style: dashed;
}
.outline-0{
  outline-width: 0px;
}
.outline-1{
  outline-width: 1px;
}
.outline-2{
  outline-width: 2px;
}
.outline-4{
  outline-width: 4px;
}
.-outline-offset-1{
  outline-offset: -1px;
}
.-outline-offset-2{
  outline-offset: -2px;
}
.outline-offset-0{
  outline-offset: 0px;
}
.\!outline-action-pressed{
  outline-color: var(--color-primary-action-pressed) !important;
}
.\!outline-icon-primary{
  outline-color: var(--color-primary-icon-primary) !important;
}
.outline-accent-old{
  outline-color: var(--color-universal-accent-old);
}
.outline-action-default{
  outline-color: var(--color-primary-action-default);
}
.outline-grey{
  outline-color: var(--color-primary-grey);
}
.outline-icon-primary{
  outline-color: var(--color-primary-icon-primary);
}
.outline-interactive-l80{
  outline-color: var(--color-primary-interactive-l80);
}
.outline-line-base{
  outline-color: var(--color-primary-line-base);
}
.outline-notification-primary{
  outline-color: var(--color-primary-notification-primary);
}
.outline-placeholder-new{
  outline-color: var(--color-text-placeholder-new);
}
.outline-status-error{
  outline-color: var(--color-primary-status-error);
}
.outline-sticker-blue{
  outline-color: var(--color-outline-sticker-blue);
}
.outline-sticker-gray{
  outline-color: var(--color-outline-sticker-gray);
}
.outline-sticker-green{
  outline-color: var(--color-outline-sticker-green);
}
.outline-sticker-orange{
  outline-color: var(--color-outline-sticker-orange);
}
.outline-sticker-panel{
  outline-color: var(--color-outline-sticker-panel);
}
.outline-sticker-pink{
  outline-color: var(--color-outline-sticker-pink);
}
.outline-sticker-red{
  outline-color: var(--color-outline-sticker-red);
}
.outline-sticker-transparent{
  outline-color: var(--color-outline-sticker-transparent);
}
.outline-sticker-turquoise{
  outline-color: var(--color-outline-sticker-turquoise);
}
.outline-sticker-violet{
  outline-color: var(--color-outline-sticker-violet);
}
.outline-sticker-white{
  outline-color: var(--color-outline-sticker-white);
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-background-disabled{
  --tw-ring-color: var(--color-primary-background-disabled);
}
.ring-background-primary{
  --tw-ring-color: var(--color-primary-background-primary);
}
.ring-background-subtask-open{
  --tw-ring-color: var(--color-primary-background-subtask-open);
}
.ring-error-l20{
  --tw-ring-color: var(--color-primary-error-l20);
}
.ring-grey-l100{
  --tw-ring-color: var(--color-primary-grey-l100);
}
.ring-grey-l20{
  --tw-ring-color: var(--color-primary-grey-l20);
}
.ring-grey-l60{
  --tw-ring-color: var(--color-primary-grey-l60);
}
.ring-grey-l80{
  --tw-ring-color: var(--color-primary-grey-l80);
}
.ring-interactive-l100{
  --tw-ring-color: var(--color-primary-interactive-l100);
}
.ring-panel-background-default{
  --tw-ring-color: var(--color-primary-panel-background-default);
}
.ring-panel-outline-badge{
  --tw-ring-color: var(--color-primary-panel-outline-badge);
}
.ring-surface{
  --tw-ring-color: var(--color-primary-surface);
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!transition-none{
  transition-property: none !important;
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\]{
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-200{
  transition-delay: 200ms;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-75{
  transition-duration: 75ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  transition-timing-function: linear;
}
.ease-main{
  transition-timing-function: cubic-bezier(0, 1, 0, 1);
}
:root{
  --color-primary-grey-l100: #ffffff;
  --color-primary-grey-l80: #f5f5f5;
  --color-primary-grey-l60: #e4e7ec;
  --color-primary-grey-l40: #d0d5dd;
  --color-primary-grey-l20: #98a2b3;
  --color-primary-grey: #667085;
  --color-primary-grey-d20: #475467;
  --color-primary-grey-d40: #344054;
  --color-primary-grey-d60: #1d2939;
  --color-primary-grey-d80: #101828;
  --color-primary-error-l100: #fef2f1;
  --color-primary-error-l80: #fee3e1;
  --color-primary-error-l60: #feccc8;
  --color-primary-error-l40: #fda29b;
  --color-primary-error-l20: #ff6666;
  --color-primary-error: #f04438;
  --color-primary-error-d20: #d92d20;
  --color-primary-error-d40: #b42318;
  --color-primary-error-d60: #912018;
  --color-primary-error-d80: #7a271a;
  --color-primary-warning-l100: #fffaeb;
  --color-primary-warning-l80: #fef0c7;
  --color-primary-warning-l60: #fedf8a;
  --color-primary-warning-l40: #fec94d;
  --color-primary-warning-l20: #fdb021;
  --color-primary-warning: #f78f08;
  --color-primary-warning-d20: #dd6903;
  --color-primary-warning-d40: #b54708;
  --color-primary-warning-d60: #91370d;
  --color-primary-warning-d80: #772d0d;
  --color-primary-success-l100: #f1f9ec;
  --color-primary-success-l80: #e2f2d9;
  --color-primary-success-l60: #c5e6b2;
  --color-primary-success-l40: #a8d98c;
  --color-primary-success-l20: #8bcd65;
  --color-primary-success: #80c856;
  --color-primary-success-d20: #589a32;
  --color-primary-success-d40: #427326;
  --color-primary-success-d60: #2c4d19;
  --color-primary-success-d80: #1f3512;
  --color-primary-interactive-l100: #e8f4fc;
  --color-primary-interactive-l80: #d1e8fa;
  --color-primary-interactive-l60: #a4d1f4;
  --color-primary-interactive-l40: #76bbef;
  --color-primary-interactive-l20: #49a4e9;
  --color-primary-interactive: #2d96e6;
  --color-primary-interactive-d20: #1671b6;
  --color-primary-interactive-d40: #105589;
  --color-primary-interactive-d60: #0b385b;
  --color-primary-interactive-d80: #051c2e;
  --color-primary-tortoise-l100: #eafbf8;
  --color-primary-tortoise-l80: #d5f7f1;
  --color-primary-tortoise-l60: #acefe3;
  --color-primary-tortoise-l40: #82e8d5;
  --color-primary-tortoise-l20: #59e0c7;
  --color-primary-tortoise: #2fd8b9;
  --color-primary-tortoise-d20: #26ad94;
  --color-primary-tortoise-d40: #1c826f;
  --color-primary-tortoise-d60: #13564a;
  --color-primary-tortoise-d80: #0e4138;
  --color-primary-marker-l100: #fffceb;
  --color-primary-marker-l80: #fff9db;
  --color-primary-marker-l60: #fef3b4;
  --color-primary-marker-l40: #feec90;
  --color-primary-marker-l20: #fddf49;
  --color-primary-marker: #f5cc00;
  --color-primary-marker-d20: #d8a800;
  --color-primary-marker-d40: #c28b00;
  --color-primary-marker-d60: #754d00;
  --color-primary-marker-d80: #503900;
  --color-primary-used-l100: #f6f5ff;
  --color-primary-used-l80: #e3dcfe;
  --color-primary-used-l60: #c7bbfc;
  --color-primary-used-l40: #b09dfb;
  --color-primary-used-l20: #957bf9;
  --color-primary-used: #7859f8;
  --color-primary-used-d20: #6148c7;
  --color-primary-used-d40: #493597;
  --color-primary-used-d60: #2f2361;
  --color-primary-used-d80: #171231;
  --color-primary-sticker-01: #aa6e6e;
  --color-primary-sticker-02: #aa926e;
  --color-primary-sticker-03: #a5aa6e;
  --color-primary-sticker-04: #81aa6e;
  --color-primary-sticker-05: #6eaa77;
  --color-primary-sticker-06: #6eaaa6;
  --color-primary-sticker-07: #6e8daa;
  --color-primary-sticker-08: #6e78aa;
  --color-primary-sticker-09: #886eaa;
  --color-primary-sticker-10: #a56eaa;
  --color-primary-sticker-11: #98a2b3;
  --color-primary-column-01: #d7d7d7;
  --color-primary-column-02: #e0a6a3;
  --color-primary-column-03: #dfc396;
  --color-primary-column-04: #e3dda7;
  --color-primary-column-05: #bad79c;
  --color-primary-column-06: #b2d4d4;
  --color-primary-column-07: #9eb5db;
  --color-primary-column-08: #c1a7cc;
  --color-primary-column-09: #9a9999;
  --color-primary-column-10: #a95552;
  --color-primary-column-11: #da9238;
  --color-primary-column-12: #e5c343;
  --color-primary-column-13: #72a14e;
  --color-primary-column-14: #5dabac;
  --color-primary-column-15: #7795c8;
  --color-primary-column-16: #a36daa;
  --color-primary-generic-black: #000000;
  --color-primary-generic-white: #ffffff;
  --color-primary-surface: #ffffff;
  --color-primary-chat: #d5e4ed;
  --color-primary-personal-message: #f1f9ec;
  --color-primary-group-message: #fcfcfc;
  --color-primary-reaction: #98a2b3;
  --color-primary-reaction-hover: #b8dbf6;
  --color-primary-edit-message: #d1d6da;
  --color-primary-contrast-surface: #1d2939;
  --color-primary-action-default: #3F8BFD;
  --color-primary-action-hover: #5E9EFF;
  --color-primary-action-pressed: #3175D7;
  --color-primary-action-disabled: #F4F5F9;
  --color-primary-action-secondary-default: #FFF;
  --color-primary-action-secondary-hover: #F7F8FD;
  --color-primary-action-secondary-pressed: #EFF0F6;
  --color-primary-action-primary-disabled: #F4F5F9;
  --color-primary-action-attention-default: #F66;
  --color-primary-action-attention-hover: #FF7E7E;
  --color-primary-action-attention-pressed: #EF5D5D;
  --color-primary-border-base: #E3E5EF;
  --color-primary-icon-primary: #121b2e;
  --color-primary-icon-secondary: #667085;
  --color-primary-icon-placeholder: #B1BACD;
  --color-primary-icon-disabled: #d1d7e1;
  --color-primary-icon-invert: #ffffff;
  --color-primary-line-base: #e3e5ef;
  --color-primary-line-hover: #cfd6e2;
  --color-primary-line-disabled: #f4f5f9;
  --color-primary-line-invert: #ffffff;
  --color-primary-line-pressed: #B1BACD;
  --color-primary-background-primary: #ffffff;
  --color-primary-background-primary-92: #ffffffea;
  --color-primary-background-secondary: #EFF0F6;
  --color-primary-background-tertiary: #EFF0F6;
  --color-primary-background-hover: #f7f8fd;
  --color-primary-background-active: #eff0f6;
  --color-primary-background-disabled: #f4f5f9;
  --color-primary-background-card: #ffffff;
  --color-primary-background-report: #e5e7ec;
  --color-primary-background-solid: #ffffff;
  --color-primary-background-tooltip-informer: #344054;
  --color-primary-background-subtask-open: #e3e5ef;
  --color-primary-background-sticker-panel: #E3E4EE;
  --color-primary-background-column-placeholder: #66708514;
  --color-primary-notification-primary: #ff6666;
  --color-primary-status-success: #80c856;
  --color-primary-status-warning: #FF902B;
  --color-primary-status-error: #ff6666;
  --color-primary-normal-gray: #6d7a95;
  --color-primary-normal-red: #ff8c8c;
  --color-primary-normal-pink: #ff8cc3;
  --color-primary-normal-orange: #e9a24f;
  --color-primary-normal-yellow: #fce258;
  --color-primary-normal-green: #7cae5e;
  --color-primary-normal-turquoise: #49c5bc;
  --color-primary-normal-blue: #8cacff;
  --color-primary-normal-violet: #cc8cff;
  --color-primary-acid-gray: #667085;
  --color-primary-acid-red: #eb3737;
  --color-primary-acid-pink: #fd57a7;
  --color-primary-acid-orange: #f2732b;
  --color-primary-acid-yellow: #f5cc00;
  --color-primary-acid-green: #5cdc11;
  --color-primary-acid-turquoise: #08a7a9;
  --color-primary-acid-blue: #5089f2;
  --color-primary-acid-violet: #e25ef2;
  --color-primary-light-gray: #eff0f6;
  --color-primary-light-red: #fff1f1;
  --color-primary-light-pink: #ffeff4;
  --color-primary-light-orange: #fff6e4;
  --color-primary-light-green: #eafbe1;
  --color-primary-light-turquoise: #e1fdf8;
  --color-primary-light-blue: #edf6ff;
  --color-primary-light-violet: #f5edff;
  --color-primary-opacity-invert-40: #ffffff66;
  --color-primary-opacity-gray-96: #eff0f6f5;
  --color-primary-opacity-gray-40: #66708566;
  --color-primary-column-bg-gray: #E3E4EE;
  --color-primary-scroll-base: #B1BACD;
  --color-primary-panel-text-primary: #121B2E;
  --color-primary-panel-text-secondary: #667085;
  --color-primary-panel-text-placeholder: #B1BACD;
  --color-primary-panel-icon-primary: #121B2E;
  --color-primary-panel-icon-secondary: #667085;
  --color-primary-panel-line-base: #E3E5EF;
  --color-primary-panel-background-default: #EFF0F6;
  --color-primary-panel-background-constant: #F8F8FB;
  --color-primary-panel-background-hover: #FCFCFD;
  --color-primary-panel-background-active: #FFFFFF;
  --color-primary-panel-background-badge: #F8F8FB;
  --color-primary-panel-outline-badge: #EFF0F6;
  --color-primary-shadow-xs-1: rgba(102, 112, 133, 0.32);
  --color-primary-shadow-xs-2: rgba(102, 112, 133, 0.47);
  --color-primary-shadow-sm: rgba(102, 112, 133, 0.12);
  --color-primary-shadow-md-1: rgba(102, 112, 133, 0.20);
  --color-primary-shadow-md-2: rgba(102, 112, 133, 0.12);
  --color-primary-shadow-lg-1: rgba(102, 112, 133, 0.20);
  --color-primary-shadow-lg-2: rgba(102, 112, 133, 0.12);
  --color-primary-shadow-xl-1: rgba(102, 112, 133, 0.24);
  --color-primary-shadow-xl-2: rgba(102, 112, 133, 0.20);
  --color-universal-transparent: transparent;
  --color-universal-warning-old: #e0a92e;
  --color-universal-success-old: #6bc125;
  --color-universal-interactive-old: #4d97e0;
  --color-universal-action-old: #2276c4;
  --color-universal-error-old: #d92400;
  --color-universal-accent-old: #e71a6e;
  --color-text-primary: #121b2e;
  --color-text-secondary: #667085;
  --color-text-placeholder: #98a2b3;
  --color-text-disabled: #d0d5dd;
  --color-text-invert: #ffffff;
  --color-text-placeholder-new: #b1bacd;
  --color-text-disabled-new: #d1d7e1;
  --color-text-invert-new: #ffffff;
  --color-text-on-color: #ffffff;
  --color-text-third-old: #80899e;
  --color-text-secondary-old: #4d566a;
  --color-text-secondary-constant-old: #4d566a;
  --color-text-obscure-old: #b8bfcf;
  --color-text-obscure-constant-old: #b8bfcf;
  --color-text-main-old: #2b3541;
  --color-text-inverse-old: #f5f8fa;
  --color-text-bg-header-old: #f6f8fa;
  --color-text-bg-main-old: #FFFFFF;
  --color-text-input-disabled-old: #e6e6e6;
  --color-text-dark-green-old: #187643;
  --color-text-menu-text-old: #252b30;
  --color-text-sticker-panel: #667085;
  --color-text-sticker-white: #121b2e;
  --color-text-sticker-gray: #5C677E;
  --color-text-sticker-red: #821600;
  --color-text-sticker-pink: #995454;
  --color-text-sticker-orange: #B4671F;
  --color-text-sticker-green: #2A8F3B;
  --color-text-sticker-turquoise: #1A837A;
  --color-text-sticker-blue: #547499;
  --color-text-sticker-violet: #794987;
  --color-text-sticker-transparent: #121B2E;
  --color-text-icon-sticker-panel: #667085;
  --color-text-icon-sticker-white: #667085;
  --color-text-icon-sticker-gray: #FFFFFF;
  --color-text-icon-sticker-red: #FFFFFF;
  --color-text-icon-sticker-pink: #FFFFFF;
  --color-text-icon-sticker-orange: #FFFFFF;
  --color-text-icon-sticker-green: #FFFFFF;
  --color-text-icon-sticker-turquoise: #FFFFFF;
  --color-text-icon-sticker-blue: #FFFFFF;
  --color-text-icon-sticker-violet: #FFFFFF;
  --color-text-icon-sticker-transparent: ;
  --color-background-primary: #ffffff;
  --color-background-tertiary: #EFF0F6;
  --color-background-primary-popup: #ffffff;
  --color-background-on-color: #ffffff;
  --color-background-main-old: #ffffff;
  --color-background-main-even-old: #f5f8fa;
  --color-background-input-old: #ffffff;
  --color-background-input-disabled-old: #e6e6e6;
  --color-background-header-old: #f6f8fa;
  --color-background-main-header-old: #2b3541;
  --color-background-header-even-old: #fcfdfd;
  --color-background-project-hover-old: #f5f8fa;
  --color-background-menu-active-element-old: #2b3541;
  --color-background-lists-divider-old: #e6edf0;
  --color-background-chat-list-hover-old: #f0f7fc;
  --color-background-subtask-old: #d6e2ea;
  --color-background-progress-bar-old: #c8d3db;
  --color-background-chat-input-old: #ffffff;
  --color-background-chat-back-self-old: #f5fbf0;
  --color-background-chat-back-others-old: #ffffff;
  --color-background-obscure-constant-old: #b8bfcf;
  --color-background-selected-date-range-old: #e2effb;
  --color-background-task-completed: #e7ebf1;
  --color-background-sticker-panel: #FFFFFF;
  --color-background-sticker-white: #FFFFFF;
  --color-background-sticker-gray: #F1F2F5;
  --color-background-sticker-red: #F7D3CC;
  --color-background-sticker-pink: #FFE8E8;
  --color-background-sticker-orange: #FDF3DB;
  --color-background-sticker-green: #E4F5E1;
  --color-background-sticker-turquoise: #D5F8F5;
  --color-background-sticker-blue: #E8F3FF;
  --color-background-sticker-violet: #F4E4F8;
  --color-background-sticker-transparent: ;
  --color-background-icon-sticker-panel: #FFFFFF;
  --color-background-icon-sticker-white: #FFFFFF;
  --color-background-icon-sticker-gray: #98A2B3;
  --color-background-icon-sticker-red: #D92400;
  --color-background-icon-sticker-pink: #FF8C8C;
  --color-background-icon-sticker-orange: #F5C24D;
  --color-background-icon-sticker-green: #79CE69;
  --color-background-icon-sticker-turquoise: #2BDBCC;
  --color-background-icon-sticker-blue: #8CC2FF;
  --color-background-icon-sticker-violet: #CA79DB;
  --color-background-task-primary: #FFFFFF;
  --color-background-task-gray: #DDE1EA;
  --color-background-task-red: #FFB0B0;
  --color-background-task-pink: #FFD1D6;
  --color-background-task-yellow: #FFF7AD;
  --color-background-task-green: #DFFABC;
  --color-background-task-turquoise: #C8F7E6;
  --color-background-task-blue: #BEE1FB;
  --color-background-task-violet: #F9C9F7;
  --color-background-progress-task-primary: #B1BACD;
  --color-background-progress-task-gray: #B1BACD;
  --color-background-progress-task-red: #DD8686;
  --color-background-progress-task-pink: #E3A3B2;
  --color-background-progress-task-yellow: #E3D08A;
  --color-background-progress-task-green: #B3DE99;
  --color-background-progress-task-turquoise: #A0D7CD;
  --color-background-progress-task-blue: #A1C1E6;
  --color-background-progress-task-violet: #D79BDC;
  --color-border-base: #E3E5EF;
  --color-border-on-color: #ffffff;
  --color-border-main-old: #b8bfcf;
  --color-border-input-disabled: #e6e6e6;
  --color-border-bg-subtask-old: #e3ebf1;
  --color-border-bg-header-old: #f6f8fa;
  --color-border-bg-main-old: #ffffff;
  --color-border-bg-main-even-old: #f5f8fa;
  --color-border-light-old: #f5f8fa;
  --color-border-third-old: #80899e;
  --color-border-lists-divider-old: #e6edf0;
  --color-border-obscure-main-old: #2b3541;
  --color-border-obscure-constant-old: #b8bfcf;
  --color-border-split-old: #caced9;
  --color-border-task: #caced9;
  --color-border-sticker-panel: #CFD6E2;
  --color-border-sticker-white: #CFD6E2;
  --color-border-sticker-gray: #5C677E;
  --color-border-sticker-red: #77210E;
  --color-border-sticker-pink: #905756;
  --color-border-sticker-orange: #B4671F;
  --color-border-sticker-green: #2A8F3B;
  --color-border-sticker-turquoise: #30887D;
  --color-border-sticker-blue: #3E82A7;
  --color-border-sticker-violet: #A556C3;
  --color-border-icon-sticker-panel: #E3E5EF;
  --color-border-icon-sticker-white: #E3E5EF;
  --color-border-icon-sticker-gray: #B9BFCE;
  --color-border-icon-sticker-red: #C7381E;
  --color-border-icon-sticker-pink: #F0928F;
  --color-border-icon-sticker-orange: #EDC462;
  --color-border-icon-sticker-green: #8DCC75;
  --color-border-icon-sticker-turquoise: #6BD8CC;
  --color-border-icon-sticker-blue: #97C1FA;
  --color-border-icon-sticker-violet: #BF7DD5;
  --color-border-task-primary: #DDE1EA;
  --color-border-icon-disabled: #D1D7E1;
  --color-border-task-gray: #DDE1EA;
  --color-border-task-red: #FFB0B0;
  --color-border-task-pink: #FFD1D6;
  --color-border-task-yellow: #FFF7AD;
  --color-border-task-green: #DFFABC;
  --color-border-task-turquoise: #C8F7E6;
  --color-border-task-blue: #BEE1FB;
  --color-border-task-violet: #F9C9F7;
  --color-outline-sticker-panel: #CFD6E2;
  --color-outline-sticker-white: #E3E5EF;
  --color-outline-sticker-gray: #B9BFCE;
  --color-outline-sticker-red: #C7381E;
  --color-outline-sticker-pink: #F0928F;
  --color-outline-sticker-orange: #EDC462;
  --color-outline-sticker-green: #8DCC75;
  --color-outline-sticker-turquoise: #6BD8CC;
  --color-outline-sticker-blue: #97C1FA;
  --color-outline-sticker-violet: #BF7DD5;
  --color-outline-sticker-transparent: #121B2E;
}
:root.dark{
  --color-primary-grey-l100: #232528;
  --color-primary-grey-l80: #2a2e33;
  --color-primary-grey-l60: #3c3f45;
  --color-primary-grey-l40: #c1c7d1;
  --color-primary-grey-l20: #adb5c2;
  --color-primary-grey: #98a2b3;
  --color-primary-grey-d20: #475467;
  --color-primary-grey-d40: #344054;
  --color-primary-grey-d60: #c6d2e2;
  --color-primary-grey-d80: #d7dfef;
  --color-primary-error-l100: #230300;
  --color-primary-error-l80: #500702;
  --color-primary-error-l60: #6a0801;
  --color-primary-error-l40: #af0f04;
  --color-primary-error-l20: #ff6666;
  --color-primary-error: #f6867e;
  --color-primary-error-d20: #e7685f;
  --color-primary-error-d40: #e34135;
  --color-primary-error-d60: #d32e22;
  --color-primary-error-d80: #b93b27;
  --color-primary-warning-l100: #291f00;
  --color-primary-warning-l80: #513b01;
  --color-primary-warning-l60: #b27d00;
  --color-primary-warning-l40: #fed167;
  --color-primary-warning-l20: #fdb93a;
  --color-primary-warning: #f89b20;
  --color-primary-warning-d20: #f67504;
  --color-primary-warning-d40: #ce5109;
  --color-primary-warning-d60: #a9400f;
  --color-primary-warning-d80: #8e3610;
  --color-primary-success-l100: #14220b;
  --color-primary-success-l80: #213913;
  --color-primary-success-l60: #37601f;
  --color-primary-success-l40: #a8d98c;
  --color-primary-success-l20: #9ad378;
  --color-primary-success: #8ece69;
  --color-primary-success-d20: #63ad38;
  --color-primary-success-d40: #4d862c;
  --color-primary-success-d60: #37601f;
  --color-primary-success-d80: #d7edca;
  --color-primary-interactive-l100: #1d2e3c;
  --color-primary-interactive-l80: #2a4254;
  --color-primary-interactive-l60: #0e4671;
  --color-primary-interactive-l40: #76bbef;
  --color-primary-interactive-l20: #60afec;
  --color-primary-interactive: #46a2e9;
  --color-primary-interactive-d20: #197fcd;
  --color-primary-interactive-d40: #1363a0;
  --color-primary-interactive-d60: #0e4671;
  --color-primary-interactive-d80: #76afdb;
  --color-primary-tortoise-l100: #071e1a;
  --color-primary-tortoise-l80: #0c3f36;
  --color-primary-tortoise-l60: #146959;
  --color-primary-tortoise-l40: #82e8d5;
  --color-primary-tortoise-l20: #6ee4ce;
  --color-primary-tortoise: #44dcc0;
  --color-primary-tortoise-d20: #2ac2a6;
  --color-primary-tortoise-d40: #219781;
  --color-primary-tortoise-d60: #176b5c;
  --color-primary-tortoise-d80: #bef1e8;
  --color-primary-marker-l100: #1f1a00;
  --color-primary-marker-l80: #3d3300;
  --color-primary-marker-l60: #645602;
  --color-primary-marker-l40: #feec90;
  --color-primary-marker-l20: #fde56d;
  --color-primary-marker: #fde462;
  --color-primary-marker-d20: #ffd70f;
  --color-primary-marker-d40: #f5c000;
  --color-primary-marker-d60: #db9200;
  --color-primary-marker-d80: #8f5f00;
  --color-primary-used-l100: #110826;
  --color-primary-used-l80: #1b023b;
  --color-primary-used-l60: #280458;
  --color-primary-used-l40: #b09dfb;
  --color-primary-used-l20: #957bf9;
  --color-primary-used: #8c71f9;
  --color-primary-used-d20: #725bcd;
  --color-primary-used-d40: #523caa;
  --color-primary-used-d60: #382a74;
  --color-primary-used-d80: #d4ceed;
  --color-primary-sticker-01: #ab7070;
  --color-primary-sticker-02: #ab9370;
  --color-primary-sticker-03: #a6ab70;
  --color-primary-sticker-04: #83ab70;
  --color-primary-sticker-05: #70ab79;
  --color-primary-sticker-06: #70aba7;
  --color-primary-sticker-07: #708eab;
  --color-primary-sticker-08: #707aab;
  --color-primary-sticker-09: #8a70ab;
  --color-primary-sticker-10: #a670ab;
  --color-primary-sticker-11: #98a2b3;
  --color-primary-column-01: #353535;
  --color-primary-column-02: #e0a6a3;
  --color-primary-column-03: #dfc396;
  --color-primary-column-04: #e3dda7;
  --color-primary-column-05: #bad79c;
  --color-primary-column-06: #b2d4d4;
  --color-primary-column-07: #9eb5db;
  --color-primary-column-08: #c1a7cc;
  --color-primary-column-09: #9a9999;
  --color-primary-column-10: #b36462;
  --color-primary-column-11: #353535;
  --color-primary-column-12: #e8c959;
  --color-primary-column-13: #7faf5a;
  --color-primary-column-14: #6eb3b5;
  --color-primary-column-15: #89a3cf;
  --color-primary-column-16: #a36daa;
  --color-primary-generic-black: #000000;
  --color-primary-generic-white: #ffffff;
  --color-primary-surface: #1c1c1c;
  --color-primary-chat: #1e252b;
  --color-primary-personal-message: #374466;
  --color-primary-group-message: #333c49;
  --color-primary-reaction: #8c8c8c;
  --color-primary-reaction-hover: #485e81;
  --color-primary-edit-message: #2c3745;
  --color-primary-contrast-surface: #101828;
  --color-primary-action-default: #3F8BFD;
  --color-primary-action-hover: #5E9EFF;
  --color-primary-action-pressed: #3175D7;
  --color-primary-action-disabled: #2E3542;
  --color-primary-action-secondary-default: #252B35;
  --color-primary-action-secondary-hover: #29313D;
  --color-primary-action-secondary-pressed: #333C49;
  --color-primary-action-primary-disabled: #2E3542;
  --color-primary-action-attention-default: #F66;
  --color-primary-action-attention-hover: #FF7E7E;
  --color-primary-action-attention-pressed: #EF5D5D;
  --color-primary-border-base: #384150;
  --color-primary-icon-primary: #e7ebf1;
  --color-primary-icon-secondary: #98a2b3;
  --color-primary-icon-placeholder: #667085;
  --color-primary-icon-disabled: #546072;
  --color-primary-icon-invert: #FFFFFF;
  --color-primary-line-base: #384150;
  --color-primary-line-hover: #424d5f;
  --color-primary-line-disabled: #2e3542;
  --color-primary-line-invert: #252b35;
  --color-primary-line-pressed: #667085;
  --color-primary-background-primary: #252b35;
  --color-primary-background-primary-92: #252b35ea;
  --color-primary-background-secondary: #20252C;
  --color-primary-background-tertiary: #2D333C;
  --color-primary-background-hover: #29313d;
  --color-primary-background-active: #333c49;
  --color-primary-background-disabled: #2e3542;
  --color-primary-background-card: #333c49;
  --color-primary-background-report: #252b35;
  --color-primary-background-solid: #1c222c;
  --color-primary-background-tooltip-informer: #344054;
  --color-primary-background-subtask-open: #1e222b;
  --color-primary-background-sticker-panel: #2D333C;
  --color-primary-background-column-placeholder: #66708514;
  --color-primary-notification-primary: #ff6666;
  --color-primary-status-success: #73b24e;
  --color-primary-status-warning: #EA8D38;
  --color-primary-status-error: #df5050;
  --color-primary-normal-gray: #d1d7e1;
  --color-primary-normal-red: #da7777;
  --color-primary-normal-pink: #df6da3;
  --color-primary-normal-orange: #c2945e;
  --color-primary-normal-yellow: #fce258;
  --color-primary-normal-green: #6a9750;
  --color-primary-normal-turquoise: #54a09b;
  --color-primary-normal-blue: #6b86cc;
  --color-primary-normal-violet: #ad71dd;
  --color-primary-acid-gray: #667085;
  --color-primary-acid-red: #db3c3c;
  --color-primary-acid-pink: #ef5585;
  --color-primary-acid-orange: #d86727;
  --color-primary-acid-yellow: #d4b102;
  --color-primary-acid-green: #58b522;
  --color-primary-acid-turquoise: #08a7a9;
  --color-primary-acid-blue: #467de1;
  --color-primary-acid-violet: #bf48cd;
  --color-primary-light-gray: #414a57;
  --color-primary-light-red: #5f3030;
  --color-primary-light-pink: #5f3047;
  --color-primary-light-orange: #4f4331;
  --color-primary-light-green: #354e3f;
  --color-primary-light-turquoise: #1e514e;
  --color-primary-light-blue: #304b5f;
  --color-primary-light-violet: #53305f;
  --color-primary-opacity-invert-40: #ffffff66;
  --color-primary-opacity-gray-96: #252b35f5;
  --color-primary-opacity-gray-40: #66708566;
  --color-primary-column-bg-gray: #252B35;
  --color-primary-scroll-base: #3C4757;
  --color-primary-panel-text-primary: #E7EBF1;
  --color-primary-panel-text-secondary: #98A2B3;
  --color-primary-panel-text-placeholder: #667085;
  --color-primary-panel-icon-primary: #E7EBF1;
  --color-primary-panel-icon-secondary: #98A2B3;
  --color-primary-panel-line-base: #384150;
  --color-primary-panel-background-default: #252B35;
  --color-primary-panel-background-constant: #2D3541;
  --color-primary-panel-background-hover: #353E4D;
  --color-primary-panel-background-active: #3C4757;
  --color-primary-panel-background-badge: #2D3541;
  --color-primary-panel-outline-badge: #252B35;
  --color-primary-shadow-xs-1: rgba(0, 0, 0, 0.32);
  --color-primary-shadow-xs-2: rgba(0, 0, 0, 0.47);
  --color-primary-shadow-sm: rgba(0, 0, 0, 0.12);
  --color-primary-shadow-md-1: rgba(0, 0, 0, 0.20);
  --color-primary-shadow-md-2: rgba(0, 0, 0, 0.12);
  --color-primary-shadow-lg-1: rgba(0, 0, 0, 0.20);
  --color-primary-shadow-lg-2: rgba(0, 0, 0, 0.12);
  --color-primary-shadow-xl-1: rgba(0, 0, 0, 0.24);
  --color-primary-shadow-xl-2: rgba(0, 0, 0, 0.20);
  --color-text-primary: #e7ebf1;
  --color-text-secondary: #98a2b3;
  --color-text-placeholder: #667085;
  --color-text-disabled: #2d343e;
  --color-text-invert: #ffffff;
  --color-text-placeholder-new: #667085;
  --color-text-disabled-new: #546072;
  --color-text-invert-new: #252b35;
  --color-text-on-color: #ffffff;
  --color-text-third-old: #80899e;
  --color-text-secondary-old: #a2aaba;
  --color-text-secondary-constant-old: #4d566a;
  --color-text-obscure-old: #4d566a;
  --color-text-obscure-constant-old: #b8bfcf;
  --color-text-main-old: #b8bfcf;
  --color-text-inverse-old: #f5f8fa;
  --color-text-bg-header-old: #202224;
  --color-text-bg-main-old: #252b30;
  --color-text-input-disabled-old: #4c4c4c;
  --color-text-dark-green-old: #187643;
  --color-text-menu-text-old: #ffffff;
  --color-text-sticker-panel: #98A2B3;
  --color-text-sticker-white: #e7ebf1;
  --color-text-sticker-gray: #D1D7E1;
  --color-text-sticker-red: #FF7979;
  --color-text-sticker-pink: #FF8CC3;
  --color-text-sticker-orange: #E9A24F;
  --color-text-sticker-green: #7BBC55;
  --color-text-sticker-turquoise: #49C5BC;
  --color-text-sticker-blue: #8CACFF;
  --color-text-sticker-violet: #CC8CFF;
  --color-text-sticker-transparent: #E7EBF1;
  --color-text-icon-sticker-panel: #98a2b3;
  --color-text-icon-sticker-white: #98a2b3;
  --color-text-icon-sticker-gray: #424D5F;
  --color-text-icon-sticker-red: #703C3C;
  --color-text-icon-sticker-pink: #784155;
  --color-text-icon-sticker-orange: #644C35;
  --color-text-icon-sticker-green: #3C6435;
  --color-text-icon-sticker-turquoise: #30685E;
  --color-text-icon-sticker-blue: #375578;
  --color-text-icon-sticker-violet: #6E3F7E;
  --color-text-icon-sticker-transparent: ;
  --color-background-primary: #252b35;
  --color-background-tertiary: #2D333C;
  --color-background-primary-popup: #121b2e;
  --color-background-on-color: #ffffff;
  --color-background-main-old: #252b30;
  --color-background-main-even-old: #292f34;
  --color-background-input-old: #353e4a;
  --color-background-input-disabled-old: #4c4c4c;
  --color-background-header-old: #202224;
  --color-background-main-header-old: #252b30;
  --color-background-header-even-old: #252729;
  --color-background-project-hover-old: #424c5a;
  --color-background-menu-active-element-old: #2b3541;
  --color-background-lists-divider-old: #2b3541;
  --color-background-chat-list-hover-old: #2d3540;
  --color-background-subtask-old: #2b3038;
  --color-background-progress-bar-old: #343a45;
  --color-background-chat-input-old: #4d566a;
  --color-background-chat-back-self-old: #3b4f60;
  --color-background-chat-back-others-old: #353e4a;
  --color-background-obscure-constant-old: #b8bfcf;
  --color-background-selected-date-range-old: #e2effb;
  --color-background-task-completed: #202224;
  --color-background-sticker-panel: #252b35;
  --color-background-sticker-white: #252b35;
  --color-background-sticker-gray: #424D5F;
  --color-background-sticker-red: #703C3C;
  --color-background-sticker-pink: #784155;
  --color-background-sticker-orange: #644C35;
  --color-background-sticker-green: #3C6435;
  --color-background-sticker-turquoise: #30685E;
  --color-background-sticker-blue: #375578;
  --color-background-sticker-violet: #6E3F7E;
  --color-background-sticker-transparent: ;
  --color-background-icon-sticker-panel: #252b35;
  --color-background-icon-sticker-white: #252b35;
  --color-background-icon-sticker-gray: #B8BFCF;
  --color-background-icon-sticker-red: #FF7979;
  --color-background-icon-sticker-pink: #FF8CC3;
  --color-background-icon-sticker-orange: #E9A24F;
  --color-background-icon-sticker-green: #7BBC55;
  --color-background-icon-sticker-turquoise: #49C5BC;
  --color-background-icon-sticker-blue: #8CACFF;
  --color-background-icon-sticker-violet: #CC8CFF;
  --color-background-task-primary: #333C49;
  --color-background-task-gray: #424D5F;
  --color-background-task-red: #703535;
  --color-background-task-pink: #713C4F;
  --color-background-task-yellow: #706335;
  --color-background-task-green: #34572E;
  --color-background-task-turquoise: #2A5D54;
  --color-background-task-blue: #304D6F;
  --color-background-task-violet: #673A76;
  --color-background-progress-task-primary: #667085;
  --color-background-progress-task-gray: #576273;
  --color-background-progress-task-red: #8C5A5A;
  --color-background-progress-task-pink: #94597D;
  --color-background-progress-task-yellow: #90814D;
  --color-background-progress-task-green: #537B4C;
  --color-background-progress-task-turquoise: #4A7E75;
  --color-background-progress-task-blue: #47678D;
  --color-background-progress-task-violet: #7E5D9E;
  --color-border-base: #384150;
  --color-border-on-color: #ffffff;
  --color-border-main-old: #4d566a;
  --color-border-input-disabled: #4c4c4c;
  --color-border-bg-subtask-old: #2d3540;
  --color-border-bg-header-old: #202224;
  --color-border-bg-main-old: #252b30;
  --color-border-bg-main-even-old: #292f34;
  --color-border-light-old: #292f34;
  --color-border-third-old: #80899e;
  --color-border-lists-divider-old: #2b3541;
  --color-border-obscure-main-old: #b8bfcf;
  --color-border-obscure-constant-old: #b8bfcf;
  --color-border-split-old: #47484D;
  --color-border-task: #47484d;
  --color-border-sticker-panel: #424D5F;
  --color-border-sticker-white: #424D5F;
  --color-border-sticker-gray: #D1D7E1;
  --color-border-sticker-red: #FF7979;
  --color-border-sticker-pink: #FF8CC3;
  --color-border-sticker-orange: #E9A24F;
  --color-border-sticker-green: #7BBC55;
  --color-border-sticker-turquoise: #49C5BC;
  --color-border-sticker-blue: #8CACFF;
  --color-border-sticker-violet: #CC8CFF;
  --color-border-icon-sticker-panel: #384150;
  --color-border-icon-sticker-white: #384150;
  --color-border-icon-sticker-gray: #B9BFCE;
  --color-border-icon-sticker-red: #FF7979;
  --color-border-icon-sticker-pink: #FF8CC3;
  --color-border-icon-sticker-orange: #E9A24F;
  --color-border-icon-sticker-green: #7BBC55;
  --color-border-icon-sticker-turquoise: #49C5BC;
  --color-border-icon-sticker-blue: #8CACFF;
  --color-border-icon-sticker-violet: #CC8CFF;
  --color-border-task-primary: #424D5F;
  --color-border-icon-disabled: #546072;
  --color-border-task-gray: #424D5F;
  --color-border-task-red: #703535;
  --color-border-task-pink: #713C4F;
  --color-border-task-yellow: #706335;
  --color-border-task-green: #34572E;
  --color-border-task-turquoise: #2A5D54;
  --color-border-task-blue: #304D6F;
  --color-border-task-violet: #673A76;
  --color-outline-sticker-panel: #424D5F;
  --color-outline-sticker-white: #384150;
  --color-outline-sticker-gray: #B9BFCE;
  --color-outline-sticker-red: #FF7979;
  --color-outline-sticker-pink: #FF8CC3;
  --color-outline-sticker-orange: #E9A24F;
  --color-outline-sticker-green: #7BBC55;
  --color-outline-sticker-turquoise: #49C5BC;
  --color-outline-sticker-blue: #8CACFF;
  --color-outline-sticker-violet: #CC8CFF;
  --color-outline-sticker-transparent: #E7EBF1;
}
:root.light--lighter{
  --color-primary-scroll-base: #10285B33;
  --color-primary-panel-text-primary: #121B2E;
  --color-primary-panel-text-secondary: #121B2E;
  --color-primary-panel-text-placeholder: #10285B52;
  --color-primary-panel-icon-primary: #121B2E;
  --color-primary-panel-icon-secondary: #121B2E;
  --color-primary-panel-line-base: #10285B14;
  --color-primary-panel-background-default: #E9ECEFCC;
  --color-primary-panel-background-constant: #EFF0F633;
  --color-primary-panel-background-hover: #EFF0F652;
  --color-primary-panel-background-active: #FFFFFF66;
  --color-primary-panel-background-badge: #FFFFFF3D;
  --color-primary-panel-outline-badge: #FFFFFF1A;
}
:root.light--darker{
  --color-primary-scroll-base: #FFFFFF33;
  --color-primary-panel-text-primary: #FFFFFF;
  --color-primary-panel-text-secondary: #FFFFFF;
  --color-primary-panel-text-placeholder: #FFFFFF7A;
  --color-primary-panel-icon-primary: #FFFFFF;
  --color-primary-panel-icon-secondary: #FFFFFF;
  --color-primary-panel-line-base: #FFFFFF33;
  --color-primary-panel-background-default: #343434B8;
  --color-primary-panel-background-constant: #EFF0F61F;
  --color-primary-panel-background-hover: #EFF0F63D;
  --color-primary-panel-background-active: #FFFFFF66;
  --color-primary-panel-background-badge: #EFF0F640;
  --color-primary-panel-outline-badge: #FFFFFF1A;
}
:root.dark--lighter{
  --color-primary-scroll-base: #FFFFFF33;
  --color-primary-panel-text-primary: #FFFFFF;
  --color-primary-panel-text-secondary: #FFFFFF;
  --color-primary-panel-text-placeholder: #FFFFFF7A;
  --color-primary-panel-icon-primary: #FFFFFF;
  --color-primary-panel-icon-secondary: #FFFFFF;
  --color-primary-panel-line-base: #FFFFFF33;
  --color-primary-panel-background-default: #343434B8;
  --color-primary-panel-background-constant: #EFF0F61F;
  --color-primary-panel-background-hover: #EFF0F63D;
  --color-primary-panel-background-active: #FFFFFF66;
  --color-primary-panel-background-badge: #EFF0F640;
  --color-primary-panel-outline-badge: #FFFFFF1A;
}
:root.dark--darker{
  --color-primary-scroll-base: #FFFFFF33;
  --color-primary-panel-text-primary: #FFFFFF;
  --color-primary-panel-text-secondary: #FFFFFF;
  --color-primary-panel-text-placeholder: #FFFFFF7A;
  --color-primary-panel-icon-primary: #FFFFFF;
  --color-primary-panel-icon-secondary: #FFFFFF;
  --color-primary-panel-line-base: #FFFFFF33;
  --color-primary-panel-background-default: #343434B8;
  --color-primary-panel-background-constant: #EFF0F61F;
  --color-primary-panel-background-hover: #EFF0F63D;
  --color-primary-panel-background-active: #FFFFFF66;
  --color-primary-panel-background-badge: #EFF0F640;
  --color-primary-panel-outline-badge: #FFFFFF1A;
}
.scrollbar{
  --scrollbar-track-x: #9ca3af;
  --scrollbar-track-y: #9ca3af;
  --scrollbar-thumb-x: #4b5563;
  --scrollbar-thumb-y: #4b5563;
  --scrollbar-track-radius-x: 0.375rem;
  --scrollbar-track-radius-y: 0.375rem;
  --scrollbar-thumb-radius-x: 0.375rem;
  --scrollbar-thumb-radius-y: 0.375rem;
  --scrollbar-width-x: 0.25rem;
  --scrollbar-width-y: 0.25rem;
  --scrollbar-auto-track: #9ca3af;
  --scrollbar-auto-thumb: #4b5563;
  --scrollbar-auto-track-radius: 0.375rem;
  --scrollbar-auto-thumb-radius: 0.375rem;
  --scrollbar-auto-width: 0.25rem;
  overflow: overlay;
}
.scrollbar scrollbar-hidden{
  --scrollbar-track-x: transparent;
  --scrollbar-track-y: transparent;
  --scrollbar-thumb-x: transparent;
  --scrollbar-thumb-y: transparent;
}
.scrollbar hover\:scrollbar-hidden:hover{
  --scrollbar-track-y: transparent;
  --scrollbar-thumb-y: transparent;
}
.scrollbar scrollbar-auto{
  --scrollbar-track-x: var(--scrollbar-auto-track);
  --scrollbar-track-y: var(--scrollbar-auto-track);
  --scrollbar-thumb-x: var(--scrollbar-auto-thumb);
  --scrollbar-thumb-y: var(--scrollbar-auto-thumb);
}
.scrollbar hover\:scrollbar-auto:hover{
  --scrollbar-track-x: var(--scrollbar-auto-track);
  --scrollbar-track-y: var(--scrollbar-auto-track);
  --scrollbar-thumb-x: var(--scrollbar-auto-thumb);
  --scrollbar-thumb-y: var(--scrollbar-auto-thumb);
}
.scrollbar scrollbar-x-hidden{
  --scrollbar-track-x: transparent;
  --scrollbar-thumb-x: transparent;
}
.scrollbar hover\:scrollbar-x-hidden{
  --scrollbar-track-x: transparent;
  --scrollbar-thumb-x: transparent;
}
.scrollbar scrollbar-y-hidden{
  --scrollbar-track-y: transparent;
  --scrollbar-thumb-y: transparent;
}
.scrollbar hover\:scrollbar-y-hidden{
  --scrollbar-track-y: transparent;
  --scrollbar-thumb-y: transparent;
}
.scrollbar::-webkit-scrollbar{
  height: var(--scrollbar-width-x);
  width: var(--scrollbar-width-y);
}
.scrollbar::-webkit-scrollbar-track{
  background-color: var(--scrollbar-track-x);
  border-radius: var(--scrollbar-track-radius-x);
  -webkit-border-radius: var(--scrollbar-track-radius-x);
}
.scrollbar::-webkit-scrollbar-thumb{
  background-color: var(--scrollbar-thumb-x);
  border-radius: var(--scrollbar-thumb-radius-x);
}
.scrollbar::-webkit-scrollbar:horizontal{
  height: var(--scrollbar-width-x);
}
.scrollbar::-webkit-scrollbar-track:horizontal{
  background-color: var(--scrollbar-track-x);
  border-radius: var(--scrollbar-track-radius-x);
  -webkit-border-radius: var(--scrollbar-track-radius-x);
}
.scrollbar::-webkit-scrollbar-thumb:horizontal{
  background-color: var(--scrollbar-thumb-x);
  border-radius: var(--scrollbar-thumb-radius-x);
}
.scrollbar::-webkit-scrollbar:vertical{
  width: var(--scrollbar-width-y);
}
.scrollbar::-webkit-scrollbar-track:vertical{
  background-color: var(--scrollbar-track-y);
  border-radius: var(--scrollbar-track-radius-y);
  -webkit-border-radius: var(--scrollbar-track-radius-y);
}
.scrollbar::-webkit-scrollbar-thumb:vertical{
  background-color: var(--scrollbar-thumb-y);
  border-radius: var(--scrollbar-thumb-radius-y);
}
.scrollbar::-webkit-scrollbar:hover{
  height: var(--scrollbar-width-x);
  width: var(--scrollbar-width-y);
}
.scrollbar::-webkit-scrollbar-track:hover{
  background-color: var(--scrollbar-track-x);
  border-radius: var(--scrollbar-track-radius-x);
  -webkit-border-radius: var(--scrollbar-track-radius-x);
}
.scrollbar::-webkit-scrollbar-thumb:hover{
  background-color: var(--scrollbar-thumb-x);
  border-radius: var(--scrollbar-thumb-radius-x);
}
.scrollbar::-webkit-scrollbar:horizontal:hover{
  height: var(--scrollbar-width-x);
}
.scrollbar::-webkit-scrollbar-track:horizontal:hover{
  background-color: var(--scrollbar-track-x);
  border-radius: var(--scrollbar-track-radius-x);
  -webkit-border-radius: var(--scrollbar-track-radius-x);
}
.scrollbar::-webkit-scrollbar-thumb:horizontal:hover{
  background-color: var(--scrollbar-thumb-x);
  border-radius: var(--scrollbar-thumb-radius-x);
}
.scrollbar::-webkit-scrollbar:vertical:hover{
  width: var(--scrollbar-width-y);
}
.scrollbar::-webkit-scrollbar-track:vertical:hover{
  background-color: var(--scrollbar-track-y);
  border-radius: var(--scrollbar-track-radius-y);
  -webkit-border-radius: var(--scrollbar-track-radius-y);
}
.scrollbar::-webkit-scrollbar-thumb:vertical:hover{
  background-color: var(--scrollbar-thumb-y);
  border-radius: var(--scrollbar-thumb-radius-y);
}
.scrollbar-x-hidden{
  --scrollbar-track-x: transparent;
  --scrollbar-thumb-x: transparent;
}
.scrollbar-track-x-transparent{
  --scrollbar-track-x: var(--color-universal-transparent);
}
.scrollbar-track-x-transparent::-webkit-scrollbar-track:horizontal{
  --scrollbar-track-x: var(--color-universal-transparent);
}
.scrollbar-thumb-x-transparent{
  --scrollbar-thumb-x: var(--color-universal-transparent);
}
.scrollbar-thumb-x-transparent::-webkit-scrollbar-thumb:horizontal{
  --scrollbar-thumb-x: var(--color-universal-transparent);
}
.\[backdrop-filter\:blur\(40px\)\]{
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
}
.\[backdrop-filter\:blur\(8px\)\]{
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.\[background-image\:url\(\/img\/gtd\/task-mark-active\.svg\)\]{
  background-image: url(/img/gtd/task-mark-active.svg);
}
.\[background-image\:url\(\/img\/gtd\/task-mark\.svg\)\]{
  background-image: url(/img/gtd/task-mark.svg);
}
.\[border-color\:rgba\(231\2c 233\2c 239\2c 0\.5\)\]{
  border-color: rgba(231,233,239,0.5);
}
.\[filter\:blur\(10px\)\]{
  filter: blur(10px);
}
.\[filter\:blur\(1px\)\]{
  filter: blur(1px);
}
.\[filter\:blur\(5px\)\]{
  filter: blur(5px);
}
.\[mask-composite\:\'destination-in\'\]{
  -webkit-mask-composite: 'destination-in';
          mask-composite: 'destination-in';
}
.\[mask-image\:linear-gradient\(270deg\2c transparent_0\%\2c black_34px\)\]{
  -webkit-mask-image: linear-gradient(270deg,transparent 0%,black 34px);
          mask-image: linear-gradient(270deg,transparent 0%,black 34px);
}
.\[max-width\:calc\(100\%-108px\)\]{
  max-width: calc(100% - 108px);
}
.\[max-width\:calc\(100\%-24px\)\]{
  max-width: calc(100% - 24px);
}
.\[max-width\:calc\(100\%-76px\)\]{
  max-width: calc(100% - 76px);
}
.\[max-width\:calc\(50\%-8px\)\]{
  max-width: calc(50% - 8px);
}
.\[max-width\:fit-content\]{
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.\[pointer-events\:stroke\]{
  pointer-events: stroke;
}
.\[transition\:max-height_\.3s\]{
  transition: max-height .3s;
}
::-moz-placeholder {
  color: var(--color-text-placeholder);
}
::placeholder {
  color: var(--color-text-placeholder);
}

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

.with-border{
  border-style: solid;
  border-color: var(--color-border-main-old);
}

.flex-full {
  flex: 1 0 100%;
}

.flex-base {
  flex: 0 0 auto;
}

.h1-regular {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
}

.h1-semibold {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}

.h1-bold {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
}

.h2-regular {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}

.h2-semibold {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.h2-bold {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}

.text-lg-regular {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
}

.text-lg-semibold {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}

.text-lg-bold {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

.text-md-regular {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.text-md-semibold {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.text-md-bold {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}

.text-sm-regular {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}

.text-sm-semibold {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}

.text-sm-bold {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}

.text-xs-regular {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}

.text-xs-semibold {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

.text-xs-bold {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
}

.text-xxs-regular {
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
}

.text-xxs-semibold {
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
}

.text-xxs-bold {
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
}

.h1-global {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
}

.h2-surface-title {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
}

.h3-card-title {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}

.h4-menu-title {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}

.body-long-regular {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

.table-content-regular {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}

.table-content-semibold {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}

.table-content-bold {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}

.plain-text-regular {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
}

.plain-text-semibold {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.plain-text-bold {
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
}

.micro-regular {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}

.micro-semibold {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

.micro-bold {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
}

.sticker-semibold {
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
}

.text-xxxs-semibold {
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
}

.bg-transparent {
  background-color: transparent;
}

.\!bg-transparent {
  background-color: transparent !important;
}

.border-transparent {
  border-color: transparent;
}

.\!border-transparent {
  border-color: transparent !important;
}

.text-transparent {
  color: transparent;
}

.\!text-transparent {
  color: transparent !important;
}

.placeholder\:font-normal::-moz-placeholder{
  font-weight: 400;
}

.placeholder\:font-normal::placeholder{
  font-weight: 400;
}

.placeholder\:text-disabled::-moz-placeholder{
  color: var(--color-text-disabled);
}

.placeholder\:text-disabled::placeholder{
  color: var(--color-text-disabled);
}

.placeholder\:text-panel-text-placeholder::-moz-placeholder{
  color: var(--color-primary-panel-text-placeholder);
}

.placeholder\:text-panel-text-placeholder::placeholder{
  color: var(--color-primary-panel-text-placeholder);
}

.placeholder\:text-placeholder::-moz-placeholder{
  color: var(--color-text-placeholder);
}

.placeholder\:text-placeholder::placeholder{
  color: var(--color-text-placeholder);
}

.placeholder\:text-placeholder-new::-moz-placeholder{
  color: var(--color-text-placeholder-new);
}

.placeholder\:text-placeholder-new::placeholder{
  color: var(--color-text-placeholder-new);
}

.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}

.before\:-left-8::before{
  content: var(--tw-content);
  left: -8px;
}

.before\:-right-8::before{
  content: var(--tw-content);
  right: -8px;
}

.before\:bottom-0::before{
  content: var(--tw-content);
  bottom: 0;
}

.before\:bottom-1::before{
  content: var(--tw-content);
  bottom: 1px;
}

.before\:bottom-6::before{
  content: var(--tw-content);
  bottom: 6px;
}

.before\:left-0::before{
  content: var(--tw-content);
  left: 0;
}

.before\:left-\[3px\]::before{
  content: var(--tw-content);
  left: 3px;
}

.before\:right-0::before{
  content: var(--tw-content);
  right: 0;
}

.before\:right-\[3px\]::before{
  content: var(--tw-content);
  right: 3px;
}

.before\:top-0::before{
  content: var(--tw-content);
  top: 0;
}

.before\:top-1::before{
  content: var(--tw-content);
  top: 1px;
}

.before\:top-6::before{
  content: var(--tw-content);
  top: 6px;
}

.before\:-z-10::before{
  content: var(--tw-content);
  z-index: -10;
}

.before\:hidden::before{
  content: var(--tw-content);
  display: none;
}

.before\:h-0::before{
  content: var(--tw-content);
  height: 0;
}

.before\:w-0::before{
  content: var(--tw-content);
  width: 0;
}

.before\:w-1::before{
  content: var(--tw-content);
  width: 1px;
}

.before\:rounded-4::before{
  content: var(--tw-content);
  border-radius: 4px;
}

.before\:rounded-8::before{
  content: var(--tw-content);
  border-radius: 8px;
}

.before\:rounded-full::before{
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:border-b-0::before{
  content: var(--tw-content);
  border-bottom-width: 0;
}

.before\:border-l-0::before{
  content: var(--tw-content);
  border-left-width: 0;
}

.before\:border-r-\[12px\]::before{
  content: var(--tw-content);
  border-right-width: 12px;
}

.before\:border-t-\[12px\]::before{
  content: var(--tw-content);
  border-top-width: 12px;
}

.before\:border-solid::before{
  content: var(--tw-content);
  border-style: solid;
}

.before\:border-b-transparent::before{
  content: var(--tw-content);
  border-bottom-color: var(--color-universal-transparent);
}

.before\:border-l-transparent::before{
  content: var(--tw-content);
  border-left-color: var(--color-universal-transparent);
}

.before\:border-r-transparent::before{
  content: var(--tw-content);
  border-right-color: var(--color-universal-transparent);
}

.before\:bg-background-hover::before{
  content: var(--tw-content);
  background-color: var(--color-primary-background-hover);
}

.before\:bg-line-hover::before{
  content: var(--tw-content);
  background-color: var(--color-primary-line-hover);
}

.before\:bg-panel-background-active::before{
  content: var(--tw-content);
  background-color: var(--color-primary-panel-background-active);
}

.before\:shadow-lg::before{
  content: var(--tw-content);
  --tw-shadow: 0px 4px 8px var(--color-primary-shadow-lg-1), 0px 4px 8px var(--color-primary-shadow-lg-2);
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.before\:content-\[\"\"\]::before{
  --tw-content: "";
  content: var(--tw-content);
}

.before\:content-\[\"\(\"\]::before{
  --tw-content: "(";
  content: var(--tw-content);
}

.before\:content-\[\'\'\]::before{
  --tw-content: '';
  content: var(--tw-content);
}

.before\:content-\[\'\(\'\]::before{
  --tw-content: '(';
  content: var(--tw-content);
}

.before\:content-\[\'\201C\'\]::before{
  --tw-content: '“';
  content: var(--tw-content);
}

.before\:\[opacity\:0\.56\]::before{
  content: var(--tw-content);
  opacity: 0.56;
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:-left-8::after{
  content: var(--tw-content);
  left: -8px;
}

.after\:-right-\[20px\]::after{
  content: var(--tw-content);
  right: -20px;
}

.after\:-right-\[6px\]::after{
  content: var(--tw-content);
  right: -6px;
}

.after\:bottom-0::after{
  content: var(--tw-content);
  bottom: 0;
}

.after\:bottom-6::after{
  content: var(--tw-content);
  bottom: 6px;
}

.after\:bottom-\[4\.5px\]::after{
  content: var(--tw-content);
  bottom: 4.5px;
}

.after\:left-0::after{
  content: var(--tw-content);
  left: 0;
}

.after\:left-1\/2::after{
  content: var(--tw-content);
  left: 50%;
}

.after\:left-\[4\.5px\]::after{
  content: var(--tw-content);
  left: 4.5px;
}

.after\:left-\[5px\]::after{
  content: var(--tw-content);
  left: 5px;
}

.after\:right-0::after{
  content: var(--tw-content);
  right: 0;
}

.after\:right-2::after{
  content: var(--tw-content);
  right: 2px;
}

.after\:right-4::after{
  content: var(--tw-content);
  right: 4px;
}

.after\:right-\[4\.5px\]::after{
  content: var(--tw-content);
  right: 4.5px;
}

.after\:right-\[5px\]::after{
  content: var(--tw-content);
  right: 5px;
}

.after\:top-0::after{
  content: var(--tw-content);
  top: 0;
}

.after\:top-1\/2::after{
  content: var(--tw-content);
  top: 50%;
}

.after\:top-2::after{
  content: var(--tw-content);
  top: 2px;
}

.after\:top-4::after{
  content: var(--tw-content);
  top: 4px;
}

.after\:top-6::after{
  content: var(--tw-content);
  top: 6px;
}

.after\:top-\[2px\]::after{
  content: var(--tw-content);
  top: 2px;
}

.after\:top-\[4\.5px\]::after{
  content: var(--tw-content);
  top: 4.5px;
}

.after\:top-\[9px\]::after{
  content: var(--tw-content);
  top: 9px;
}

.after\:-z-10::after{
  content: var(--tw-content);
  z-index: -10;
}

.after\:block::after{
  content: var(--tw-content);
  display: block;
}

.after\:hidden::after{
  content: var(--tw-content);
  display: none;
}

.after\:h-0::after{
  content: var(--tw-content);
  height: 0;
}

.after\:h-4::after{
  content: var(--tw-content);
  height: 4px;
}

.after\:h-6::after{
  content: var(--tw-content);
  height: 6px;
}

.after\:h-\[1\.3px\]::after{
  content: var(--tw-content);
  height: 1.3px;
}

.after\:h-\[1px\]::after{
  content: var(--tw-content);
  height: 1px;
}

.after\:h-\[8px\]::after{
  content: var(--tw-content);
  height: 8px;
}

.after\:w-0::after{
  content: var(--tw-content);
  width: 0;
}

.after\:w-1::after{
  content: var(--tw-content);
  width: 1px;
}

.after\:w-4::after{
  content: var(--tw-content);
  width: 4px;
}

.after\:w-6::after{
  content: var(--tw-content);
  width: 6px;
}

.after\:w-\[10px\]::after{
  content: var(--tw-content);
  width: 10px;
}

.after\:w-\[9px\]::after{
  content: var(--tw-content);
  width: 9px;
}

.after\:-translate-x-1\/2::after{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:-translate-y-1\/2::after{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:transform::after{
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:rounded-1::after{
  content: var(--tw-content);
  border-radius: 1px;
}

.after\:rounded-4::after{
  content: var(--tw-content);
  border-radius: 4px;
}

.after\:rounded-full::after{
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:border-1::after{
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-b-\[12px\]::after{
  content: var(--tw-content);
  border-bottom-width: 12px;
}

.after\:border-l-0::after{
  content: var(--tw-content);
  border-left-width: 0;
}

.after\:border-r-\[12px\]::after{
  content: var(--tw-content);
  border-right-width: 12px;
}

.after\:border-t-0::after{
  content: var(--tw-content);
  border-top-width: 0;
}

.after\:border-solid::after{
  content: var(--tw-content);
  border-style: solid;
}

.after\:border-dashed::after{
  content: var(--tw-content);
  border-style: dashed;
}

.after\:border-action-hover::after{
  content: var(--tw-content);
  border-color: var(--color-primary-action-hover);
}

.after\:border-b-transparent::after{
  content: var(--tw-content);
  border-bottom-color: var(--color-universal-transparent);
}

.after\:border-l-transparent::after{
  content: var(--tw-content);
  border-left-color: var(--color-universal-transparent);
}

.after\:border-t-transparent::after{
  content: var(--tw-content);
  border-top-color: var(--color-universal-transparent);
}

.after\:bg-\[\#344054\]::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(52 64 84 / var(--tw-bg-opacity));
}

.after\:bg-background-secondary::after{
  content: var(--tw-content);
  background-color: var(--color-primary-background-secondary);
}

.after\:bg-error-l20::after{
  content: var(--tw-content);
  background-color: var(--color-primary-error-l20);
}

.after\:bg-icon-invert::after{
  content: var(--tw-content);
  background-color: var(--color-primary-icon-invert);
}

.after\:bg-invert::after{
  content: var(--tw-content);
  background-color: var(--color-text-invert);
}

.after\:bg-line-base::after{
  content: var(--tw-content);
  background-color: var(--color-primary-line-base);
}

.after\:bg-line-hover::after{
  content: var(--tw-content);
  background-color: var(--color-primary-line-hover);
}

.after\:bg-placeholder::after{
  content: var(--tw-content);
  background-color: var(--color-text-placeholder);
}

.after\:bg-status-error::after{
  content: var(--tw-content);
  background-color: var(--color-primary-status-error);
}

.after\:bg-center::after{
  content: var(--tw-content);
  background-position: center;
}

.after\:bg-no-repeat::after{
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.after\:opacity-20::after{
  content: var(--tw-content);
  opacity: 0.2;
}

.after\:opacity-60::after{
  content: var(--tw-content);
  opacity: 0.6;
}

.after\:opacity-\[0\.8\]::after{
  content: var(--tw-content);
  opacity: 0.8;
}

.after\:content-\[\"\"\]::after{
  --tw-content: "";
  content: var(--tw-content);
}

.after\:content-\[\"\)\"\]::after{
  --tw-content: ")";
  content: var(--tw-content);
}

.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}

.after\:content-\[\'\)\'\]::after{
  --tw-content: ')';
  content: var(--tw-content);
}

.after\:content-\[\'\:\'\]::after{
  --tw-content: ':';
  content: var(--tw-content);
}

.after\:content-\[\'\201D\'\]::after{
  --tw-content: '”';
  content: var(--tw-content);
}

.after\:\[background-image\:url\(\"data\:image\/svg\+xml\;base64\2c PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMCA4Ij48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjMiIGQ9Ik0xLjUgNCA0IDYuNWw1LTUiLz48L3N2Zz4\=\"\)\]::after{
  content: var(--tw-content);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMCA4Ij48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjMiIGQ9Ik0xLjUgNCA0IDYuNWw1LTUiLz48L3N2Zz4=");
}

.first\:ml-0:first-child{
  margin-left: 0;
}

.first\:w-auto:first-child{
  width: auto;
}

.first\:flex-1:first-child{
  flex: 1 1 0%;
}

.first\:justify-start:first-child{
  justify-content: flex-start;
}

.first\:rounded-l-lg:first-child{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.first\:py-8:first-child{
  padding-top: 8px;
  padding-bottom: 8px;
}

.last\:mb-0:last-child{
  margin-bottom: 0;
}

.last\:mb-24:last-child{
  margin-bottom: 24px;
}

.last\:mr-0:last-child{
  margin-right: 0;
}

.last\:rounded-r-lg:last-child{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.last\:border-r-0:last-child{
  border-right-width: 0;
}

.odd\:bg-main-even-old:nth-child(odd){
  background-color: var(--color-background-main-even-old);
}

.odd\:bg-main-old:nth-child(odd){
  background-color: var(--color-background-main-old);
}

.even\:bg-main-even-old:nth-child(even){
  background-color: var(--color-background-main-even-old);
}

.visited\:text-action-default:visited{
  color: var(--color-primary-action-default);
}

.visited\:text-icon-primary:visited{
  color: var(--color-primary-icon-primary);
}

.visited\:text-secondary:visited{
  color: var(--color-text-secondary);
}

.empty\:hidden:empty{
  display: none;
}

.focus-within\:border-action-default:focus-within{
  border-color: var(--color-primary-action-default);
}

.focus-within\:border-bg-main-old:focus-within{
  border-color: var(--color-border-bg-main-old);
}

.focus-within\:text-action-default:focus-within{
  color: var(--color-primary-action-default);
}

.hover\:z-1000:hover{
  z-index: 1000;
}

.hover\:z-20:hover{
  z-index: 20;
}

.hover\:rounded-b-none:hover{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.hover\:rounded-l-none:hover{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.hover\:rounded-r-none:hover{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.hover\:border:hover{
  border-width: 1px;
}

.hover\:border-2:hover{
  border-width: 2px;
}

.hover\:border-solid:hover{
  border-style: solid;
}

.hover\:border-action-default:hover{
  border-color: var(--color-primary-action-default);
}

.hover\:border-action-hover:hover{
  border-color: var(--color-primary-action-hover);
}

.hover\:border-error:hover{
  border-color: var(--color-primary-error);
}

.hover\:border-grey-l80:hover{
  border-color: var(--color-primary-grey-l80);
}

.hover\:border-icon-placeholder:hover{
  border-color: var(--color-primary-icon-placeholder);
}

.hover\:border-interactive-l60:hover{
  border-color: var(--color-primary-interactive-l60);
}

.hover\:border-line-hover:hover{
  border-color: var(--color-primary-line-hover);
}

.hover\:border-main-old:hover{
  border-color: var(--color-border-main-old);
}

.hover\:border-main-old-dark:hover{
  --tw-border-opacity: 1;
  border-color: rgb(77 86 106 / var(--tw-border-opacity));
}

.hover\:border-warning-l20:hover{
  border-color: var(--color-primary-warning-l20);
}

.hover\:\!bg-line-disabled:hover{
  background-color: var(--color-primary-line-disabled) !important;
}

.hover\:\!bg-transparent:hover{
  background-color: var(--color-universal-transparent) !important;
}

.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\]:hover{
  background-color: rgba(0,0,0,0.3);
}

.hover\:bg-action-attention-hover:hover{
  background-color: var(--color-primary-action-attention-hover);
}

.hover\:bg-action-default:hover{
  background-color: var(--color-primary-action-default);
}

.hover\:bg-action-hover:hover{
  background-color: var(--color-primary-action-hover);
}

.hover\:bg-action-secondary-hover:hover{
  background-color: var(--color-primary-action-secondary-hover);
}

.hover\:bg-background-active:hover{
  background-color: var(--color-primary-background-active);
}

.hover\:bg-background-hover:hover{
  background-color: var(--color-primary-background-hover);
}

.hover\:bg-background-secondary:hover{
  background-color: var(--color-primary-background-secondary);
}

.hover\:bg-chat-list-hover-old:hover{
  background-color: var(--color-background-chat-list-hover-old);
}

.hover\:bg-grey-l100:hover{
  background-color: var(--color-primary-grey-l100);
}

.hover\:bg-header-old:hover{
  background-color: var(--color-background-header-old);
}

.hover\:bg-interactive-d20:hover{
  background-color: var(--color-primary-interactive-d20);
}

.hover\:bg-interactive-l100:hover{
  background-color: var(--color-primary-interactive-l100);
}

.hover\:bg-interactive-l20:hover{
  background-color: var(--color-primary-interactive-l20);
}

.hover\:bg-main-even-old:hover{
  background-color: var(--color-background-main-even-old);
}

.hover\:bg-main-old:hover{
  background-color: var(--color-background-main-old);
}

.hover\:bg-panel-background-hover:hover{
  background-color: var(--color-primary-panel-background-hover);
}

.hover\:bg-project-hover-old:hover{
  background-color: var(--color-background-project-hover-old);
}

.hover\:bg-project-hover-old-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(66 76 90 / var(--tw-bg-opacity));
}

.hover\:bg-secondary:hover{
  background-color: var(--color-text-secondary);
}

.hover\:bg-sticker-blue:hover{
  background-color: var(--color-background-sticker-blue);
}

.hover\:bg-transparent:hover{
  background-color: var(--color-universal-transparent);
}

.hover\:\!text-action-attention-hover:hover{
  color: var(--color-primary-action-attention-hover) !important;
}

.hover\:\!text-action-hover:hover{
  color: var(--color-primary-action-hover) !important;
}

.hover\:\!text-icon-primary:hover{
  color: var(--color-primary-icon-primary) !important;
}

.hover\:\!text-marker-l20:hover{
  color: var(--color-primary-marker-l20) !important;
}

.hover\:\!text-secondary:hover{
  color: var(--color-text-secondary) !important;
}

.hover\:text-accent-old:hover{
  color: var(--color-universal-accent-old);
}

.hover\:text-action-default:hover{
  color: var(--color-primary-action-default);
}

.hover\:text-action-hover:hover{
  color: var(--color-primary-action-hover);
}

.hover\:text-bg-main-old:hover{
  color: var(--color-text-bg-main-old);
}

.hover\:text-error-d20:hover{
  color: var(--color-primary-error-d20);
}

.hover\:text-error-l20:hover{
  color: var(--color-primary-error-l20);
}

.hover\:text-error-old:hover{
  color: var(--color-universal-error-old);
}

.hover\:text-grey-l20:hover{
  color: var(--color-primary-grey-l20);
}

.hover\:text-icon-primary:hover{
  color: var(--color-primary-icon-primary);
}

.hover\:text-input-disabled-old:hover{
  color: var(--color-text-input-disabled-old);
}

.hover\:text-interactive-d80:hover{
  color: var(--color-primary-interactive-d80);
}

.hover\:text-interactive-l20:hover{
  color: var(--color-primary-interactive-l20);
}

.hover\:text-main-old:hover{
  color: var(--color-text-main-old);
}

.hover\:text-notification-primary:hover{
  color: var(--color-primary-notification-primary);
}

.hover\:text-obscure-old:hover{
  color: var(--color-text-obscure-old);
}

.hover\:text-on-color:hover{
  color: var(--color-text-on-color);
}

.hover\:text-primary:hover{
  color: var(--color-text-primary);
}

.hover\:text-secondary:hover{
  color: var(--color-text-secondary);
}

.hover\:text-third-old:hover{
  color: var(--color-text-third-old);
}

.hover\:text-warning-d20:hover{
  color: var(--color-primary-warning-d20);
}

.hover\:text-warning-l20:hover{
  color: var(--color-primary-warning-l20);
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:opacity-\[\.64\]:hover{
  opacity: .64;
}

.hover\:shadow-border-1:hover{
  --tw-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0px 4px 8px var(--color-primary-shadow-lg-1), 0px 4px 8px var(--color-primary-shadow-lg-2);
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-none:hover{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover{
  --tw-shadow: 0px 2px 8px 0px rgba(102, 112, 133, 0.12), 0px 1px 2px 0px rgba(102, 112, 133, 0.12);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-action-default:hover{
  --tw-shadow-color: var(--color-primary-action-default);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-interactive-l100:hover{
  --tw-shadow-color: var(--color-primary-interactive-l100);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-interactive-l60:hover{
  --tw-shadow-color: var(--color-primary-interactive-l60);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:outline:hover{
  outline-style: solid;
}

.hover\:outline-1:hover{
  outline-width: 1px;
}

.hover\:outline-2:hover{
  outline-width: 2px;
}

.hover\:outline-action-hover:hover{
  outline-color: var(--color-primary-action-hover);
}

.hover\:outline-icon-primary:hover{
  outline-color: var(--color-primary-icon-primary);
}

.hover\:outline-line-hover:hover{
  outline-color: var(--color-primary-line-hover);
}

.hover\:delay-75:hover{
  transition-delay: 75ms;
}

.before\:hover\:bg-panel-background-hover:hover::before{
  content: var(--tw-content);
  background-color: var(--color-primary-panel-background-hover);
}

.focus\:border-0:focus{
  border-width: 0;
}

.focus\:border-1:focus{
  border-width: 1px;
}

.focus\:border-b:focus{
  border-bottom-width: 1px;
}

.focus\:border-solid:focus{
  border-style: solid;
}

.focus\:border-none:focus{
  border-style: none;
}

.focus\:border-action-default:focus{
  border-color: var(--color-primary-action-default);
}

.focus\:border-error-old:focus{
  border-color: var(--color-universal-error-old);
}

.focus\:border-icon-primary:focus{
  border-color: var(--color-primary-icon-primary);
}

.focus\:border-interactive-l60:focus{
  border-color: var(--color-primary-interactive-l60);
}

.focus\:border-interactive-l80:focus{
  border-color: var(--color-primary-interactive-l80);
}

.focus\:border-main-old:focus{
  border-color: var(--color-border-main-old);
}

.focus\:border-transparent:focus{
  border-color: var(--color-universal-transparent);
}

.focus\:bg-background-primary:focus{
  background-color: var(--color-primary-background-primary);
}

.focus\:bg-grey-l100:focus{
  background-color: var(--color-primary-grey-l100);
}

.focus\:bg-input-old:focus{
  background-color: var(--color-background-input-old);
}

.focus\:bg-main-old:focus{
  background-color: var(--color-background-main-old);
}

.focus\:bg-panel-background-constant:focus{
  background-color: var(--color-primary-panel-background-constant);
}

.focus\:bg-transparent:focus{
  background-color: var(--color-universal-transparent);
}

.focus\:text-action-default:focus{
  color: var(--color-primary-action-default);
}

.focus\:text-icon-primary:focus{
  color: var(--color-primary-icon-primary);
}

.focus\:text-secondary:focus{
  color: var(--color-text-secondary);
}

.focus\:shadow-none:focus{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-task-old:focus{
  --tw-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  --tw-shadow-colored: 0px 1px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:\!shadow-action-default:focus{
  --tw-shadow-color: var(--color-primary-action-default) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

.focus\:\!shadow-line-base:focus{
  --tw-shadow-color: var(--color-primary-line-base) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

.focus\:shadow-status-error:focus{
  --tw-shadow-color: var(--color-primary-status-error);
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline:focus{
  outline-style: solid;
}

.focus\:\!outline-0:focus{
  outline-width: 0px !important;
}

.focus\:outline-0:focus{
  outline-width: 0px;
}

.focus\:outline-1:focus{
  outline-width: 1px;
}

.focus\:outline-2:focus{
  outline-width: 2px;
}

.focus\:outline-offset-0:focus{
  outline-offset: 0px;
}

.focus\:\!outline-action-default:focus{
  outline-color: var(--color-primary-action-default) !important;
}

.focus\:outline-action-default:focus{
  outline-color: var(--color-primary-action-default);
}

.focus\:outline-error-l80-white:focus{
  outline-color: #fee3e1;
}

.focus\:outline-interactive-l80:focus{
  outline-color: var(--color-primary-interactive-l80);
}

.focus\:outline-status-error:focus{
  outline-color: var(--color-primary-status-error);
}

.focus\:outline-success-l80-white:focus{
  outline-color: #e2f2d9;
}

.active\:border:active{
  border-width: 1px;
}

.active\:border-0:active{
  border-width: 0;
}

.active\:border-1:active{
  border-width: 1px;
}

.active\:border-solid:active{
  border-style: solid;
}

.active\:border-action-default:active{
  border-color: var(--color-primary-action-default);
}

.active\:border-action-pressed:active{
  border-color: var(--color-primary-action-pressed);
}

.active\:border-grey-l60:active{
  border-color: var(--color-primary-grey-l60);
}

.active\:border-icon-secondary:active{
  border-color: var(--color-primary-icon-secondary);
}

.active\:border-interactive-l60:active{
  border-color: var(--color-primary-interactive-l60);
}

.active\:border-warning-d20:active{
  border-color: var(--color-primary-warning-d20);
}

.active\:bg-action-attention-pressed:active{
  background-color: var(--color-primary-action-attention-pressed);
}

.active\:bg-action-default:active{
  background-color: var(--color-primary-action-default);
}

.active\:bg-action-pressed:active{
  background-color: var(--color-primary-action-pressed);
}

.active\:bg-action-secondary-pressed:active{
  background-color: var(--color-primary-action-secondary-pressed);
}

.active\:bg-background-active:active{
  background-color: var(--color-primary-background-active);
}

.active\:bg-background-primary:active{
  background-color: var(--color-primary-background-primary);
}

.active\:bg-interactive-l100:active{
  background-color: var(--color-primary-interactive-l100);
}

.active\:bg-interactive-l80:active{
  background-color: var(--color-primary-interactive-l80);
}

.active\:bg-main-header-old:active{
  background-color: var(--color-background-main-header-old);
}

.active\:bg-main-old-dark:active{
  --tw-bg-opacity: 1;
  background-color: rgb(37 43 48 / var(--tw-bg-opacity));
}

.active\:bg-on-color:active{
  background-color: var(--color-background-on-color);
}

.active\:bg-transparent:active{
  background-color: var(--color-universal-transparent);
}

.active\:\!text-action-pressed:active{
  color: var(--color-primary-action-pressed) !important;
}

.active\:\!text-icon-primary:active{
  color: var(--color-primary-icon-primary) !important;
}

.active\:\!text-secondary:active{
  color: var(--color-text-secondary) !important;
}

.active\:text-action-default:active{
  color: var(--color-primary-action-default);
}

.active\:text-action-pressed:active{
  color: var(--color-primary-action-pressed);
}

.active\:text-error-d20:active{
  color: var(--color-primary-error-d20);
}

.active\:text-error-old:active{
  color: var(--color-universal-error-old);
}

.active\:text-grey-d20:active{
  color: var(--color-primary-grey-d20);
}

.active\:text-interactive-l80:active{
  color: var(--color-primary-interactive-l80);
}

.active\:text-invert:active{
  color: var(--color-text-invert);
}

.active\:text-main-old:active{
  color: var(--color-text-main-old);
}

.active\:text-notification-primary:active{
  color: var(--color-primary-notification-primary);
}

.active\:text-obscure-old:active{
  color: var(--color-text-obscure-old);
}

.active\:text-on-color:active{
  color: var(--color-text-on-color);
}

.active\:text-placeholder-new:active{
  color: var(--color-text-placeholder-new);
}

.active\:text-secondary:active{
  color: var(--color-text-secondary);
}

.active\:text-warning-d20:active{
  color: var(--color-primary-warning-d20);
}

.active\:opacity-100:active{
  opacity: 1;
}

.active\:opacity-\[\.64\]:active{
  opacity: .64;
}

.active\:shadow-none:active{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.active\:shadow-sm:active{
  --tw-shadow: 0px 2px 8px 0px rgba(102, 112, 133, 0.12), 0px 1px 2px 0px rgba(102, 112, 133, 0.12);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.active\:outline:active{
  outline-style: solid;
}

.active\:outline-0:active{
  outline-width: 0px;
}

.active\:outline-1:active{
  outline-width: 1px;
}

.active\:outline-2:active{
  outline-width: 2px;
}

.active\:outline-action-default:active{
  outline-color: var(--color-primary-action-default);
}

.active\:outline-error-l80-white:active{
  outline-color: #fee3e1;
}

.active\:outline-interactive-l80:active{
  outline-color: var(--color-primary-interactive-l80);
}

.active\:outline-success-l80-white:active{
  outline-color: #e2f2d9;
}

.disabled\:bg-background-disabled:disabled{
  background-color: var(--color-primary-background-disabled);
}

.disabled\:bg-input-old:disabled{
  background-color: var(--color-background-input-old);
}

.disabled\:text-obscure-old:disabled{
  color: var(--color-text-obscure-old);
}

.disabled\:shadow-none:disabled{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group\/file:visited .group-visited\/file\:text-interactive-l20{
  color: var(--color-primary-interactive-l20);
}

.group\/row:hover .group-hover\/row\:visible{
  visibility: visible;
}

.group\/tab:hover .group-hover\/tab\:visible{
  visibility: visible;
}

.group:hover .group-hover\:visible{
  visibility: visible;
}

.group:hover .group-hover\:relative{
  position: relative;
}

.group\/row:hover .group-hover\/row\:block{
  display: block;
}

.group\/task-box:hover .group-hover\/task-box\:block{
  display: block;
}

.group:hover .group-hover\:block{
  display: block;
}

.group\/row:hover .group-hover\/row\:flex{
  display: flex;
}

.group:hover .group-hover\:flex{
  display: flex;
}

.group:hover .group-hover\:hidden{
  display: none;
}

.group\/task-box:hover .group-hover\/task-box\:rounded-l-none{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.group\/task-box:hover .group-hover\/task-box\:rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.group:hover .group-hover\:border-action-hover{
  border-color: var(--color-primary-action-hover);
}

.group\/checkbox:hover .group-hover\/checkbox\:bg-action-hover{
  background-color: var(--color-primary-action-hover);
}

.group\/checkbox:hover .group-hover\/checkbox\:bg-background-primary{
  background-color: var(--color-primary-background-primary);
}

.group\/checkbox:hover .group-hover\/checkbox\:bg-success{
  background-color: var(--color-primary-success);
}

.group\/icon-button:hover .group-hover\/icon-button\:bg-reaction{
  background-color: var(--color-primary-reaction);
}

.group\/image-menu:hover .group-hover\/image-menu\:bg-action-default{
  background-color: var(--color-primary-action-default);
}

.group\/radiobutton:hover .group-hover\/radiobutton\:bg-action-hover{
  background-color: var(--color-primary-action-hover);
}

.group\/reaction:hover .group-hover\/reaction\:bg-reaction-hover{
  background-color: var(--color-primary-reaction-hover);
}

.group\/row:hover .group-hover\/row\:bg-background-hover{
  background-color: var(--color-primary-background-hover);
}

.group\/switch:hover .group-hover\/switch\:bg-action-hover{
  background-color: var(--color-primary-action-hover);
}

.group\/switch:hover .group-hover\/switch\:bg-icon-placeholder{
  background-color: var(--color-primary-icon-placeholder);
}

.group:hover .group-hover\:bg-background-hover{
  background-color: var(--color-primary-background-hover);
}

.group:hover .group-hover\:bg-project-hover-old-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(66 76 90 / var(--tw-bg-opacity));
}

.group\/add-sticker:hover .group-hover\/add-sticker\:text-action-hover{
  color: var(--color-primary-action-hover);
}

.group\/add-sticker:hover .group-hover\/add-sticker\:text-icon-primary{
  color: var(--color-primary-icon-primary);
}

.group\/file:hover .group-hover\/file\:text-action-hover{
  color: var(--color-primary-action-hover);
}

.group\/label:hover .group-hover\/label\:text-action-default{
  color: var(--color-primary-action-default);
}

.group\/reaction:hover .group-hover\/reaction\:text-secondary{
  color: var(--color-text-secondary);
}

.group\/task-checklists:hover .group-hover\/task-checklists\:text-action-default{
  color: var(--color-primary-action-default);
}

.group\/task-subtasks-aggregated:hover .group-hover\/task-subtasks-aggregated\:text-action-default{
  color: var(--color-primary-action-default);
}

.group\/user:hover .group-hover\/user\:\!text-action-hover{
  color: var(--color-primary-action-hover) !important;
}

.group\/user:hover .group-hover\/user\:\!text-icon-primary{
  color: var(--color-primary-icon-primary) !important;
}

.group:hover .group-hover\:text-action-default{
  color: var(--color-primary-action-default);
}

.group:hover .group-hover\:text-action-hover{
  color: var(--color-primary-action-hover);
}

.group:hover .group-hover\:text-on-color{
  color: var(--color-text-on-color);
}

.group:hover .group-hover\:text-primary{
  color: var(--color-text-primary);
}

.group\/icon-button:hover .group-hover\/icon-button\:opacity-\[0\.15\]{
  opacity: 0.15;
}

.group\/reaction:hover .group-hover\/reaction\:opacity-\[0\.7\]{
  opacity: 0.7;
}

.group\/task-checklists:hover .group-hover\/task-checklists\:opacity-100{
  opacity: 1;
}

.group\/task-checklists:hover .group-hover\/task-checklists\:opacity-\[\.64\]{
  opacity: .64;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group\/file:hover .group-hover\/file\:shadow-md{
  --tw-shadow: 0px 2px 4px var(--color-primary-shadow-md-1), 0px 2px 12px var(--color-primary-shadow-md-2);
  --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color), 0px 2px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group\/checkbox:hover .group-hover\/checkbox\:shadow-icon-secondary{
  --tw-shadow-color: var(--color-primary-icon-secondary);
  --tw-shadow: var(--tw-shadow-colored);
}

.group\/checkbox:hover .group-hover\/checkbox\:shadow-line-hover{
  --tw-shadow-color: var(--color-primary-line-hover);
  --tw-shadow: var(--tw-shadow-colored);
}

.group\/checkbox:hover .group-hover\/checkbox\:after\:h-\[8px\]::after{
  content: var(--tw-content);
  height: 8px;
}

.group\/checkbox:hover .group-hover\/checkbox\:after\:w-\[10px\]::after{
  content: var(--tw-content);
  width: 10px;
}

.group\/checkbox:hover .group-hover\/checkbox\:after\:bg-center::after{
  content: var(--tw-content);
  background-position: center;
}

.group\/checkbox:hover .group-hover\/checkbox\:after\:bg-no-repeat::after{
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.group\/checkbox:hover .group-hover\/checkbox\:after\:\[background-image\:url\(\"data\:image\/svg\+xml\;base64\2c PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMCA4Ij48cGF0aCBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjMiIGQ9Ik0xLjUgNCA0IDYuNWw1LTUiLz48L3N2Zz4\=\"\)\]::after{
  content: var(--tw-content);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMCA4Ij48cGF0aCBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjMiIGQ9Ik0xLjUgNCA0IDYuNWw1LTUiLz48L3N2Zz4=");
}

.group:active .group-active\:block{
  display: block;
}

.group:active .group-active\:hidden{
  display: none;
}

.group\/checkbox:active .group-active\/checkbox\:bg-action-pressed{
  background-color: var(--color-primary-action-pressed);
}

.group\/radiobutton:active .group-active\/radiobutton\:bg-action-pressed{
  background-color: var(--color-primary-action-pressed);
}

.group\/reaction:active .group-active\/reaction\:bg-action-default{
  background-color: var(--color-primary-action-default);
}

.group:active .group-active\:bg-main-old-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(37 43 48 / var(--tw-bg-opacity));
}

.group\/file:active .group-active\/file\:text-action-pressed{
  color: var(--color-primary-action-pressed);
}

.group\/reaction:active .group-active\/reaction\:text-invert{
  color: var(--color-text-invert);
}

.group\/task-checklists:active .group-active\/task-checklists\:text-action-pressed{
  color: var(--color-primary-action-pressed);
}

.group\/task-subtasks-aggregated:active .group-active\/task-subtasks-aggregated\:text-action-pressed{
  color: var(--color-primary-action-pressed);
}

.group:active .group-active\:text-action-pressed{
  color: var(--color-primary-action-pressed);
}

.group\/reaction:active .group-active\/reaction\:opacity-\[0\.7\]{
  opacity: 0.7;
}

.group\/checkbox:active .group-active\/checkbox\:shadow-normal-gray{
  --tw-shadow-color: var(--color-primary-normal-gray);
  --tw-shadow: var(--tw-shadow-colored);
}

.group\/radiobutton:active .group-active\/radiobutton\:shadow-line-pressed{
  --tw-shadow-color: var(--color-primary-line-pressed);
  --tw-shadow: var(--tw-shadow-colored);
}
@charset "UTF-8";
.dark {
  /* POPUP */
  /* POPUP */
  /* — левое меню */
  /* ДОСКА */
  /* ЗАДАЧА */
  /* задача */
  /* КОЛОНКИ */
  /* Создание сводки */
  /* TIMELINE */
  /* ПАНЕЛЬ ЧАТА */
  /* CHAT LIST */
  /* СОЗДАНИЕ ГРУППОВОГО ЧАТА */
  /* БАББЛЫ */
  /* ИНФО ПО ЗАДАЧЕ */
  /* ОПИСАНИЕ */
  /* ЧЕКЛИСТЫ */
  /* / ПАНЕЛЬ ЧАТА */
  /* ОТЧЁТЫ */
  /* Иконки сортировки */
  /* Иконки сортировки таблицы отчёта */
  /* Задачи сотрудников */
  /* Задачи сотрудников */
  /* ЛИЦЕНЗИИ */
  /* НАСТРОЙКИ */
  /* ПАРТНЁРАМ */
  /* ПОМОЩЬ / НОВОСТИ */
  /* МОИ ЗАДАЧИ */
  /* НАВИГАЦИЯ ЧУЖИХ ЗАДАЧ */
  /* НАВИГАЦИЯ ЧУЖИХ ЗАДАЧ */
  /* НАВИГАЦИЯ МОИХ ЗАДАЧ */
  /* НАВИГАЦИЯ МОИХ ЗАДАЧ */
  /* СТРАНИЦА ПРОЕКТОВ */
  /* / СТРАНИЦА ПРОЕКТОВ */
  /* ПРОЕКТЫ НА СТРАНИЦЕ ПРОЕКТОВ */
  /* ПРОЕКТЫ НА СТРАНИЦЕ ПРОЕКТОВ */
  /* ССЫЛКА НА КОМПАНИЮ */
  /* ССЫЛКА НА КОМПАНИЮ */
  /* ОТДЕЛЫ */
  /* ОТДЕЛЫ */
  /* ПОЛЬЗОВАТЕЛИ */
  /* ПОЛЬЗОВАТЕЛИ */
  /*
  .scr {
    background: #2b3541;
    border-bottom: 1px solid #b8bfcf;
  }
  .scr-tab {
    background: #1c1f23;
    border: 1px solid #b8bfcf;
    color: #6b798a;
  }
  .scr-tab.active {
    background: #2b3541;
    color: #b8bfcf;
  }
  .scr-code-cnt {
    background: #3c4a5b;
    border: 1px solid #d3d6dc;
  }
  .scr-code-file-item:nth-child(even) {
    background: #4d6073;
  }
  .scr-file-name {
    color: #f5f8fa;
  }
  .scr-code-actions {
    color: #a3b1c2;
  }
  .scr-code-sub-head {
    color: #d5e0e7;
  }
  .monaco-editor-background {
    background: #252b30;
  }
  .mtk1 {
    color: #d5e0e7;
  }
  .mtk6 {
    color: #2f97e6;
  }
  .mtk20 {
    color: #dc6262;
  }
  .mtk8 {
    color: #c9c99e;
  }
  .scr-tools-cnt {
    background: #252b30;
    border: 1px solid #d3d6dc;
  }
  .scr-api-nav-item-cnt:hover {
    background: #3c4a5b;
  }
  .scr-api-nav-hint.expanded {
    background: #252c2f;
  }
  .scr-api-nav-example-cnt {
    background: #4d566a;
    border: 1px solid #80899e;
  }
  .scr-obj-head {
    background: #252b30;
  }
  .scr-obj-item:hover {
    background: #333e4b;
  }
  .scr-obj-item:nth-child(even) {
    background: #252c2f;
  }
  .scr-obj-item:nth-child(even):hover {
    background: #333e4b;
  }
  .scr-code-actions .scr-app-copy {
    color: #b8bfcf;
  }
  */
  /* help */
  /* ПАНЕЛЬ СТИКЕРОВ, СТИКЕРЫ */
}
.dark body {
  background: #202224;
  color: #b8bfcf;
}
.dark select {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark ._hint._hint-bottom:after {
  border-bottom: 5px solid #202224;
}
.dark label {
  color: #b8bfcf;
}
.dark body {
  scrollbar-color: #80899e #4d566a;
}
.dark ._input,
.dark .prj__reg-link-input,
.dark .prj-users__search-query,
.dark .add-company__input,
.dark .billing__chooser__users-count,
.dark .billing__pay-input,
.dark .message-item__pin-input,
.dark .input-control,
.dark .date-range-input__input,
.dark .departments-edit__add-input,
.dark .departments-edit__wnd-input,
.dark .prj-invite__new-name,
.dark .prj-invite__mail-input,
.dark .prj-invite-field .text-edit,
.dark .my-tasks__add-private-input,
.dark .partner-page__input,
.dark .partner-withdraw-popup__input,
.dark .project-participants__mail-input,
.dark .project-participants__title-input,
.dark .project-participants__search,
.dark .role-edit__name-input,
.dark .role-edit__descr-input,
.dark .repeat-edit__template-name,
.dark .group-chat-edit__title-input,
.dark .task-chat-list__search-input,
.dark .stats-reports-edit__title {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark ._input:focus,
.dark .prj__reg-link-input:focus,
.dark .prj-users__search-query:focus,
.dark .add-company__input:focus,
.dark .billing__chooser__users-count:focus,
.dark .billing__pay-input:focus,
.dark .message-item__pin-input:focus,
.dark .input-control:focus,
.dark .date-range-input__input:focus,
.dark .departments-edit__add-input:focus,
.dark .departments-edit__wnd-input:focus,
.dark .prj-invite__new-name:focus,
.dark .prj-invite__mail-input:focus,
.dark .prj-invite-field .text-edit:focus,
.dark .my-tasks__add-private-input:focus,
.dark .partner-page__input:focus,
.dark .partner-withdraw-popup__input:focus,
.dark .project-participants__mail-input:focus,
.dark .project-participants__title-input:focus,
.dark .project-participants__search:focus,
.dark .role-edit__name-input:focus,
.dark .role-edit__descr-input:focus,
.dark .repeat-edit__template-name:focus,
.dark .group-chat-edit__title-input:focus,
.dark .task-chat-list__search-input:focus,
.dark .stats-reports-edit__title:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark ._select:disabled,
.dark .ui-elem select:disabled,
.dark .billing__chooser__duration:disabled,
.dark .multi-select__select:disabled,
.dark .single-select:disabled,
.dark .company-edit__select:disabled,
.dark .departments-edit__add-select:disabled,
.dark .departments-edit__perm-select:disabled,
.dark .main-menu__companies__select:disabled,
.dark .my-tasks__sort-select:disabled,
.dark .new-task__board-select:disabled,
.dark .new-task__column-select:disabled,
.dark .permissions-settings__item__select:disabled,
.dark .stats-reports-boolean-filter__select:disabled,
.dark .stats-reports-date-filter__select:disabled {
  background-color: #61697a;
  color: #b8bfcf;
}
.dark .prj__reg-link-val input {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark ._button.disabled,
.dark ._button.disabled:active,
.dark ._button.disabled:hover,
.dark .add-company__submit--disabled,
.dark .add-company__submit--disabled:active,
.dark .add-company__submit--disabled:hover,
.dark .billing__pay-btn--disabled,
.dark .billing__pay-btn--disabled:active,
.dark .billing__pay-btn--disabled:hover,
.dark .company-edit__save--disabled,
.dark .company-edit__save--disabled:active,
.dark .company-edit__save--disabled:hover,
.dark .disabled.add-company__submit,
.dark .disabled.add-company__submit:active,
.dark .disabled.add-company__submit:hover,
.dark .disabled.billing__pay-btn,
.dark .disabled.billing__pay-btn:active,
.dark .disabled.billing__pay-btn:hover,
.dark .disabled.chat-description-save__button,
.dark .disabled.chat-description-save__button:active,
.dark .disabled.chat-description-save__button:hover,
.dark .disabled.chat-list__more,
.dark .disabled.chat-list__more:active,
.dark .disabled.chat-list__more:hover,
.dark .disabled.company-edit__save,
.dark .disabled.company-edit__save:active,
.dark .disabled.company-edit__save:hover,
.dark .disabled.company-login__enter-current,
.dark .disabled.company-login__enter-current:active,
.dark .disabled.company-login__enter-current:hover,
.dark .disabled.company-login__ok,
.dark .disabled.company-login__ok:active,
.dark .disabled.company-login__ok:hover,
.dark .disabled.departments-edit__add-btn,
.dark .disabled.departments-edit__add-btn:active,
.dark .disabled.departments-edit__add-btn:hover,
.dark .disabled.departments-edit__submit,
.dark .disabled.departments-edit__submit:active,
.dark .disabled.departments-edit__submit:hover,
.dark .disabled.feedback__add-news,
.dark .disabled.feedback__add-news:active,
.dark .disabled.feedback__add-news:hover,
.dark .disabled.feedback__btn,
.dark .disabled.feedback__btn:active,
.dark .disabled.feedback__btn:hover,
.dark .disabled.main-menu__banners__billing__btn,
.dark .disabled.main-menu__banners__billing__btn:active,
.dark .disabled.main-menu__banners__billing__btn:hover,
.dark .disabled.main-menu__new-task,
.dark .disabled.main-menu__new-task:active,
.dark .disabled.main-menu__new-task:hover,
.dark .disabled.my-tasks__add-private-btn,
.dark .disabled.my-tasks__add-private-btn:active,
.dark .disabled.my-tasks__add-private-btn:hover,
.dark .disabled.new-task__submit,
.dark .disabled.new-task__submit:active,
.dark .disabled.new-task__submit:hover,
.dark .disabled.partner-page__manual-btn,
.dark .disabled.partner-page__manual-btn:active,
.dark .disabled.partner-page__manual-btn:hover,
.dark .disabled.partner-withdraw-popup__btn,
.dark .disabled.partner-withdraw-popup__btn:active,
.dark .disabled.partner-withdraw-popup__btn:hover,
.dark .disabled.prj-invite__chat-btn,
.dark .disabled.prj-invite__chat-btn:active,
.dark .disabled.prj-invite__chat-btn:hover,
.dark .disabled.prj-invite__mail-btn,
.dark .disabled.prj-invite__mail-btn:active,
.dark .disabled.prj-invite__mail-btn:hover,
.dark .disabled.project-participants__mail-btn,
.dark .disabled.project-participants__mail-btn:active,
.dark .disabled.project-participants__mail-btn:hover,
.dark .disabled.project-participants__save,
.dark .disabled.project-participants__save:active,
.dark .disabled.project-participants__save:hover,
.dark .disabled.register__wait__done-btn,
.dark .disabled.register__wait__done-btn:active,
.dark .disabled.register__wait__done-btn:hover,
.dark .disabled.repeat-edit__create,
.dark .disabled.repeat-edit__create:active,
.dark .disabled.repeat-edit__create:hover,
.dark .disabled.repeat-edit__save,
.dark .disabled.repeat-edit__save:active,
.dark .disabled.repeat-edit__save:hover,
.dark .disabled.repeat-edit__stopped-btn,
.dark .disabled.repeat-edit__stopped-btn:active,
.dark .disabled.repeat-edit__stopped-btn:hover,
.dark .disabled.repeat-view__btn,
.dark .disabled.repeat-view__btn:active,
.dark .disabled.repeat-view__btn:hover,
.dark .disabled.repeat-view__open-tpl,
.dark .disabled.repeat-view__open-tpl:active,
.dark .disabled.repeat-view__open-tpl:hover,
.dark .disabled.role-edit__save,
.dark .disabled.role-edit__save:active,
.dark .disabled.role-edit__save:hover,
.dark .disabled.statistics__title-hint__btn,
.dark .disabled.statistics__title-hint__btn:active,
.dark .disabled.statistics__title-hint__btn:hover,
.dark .disabled.stats-reports-edit__save,
.dark .disabled.stats-reports-edit__save:active,
.dark .disabled.stats-reports-edit__save:hover,
.dark .disabled.stats-reports-task-list__more,
.dark .disabled.stats-reports-task-list__more:active,
.dark .disabled.stats-reports-task-list__more:hover,
.dark .disabled.stats-timeline-item__btn,
.dark .disabled.stats-timeline-item__btn:active,
.dark .disabled.stats-timeline-item__btn:hover,
.dark .disabled.sticker-deadline-clear,
.dark .disabled.sticker-deadline-clear:active,
.dark .disabled.sticker-deadline-clear:hover,
.dark .project-participants__save--disabled,
.dark .project-participants__save--disabled:active,
.dark .project-participants__save--disabled:hover,
.dark .repeat-edit__save--disabled,
.dark .repeat-edit__save--disabled:active,
.dark .repeat-edit__save--disabled:hover,
.dark .role-edit__save--disabled,
.dark .role-edit__save--disabled:active,
.dark .role-edit__save--disabled:hover {
  background: #3b4551;
  border-bottom-color: #3b4551;
  color: #80899e;
}
.dark ._link:active,
.dark .billing__add-users:active,
.dark .billing__prolong:active,
.dark .button-select__btn:active,
.dark .button-select__cancel:active,
.dark .by-user-column-stage__more-btn:active,
.dark .chat-description-add:active,
.dark .chat-description-save__cancel:active,
.dark .chat-subscribers-chooser__action:active,
.dark .chat-subscribers-chooser__make-public:active,
.dark .chat-subscribers-chooser__subscribe:active,
.dark .company-edit__back:active,
.dark .company-edit__cancel:active,
.dark .company-login__back:active,
.dark .departments-edit__add-cancel:active,
.dark .departments-edit__add-user:active,
.dark .departments-edit__add:active,
.dark .departments-edit__del:active,
.dark .departments-edit__edit-users:active,
.dark .edit-extensions__settings-btn:active,
.dark .group-chat-edit__cancel:active,
.dark .group-chat-edit__save:active,
.dark .main-menu__banners__billing__prolong:active,
.dark .main-menu__banners__item__link:active,
.dark .my-tasks__all-move:active,
.dark .my-tasks__more-btn:active,
.dark .my-tasks__move:active,
.dark .my-tasks__nav-item:active,
.dark .new-task__close-link:active,
.dark .new-task__create-more:active,
.dark .new-task__go-to:active,
.dark .notify-chooser-show-more:active,
.dark .object-chooser__up:active,
.dark .partner-page__action-item:active,
.dark .permissions-chooser__menu__text:active,
.dark .permissions-settings__same__change:active,
.dark .permissions-settings__same__reset:active,
.dark .permissions-settings__title__action:active,
.dark .prj-invite__add-btn:active,
.dark .prj-invite__card-remove-btn:active,
.dark .prj-invite__card-toggle-admin-btn:active,
.dark .prj-invite__limit-btn:active,
.dark .prj-invite__link-copy:active,
.dark .prj-invite__mail-btn2:active,
.dark .prj-item__archive-show:active,
.dark .prj-item__more-btn:active,
.dark .prj-users-item__more-btn:active,
.dark .prj-users__xlsx:active,
.dark .departments-edit__download:active,
.dark .prj__reg-link-copy:active,
.dark .prj__reg-link-delete:active,
.dark .prj__reg-link-save:active,
.dark .prj__reg-link-setup:active,
.dark .prj__reg-link-txt:active,
.dark .project-participants__add-role:active,
.dark .project-participants__copy-role:active,
.dark .project-role__add:active,
.dark .register__wait__link:active,
.dark .repeat-edit__action:active,
.dark .repeat-edit__col-name:active,
.dark .repeat-view__open-all:active,
.dark .role-edit__not-saved-exit:active,
.dark .role-edit__not-saved-save:active,
.dark .role-objects__add:active,
.dark .statistics__nav-item:active,
.dark .stats-aggregated-report__add-column-btn:active,
.dark .stats-aggregated-report__back:active,
.dark .stats-aggregated-report__xlsx:active,
.dark .stats-reports-edit__cancel:active,
.dark .stats-reports-edit__delete:active,
.dark .stats-reports-schedule__add:active,
.dark .stats-reports-table__next:active,
.dark .stats-reports-table__prev:active,
.dark .stats-reports__back:active,
.dark .stats-reports__dashboard-add:active,
.dark .stats-reports__edit:active,
.dark .stats-reports__toggle-view:active,
.dark .stats-reports__xlsx:active,
.dark .stats-timeline__chart-toggle:active,
.dark .sticker-deadline__toggle-start-link:active,
.dark .task-chat-header__make-public:active,
.dark .task-chat-header__unarchive:active,
.dark .task-chat-list__single-hint__link:active,
.dark .task-info__location-item:active,
.dark .task-info__move-to-board:active,
.dark .timeline__more-btn:active {
  color: #75818b;
}
.dark .role-edit__name-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .role-edit__name-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .role-edit__descr-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .role-edit__descr-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark ._link {
  color: #3aa8fc;
}
.dark ._hint {
  background: #202224;
}
.dark .dropdown-menu__dropdown,
.dark .task-menu__dropdown {
  background: #4d566a;
}
.dark .dropdown-menu__dropdown__item__label,
.dark .task-menu__dropdown__item__label {
  color: #f5f8fa;
}
.dark .dropdown-menu__header,
.dark .task-menu__header {
  color: #dcdfe7;
}
.dark .menu {
  background: #4d566a;
  color: #f5f8fa;
}
.dark .popup__wnd {
  background: #2b3541;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
}
.dark .popup__overlay {
  background-color: rgba(28, 32, 38, 0.9);
}
.dark .popup__header {
  color: #b8bfcf;
  background: #202831;
  border-bottom: 1px solid #4d566a;
}
.dark .popup__footer {
  border-top: 1px solid #4d566a;
  background: #202832;
}
.dark .sticker-editor {
  color: #a3b1c2;
}
.dark .sticker-editor-cnt {
  background: #2b3541;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
}
.dark .sticker-editor-head {
  color: #b8bfcf;
  background: #202831;
  border-bottom: 1px solid #4d566a;
}
.dark .sticker-editor-add-existent {
  border-top: 2px solid #4d566a;
}
.dark .sticker-editor-types-list {
  border-top: 1px solid #4d566a;
}
.dark .sticker-editor-type-item {
  border: 1px solid #4d566a;
}
.dark .sticker-editor-type-item:hover {
  background-color: #4d566a;
}
.dark .sticker-editor-type-item.already {
  background-color: #404349;
  border: 1px solid #585d65;
}
.dark .sticker-editor-type-item.already .sticker-editor-del {
  color: #ff6242;
}
.dark .sticker-editor-overlay {
  background: #1c2026;
  opacity: 0.9;
}
.dark .sticker-editor .sticker-item-cnt:hover {
  background: #3c4a5b;
}
.dark .sticker-editor .sticker-item-list-body {
  border: 1px solid #3c4a5b;
}
.dark .sticker-editor-line {
  border-top: 1px solid #3c4a5b;
}
.dark .sticker-editor-icons {
  border: 1px solid #3c4a5b;
}
.dark .sticker-editor-icons:before {
  border-bottom: 5px solid #3c4b5a;
}
.dark .sticker-editor-icons:after {
  border-bottom: 4px solid #2b3641;
}
.dark .sticker-editor-icons-item {
  background-color: #6b798a;
  filter: brightness(0.7);
}
.dark .sticker-edit-color {
  border: 1px solid #6b798a;
  background: #252b30;
}
.dark .sticker-edit-color:before {
  border-bottom: 5px solid #6b7a89;
}
.dark .sticker-edit-color:after {
  border-bottom: 4px solid #252c2f;
}
.dark .sticker-editor-delete-wnd {
  background: #3c4a5b;
  border: 1px solid #6b798a;
}
.dark .sticker-editor-delete-wnd-head {
  background: #2b3541;
  border-bottom: 1px solid #6b798a;
  color: #b8bfcf;
}
.dark .sticker-editor-delete-wnd:after {
  border-bottom: 5px solid #2b3541;
}
.dark .sticker-edit-calendar {
  color: #b8bfcf;
}
.dark .sticker-item.edit .drp {
  border: 1px solid #6b798a;
}
.dark .sticker-item.edit .drp:before {
  border-bottom: 5px solid #6b7a89;
}
.dark .sticker-item.edit .drp:after {
  border-bottom: 4px solid #2b3641;
}
.dark ._input.sticker-item-edit-text {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark ._input.sticker-item-edit-text:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .prj-users__search-query {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .search-top__input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .search-top__input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .search-top--opened .search-top__input {
  background: #475665;
  color: #f5f8fa;
}
.dark .search-top__result-container .search__results__not-found {
  color: #d3d3d3;
}
.dark .task-chat-list__item__icon {
  background: url(/img/dark/chat-list/chats.svg) 0 0/20px 20px no-repeat;
}
.dark .search-top__result-container {
  background: #2b3541;
  border-top: 1px solid #80899e;
  border: 1px solid #4d566a;
}
.dark .search-top__result-header {
  background: #252b30;
  border-bottom: 3px solid #3c4a5b;
}
.dark .search-top__result-container:before {
  border-bottom: 6px solid #4d566a;
}
.dark .search-top__result-container:after {
  border-bottom: 5px solid #252b30;
}
.dark .main-menu__wnd {
  background-color: #202224;
  color: #b8bfcf;
  border-right: 1px solid #4d566a;
  /* — цвет бордера меню */
}
.dark .main-menu__item {
  color: #b8bfcf;
}
.dark .main-menu__line-top {
  border-top: 1px solid #4d566a;
}
.dark .main-menu__line {
  border-top: 1px solid #4d566a;
}
.dark .main-menu__account__name {
  /* имя пользователя */
  color: #b8bfcf;
}
.dark .main-menu__account:hover .main-menu__account__name {
  color: #fff;
}
.dark .user-avatar-status {
  background: #202224;
}
.dark .user-status--default-background {
  box-shadow: 0 0 0 1px #202224;
  background: #000;
}
.dark .user-status--online {
  background: #61cc14;
  border: 1px solid #61cc14;
}
.dark .main-menu__create-group {
  color: #b8bfcf;
}
.dark .main-menu__open-button {
  background: 5px center no-repeat #202224;
  border: 1px solid #4d566a;
  background-image: url(/img/main-menu/toggle/open.svg);
}
.dark .notification-center__wnd {
  /* NOTIFICATIONS */
  background: #3c4a5b;
}
.dark .notification-center__wnd:before {
  border-bottom: 5px solid #3c4a5b;
}
.dark .notification-center__wnd__title {
  border-bottom: 1px solid #6b798a;
}
.dark .notification-center__item {
  background: #333e4b;
  color: #b8bfcf;
}
.dark .notification-center__item--new .notification-center__item__title {
  color: #b8bfcf;
}
.dark .notification-center__wnd__title {
  color: #b8bfcf;
}
.dark .notification-center__dnd__menu {
  color: #b8bfcf;
}
.dark .user-avatar-info {
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d5769;
}
.dark .user-avatar-info__value {
  color: #b8bfcf;
}
.dark .user-avatar-info:before {
  border-bottom: 5px solid #4d5868;
}
.dark .user-avatar-info:after {
  border-bottom: 4px solid #252c2f;
}
.dark .task-subtasks-create-animation {
  border-color: #47484d;
}
.dark .tasks-item-head {
  background-color: #303742;
  color: #b8bfcf;
}
.dark .tasks-item-head-content:hover {
  background-color: #404c5c;
  color: #b8bfcf;
}
.dark .task-item-completed .tasks-item-head .tasks-item-title-content {
  color: #495869;
}
.dark .task-item-completed:hover {
  background: rgba(57, 64, 72, 0.7);
}
.dark .task-item-completed:hover .tasks-item__uncomplete:after {
  filter: brightness(1);
}
.dark .tasks-item-archived .tasks-item-head {
  background: #303742;
}
.dark .task-checklist-progress {
  background: #485162;
}
.dark .task-checklist-progress-bar {
  box-shadow: 0 0 2px 1px #343941;
  background: #2f97e6;
}
.dark .tasks-item-archived .task-checklist-progress-bar,
.dark .tasks-item-head-content:hover .task-checklist-progress-bar {
  box-shadow: 0 0 2px 1px #404c5c;
}
.dark .task-sticker__plus {
  color: #bfc5d2;
}
.dark .task-list textarea.text-edit-input {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .tasks-item-title-text .text-edit {
  border-bottom: 1px solid #80899e;
}
.dark .tasks-item--hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon,
.dark .tasks-item:hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon {
  background-image: url(/img/dark/sticker-icons/user-empty.svg);
}
.dark .tasks-item--hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon:hover,
.dark .tasks-item:hover .task-sticker-item.empty .sticker-item-user .sticker-item-icon:hover {
  background-image: url(/img/dark/sticker-icons/user-empty-hover.svg);
}
.dark .new-sub .tasks-item-head {
  background: #303742;
}
.dark .task-item-delete-approval {
  background: #52342e;
}
.dark .task-item-delete-approval-no {
  background: #6b798a;
}
.dark .tasks-connecting:hover .tasks-item-head {
  background: #4d566a;
}
.dark .task-list-mirror-icon {
  color: #a2aaba;
}
.dark .task-group-title-icon {
  background: no-repeat -4px -4px url("/img/reports/column-dashboard-dark.svg");
}
.dark .task-group-title {
  /* заголовок  колонки */
  border-bottom-color: #4d566a;
  background: url("/img/icons/icon-drag-dark.svg") no-repeat 6px 8px;
  background-size: 6px;
  background-position: 7px 10px;
}
.dark .task-list-mirror .task-group-title {
  /* заголовок зеркальной колонки */
  background-color: #3c4a5b;
}
.dark .task-group--report .task-group-title-bg {
  background: no-repeat 6px 8px url("/img/icons/icon-drag-dark.svg"), linear-gradient(#4d566a, #252b30);
  background-size: 6px;
  border-bottom: 0px;
}
.dark .task-list-mirror .task-group-title {
  background: unset;
}
.dark .new-sub-show-add {
  color: #b8bfcf;
}
.dark .task-group-title-bottom-line:hover {
  -webkit-box-shadow: 0 0 10px 1px #000000;
}
.dark .custom-dark-background .tasks-pager {
  color: #80899e;
}
.dark .stats-reports-edit__title {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .stats-reports-edit__title:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .stats-reports-edit__sub-header {
  color: #b8bfcf;
}
.dark .stats-reports-user-filter__add {
  background-color: #2b3541;
}
.dark .stats-reports-user-filter__list {
  background-color: #4d566a;
}
.dark .single-select {
  background: #475665 url(/img/icons/select-triangle.svg) no-repeat calc(100% - 6px) 50%/7px 7px;
  color: #f5f8fa;
}
.dark .stats-reports-filters__filter:nth-child(odd) {
  background: #384552;
}
.dark .stats-reports-sort__sort:nth-child(odd) {
  background: #384552;
}
.dark .column-chooser {
  background: #4d566a;
  color: #ebeef0;
}
.dark .column-chooser-title {
  border-bottom: 1px solid #6b798a;
  background: #3c4a5b;
}
.dark .column-chooser-actions {
  border-top: 1px solid #6b798a;
  background: #3c4a5b;
}
.dark .column-chooser-item__title {
  color: #ebeef0;
}
.dark .column-chooser-item--option:hover {
  background: #5a6579;
  color: #ebeef0;
}
.dark .timeline-board-view__tools {
  background: rgba(0, 0, 0, 0.3);
}
.dark .timeline-board-view__minus,
.dark .timeline-board-view__plus,
.dark .timeline-board-view__today {
  background: #2199e8;
  color: #e1e6ea;
}
.dark .timeline-board-view__minus:hover,
.dark .timeline-board-view__plus:hover,
.dark .timeline-board-view__today:hover {
  color: #fff;
}
.dark .timeline {
  background: #2b3541;
}
.dark .timeline__unscheduled-toggle {
  background: #2199e8;
  box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
  border: 1px solid #1569a1;
  color: #ffffff;
}
.dark .timeline__header {
  background: #3c4a5b;
  border-bottom: 1px solid #6b798a;
}
.dark .timeline__month {
  color: #a3b1c2;
  border-left: 1px solid #6b798a;
}
.dark .timeline__date {
  border-left: 1px solid #6b798a;
  color: #6b798a;
}
.dark .timeline__weekend {
  background: #3f2b2b;
}
.dark .timeline__v-line {
  border-left: 1px solid #6b798a;
}
.dark .timeline__unscheduled {
  border-top: 1px solid #80899e;
  background: #3c4a5b;
}
.dark .timeline__unsched-task {
  background: #485666;
  border: 1px solid #55677d;
  color: #e1e6ea;
}
.dark .timeline-task {
  background: #485666;
  border: 1px solid #6b798a;
  color: #d5e0e7;
}
.dark .task-chat-header__panel {
  border-bottom: 1px solid #b8bfcf;
}
.dark .task-chat-header__name span {
  color: #f5f8fa;
}
.dark .task-chat-list__settings {
  background: #2b3541;
  border-bottom: 1px solid #4d566a;
}
.dark .task-chat-list__settings-btn--active:before {
  border-bottom: 8px solid #4d566a;
}
.dark .task-chat-list__settings-btn--active:after {
  border-bottom: 8px solid #2b3541;
}
.dark .task-chat-list__settings-line {
  border-bottom: 1px solid #4d566a;
  margin: 0 32px;
}
.dark .task-chat-list__search {
  background: #202224;
  border-bottom: 1px solid #2b3541;
}
.dark .search-top__result-hint-title {
  color: #f5f8fa;
}
.dark .task-chat-list__cnt {
  background: #202224;
}
.dark .task-chat-list__header {
  background: #202224;
}
.dark .task-chat-list__title {
  color: #b8bfcf;
}
.dark .task-chat-list__search-btn {
  color: #b8bfcf;
}
.dark .task-chat-list__settings-btn {
  color: #b8bfcf;
}
.dark .badge--disabled {
  background: #4d566a;
}
.dark .chat-list__item {
  background-color: #202224;
}
.dark .chat-list__item:nth-child(2n) {
  background-color: #252729;
}
.dark .chat-list__item:hover {
  background-color: #2b3541;
}
.dark .chat-list__item:nth-child(2n):hover {
  background-color: #2b3541;
}
.dark .chat-info {
  box-shadow: inset 0 -1px 0 0 #2f3236;
}
.dark .chat-info__name {
  color: #b8bfcf;
}
.dark .chat-info__last-message {
  color: #61697a;
}
.dark .task-chat-list__search-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .task-chat-list__search-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .task-chat-header__task-rename {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .task-chat-header__task-rename:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .task-chat-list__item--with-me .task-chat-list__item__icon {
  background-image: url(/img/dark/chat-list/chats.svg);
}
.dark .task-chat-list__item--with-me .task-chat-list__item__icon--group {
  background-image: url(/img/group-chat/chat/group-chat.svg);
}
.dark .task-chat-header__tabs__item--active .task-chat-header__tabs__item__right-corner:after {
  background: #1f2324;
  border: 1px solid #b8bfcf;
  border-right: none;
  border-top: none;
}
.dark .task-chat-header__tabs__item--active.task-chat-header__tabs__item--chat:before {
  background: #1f2324;
}
.dark .task-chat-header__tabs__item--active.task-chat-header__tabs__item--chat .task-chat-header__tabs__item__right-corner:before {
  background: #292f37;
}
.dark .task-chat-header__tabs__item--active .task-chat-header__tabs__item__right-corner:before {
  background: #252b30;
}
.dark .task-chat-header__tabs__item--active:before {
  background: #252b30;
}
.dark .task-chat-header__tabs__item--active:after {
  background: #1f2324;
  border: 1px solid #b8bfcf;
  border-left: none;
  border-top: none;
}
.dark .chat-subscribers-chooser {
  background: #202224;
  color: #777f93;
}
.dark .chat-subscribers-chooser__menu {
  /* Плашка выбора подписаных */
  background: #252b30;
  color: #b8bfcf;
  border-top: 1px solid #b8bfcf;
}
.dark .chat-subscribers-chooser__head {
  /* Заголовок плашки выбора подписаных */
  background: #202224;
  color: #b8bfcf;
}
.dark .chat-subscribers-chooser__menu-cnt {
  color: #b8bfcf;
}
.dark .chat-subscribers-chooser__checkbox {
  background: url(/img/dark/icons/checkbox.svg) no-repeat center;
}
.dark .chat-subscribers-chooser__checkbox--checked {
  background-image: url(/img/icons/checkbox-checked.svg);
}
.dark .smart-textedit__mention-hint {
  background: #2b3541;
  border-top: 1px solid #80899e;
  color: #a3b1c2;
}
.dark .smart-textedit__users {
  background: #3c4a5b;
}
.dark .smart-textedit__value input[type=button] {
  color: #479ceb;
  text-shadow: 0 0 1px #4d566a;
}
.dark .message-item__pin-input {
  color: #b8bfcf;
}
.dark .task-chat-header__tabs__item__text {
  /* Цвет заголовков табов */
  color: #b8bfcf;
}
.dark .chat-item-messages {
  background: url(/img/dark/chat/chat-background-new3.png) 0 0/250px 250px, linear-gradient(135deg, #162731 0%, #141e2d 100%);
}
.dark .task-chat-header__tabs__item--active.task-chat-header__tabs__item--chat {
  background-image: url(/img/dark/chat/chat-background-new2.png);
}
.dark .task-chat-header__fade-boundary {
  background-image: url(/img/dark/chat/chat-background-new2.png);
}
.dark .task-chat-header__quick-links--task {
  background-image: url(/img/dark/chat/chat-background-new2.png);
}
.dark .chat-item-cnt .task-chat-header--with-quick-list {
  border-bottom: 1px solid #4d566a;
}
.dark .task-chat-quick-link-list__item {
  border: 1px solid #1d5f92;
  background: #2f97e6;
  color: #ffffff;
}
.dark .can-be-highlighted.highlighted,
.dark .message-item.highlighted {
  background: #92c7ef;
}
.dark .message-item__mention {
  color: #3aa8fc;
}
.dark .personal-chat-header {
  /* Цвет заголовка личного чата */
  border-bottom: 1px solid #333e4b;
  background: #202224;
}
.dark .group-chat-header {
  background: url(/img/group-chat/chat/group-chat.svg) 14px 10px/24px 24px no-repeat var(--color-primary-grey-l100);
  border-bottom: 1px solid #333e4b;
}
.dark .group-chat-edit {
  background: #252b30;
}
.dark .group-chat-edit__title-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .group-chat-edit__title-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .group-chat-edit__user {
  color: #b8bfcf;
}
.dark .group-chat-edit__user:nth-child(even) {
  background: #2b3238;
}
.dark .group-chat-edit__participant {
  color: #b8bfcf;
}
.dark .group-chat-edit__head {
  border-bottom: 1px solid #4d566a;
}
.dark .group-chat-edit__select {
  background-image: url(/img/dark/group-chat/chat/select.svg);
}
.dark .group-chat-edit__select:hover {
  background-image: url(/img/dark/group-chat/chat/select-hover.svg);
}
.dark .group-chat-edit__select--selected {
  background-image: url(/img/dark/group-chat/chat/selected.svg);
}
.dark .file-upload-progress {
  /* загрузка файла */
  background: #3c4a5b;
  border: 1px solid #4d566a;
}
.dark .file-upload-progress-bar {
  border: 1px solid #6b798a;
  background: #6b798a;
}
.dark .message-item-from {
  color: #fff;
}
.dark .message-item-content {
  color: #fff;
}
.dark .message-item-body {
  background: #333e4b;
  /* цвет чужих */
}
.dark .message-item-my .message-item-body {
  background: #354f62;
  /* цвет своих */
}
.dark .message-item-my .message-item-body__top {
  background: repeat-x 0 0/1px 8px url(/img/dark/chat/bubbles/green/top@2x.png);
}
.dark .message-item-my .message-item-body__left {
  background: repeat-y 0 0/8px 1px url(/img/dark/chat/bubbles/green/left@2x.png);
}
.dark .message-item-my .message-item-body__right {
  background: repeat-y 0 0/8px 1px url(/img/dark/chat/bubbles/green/right@2x.png);
}
.dark .message-item-my .message-item-body__bottom {
  background: repeat-x 0 0/1px 8px url(/img/dark/chat/bubbles/green/bottom@2x.png);
}
.dark .message-item-my .message-item-body__top-left {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/green/top-left@2x.png);
}
.dark .message-item-my .message-item-body__top-right {
  background: no-repeat 0 0/16px 16px url(/img/dark/chat/bubbles/green/top-right@2x.png);
}
.dark .message-item-my .message-item-body__bottom-left {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/green/bottom-left@2x.png);
}
.dark .message-item-my .message-item-body__bottom-right {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/green/bottom-right@2x.png);
}
.dark .message-item-body__top {
  background: repeat-x 0 0/1px 8px url(/img/dark/chat/bubbles/white/top@2x.png);
}
.dark .message-item-body__left {
  background: repeat-y 0 0/8px 1px url(/img/dark/chat/bubbles/white/left@2x.png);
}
.dark .message-item-body__right {
  background: repeat-y 0 0/8px 1px url(/img/dark/chat/bubbles/white/right@2x.png);
}
.dark .message-item-body__bottom {
  background: repeat-x 0 0/1px 8px url(/img/dark/chat/bubbles/white/bottom@2x.png);
}
.dark .message-item-body__top-left {
  background: no-repeat 0 0/16px 16px url(/img/dark/chat/bubbles/white/top-left@2x.png);
}
.dark .message-item-body__top-right {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/white/top-right@2x.png);
}
.dark .message-item-body__bottom-left {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/white/bottom-left@2x.png);
}
.dark .message-item-body__bottom-right {
  background: no-repeat 0 0/8px 8px url(/img/dark/chat/bubbles/white/bottom-right@2x.png);
}
.dark .message-item__in-reply {
  border-left: 4px solid #b8bfcf;
  color: #a3b1c2;
}
.dark .message-item__in-reply:hover {
  color: #b8bfcf;
}
.dark .chat-content__system-msg {
  /* Системное сообщение */
  color: #80899e;
  background: rgba(29, 29, 29, 0.5);
}
.dark .chat-content__system-msg-emph {
  /* Юзеры в системном сообщении */
  color: #b9c1cc;
}
.dark .chat-item-no-messages {
  background: #38342c;
  color: #b8bfcf;
  border: 1px solid #201b12;
}
.dark .chat-item-no-messages:after {
  border-color: #38342c transparent transparent transparent;
}
.dark .chat-item-no-messages:before {
  border-color: #201b12 transparent transparent transparent;
}
.dark .message-item__unread {
  background: #232222;
  color: #b8bfcf;
  border-top: 1px solid #4d566a;
}
.dark .file-link,
.dark .file-link:hover,
.dark .file-link:visited {
  color: #51a2ec !important;
  background: #2b3541;
  border: 1px solid #4f5f71 !important;
}
.dark .task-chat-header__tabs__item--active {
  background: #252b30;
  /* Фон таба */
  border-color: #b8bfcf;
}
.dark .chat-list-panel__chat-container__slide {
  background: #252b30;
}
.dark .task-info__title {
  color: #b8bfcf;
  background: #202224;
}
.dark .task-info__location-item {
  color: #b8bfcf;
}
.dark .task-list-connect {
  background: #252b30;
  border: 1px solid #e71a6e;
}
.dark .editor-content {
  background: #2b3541;
}
.dark .editor-tools {
  border-bottom: 1px solid #4d566a;
}
.dark .chat-description-save {
  background: #252b30;
  border-top: 1px solid #4d566a;
}
.dark .chat-checklist-progress {
  background: #485162;
}
.dark .chat-checklist-progress-bar {
  box-shadow: 0 0 2px 1px #252b30;
  background: #2f97e6;
}
.dark .chat-checklist-title:hover {
  background: #394249;
}
.dark .chat-checklist-edit .text-edit .text-edit-input:focus {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .chat-checklist-edit .text-edit-input:focus,
.dark .chat-checklist-edit {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .chat-checklist-item:hover .chat-checklist-item-label {
  background: #38424a;
}
.dark .chat-checklist-item-edit .text-edit {
  border: 1px solid #485666;
  background: #333e4b;
}
.dark .text-edit-input:focus {
  color: #b8bfcf;
}
.dark .chat-list-panel__pages__chats-page {
  background: #252b30;
}
.dark .task-chat-list__empty-hint {
  background: url(/img/dark/onboarding/pic1@2x.png) 0 0/cover no-repeat;
  color: #b8bfcf;
}
.dark .statistics__nav {
  background: #202224;
  border: 1px solid #4d566a;
}
.dark .statistics__nav-item--current,
.dark .statistics__nav-item--current:active,
.dark .statistics__nav-item--current:hover {
  color: #b8bfcf;
}
.dark .statistics__nav-item.statistics__nav-item--page-report:before {
  background-image: url(/img/dark/reports/report.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-tables:before {
  background-image: url(/img/dark/reports/tables.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-timeline:before {
  background-image: url(/img/dark/reports/timeline.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-by-user:before {
  background-image: url(/img/dark/reports/by-user.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-report.statistics__nav-item--current:before {
  background-image: url(/img/dark/reports/report-active.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-tables.statistics__nav-item--current:before {
  background-image: url(/img/dark/reports/tables-active.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-timeline.statistics__nav-item--current:before {
  background-image: url(/img/dark/reports/timeline-active.svg);
}
.dark .statistics__nav-item.statistics__nav-item--page-by-user.statistics__nav-item--current:before {
  background-image: url(/img/dark/reports/by-user-active.svg);
}
.dark .statistics__container {
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
  border-top: none;
}
.dark .stats-aggregated-report__nav {
  /* Фон навигации по базовым отчётам */
  background: #2f363c;
  box-shadow: 0 0 1px 0.1px #4d566a;
}
.dark .stats-aggregated-report__table-cnt table thead tr {
  background: #252b30;
}
.dark table tbody,
.dark table tfoot,
.dark table thead {
  border: 1px solid #f1f1f1;
  background-color: #252b30;
}
.dark .stats-aggregated-report__table-cnt table tbody tr:nth-child(even) {
  background: #2e343a;
}
.dark .stats-aggregated-report__table-cnt table tbody tr {
  /* Цвет текста таблицы */
  color: #b8bfcf;
}
.dark .stats-aggregated-report__table-cnt table tbody td,
.dark .stats-aggregated-report__table-cnt table thead th {
  /* Цвет разделителей таблицы */
  border-right: 1px solid #4d566a;
}
.dark .stats-aggregated-report__head-cell:before {
  /* Иконки сортировки */
  border-bottom: 6px solid #4d566a;
}
.dark .stats-aggregated-report__head-cell:after {
  border-top: 6px solid #4d566a;
}
.dark .stats-aggregated-report__head-cell--sorted.stats-aggregated-report__head-cell--asc:before {
  border-bottom: 6px solid #b8bfcf;
}
.dark .stats-aggregated-report__head-cell--sorted.stats-aggregated-report__head-cell--asc:after {
  border-top: 6px solid #4d566a;
}
.dark .stats-aggregated-report__head-cell--sorted:after {
  border-top: 6px solid #b8bfcf;
}
.dark .stats-reports__dashboard-row {
  /* Разделитель табличных отчётов */
  border-bottom: 1px solid #383e4b;
}
.dark .stats-reports__dashboard-row:hover {
  background: #2b3541;
}
.dark .stats-reports__dashboard-row--header {
  /* Заголовок таблицы табличных отчётов */
  color: #80899e;
}
.dark .stats-reports {
  background: #252b30;
}
.dark .stats-reports__panel {
  background: #2b3541;
}
.dark .stats-reports__num {
  background-color: #4d566a;
  color: #b8bfcf;
}
.dark .stats-reports__num-value--total {
  color: #fff;
}
.dark .stats-reports-table table thead tr {
  background: #252b30;
  color: #80899e;
}
.dark .stats-reports-table__sum-title,
.dark .stats-reports-table__sum-title-value {
  color: #80899e;
}
.dark .stats-reports-table table tbody tr:nth-child(even) {
  background: #2e343a;
}
.dark .stats-reports-table table tbody tr {
  color: #b8bfcf;
}
.dark .stats-reports-data-field__title {
  color: #f5f8fa;
}
.dark .stats-reports-table table tbody td,
.dark .stats-reports-table table thead th {
  /* Цвет разделителей таблицы отчёта */
  border-right: 1px solid #4d566a;
}
.dark .stats-reports-table__head-cell:before {
  /* Иконки сортировки таблицы отчёта */
  border-bottom: 6px solid #4d566a;
}
.dark .stats-reports-table__head-cell:after {
  border-top: 6px solid #4d566a;
}
.dark .stats-reports-table__head-cell--sorted.stats-reports-table__head-cell--asc:before {
  border-bottom: 6px solid #b8bfcf;
}
.dark .stats-reports-table__head-cell--sorted.stats-reports-table__head-cell--asc:after {
  border-top: 6px solid #4d566a;
}
.dark .stats-reports-table__head-cell--sorted:after {
  border-top: 6px solid #b8bfcf;
}
.dark .stats-timeline__filter {
  background: #2e343a;
}
.dark .stats-reports-columns__title {
  color: #b8bfcf;
}
.dark .stats-reports-columns__list {
  background: #3c4a5b;
  border: 1px solid #6b798a;
  border-radius: 4px;
}
.dark .stats-reports-schedule__email {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .stats-reports-schedule__email:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .time-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .time-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .stats-timeline-column-header {
  /* Лента. шапка */
  border-bottom: 1px solid #2b3541;
  background: #202224;
}
.dark .stats-timeline-column {
  background: url(/img/dark/agileback@2x.png) 0 0/5px #b8bfcf;
  border: 1px solid #2b3541;
}
.dark .stats-timeline-item {
  /* Item */
  background: #2b3541;
}
.dark .stats-timeline-item__file {
  background-color: #1f7ead;
}
.dark .stats-timeline-item:hover {
  background: #384350;
}
.dark .stats-timeline-chart__container {
  /* График */
  background: #2b3541;
}
.dark .sticker-item.sticker-item-user span {
  color: #b8bfcf;
}
.dark .by-user__column {
  background: url(/img/dark/agileback@2x.png) 0 0/5px #b8bfcf;
  border: 1px solid #2b3541;
}
.dark .by-user__column__header {
  border-bottom: 1px solid #2b3541;
  background: #202224;
}
.dark .stats-task {
  background: #2b3541;
}
.dark .stats-task:hover {
  background: #384350;
}
.dark .task-sticker-item.user .sticker-item-icon,
.dark .task-stickers__sticker-item--user .sticker-item-icon {
  /* Ава в задачах сотрудников */
  border: 1px solid #4d566a;
}
.dark .stats-task--done .stats-task__sticker-list {
  filter: opacity(40%);
}
.dark .billing {
  background: #252b30;
}
.dark .billing__section {
  background: #2b3541;
  border: 1px solid #4d566a;
}
.dark .billing__users-line {
  color: #b8bfcf;
}
.dark .billing__history__item {
  background: #2b3541;
  color: #b8bfcf;
  border-radius: 0px;
}
.dark .billing__history__item:nth-child(even) {
  background: #2f3a47;
}
.dark .billing__chooser__duration {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .tb-item:hover {
  background-color: #363e45;
}
.dark .add-company__warn-descr,
.dark .add-company__warn-title {
  color: #a3b1c2;
}
.dark .add-company__warn-alert {
  color: #ff3f19;
}
.dark .add-company__input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .add-company__input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .partner-page {
  background: rgba(43, 53, 65, 0.8);
}
.dark .partner-page__panel {
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
}
.dark .partner-page__explain {
  background: #2b3541;
  color: #b8bfcf;
}
.dark .partner-page__ref-link {
  color: #2f97e6;
  background: #333e4b;
  border: 1px solid #4d566a;
  border-radius: 4px;
}
.dark .partner-page__input {
  border-radius: 4px;
  background-color: #4d566a;
  border-color: #80899e;
  color: #b8bfcf;
}
.dark .partner-withdraw-popup__input {
  border-radius: 4px;
  background-color: #4d566a;
  border-color: #80899e;
  color: #b8bfcf;
}
.dark .feedback__cnt {
  background: rgba(43, 53, 65, 0.8);
}
.dark .feedback__news,
.dark .feedback__support {
  background: #2b3541;
  border: 1px solid #4d566a;
}
.dark .feedback-chat-header {
  border-bottom: 1px solid #6b798a;
  background: #252b30;
}
.dark .news .chat-description-content {
  background: #252b30;
  border-bottom: 1px solid #6b798a;
}
.dark .feedback__news-item {
  border: 1px solid #485666;
  background: #333e4b;
}
.dark .feedback__news-item--new {
  border-color: #e71a6e;
}
.dark .feedback__panel-descr {
  color: #b8bfcf;
}
.dark .feedback__subtitle {
  color: #b8bfcf;
}
.dark .feedback__ticket {
  background: #3c4a5b;
  border: 1px solid #6b798a;
}
.dark .feedback__ticket-msg {
  color: #a3b1c2;
}
.dark .my-tasks__panel {
  background: #252b30;
  color: #b8bfcf;
}
.dark .my-tasks__nav {
  background: #202224;
  border: 1px solid #4d566a;
  border-bottom: 0px;
}
.dark .my-tasks__more-num {
  color: #b8bfcf;
}
.dark .my-tasks__add-private--adding {
  border: 1px solid #6b798a;
  background-color: #475665;
  color: #f5f8fa;
}
.dark .my-tasks__add-private--adding input {
  color: #f5f8fa;
}
.dark .my-tasks__nav-item--current,
.dark .my-tasks__nav-item--current:active,
.dark .my-tasks__nav-item--current:hover {
  color: #b8bfcf;
}
.dark .my-tasks__nav-item--page-by-people.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-by-people.svg);
}
.dark .my-tasks__nav-item--page-not-assigned.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-no-user.svg);
}
.dark .my-tasks__nav-item--page-expired.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-expired.svg);
}
.dark .my-tasks__nav-item--page-not-assigned:before {
  background-image: url(/img/task-page/tasks-no-user-active.svg);
}
.dark .my-tasks__nav-item--page-by-people:before {
  background-image: url(/img/task-page/tasks-by-people-active.svg);
}
.dark .my-tasks__nav-item--page-expired:before {
  background-image: url(/img/task-page/tasks-expired-active.svg);
}
.dark .my-tasks__nav-item--page-my:before {
  background-image: url(/img/task-page/tasks-i-do-active.svg);
}
.dark .my-tasks__nav-item--page-by-me:before {
  background-image: url(/img/task-page/tasks-i-entrusted-active.svg);
}
.dark .my-tasks__nav-item--page-private:before {
  background-image: url(/img/task-page/lock-active.svg);
}
.dark .my-tasks__nav-item--page-starred:before {
  background-image: url(/img/dark/task-page/favs-active-darkt.svg);
}
.dark .my-tasks__nav-item--page-my.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-i-do.svg);
}
.dark .my-tasks__nav-item--page-by-me.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/tasks-i-entrusted.svg);
}
.dark .my-tasks__nav-item--page-private.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/lock.svg);
}
.dark .my-tasks__nav-item--page-starred.my-tasks__nav-item--current:before {
  background-image: url(/img/task-page/favs.svg);
}
.dark .my-tasks__task {
  background: #333e4b;
  border: 1px solid #485666;
}
.dark .my-tasks__list--draggable.my-tasks__list--not-dragging .my-tasks__task:hover {
  background-color: #485463;
  border-color: #5c6c7e;
}
.dark .my-tasks__list--not-draggable .my-tasks__task:hover {
  background-color: #485463;
  border-color: #5c6c7e;
}
.dark .my-tasks__delim {
  /* Разделитель  */
  height: 20px;
  width: 1px;
  background: #4d566a;
}
.dark .my-tasks__list--not-draggable .my-tasks__task {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #485666;
}
.dark .my-tasks__list--not-dragging .my-tasks__task--completed,
.dark .my-tasks__task--completed {
  background-color: #34383d;
  color: #80899e;
}
.dark .my-tasks__list--not-dragging .my-tasks__task--completed:hover,
.dark .my-tasks__task--completed:hover {
  background-color: #414549;
  border-color: #485666;
}
.dark .my-tasks__assigned .user-avatar.sticker-item-icon {
  /* обводка аватарок в порученных мной*/
  margin: 3px -6px -3px;
  border: 1px solid #333e4b;
}
.dark .my-tasks__assigned {
  /* Разделитель перед аватаркой */
  border-left: 1px solid #4d566a;
}
.dark .my-tasks__task-rename {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .my-tasks__task-rename:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .page-header {
  background-color: #252b30;
  /* — цвет шапки страниц */
  border-bottom: 1px solid #4d566a;
}
.dark .prj__title {
  background-color: #252b30;
  /* — цвет шапки страницы компании */
  border-bottom: 1px solid #4d566a;
}
.dark .prj__title-label {
  color: #b8bfcf;
}
.dark .prj {
  /* — страница проектов затемнение */
  background: rgba(43, 53, 65, 0.8);
}
.dark .prj__projects {
  /* — панель проектов */
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
}
.dark .prj__departments {
  /* — панель отделов */
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
}
.dark .prj__reg-link {
  /* — панель ссылки */
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
}
.dark .prj__users {
  /* — панель юзеров */
  background: #252b30;
  color: #b8bfcf;
  border: 1px solid #4d566a;
}
.dark .project-participants__item:nth-child(even) {
  /* even в попапе добавления юзеров */
  background-color: #313c4a;
}
.dark .company-edit__tab {
  color: #b8bfcf;
}
.dark .company-edit__item {
  border-bottom: 1px solid #4d566a;
}
.dark .edit-extensions__title {
  color: #b8bfcf;
}
.dark .edit-extensions__status {
  color: #b8bfcf;
}
.dark .edit-extensions__info-name {
  color: #f5f8fa;
}
.dark .edit-extensions__info-author {
  color: #b8bfcf;
}
.dark .edit-extensions__info-descr {
  color: #b8bfcf;
}
.dark .company-edit__settings-header {
  color: #f5f8fa;
}
.dark .company-edit__settings {
  color: #b8bfcf;
}
.dark .prj__subtitle {
  color: #b8bfcf;
}
.dark .prj__list-item {
  background: #333e4b;
  border: 1px solid #485666;
}
.dark .prj__list-item:hover {
  background: #485666;
  border: 1px solid #485666;
  box-shadow: 0 1px 6px -4px #fff;
}
.dark .prj__list-item:hover .prj-list-drag-wrapper {
  background: #404b5b;
}
.dark .prj-list-item-title-text {
  /* — названия проектов */
  color: #b8bfcf;
}
.dark .user-chooser__more {
  border: 1px dashed #b8bfcf;
  background: #333d4b;
  color: #80899e;
}
.dark .prj-list-drag-wrapper {
  background-color: #333d4b;
}
.dark .project-participants__shadow--scrolled {
  background: radial-gradient(at top, #202224, rgba(0, 0, 0, 0) 70%) 0 0/100% 8px no-repeat;
}
.dark .project-participants__mail-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .project-participants__mail-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .project-role {
  border-color: #485666;
}
.dark .project-participants__mail-role__title-text {
  color: #b8bfcf;
}
.dark .project-participants__role-item--custom:hover {
  background: #333e4b;
}
.dark .project-participants__title-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .project-participants__title-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .down-arrow {
  fill: #b8bfcf;
}
.dark .prj-invite-role__menu {
  background: #4d566a;
  color: #f5f8fa;
}
.dark .prj-invite-role__option:hover {
  background: #555f74;
}
.dark .prj-invite-role__option--current .icon-okay {
  fill: #b8bfcf;
}
.dark .project-role__menu {
  background: #4d566a;
  color: #f5f8fa;
}
.dark .project-role__descr {
  color: #a9b0c0;
}
.dark .project-role__option:hover {
  background: #555f74;
}
.dark .project-role__option--current .icon-okay {
  fill: #b8bfcf;
}
.dark .role-edit__objects {
  background: #333e4b;
  border: 1px solid #485666;
}
.dark .role-edit__objects__list__header {
  background: #3f4a57;
  color: #b8bfcf;
}
.dark .role-edit__objects__settings__header {
  background: #3f4a57;
  color: #b8bfcf;
}
.dark .role-edit__objects__settings {
  border-left: 1px solid #485666;
}
.dark .permissions-chooser__menu {
  background: #4d566a;
}
.dark .permissions-chooser__menu__text {
  color: #f5f8fa;
}
.dark .object-chooser {
  background: #4d566a;
  color: #f5f8fa;
}
.dark .object-chooser__header {
  background: #464e5f;
  border-bottom: 1px solid #566372;
}
.dark .object-chooser__list__item:hover {
  background: #647086;
}
.dark .role-objects__item {
  color: #a3b1c2;
}
.dark .role-objects__item--chosen {
  color: #fff;
}
.dark .role-objects__item__hint {
  color: #4d566a;
}
.dark .project-participants__search {
  background: no-repeat url(/img/actions/search.svg) 4px 50%/18px #333e4b;
  border-color: #485666;
}
.dark .project-participants__search:focus {
  background: no-repeat url(/img/actions/search.svg) 4px 50%/18px #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .project-participants__head-cell--sorted:after {
  border-top: 6px solid #505e6e;
}
.dark .project-participants__head-cell--sorted.project-participants__head-cell--asc:before {
  border-bottom: 6px solid #505e6e;
}
.dark .prj__reg-link-not-empty {
  border-radius: 2px;
  background: #333e4b;
  border: 1px solid #485666;
}
.dark .prj__reg-link-txt {
  color: #ffffff;
}
.dark .departments-edit__delim {
  background: #5a6a7c;
}
.dark .departments-edit__wnd-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .departments-edit__wnd-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .departments-edit__wnd-caption {
  color: #b8bfcf;
}
.dark .departments-edit__add-input {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .departments-edit__add-input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .departments-edit__add-select {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .prj-users-item:nth-child(even) {
  /* светлая строчка юзеров */
  background-color: #292f34;
}
.dark .prj-users-item .user-avatar {
  /* юзеры в списке. окантовка */
  border: 1px solid #474e55;
}
.dark .user-avatar-status-inner {
  /* оффлайн-юзеры */
  background: #252b30;
  border: 1px solid #80899e;
}
.dark .prj__user-email,
.dark .prj__user-position,
.dark .prj__user-deps {
  /* текст юзеров */
  color: #75818b;
}
.dark .prj__users-hline {
  /* hr юзеров */
  border-top: 1px solid #4d566a;
}
.dark .prj-users-item:hover {
  background: #393f45;
  cursor: pointer;
}
.dark .prj-invite-wnd {
  background: #2b3541;
}
.dark .prj-invite-head {
  color: #d5e0e7;
  background: #202831;
  border-bottom: 1px solid #4d566a;
}
.dark .prj-invite-footer {
  border-top: 1px solid #4d566a;
  background: #202832;
}
.dark .prj-invite__participate-item .prj-users-ch {
  color: #d5e0e7;
}
.dark .prj-invite-body.with-shadow {
  background: radial-gradient(at top, #232426, rgba(0, 0, 0, 0) 70%) 0 0/100% 8px no-repeat;
}
.dark .prj-invite__link-wrap {
  background: #333e4b;
  border: 1px solid #485666;
}
.dark .prj-invite__email-list {
  border-radius: 4px;
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .prj-invite__email-list:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .msp {
  background: #252b30;
}
.dark .msp-wnd {
  background: #3c4a5b;
}
.dark .msp-logo {
  background: url(/img/site-v2/logo-footer.png) center no-repeat;
}
.dark .scr {
  color: #2b3541;
  filter: invert(1) hue-rotate(180deg);
}
.dark .scr .user-avatar {
  filter: invert(1) hue-rotate(180deg);
}
.dark .help__wnd {
  color: #d5e0e7;
}
.dark .help__fg {
  background: #3a4650;
}
.dark .help__side-left {
  background-image: url(/img/dark/help/sides/left.svg);
}
.dark .help__side-bottom {
  background-image: url(/img/dark/help/sides/bottom.svg);
}
.dark .help__side-right {
  background-image: url(/img/dark/help/sides/right.svg);
}
.dark .help__side-top {
  background-image: url(/img/dark/help/sides/top.svg);
}
.dark .help__corner-bottom-left {
  background-image: url(/img/dark/help/corners/bottom-left.svg);
}
.dark .help__corner-bottom-right {
  background-image: url(/img/dark/help/corners/bottom-right.svg);
}
.dark .help__corner-top-right {
  background-image: url(/img/dark/help/corners/top-right.svg);
}
.dark .help__corner-top-left {
  background-image: url(/img/dark/help/corners/top-left.svg);
}
.dark .direction-down-right .help__corner-top-left {
  background-image: url(/img/dark/help/corners/top-left-icon.svg);
}
.dark .direction-down-left .help__corner-top-right {
  background-image: url(/img/dark/help/corners/top-right-icon.svg);
}
.dark .direction-up-right .help__corner-bottom-left {
  background-image: url(/img/dark/help/corners/bottom-left-icon.svg);
}
.dark .direction-up-left .help__corner-bottom-right {
  background-image: url(/img/dark/help/corners/bottom-right-icon.svg);
}
.dark .login {
  background: 50% 0 no-repeat #252b30;
}
.dark .login-wnd {
  border: 1px solid #3c4a5b;
  background: #2b3541;
}
.dark .login-wnd-logo {
  background: url(/img/site-v2/logo-footer.png) no-repeat 50% 0;
  background-size: 35% auto;
}
.dark .chat-checklist-item.dragged .chat-checklist-item-label:before {
  background: #333e4b;
  border: 1px solid #6a707d;
}
.dark .edit-extensions__toggle--on {
  color: #f5f8fa;
}
.dark input::-moz-placeholder, .dark textarea::-moz-placeholder {
  color: #80899e;
}
.dark input::placeholder,
.dark textarea::placeholder {
  color: #80899e;
}
.dark .chat-checklist-edit .text-edit {
  background-color: #333e4b;
  border: 1px solid #485666;
}
.dark textarea.text-edit-input {
  color: #f5f8fa;
}
.dark .sticker-item-list__header,
.dark .sticker-item-list-body {
  color: #b8bfcf;
}
.dark .sticker-item.sticker-item-deadline {
  background-color: #383e4d;
  border-color: #4d566a;
}
.dark .sticker-item.sticker-item-deadline .sticker-item-text {
  color: #b8bfcf;
}
.dark .sticker-item.sticker-item-deadline .sticker-item-icon {
  background-color: #616f8f;
}
.dark .sticker-item.sticker-item-deadline.alert,
.dark .tasks-item .sticker-item.sticker-item-deadline.alert {
  filter: saturate(0.5);
  background: #602525;
  color: #d0021b;
  border-color: #882222;
}
.dark .sticker-item.sticker-item-deadline.alert .sticker-item-text {
  color: #d38d95;
}
.dark .sticker-item.sticker-item-deadline.alert .sticker-item-icon {
  background-color: #b82e2e;
}
.dark .sticker-item.sticker-item-deadline.warn,
.dark .tasks-item .sticker-item.sticker-item-deadline.warn {
  filter: saturate(0.5);
}
.dark .sticker-item.sticker-item-deadline.warn .sticker-item-icon {
  background-color: #74603e;
}
.dark .sticker-item.sticker-item-deadline.warn .sticker-item-text {
  color: #d4901a;
}
.dark .sticker-item.sticker-item-deadline.warn {
  background: #38342e;
  border-color: #74603e;
}
.dark .task-item-completed .sticker-item.sticker-item-deadline {
  filter: none;
  background-color: #383e4d;
}
.dark .sticker-item.sticker-item-timer,
.dark .sticker-item.sticker-item-stopwatch,
.dark .tasks-item .sticker-item.sticker-item-timer,
.dark .tasks-item .sticker-item.sticker-item-stopwatch,
.dark .sticker-item.sticker-item-task-timeline {
  background: #566076;
  color: #ccdbe5;
  border-color: #292f3d;
  filter: none;
}
.dark .sticker-item.sticker-item-timer.alert,
.dark .sticker-item.sticker-item-stopwatch.alert,
.dark .sticker-item.sticker-item-task-timeline.alert {
  background: #602525;
  color: #ccdbe5;
  border-color: #882222;
  filter: brightness(0.8);
}
.dark .sticker-item.sticker-item-timer .sticker-item-icon,
.dark .sticker-item.sticker-item-stopwatch .sticker-item-icon,
.dark .sticker-item.sticker-item-task-timeline .sticker-item-icon {
  background-color: #525e7a;
  filter: brightness(0.7);
}
.dark .sticker-item.sticker-item-timer.alert .sticker-item-icon,
.dark .sticker-item.sticker-item-stopwatch.alert .sticker-item-icon,
.dark .sticker-item.sticker-item-task-timeline.alert .sticker-item-icon {
  background-color: #b82e2e;
}
.dark .sticker-item.sticker-item-timetracking.not-set {
  background-color: #4d566a;
  border-color: #80899e;
  color: #80899e;
}
.dark .sticker-item-repeat.sticker-item.active,
.dark .tasks-item .sticker-item-repeat.sticker-item.active {
  filter: saturate(0.45);
  background: #094872;
  color: #8ac3ef;
  border-color: #052a42;
}
.dark .sticker-item-repeat.sticker-item.active .sticker-item-icon {
  background-color: #0f3248;
}
.dark .sticker-item.sticker-item-timetracking,
.dark .tasks-item .sticker-item.sticker-item-timetracking {
  filter: saturate(0.45);
  background: #094872;
  color: #62afea;
  border-color: #0d2c3f;
}
.dark .sticker-item.sticker-item-timetracking:not(.not-set) .sticker-item-icon {
  background: #0f3248;
  border: 1px solid #0d2c3f;
}
.dark .sticker-item.sticker-item-timetracking.completed .sticker-item-icon {
  background-color: #0f3248;
}
.dark .tasks-item .task-sticker-item .sticker-item-user .sticker-item-icon {
  background-color: #495a6c;
}
.dark .sticker-timeline-part.running {
  background-color: #252b30;
}
.dark .sticker-item.sticker-item-user {
  background: #3c4a5b;
  border: 1px solid #51626c;
  color: #a3b1c2;
}
.dark .stats-timeline .sticker-item.sticker-item-deadline {
  color: #a3b1c2;
}
.dark .sticker-item-list.readonly .sticker-item.sticker-item-string {
  background: #4d566a;
  border-color: #80899e;
}
.dark .sticker-item-list.readonly .sticker-item {
  color: #b8bfcf;
  filter: none;
}
.dark .sticker-deadline-edit-hist-val {
  color: #d5e0e7;
}
.dark .sticker-deadline-edit-mark--saved {
  color: #61cc14;
  background: #252b30;
}
.dark .drp-cell:hover:before {
  background: #4d566a;
  border: 1px solid #2f97e6;
  color: #fff;
}
.dark .drp-cell.between:hover:before {
  color: #fff;
}
.dark .sticker-deadline-edit-calendar {
  border-top: 1px solid #6b798a;
}
.dark .sticker-deadline-edit-calendar:before {
  border-bottom: 5px solid #6b7a89;
}
.dark .sticker-deadline-edit-calendar:after {
  border-bottom: 4px solid #2b3641;
}
.dark .sticker-deadline-chooser {
  border-top: 1px solid #6b7a89;
}
.dark .sticker-deadline-chooser__input {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .sticker-deadline-chooser__input:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .my-tasks .sticker-item.empty {
  filter: contrast(0.5) brightness(0.7);
}
.dark .sticker-item-user .sticker-item-icon {
  background-color: transparent;
}
.dark .task-sticker__plus {
  background-color: transparent;
}
.dark .sticker-item-list {
  /* менюшка стикеров */
  background: #2b3541;
  box-shadow: 0 2px 15px -4px #000;
  border: 1px solid #3c4a5b;
}
.dark .sticker-item-cnt {
  border-bottom: 1px solid #3c4a5b;
}
.dark .sticker-item-list-head {
  background: #252b30;
  color: #b8bfcf;
  border-bottom: 1px solid #3c4a5b;
}
.dark .sticker-item-list .sticker-item-filter {
  border-left: 1px solid #3c4a5b;
}
.dark .sticker-item-list--pinned .sticker-item-cnt:hover {
  background-color: #4d5769;
}
.dark .sticker-item-filter-checkbox {
  border-left: 1px solid #3c4a5b;
  background: #2b3541;
}
.dark span._checkbox {
  background: url(/img/dark/icons/checkbox.svg);
}
.dark .drp-head {
  /* выбор дедлайна */
  background: #2b3541;
  position: relative;
  color: #b8bfcf;
}
.dark .drp-h {
  background: #252d35;
}
.dark .drp-h:after {
  border-bottom: 1px solid #3c4a5b;
}
.dark .drp-table {
  background: #2b3541;
}
.dark .drp-cell {
  background: #2b3541;
  color: #f5f8fa;
}
.dark .chosen,
.dark .between,
.dark .left,
.dark .right {
  color: #fff;
}
.dark .drp-cell.other {
  color: #80899e;
}
.dark .drp-cell.today {
  background: #445467;
}
.dark .drp-cell.today.between,
.dark .drp-cell.left:after,
.dark .drp-cell.right:after,
.dark .drp-cell.between,
.dark .drp-cell.between:hover:before,
.dark .drp-one .drp-cell:hover:before,
.dark .drp-cell.chosen:before {
  background-color: #0b2d41;
}
.dark .sticker-item-list:before {
  /* треугольник попапа стикера */
  border-bottom: 5px solid #3c4a5b;
}
.dark .sticker-item-list:after {
  /* треугольник попапа стикера */
  border-bottom: 4px solid #252b30;
}
.dark .sticker-item-list--pinned .sticker-item-cnt.active {
  background-color: #4d566a;
}
.dark .sticker-item-list.direction-up:after {
  border-top: 4px solid #2b3541;
}
.dark .sticker-item-list.direction-up:before {
  border-top: 5px solid #3c4a5b;
}
.dark .repeat-edit__row--header,
.dark .repeat-edit__row--header:first-child,
.dark .repeat-edit__row--header:hover {
  background-color: #2b3541;
}
.dark .repeat-edit__row:nth-child(odd) {
  background-color: #333f4c;
}
.dark .repeat-edit__row:hover {
  background-color: #404f5c;
}
.dark .repeat-edit__col {
  color: #a3b1c2;
}
.dark .repeat-edit__col-name {
  color: #b8bfcf;
}
.dark .repeat-edit__template-name {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .repeat-edit__template-name:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .repeat-edit__template-name-label {
  color: #b8bfcf;
}
.dark .repeat-view__tpl-title {
  color: #b8bfcf;
}
.dark .task-info__deadline-repeat-help {
  color: #a3b1c2;
}
.dark .sti-col-txt {
  color: #b8bfcf;
}
.dark .quick-stats-overlay {
  background: #1c2026;
  opacity: 0.9;
}
.dark .stp-cnt {
  background: #252b30;
  color: #b8bfcf;
}
.dark .stb-brd {
  background: #2b3541;
  border-bottom: 1px solid #6b798a;
  color: #b8bfcf;
}
.dark .stb-brd-label {
  color: #b8bfcf;
}
.dark .stb-dates-label {
  color: #b8bfcf;
}
.dark .stp-chart-legend-item {
  color: #d5e0e7;
}
.dark .stb-brd-select,
.dark .stb-dates-select {
  color: #b8bfcf;
}
.dark .stp-include-btn.current {
  color: #b8bfcf;
}
.dark table.stp-table tbody tr:nth-child(even),
.dark table.stp-table tr:nth-child(even) {
  background: #283033;
}
.dark table.stp-table tbody tr,
.dark table.stp-table tr {
  border-bottom: 1px solid #3c4a5b;
}
.dark .stp-table td:nth-child(2) ._link {
  color: #b8bfcf;
}
.dark .sti-desc-num-edit {
  background-color: #333e4b;
  border-color: #485666;
  color: #b8bfcf;
}
.dark .sti-desc-num-edit:focus {
  background-color: #475665;
  border-color: #6b798a;
  color: #f5f8fa;
}
.dark .sti-chart-cnt {
  background: #252b30;
}
.dark .sti-chart-desc {
  color: #80899e;
}
.dark .task-info .task-sticker__plus {
  background-color: transparent;
}
.dark .main-menu__banners__billing.main-menu__banners__billing--on-paid {
  background: #2b3541;
}
.dark .share-popup__url-input,
.dark .share-popup__url-input:focus {
  color: #7dc4e8;
  background-color: #4d566a;
  border-color: #80899e;
}
.dark .share-fail {
  color: #fff;
}
.dark .share-name-changer {
  background: #2b3541;
}
.dark .chat-input-mention-list-item {
  background-color: #3c4a5b !important;
}
.dark .chat-input-mention-list-item:hover {
  background-color: var(--color-background-chat-list-hover-old) !important;
}
.dark .chat-input-mention-list-item.ck-on {
  background-color: var(--color-background-main-even-old) !important;
}
.dark .dropdown-menu-with-custom-scroll .ps__rail-y .ps__thumb-y {
  /* Light/Grey/L60 */
  background: #292f38;
}
.dark .custom-dragged__hovered:hover {
  background: #1d2e3c;
}

html.dark input[disabled] {
  background: #4c4c4c;
  color: #8e8989;
}

/**
* Ck editor dark style, redefining base variables for dark mode
*/
html.dark:root {
  --ck-color-base-foreground: var(--color-primary-background-primary);
  --ck-color-base-background: var(--color-primary-background-primary);
  --ck-color-panel-background: var(--color-primary-background-secondary);
  --ck-color-tooltip-background: var(--color-primary-background-secondary);
  --ck-color-base-text: #fff;
  --ck-color-tooltip-text: #fff;
  --ck-color-link-default: var(--color-primary-action-default);
}