.wrap-404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}


.color-picker {
    position: relative;
    display: flex;
    align-items: center;
}
.wrap-current {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.current-color {
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 50%;
    position: relative;
    background-repeat: repeat;
    z-index: 1;
    border: 1px solid #d2d2dc;
}
.current-opacity {
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 50%;
    position: absolute;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMElEQVQ4T2N89uzZfwY8QFJSEp80A+OoAcMiDP7//483HTx//hx/Ohg1gIFx6IcBALl+VXknOCvFAAAAAElFTkSuQmCC");
    background-size: 12px;
    background-repeat: repeat;
    top: 0;
}
.vc-chrome-color-wrap {
    width: 40px !important;
}
.vc-chrome-active-color {
    width: 28px !important;
    height: 28px !important;
    border: 1px solid #d2d2dc;
}
.vc-chrome {
    position: absolute;
    top: 52px;
    left: 0;
    border-radius: 4px !important;
    z-index: 2;
}
.vc-checkerboard {
    background-repeat: repeat;
}



@media  (orientation: landscape) and (max-height: 600px){
.hidden-sm-height-landscape {
    display: none;
}
}

.error--text .v-messages__message {
  color: #d8372b;
}

.wrapper-code {
  position: relative;
}
.wrapper-code .copy-icon {
  position: absolute !important;
  top: 4px;
  right: 4px;
  background: rgba(255, 255, 255, 0.91);
}
.wrapper-code:hover .copy-icon {
  visibility: visible;
  opacity: 1;
  cursor: pointer;
}
.wrapper-code code {
  box-shadow: initial;
  border-radius: 0;
}
.wrapper-code code:before {
  content: initial;
}
/**
 * GitHub Gist Theme
 * Author : Anthony Attard - https://github.com/AnthonyAttard
 * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
 */
.hljs {
  display: block ;
  overflow-x: auto;
  padding: 0.5em;
  white-space: pre;
  color: #696985 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  /*color:#abb2bf;*/
  /*background:#282c34*/
}
.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd;
}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75;
}
.hljs-literal {
  color: #56b6c2;
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #98c379;
}
.hljs-built_in,
.hljs-class .hljs-title {
  color: #e6c07b;
}
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66;
}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: bold;
}
.hljs-link {
  text-decoration: underline;
}

#app .text-primary input {
  color: #2f2fed !important;
}

.premium-plug[data-v-33ac438c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 500px;
}
.premium-plug__img[data-v-33ac438c] {
  margin-bottom: 20px;
}
.premium-plug__btn[data-v-33ac438c] {
  max-width: 249px;
}
@media (min-width: 500px) {
.premium-plug[data-v-33ac438c] {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 1fr 220px;
    grid-column-gap: 28px;
    max-width: 654px;
}
.premium-plug__header[data-v-33ac438c] {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}
.premium-plug__text[data-v-33ac438c] {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}
.premium-plug__img[data-v-33ac438c] {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4;
    align-self: center;
}
}













































































































































/*@todo -  как только определимся что будет по клику на имя поля убрать костыль*/
.no-hover-item-name .item-text__name:hover {
  cursor: default !important;
  color: inherit !important;
}


html.no-scroll {
  overflow-y: hidden !important;
}
@keyframes pulse {
from {
    transform: scale3d(1, 1, 1);
}
50% {
    transform: scale3d(1.03, 1.03, 1.03);
}
to {
    transform: scale3d(1, 1, 1);
}
}
.dialog-animate {
  animation-name: pulse;
  animation-duration: 0.15s;
  user-select: none;
  backface-visibility: hidden;
}
.dialog-enter {
  opacity: 0;
}
.dialog-leave-active {
  opacity: 0;
}
.dialog-mask {
  position: fixed;
  display: flex;
  z-index: 300;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 52, 71, 0.4);
  transition: opacity 0.3s ease;
  filter: blur(0);
  justify-content: center;
  align-items: center;
  align-self: center;
}
.dialog-mask.right {
  justify-content: flex-end;
}
.dialog-mask.left {
  justify-content: flex-start;
}
.dialog-mask.bottom {
  align-items: flex-end;
}
.dialog-mask.top {
  align-items: flex-start;
}
.dialog-mask.right .dialog-wrapper-container,
.dialog-mask.left .dialog-wrapper-container {
  border-radius: 0;
}
.dialog-wrapper-container {
  height: auto;
  max-height: 100%;
  position: absolute;
  width: 100%;
  overflow: auto;
  filter: blur(0);
  border-radius: 4px;
  pointer-events: auto;
}
.dialog-container {
  height: 100%;
  max-height: 100%;
  position: relative;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
}
@media (max-width: 992px) {
.dialog-container {
    overflow: auto;
}
}

.c-checkbox {
  margin-bottom: 16px;
}
.c-checkbox:last-child {
  margin: 0;
}
.c-checkbox--absolute {
  position: absolute;
  top: 0;
  left: 0;
}
.c-checkbox.large.c-checkbox label {
  font-size: 18px;
  line-height: 1.333;
  height: 24px;
}
.c-checkbox.large.c-checkbox .c-checkbox__pseudo {
  width: 24px;
  height: 24px;
}
.c-checkbox.large.c-checkbox .c-checkbox__pseudo::before {
  top: 3px;
}
.c-checkbox.small.c-checkbox label {
  font-size: 14px;
  line-height: 1.428;
  height: 20px;
}
.c-checkbox.small.c-checkbox .c-checkbox__pseudo {
  width: 16px;
  height: 16px;
}
.c-checkbox.small.c-checkbox .c-checkbox__pseudo::before {
  font-size: 12px;
  top: -1px;
  left: 1px;
}
.c-checkbox__hint {
  flex: 1 1 auto;
  font-size: 12px;
  min-height: 12px;
  min-width: 1px;
  position: relative;
  margin-top: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.c-checkbox label {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.7;
  user-select: none;
  display: flex;
  z-index: 2;
  align-items: center;
  position: relative;
}
.c-checkbox__label {
  margin-left: 12px;
}
.c-checkbox .c-checkbox__pseudo {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #EDEDF1;
  text-align: center;
  transition: background 0.2s ease;
}
.c-checkbox .c-checkbox__pseudo:before {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
}
.c-checkbox input[type=checkbox] {
  position: absolute !important;
  z-index: 0;
  margin: 4px 0 0;
  opacity: 0;
}
.c-checkbox input[type=checkbox]:hover {
  cursor: pointer;
}
.c-checkbox input[type=checkbox]:checked {
  color: #fff;
}
.c-checkbox input[type=checkbox]:checked:hover {
  cursor: pointer;
}
.c-checkbox input[type=checkbox]:checked + .c-checkbox__pseudo {
  background: #2727E6 !important;
  transition: background 0.15s ease-out;
}
.c-checkbox input[type=checkbox]:checked + .c-checkbox__pseudo:before {
  color: #fff;
  opacity: 1;
}
.c-checkbox input[type=checkbox]:disabled + .c-checkbox__pseudo {
  background: #f8f8f9 !important;
}
.c-checkbox input[type=checkbox]:disabled + .c-checkbox__pseudo:hover {
  cursor: default;
}
.c-checkbox input[type=checkbox]:disabled + .c-checkbox__pseudo + div {
  color: #aeaeb5;
}
.c-checkbox input[type=checkbox]:disabled + .c-checkbox__pseudo + div:hover {
  cursor: default;
}

.c-switch {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c-switch input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}
.c-switch label {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 24px;
  background: #EDEDF1;
  display: block;
  border-radius: 12px;
  position: relative;
}
.c-switch label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s;
}
.c-switch input:checked + label {
  background: #2F2FED;
}
.c-switch input:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}
.c-switch label:active:after {
  width: 14px;
}
.c-switch span {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.375;
  color: #343447;
  margin-left: 12px;
}
.c-switch.small label {
  width: 32px;
  height: 20px;
}
.c-switch.small label:active:after {
  width: 12px;
}
.c-switch.small label:after {
  top: 4px;
  width: 12px;
  height: 12px;
}
.c-switch.small span {
  font-size: 14px;
  line-height: 1.428;
}

.c-label {
  background-color: #2727E6;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 28px;
  margin-right: 4px;
  margin-bottom: 4px;
}
.c-label:last-child {
  margin-right: 0;
}
.c-label__text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}

.c-banner[data-v-87eb1bb2] {
  padding: 30px 42px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.c-banner.info[data-v-87eb1bb2] {
  background: rgba(69, 69, 255, 0.07) !important;
}
.c-banner.info .c-banner-title[data-v-87eb1bb2],
.c-banner.info .v-icon[data-v-87eb1bb2] {
  color: #2F2FED;
}
.c-banner.info .c-banner-text[data-v-87eb1bb2] {
  color: rgba(47, 47, 237, 0.8);
}
.c-banner.error[data-v-87eb1bb2] {
  background: rgba(255, 69, 102, 0.08) !important;
}
.c-banner.error .c-banner-title[data-v-87eb1bb2],
.c-banner.error .v-icon[data-v-87eb1bb2] {
  color: #ED2F52;
}
.c-banner.error .c-banner-text[data-v-87eb1bb2] {
  color: rgba(237, 47, 82, 0.8);
}
.c-banner-content[data-v-87eb1bb2] {
  font-family: Montserrat;
  font-style: normal;
}
.c-banner-title[data-v-87eb1bb2] {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.c-banner-text[data-v-87eb1bb2] {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.connection__title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  text-align: center;
  color: #343447;
}
.connection__subtitle {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #8686A2;
}
.dialog-sse-error .dialog-container {
  color: #ffffff;
  box-shadow: none !important;
  font-size: 24px;
  text-align: center;
  z-index: 99999;
}

.modal-apps {
  z-index: 300;
}
.modal-apps .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(52, 52, 71, 0.4);
}
.modal-apps .window {
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #fff;
  position: fixed;
  bottom: 0;
}
.modal-apps .body {
  padding: 64px 40px 48px 40px;
  position: relative;
}
.modal-apps .body::before {
  position: absolute;
  content: '';
  bottom: 0;
  right: 0;
  background: url(/img/modal-mobile-waves.svg?f2f80c2cd5ffedeb200e27ef7199a6b9) no-repeat;
  width: 264px;
  height: 325px;
  background-position-x: 66px;
  background-position-y: 70px;
  z-index: -1;
}
.modal-apps .body .close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.modal-apps .body .icon-app {
  position: absolute;
  top: -40px;
  left: 40px;
}

.board {
  min-width: 100%;
  min-height: 50vh;
  height: calc(100vh - 190px);
  display: flex;
  align-items: self-start;
  max-width: 100%;
  overflow-x: auto;
  padding: 0 36px;
}
.board::-webkit-scrollbar {
  height: 10px;
}
.board::-webkit-scrollbar-button {
  width: 24px;
}
.board::-webkit-scrollbar-track-piece {
  background-color: #e1e1e7;
  border-radius: 8px;
}
.board::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #C3C3CD;
}
@media (max-width: 992px) {
.board {
    height: 100%;
    -webkit-scroll-snap-type: both mandatory;
    scroll-snap-type: both mandatory;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: auto;
    position: relative;
    padding: 0;
}
.board--extend {
    height: 100%;
    min-height: inherit;
    margin-bottom: 8px;
}
.board::-webkit-scrollbar-button {
    width: 8px;
}
.wrapper-list {
    scroll-snap-align: center;
}
}
.wrapper-list {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 0 4px;
  height: 100%;
}
.wrapper-list.ghost .list {
  background: #E5E5EB !important;
  position: relative;
}
.wrapper-list.ghost .list:before {
  content: '+';
  font-size: 40px;
  line-height: 1;
  width: 40px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  color: #c8c8d5;
}
.wrapper-list.ghost .soul-list {
  opacity: 0;
}
.wrapper-list.sortable-chosen .list {
  background: rgba(245, 245, 247, 0.75);
}
.soul-list {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.list {
  width: 278px;
  border-radius: 4px;
  flex: 0 1 auto;
  position: relative;
  max-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #F0F0F3;
  overflow: hidden;
}
.list__title {
  padding: 12px 0 16px 0;
  min-height: 54px;
}
@media (max-width: 992px) {
.list__title {
    padding: 0;
    min-height: 32px;
}
}
.title-list {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.285 !important;
  word-break: break-word;
  color: #696985;
}
.title-list--count {
  color: #a3aab1;
}
.cards {
  min-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
  border-radius: 4px;
  position: relative;
}
.cards:hover::-webkit-scrollbar-track {
  background-color: #e1e1e7;
}
.cards:hover::-webkit-scrollbar-thumb {
  background-color: #C3C3CD;
}
.cards::-webkit-scrollbar {
  width: 5px;
  border-radius: 12px;
}
.cards::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: transparent;
}
.cards::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background-color: transparent;
}
.cards.empty {
  background: #E5E5EB;
  display: flex;
  border-radius: 4px;
  margin: 0 8px;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
.cards.empty:before {
  content: attr(data-empty);
  font-size: 12px;
  line-height: 1.71;
  font-weight: normal;
  color: #696985;
  width: 112px;
  text-align: center;
}
.wrapper-card {
  border-radius: 4px;
  box-sizing: border-box;
  user-select: none;
}
.wrapper-card.ghost {
  position: relative;
  margin: 0 8px 8px 8px;
}
.wrapper-card.ghost:before {
  content: '+';
  font-size: 38px;
  line-height: 48px;
  width: 48px;
  height: 48px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  color: #696985;
  background: #D2D2DC;
  border-radius: 50%;
  z-index: 2;
}
.wrapper-card.ghost:after {
  content: '';
  display: block;
  width: 100%;
  height: calc(100% - 16px);
  position: absolute;
  top: 0;
  border-radius: 4px;
  left: 0;
  background: #E5E5EB;
  z-index: 1;
}
.wrapper-card.ghost .v-card {
  opacity: 0;
  visibility: hidden;
  transition: all 0s;
}
.wrapper-card.ghost:last-child {
  margin-bottom: 0;
}
.v-card--offer {
  border-radius: 4px !important;
  border: 1px solid transparent;
}
.v-card--offer--kanban {
  min-height: 128px;
}
.v-card--offer .iconCRM-more {
  display: none;
}
.v-card--offer:hover {
  cursor: pointer;
  border: 1px solid #D7DAE7;
}
.v-card--offer:hover .iconCRM-more {
  display: block;
}
.wrap-card-title {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.text-card-date {
  color: #9D9DB4;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.333;
  padding: 0 8px;
}
.text-card-date__wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 8px;
}
.text-card-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.285;
  word-break: break-word;
}
.text-card-price {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.285;
  margin-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-card-field,
.text-card-lead {
  font-size: 12px;
  line-height: 1.333;
  color: #696985;
  padding: 0 8px 1px 8px;
}
.text-card-status {
  width: 100%;
  display: block;
  font-size: 12px;
  line-height: 1.166;
  font-weight: bold;
  color: #9BA0B8;
}
.text-clipping {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.text-clipping::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%);
}
.icon-actions {
  display: flex;
  align-items: center;
  min-width: 42px;
}
.icon-actions__count {
  font-size: 12px;
  line-height: 1.333;
  color: #696985;
  margin-left: 4px;
  margin-bottom: 1px;
}
.icon-actions:hover {
  cursor: pointer;
}
.icon-actions:hover .cards-icons {
  color: #343951 !important;
}
@media (max-width: 992px) {
.cards {
    -webkit-overflow-scrolling: touch;
}
.cards:empty {
    margin: 4px 8px;
}
.v-card--offer:hover {
    cursor: pointer;
    border: 1px solid transparent !important;
}
.v-card--offer:hover .iconCRM-more {
    display: none !important;
}
}
.v-btn--depressed.btn__add-card {
  flex: 0 1 auto !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  line-height: 1.71 !important;
  letter-spacing: normal !important;
  color: #879399 !important;
  background-color: transparent !important;
  height: 48px !important;
}
.v-btn--depressed.btn__add-card:hover {
  color: #2F2FED !important;
}
.v-btn--depressed.btn__add-card:hover.v-btn:focus:before {
  background-color: transparent !important;
}
.v-btn--depressed.btn__add-card:hover.v-btn:hover:before {
  background-color: transparent !important;
}
.small-btn_no-bg {
  height: 18px !important;
  padding: 0 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  margin-left: 0 !important;
  margin-bottom: 4px !important;
}
.small-btn_no-bg:hover::before {
  opacity: 0;
  background-color: transparent !important;
}
.small-btn_no-bg .v-btn__content {
  justify-content: start !important;
}
html.draggable-cursor * {
  cursor: move;
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
html.draggable-cursor * .tab-custom:hover {
  background: #ebf3f9;
}
.sortable-drag {
  opacity: 1 !important;
  cursor: move !important;
  cursor: -webkit-grabbing !important;
}
.sortable-drag .v-card {
  transform: rotate(4.32deg) !important;
  opacity: 1 !important;
}
.sortable-drag.wrapper-list .v-card {
  transform: rotate(0) !important;
}
.draggable-list-row {
  background: #fff;
  border-bottom: none;
}
.draggable-list-row.ghost {
  background: #EDEDF1 !important;
  text-indent: -100vw;
  font-size: 1px;
  cursor: move;
}
.slide-bottom-enter-active,
.slide-bottom-leave-active {
  transition: all 0.35s;
}
.slide-bottom-enter,
.slide-bottom-leave-to {
  opacity: 0;
  transform: translateY(100%);
}
.fields-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
@media (max-width: 992px) {
.fields-wrap {
    height: initial;
}
}
.fields {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.history {
  width: 40%;
  overflow: auto;
  max-height: calc(100% - 40px);
  padding: 0 10px;
  overflow: hidden;
  position: relative;
}
.base-fields {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding-left: 32px;
  padding-right: 32px;
}
.optional-fields {
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 32px;
  padding-right: 32px;
  background: #f5f5f7;
}
@media (max-width: 992px) {
.fields {
    flex-direction: column;
}
.mobile-column {
    flex-direction: column-reverse;
}
.base-fields {
    padding-left: 20px;
    padding-right: 20px;
    overflow-y: hidden;
    min-height: fit-content;
    flex-shrink: 0;
}
.optional-fields {
    padding-left: 20px;
    padding-right: 20px;
    min-height: fit-content;
    padding-bottom: 24px;
    overflow-y: hidden;
    flex-shrink: 0;
    background: #fff;
}
}
.btn__send-chat {
  display: flex;
  height: 100%;
  align-items: flex-end;
  justify-content: flex-end;
}
.chatiche {
  display: flex;
  flex-direction: column;
}
.chatiche .chat,
.chatiche .write {
  flex: 0 1 auto;
}
.chatiche .chat {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.write__text {
  display: block;
  min-height: 42px;
  width: 100%;
  border-radius: 6px;
  padding: 0 0 0 10px;
}
.write__text textarea {
  overflow-y: auto !important;
  margin-top: 0 !important;
  font-size: 14px;
  max-height: 110px;
}
.write__send {
  position: relative;
}
@media (max-width: 992px) {
.chatiche .chat {
    overflow: hidden;
    padding-top: 8px;
}
}
.service-message,
.chat-message {
  font-size: 12px;
  line-height: 1.36;
  color: #47494a;
  padding: 12px 16px;
  border-radius: 4px;
}
.service-message {
  background-color: #f5f7f8;
}
.chat-message {
  background-color: #e0f2f1;
}
.chat-message {
  padding: 12px 44px 12px 16px;
  font-size: 12px;
  line-height: 1.36;
  color: #47494a;
  border-radius: 4px;
  position: relative;
}
.chat-message::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 15px;
  width: 0;
  border-bottom: 12px solid #e0f2f1;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.btn-delete-message {
  top: 5px;
  right: 5px;
}
.zaglushka {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 10px;
}
.zaglushka-img {
  width: 150px;
  height: 150px;
}
.zaglushka-text {
  font-size: 16px;
  color: #c9cdd0;
  text-align: center;
}
.icon-resize {
  position: absolute;
  top: -5px;
  left: 50%;
  z-index: 2;
  cursor: ns-resize;
  user-select: none;
  transform: translateX(-50%);
  /*margin-left: -12px;*/
}
.title-console {
  display: flex;
  align-items: center;
  background-color: #252b39;
}
.title-console__text {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
.info-card-mask {
  position: fixed;
  width: 100%;
  height: 350px;
  min-height: 350px;
  max-height: 100%;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 200;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.13);
}
.info-card {
  position: relative;
  z-index: 202;
}
.info-card:before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: ns-resize;
}
.info-card__handler-top {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
  cursor: ns-resize;
}
.info-card__nav {
  padding: 5px 10px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}
.info-card__into {
  display: block !important;
  max-height: 100%;
  position: relative;
  background: #fafafa;
}
.info-card__into > * {
  flex: 1 1 auto;
}
.info-card__into form {
  padding: 24px 20px 20px 20px;
  position: relative;
  max-height: 100%;
}
.overlay-console {
  background-color: rgba(33, 33, 33, 0.46);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 201;
  overflow-x: hidden;
}
@media (max-width: 600px) {
.info-card-mask {
    height: 100% !important;
    min-height: 100%;
}
.info-card-mask .icon-resize {
    display: none;
}
}
@-webkit-keyframes nprogress-spinner {
0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
#nprogress {
  pointer-events: none;
  background: #fff;
  position: fixed;
  z-index: 999;
  top: var(--SAIT);
  left: 0;
  width: 100%;
  height: 2px;
}
#nprogress .bar {
  background: #2F2FED;
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
  opacity: 1;
}
#nprogress .peg {
  display: none;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #2F2FED, 0 0 5px #2F2FED;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
  display: none;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #2F2FED;
  border-left-color: #2F2FED;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .spinner {
  position: absolute;
}
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
.our-checkbox {
  z-index: 0;
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  height: 34px;
  width: 34px;
  border-radius: 50%;
}
/* Box */
.our-checkbox > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: 1;
  position: absolute;
  display: block;
  box-sizing: border-box;
  margin: 8px;
  border: solid 2px;
  /* Safari */
  border-color: #757575;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
/* Span */
.our-checkbox > input + span {
  display: inline-block;
  box-sizing: border-box;
  padding-left: 30px;
  width: inherit;
  cursor: pointer;
}
/* Check Mark */
.our-checkbox > input + span::after {
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 12px;
  height: 7px;
  border: solid 2px transparent;
  border-right-width: 0;
  border-top-width: 0;
  pointer-events: none;
  transform: translate(3px, 4px) rotate(-45deg);
  transition: border-color 0.2s;
}
/* Checked, Indeterminate */
.our-checkbox > input:checked,
.our-checkbox > input:indeterminate {
  border-color: #2F2FED;
  background-color: #2F2FED;
}
.our-checkbox > input:checked + span::before,
.our-checkbox > input:indeterminate + span::before {
  background-color: #2F2FED;
}
.our-checkbox > input:checked + span::after,
.our-checkbox > input:indeterminate + span::after {
  border-color: #fff;
}
.our-checkbox > input:indeterminate + span::after {
  border-left-width: 0;
  transform: translate(4px, 3px);
}
/* Hover, Focus */
.our-checkbox:hover > input + span::before {
  opacity: 0.04;
}
.our-checkbox > input:focus + span::before {
  opacity: 0.12;
}
.our-checkbox:hover > input:focus + span::before {
  opacity: 0.16;
}
/* Active */
.our-checkbox:active > input,
.our-checkbox:active:hover > input {
  border-color: #2F2FED;
}
.our-checkbox:active > input + span::before {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}
.cursor-pointer {
  cursor: pointer;
}
.border-radius {
  border-radius: 8px !important;
}
.overflow-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text--break-word {
  word-break: break-word;
}
.x-small {
  font-size: 12px !important;
}
.mrg-b-2 {
  margin-bottom: 2px;
}
.mrg-b-28 {
  margin-bottom: 28px;
}
.mrg-x-20 {
  margin: 0 20px;
}
.pd-b-20 {
  padding-bottom: 20px !important;
}
.pd-a-40 {
  padding: 40px !important;
}
.width-40 {
  width: 40%;
}
.width-50 {
  width: 50%;
}
.width-60 {
  width: 60%;
}
.width-100 {
  width: 100% !important;
}
.height-100 {
  height: 100%;
}
.no-underline {
  text-decoration: none;
}
.select-none {
  user-select: none;
}
ul {
  padding: 0;
}
.flx {
  display: flex;
}
.column {
  flex-direction: column;
}
.text-center {
  text-align: center;
}
.text-btn:hover {
  cursor: pointer;
  color: #2f2fed;
}
.flex-end {
  justify-content: flex-end !important;
}
.row-reverse {
  flex-direction: row-reverse !important;
}
@media (max-width: 992px) {
.hidemob {
    display: none !important;
}
.background-transparent-mobile {
    background-color: transparent !important;
}
.background-grey--mobile {
    background-color: #F5F5F7;
}
}
@media (min-width: 993px) {
.onlymob {
    display: none !important;
}
}
.heading-1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.333;
}
.heading-2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
}
.heading-3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}
.heading-4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.333;
}
.heading-5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.333;
}
.headline-sm {
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.285 !important;
}
.headline-md {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
}
.headline-lg {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.333;
}
.body-sm {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.428;
}
.body-md {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.375;
}
.body-lg {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.333;
}
.c-caption {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.333;
}
.title-h4 {
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 24px !important;
}
.title-h5 {
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.text--black {
  color: #343951;
}
.blue-30 {
  color: #2F2FED;
}
.dark-20 {
  color: #9D9DB4 !important;
}
.dark-30 {
  color: #8686A2 !important;
}
.dark-40 {
  color: #696985 !important;
}
.dark-50 {
  color: #343447 !important;
}
.dark-60 {
  color: #343447 !important;
}
.font-weight-semi-bold {
  font-weight: 600 !important;
}
.search-panel {
  background: white;
  border-radius: 8px;
  margin-bottom: 8px;
}
.slide-enter-active {
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}
.slide-leave-active {
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
}
.slide-enter-to,
.slide-leave {
  max-height: 100px;
  overflow: hidden;
}
.slide-enter,
.slide-leave-to {
  overflow: hidden;
  max-height: 0;
}
.edit-lead__close--mobile {
  display: none!important;
}
@media (max-width: 992px) {
.edit-lead__close {
    display: none!important;
}
.edit-lead__close--mobile {
    display: inline-block !important;
    transform: rotate(90deg);
}
.edit-lead .sidebar-title {
    flex-direction: column-reverse;
    align-items: start;
    padding-bottom: 0;
}
.edit-lead .sidebar-content {
    padding-top: 17px;
}
.edit-lead .sidebar-actions {
    padding-top: 16px!important;
    padding-bottom: 16px!important;
    border-top: 1px solid #EDEDF1;
}
.edit-lead .v-card--offer .offer-add-users {
    opacity: 1;
    visibility: visible;
}
.edit-lead .v-card--offer:hover .offer-add-users {
    opacity: 1!important;
    visibility: visible!important;
}
.edit-lead .v-slide-group__prev {
    display: none!important;
}
}
@media (min-width: 993px) {
.edit-lead .sidebar-content {
    padding: 0;
}
}
.tab-item__wrap {
  height: 100%;
  max-height: calc(100vh - 286px);
  overflow: auto;
  transition: height 0.2s ease-in;
}
.tab-item__wrap--active-search {
  height: calc(100vh - 250px);
}
.list-board {
  min-height: calc(100vh - 132px);
  height: calc(100vh - 132px);
  margin: 0 16px;
  padding-top: 20px;
  border-radius: 8px;
  transition: height 0.2s ease-in;
}
.list-board--active-search {
  height: calc(100vh - 184px);
}
.list-board--extend {
  height: 100% !important;
  margin-bottom: 16px;
}
.tabs-custom {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  text-transform: none;
  user-select: none;
}
.interim-list-tab {
  width: 100%;
}
.interim-list-tab .list-view__row {
  /*display: none;*/
}
@media (max-height: 750px), screen and (max-width: 500px) {
.no-orders {
    zoom: 0.8;
}
}
.table-view {
  display: flex;
  flex-direction: column;
  max-height: inherit;
}
.table-view__row {
  min-width: 100%;
  width: fit-content;
  max-width: 100%;
  flex: 1;
  display: grid;
  border-collapse: collapse;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  margin-bottom: 8px;
  border-radius: 4px;
  position: relative;
  min-height: 64px;
  height: 64px;
  background: #fff;
}
.table-view__row:empty {
  background: #fff;
}
.table-view__row .iconCRM-more {
  opacity: 0;
  visibility: hidden;
}
.table-view__row:nth-child(3n+1):empty {
  border-radius: 6px;
  background-image: linear-gradient(#f5f5f7 20px, transparent 0), linear-gradient(#f5f5f7 14px, transparent 0), linear-gradient(#f5f5f7 14px, transparent 0);
  background-repeat: repeat-y;
  background-size: 20px 100px,
        10% 100px,
        70% 100px;
  background-position: 1.5% 24px, 5% 27px, 63% 27px;
}
.table-view__row:nth-child(3n+2):empty {
  background-image: linear-gradient(#f5f5f7 20px, transparent 0), linear-gradient(#f5f5f7 14px, transparent 0), linear-gradient(#f5f5f7 14px, transparent 0);
  background-repeat: repeat-y;
  background-size: 20px 100px,
        10% 100px,
        74% 100px;
  background-position: 1.5% 24px, 5% 27px, 73% 27px;
}
.table-view__row:nth-child(3n+3):empty {
  background-image: linear-gradient(#f5f5f7 20px, transparent 0), linear-gradient(#f5f5f7 14px, transparent 0), linear-gradient(#f5f5f7 14px, transparent 0);
  background-repeat: repeat-y;
  background-size: 20px 100px,
        10% 100px,
        50% 100px;
  background-position: 1.5% 24px, 5% 27px, 38% 27px;
}
.table-view__row:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.table-view__row .text-clipping::after {
  width: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 90%, #fff 100%);
}
.table-view__row:hover .table-view__row-item {
  cursor: pointer;
  background-color: #ebf3f9;
}
.table-view__row:hover .text-clipping:after {
  background: linear-gradient(to right, rgba(235, 243, 249, 0) 90%, #ebf3f9 100%);
}
.table-view__row:hover .iconCRM-more {
  opacity: 1;
  visibility: visible;
}
.table-view__row-item {
  padding: 11px 24px 10px 18px;
  min-width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.428;
  color: #696985;
  display: flex;
  align-items: center;
}
.table-view__row-item.checkbox {
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: center;
  color: #343951;
}
.table-view__row-item.two-line {
  flex-direction: column;
  align-items: start;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
}
.table-view__row-item.icons {
  position: relative;
  padding-right: 0;
}
.table-view__row-item.icons:after {
  position: absolute;
  content: '';
  height: 28px;
  width: 1px;
  background: #EDEDF1;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.table-view__row-item.icons--x-medium {
  font-size: 20px;
  padding: 12px 20px;
}
.table-view__row-item.reason {
  justify-content: flex-end;
  padding-right: 24px;
  max-width: 188px;
}
.table-view__row-item.amount {
  justify-content: center;
  max-width: 156px;
}
.table-view__row-item--header {
  cursor: default !important;
}
.table-view__row-item--header:hover {
  background-color: inherit;
  cursor: default;
}
.table-view__row-item--header .text-clipping::after {
  width: 100%;
  background: linear-gradient(to right, rgba(240, 240, 243, 0) 90%, #f0f0f3 100%);
}
.table-view__row-item--header {
  font-weight: 500;
  line-height: 1.43;
  background-color: transparent !important;
}
.table-view__header {
  background: transparent;
}
.table-view__header:hover {
  background-color: inherit;
  cursor: default;
}
.table-view__mobile-icon {
  display: none!important;
}
@media (min-width: 993px) {
.hide-item_desktop {
    display: none!important;
}
}
@media (max-width: 450px) {
.hide-item_mobile {
    display: none;
}
}
@media (max-width: 992px) {
.table-view-mobile.table-view {
    max-width: 100%;
}
.table-view-mobile.table-view:hover .table-view__row-item {
    background-color: transparent;
}
.table-view-mobile.table-view:hover .text-clipping:after {
    background: transparent;
}
.table-view-mobile .table-view__row {
    position: relative;
    display: block;
    min-height: 88px;
}
.table-view-mobile .table-view__header {
    display: none;
}
.table-view-mobile .table-view__row-item {
    padding: 0;
    font-weight: 500!important;
}
.table-view-mobile .table-view__row-info {
    font-weight: 600!important;
    color: #343447;
}
.table-view-mobile .table-view__mobile-icon {
    display: block!important;
    position: absolute!important;
    transform: rotate(-90deg);
    right: 20px;
    top: calc(50% - 10px);
}
.table-view-mobile .hide-item_mobile {
    display: none!important;
}
}
.edit-modal {
  position: absolute;
  bottom: 0;
  margin: 0;
  box-shadow: none !important;
  width: 100%;
}
.edit-modal__title {
  justify-content: space-between;
  align-items: center !important;
  padding: 20px 48px !important;
}
.edit-modal__title-text {
  max-width: 480px;
}
.edit-modal__btn--delete {
  min-width: 64px;
  width: 64px;
  margin-left: 20px !important;
}
.edit-modal__btn--delete:hover .v-icon {
  color: #2F2FED !important;
}
.edit-modal__btn--delete:hover:before {
  background-color: #F9F9FA !important;
}
.edit-modal .v-card {
  box-shadow: none;
}
@media (max-width: 750px) {
.edit-modal__actions {
    flex-direction: column;
    padding: 16px !important;
}
.edit-modal__actions-select {
    width: 100%;
    margin-right: 0 !important;
}
.edit-modal__actions button {
    width: 100% !important;
}
.dvd-line {
    width: 100%;
}
.dvd-line::after {
    content: none;
}
}
@media (max-width: 576px) {
.edit-modal__title {
    align-items: flex-start !important;
}
.edit-modal__title-text {
    margin-top: 10px;
}
}
.wrap-settings {
  display: flex;
  justify-content: center;
  width: 100%;
}
.settings_b {
  display: flex;
  width: 100%;
  max-width: 998px;
}
.settings_b-btn-back {
  position: absolute;
  transform: translate(-100%, 50%);
  top: -24px;
  left: -24px;
}
.settings_b-btn-back .iconCRM-arrow {
  transform: rotate(90deg);
}
.settings_b-btn-back:hover {
  background-color: #e5e5e5 !important;
}
.settings_b-menu {
  min-width: 228px;
  position: sticky;
  margin-right: 116px!important;
}
.settings_b-menu__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.333;
  color: #343447;
  position: relative;
  max-width: 228px;
}
.settings_b-menu__select.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset {
  color: #D2D2DC;
}
.settings_b-menu__select .v-select__selections {
  color: #343447;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
}
.settings_b-menu__select,
.settings_b-menu__link {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.285;
}
.settings_b-menu__select a,
.settings_b-menu__link a {
  text-decoration: none;
}
@media (max-width: 992px) {
.settings_b {
    flex-direction: column;
    background-color: #F0F0F3 !important;
}
.settings_b-menu {
    margin-right: 0!important;
}
.settings_b-menu__title {
    display: flex;
    flex-direction: column;
}
.settings_b-btn-back {
    position: relative;
    transform: translate(-16px, 0);
    top: initial;
    left: initial;
    background: transparent !important;
}
.settings_b-btn-back .iconCRM-arrow {
    transform: rotate(90deg);
    font-size: 28px !important;
}
}
.settings-board {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 100%;
  max-width: 654px;
}
.settings-board__wrap {
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.settings-board.column {
  flex-direction: column;
}
@media (max-width: 992px) {
.settings-board {
    max-width: initial;
}
.settings-board__plug {
    max-width: 253px;
    margin: 0 auto;
    padding-top: 84px;
}
.settings-board__plug-text {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #696985;
}
}
@media (max-width: 800px) {
.settings-board {
    flex-direction: column;
    height: 100%;
}
}
.subheader {
  font-size: 20px !important;
  line-height: 1.4;
  letter-spacing: normal;
  color: #38393a !important;
  font-weight: 400;
}
.active {
  background: rgba(201, 205, 208, 0.15);
  color: #2F2FED;
}
li {
  font-size: 14px;
  line-height: 1.43;
  color: #6c889e;
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
li span {
  font-weight: 500;
}
.card-settings {
  overflow: auto;
  box-shadow: none !important;
}
.card-settings__subtitle {
  font-size: 16px;
}
.card-settings .v-list__tile__action > .v-icon {
  cursor: grab;
}
@media (max-width: 992px) {
.card-settings {
    overflow: initial;
    background-color: #F0F0F3 !important;
}
}
@media (max-width: 960px) {
.card-settings {
    height: 100%;
}
}
.v-navigation-drawer > .v-list .v-list__tile {
  font-weight: 400 !important;
}
.drawer-translateX-0 {
  transform: translateX(0) !important;
  box-shadow: 0 2px 4px rgba(52, 61, 73, 0.09) !important;
}
@media (max-width: 960px) {
.drawer-translateX-0 {
    width: 56px !important;
}
}
.draggable-list-row {
  background: #fff;
}
.draggable-list-row.ghost {
  background: #f5f5f5;
  cursor: move;
  border-bottom: 1px solid transparent;
}
.v-list__tile__content {
  cursor: pointer;
}
.v-list__tile__sub-title {
  padding: 0px 0 5px 0;
  font-size: 12px;
}
.title-underline {
  border-bottom: 1px solid #e3e3e4;
}
.settings-btn_add {
  display: flex;
  justify-content: center;
}
.form_auth-wrap {
  margin-bottom: 58px;
  min-width: 280px;
}
.wrap-auth {
  padding: 85px;
}
.auth {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 285px;
  min-height: 100%;
}
.auth-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
  color: #343447;
}
.auth-title-sub {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  color: #ccccd8;
}
.auth-picture {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F5F5F7;
  padding-top: 80px;
}
.auth-picture__image {
  max-width: 739px;
}
.auth-logo {
  width: 144px;
  height: 32px;
  max-height: 32px;
}
.auth-footer {
  display: flex;
  align-items: flex-end;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.666;
  color: #c3c3d0;
}
.auth-action {
  font-size: 12px;
  line-height: 1.333;
  font-weight: 400;
}
.auth-link {
  text-decoration: none;
}
@media (max-width: 1440px) {
.auth-picture__image {
    max-width: 639px;
}
}
@media (max-width: 1263px) {
.wrap-auth {
    padding: 60px;
}
.auth-picture {
    padding-top: 0;
}
.auth-picture__image {
    max-width: 539px;
}
}
@media (max-height: 700px) and (min-width: 1263px) {
.wrap-auth {
    padding: 60px;
}
.auth-picture {
    padding-top: 0;
}
.auth-picture__image {
    max-width: 539px;
}
}
@media (max-height: 800px) {
.auth-logo {
    margin-bottom: 24px;
}
.auth-picture {
    padding-top: 0;
}
.form_auth-wrap {
    margin-bottom: 0;
}
.wrap-auth {
    padding-left: 55px;
    padding-right: 55px;
}
}
@media (max-height: 700px) {
.auth-picture {
    align-items: center;
}
}
@media (max-width: 960px) {
.wrap-auth {
    align-items: center;
    padding: 55px;
}
.auth {
    max-width: 285px;
}
}
@media (max-width: 320px) {
.wrap-auth {
    padding: 32px;
}
.auth-title {
    font-size: 28px;
}
.auth-action {
    font-size: 11px;
}
}
.no-boards {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(calc(-58%)) translateX(-50%);
}
.no-boards__wrap {
  min-height: calc(100vh - 64px);
  position: relative;
}
.no-boards__img {
  width: 138px;
  height: 180px;
  margin-bottom: 45px;
}
.no-boards__text {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.333;
  color: #343447;
  margin-bottom: 32px;
}
.no-boards .no_boards__btn .v-btn {
  height: 48px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500;
}
.stack {
  max-width: 998px;
  width: 100%;
}
.stack__wrap {
  display: flex;
  justify-content: center;
  padding: 48px;
  height: 100%;
  overflow: auto;
}
.stack-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 36px;
}
.stack-header__text {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.333;
  position: relative;
}
.stack-header__button {
  display: flex;
}
.stack-list {
  display: flex;
  flex-direction: column;
}
.stack-list__content {
  display: flex;
  flex-direction: row;
}
.stack-list__category {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.285;
  color: #8686A2;
  padding-bottom: 16px;
}
.stack-list__items {
  display: flex;
  flex-direction: column;
}
.stack-list__item {
  width: 100%;
  background-color: #fff;
  padding: 32px;
  display: flex;
  flex-direction: column;
}
.stack-list__item:last-child {
  margin-bottom: 0;
}
.stack-list__item--small {
  padding: 24px;
  align-items: center;
  width: 100%;
}
.stack-list__item--small:last-child {
  margin-bottom: 0;
}
.stack-list__item--avatar {
  padding: 20px 24px;
  align-items: center;
  width: 100%;
}
.stack-list__item.visibility_no {
  background-color: #f7f7f9 !important;
}
.stack-list__item.active .item-btn {
  visibility: visible;
  opacity: 1;
}
.stack-list--settings {
  width: 100%;
}
.stack-list .overflow-y {
  overflow-y: auto;
}
@media (max-width: 992px) {
.stack-list__body {
    position: relative;
}
.stack-list__left {
    flex: 1 0;
    max-width: 90%;
}
.stack-list__category {
    padding-bottom: 12px;
}
}
.tour .stack__wrap {
  overflow: visible;
}
#app .item-drag {
  width: 16px;
  height: 16px;
  margin-right: 24px;
}
#app .item-drag:hover {
  cursor: grab;
}
#app .item-text {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
}
#app .item-text__name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.333;
  color: #343447;
  text-decoration: none;
  word-break: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#app .item-text__name--small {
  width: 205px;
  margin-right: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.285;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
}
#app .item-text__name--small-token {
  width: 100px;
}
#app .item-text__name--avatar {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.285;
  margin-bottom: 4px;
}
#app .item-text__name:hover {
  cursor: pointer;
  color: #2F2FED;
}
#app .item-text__desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.285;
  color: #8686A2;
  margin-top: 12px;
}
#app .item-text__desc--avatar {
  font-size: 12px;
  line-height: 1.333;
  margin-top: 4px;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#app .item-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  min-width: 88px;
}
#app .item-id {
  margin-right: 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.333;
  color: #8686A2;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
}
#app .item-status {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.333;
}
#app .item-status .succ {
  color: #21B08E;
}
#app .item-status .unsucc {
  color: #ED2F52;
}
#app .item-avatar {
  margin-right: 16px;
}
#app .item-footer {
  display: flex;
  flex-wrap: wrap;
  padding-top: 32px;
  position: relative;
  transition: visibility 0.3s linear, opacity 0.3s linear;
}
#app .item-footer::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background: #EDEDF1;
  top: 16px;
  left: 0;
}
#app .item-menu {
  display: none;
}
@media (max-width: 992px) {
#app .item-drag {
    display: none;
}
#app .item-text {
    flex: 1 0;
}
#app .item-text__name--small {
    width: initial;
    margin-right: 8px;
}
#app .item-id {
    display: block;
}
#app .item-menu {
    display: block;
}
#app .item-btns--desktop {
    display: none;
}
#app .item-btns--active {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 6px 24px rgba(29, 29, 65, 0.09);
    z-index: 10;
}
}
.item-btn {
  display: flex;
  align-items: center;
  margin: 0 12px;
  text-decoration: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.item-btn--board-list:hover {
  cursor: pointer;
}
.item-btn--small {
  margin: 0 10px;
}
.item-btn:hover {
  cursor: pointer;
}
.item-btn__text {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 992px) {
.item-btn {
    visibility: visible;
    opacity: 1;
}
.item-btn--settings {
    margin-bottom: 24px;
}
.item-btn--settings:last-child {
    margin-bottom: 0;
}
.item-btn:last-child {
    margin-left: 12px;
}
}
.visibility_no .item-btn--visibility {
  visibility: visible;
  opacity: 1;
}
.visibility_no .item-text__name {
  color: #B1B1C3;
}
.visibility_no .item-id {
  color: #B1B1C3;
}
.visibility_no .iconCRM-visibility_no {
  color: #B1B1C3;
}
@media (min-width: 993px) {
.stack-list__item:hover .item-btn {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s linear;
}
}
#app .board_list .stack-list__left {
  max-width: 40%;
}
#app .board_list .stack-list__content {
  max-width: 100%;
}
@media (max-width: 992px) {
#app .board_list .stack {
    padding: 16px 8px;
}
#app .board_list .stack__wrap {
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
}
#app .board_list .stack-list__body {
    flex-direction: row;
    align-items: flex-start !important;
}
#app .board_list .stack-list__left {
    max-width: initial;
}
#app .board_list .stack-header {
    padding-bottom: 16px;
}
#app .board_list .stack-list__item {
    padding: 24px;
}
#app .board_list .item-btns {
    justify-content: flex-start;
}
#app .board_list .item-menu {
    margin-left: 20px;
}
#app .board_list .item-btn--visible-mobile {
    display: flex;
    opacity: 1;
    visibility: visible;
}
#app .board_list .item-text__name {
    overflow: visible;
    white-space: normal;
}
}
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  /*Avoid margin top issue (Occur only when margin-top <= -height)*/
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  overflow: hidden;
  outline: none;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 0px;
  border-top-width: 0px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 0px;
  border-right-width: 0px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%;
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center:before,
.cropper-center:after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: transparent;
  display: none;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  position: absolute;
  background-color: #f2f2f2;
  height: 10px;
  width: 10px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -5px;
  right: -5px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -5px;
  top: -5px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -5px;
  margin-top: -5px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -5px;
  cursor: s-resize;
  left: 50%;
  margin-left: -5px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -5px;
  top: -5px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -5px;
  top: -5px;
}
.cropper-point.point-sw {
  bottom: -5px;
  cursor: nesw-resize;
  left: -5px;
}
.cropper-point.point-se {
  bottom: -5px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  right: -5px;
  width: 20px;
}
@media (min-width: 768px) {
.cropper-point.point-se {
    height: 15px;
    width: 15px;
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
    height: 10px;
    width: 10px;
}
}
.cropper-point.point-se:before {
  background-color: #c0c0c0;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.my-cropper {
  margin-left: auto;
  margin-right: auto;
}
.my-cropper.vertical {
  max-width: 435px;
}
.my-cropper-actions {
  margin-top: 25px;
}
.my-cropper img {
  border-style: none;
  max-width: 100%;
  width: 100%;
}
.icon {
  color: #8686A2;
  transition: color 0.3s ease;
}
.icon:hover {
  color: #2F2FED;
}
.icon-close {
  color: #C2C2D0;
}
.icon-close:hover {
  color: #9D9DB4;
}
.icon-delete {
  position: relative;
}
.icon-delete:hover {
  color: #ED2F52;
}
.icon--card {
  color: #9D9DB4;
}
.i-small {
  font-size: 16px;
}
.i-medium {
  font-size: 24px;
}
.i-large {
  font-size: 32px;
}
.toolbar-button {
  font-size: 16px !important;
  text-transform: initial !important;
}
.v-toolbar__title-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 228px;
  padding: 0 24px;
}
.v-application .toolbar-link {
  height: 100%;
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.285;
  text-decoration: none;
  color: #9D9DB4;
}
.v-application .toolbar-link:hover {
  color: #2f2fed;
}
.v-application .toolbar-link.router-link-active {
  color: #343447;
  border-bottom: 4px solid #2f2fed;
}
.v-application .toolbar-link.router-link-active .toolbar-link__text {
  margin-bottom: -4px;
}
.v-application .toolbar-link--grey {
  color: #bab9ca;
}
.v-application .toolbar-link--blue {
  color: #2F2FED;
}
.v-application .v-toolbar__content,
.v-application .v-toolbar__extension {
  padding: 0;
}
.toolbar-icon-link {
  width: 24px;
  height: 24px;
  text-decoration: none;
  margin-right: 20px;
  cursor: pointer;
}
@media (max-width: 992px) {
.toolbar-icon-link {
    margin-right: 8px;
}
}
.head_logo {
  display: flex;
  align-items: center;
  width: 122px;
}
.head_logo__wrap {
  display: flex;
  height: 100%;
  text-decoration: none;
  margin-right: 50px;
}
.head_logo__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  color: #343447;
  padding-left: 12px;
  position: relative;
}
@media (max-width: 992px) {
.head_logo {
    width: 28px;
}
.head_logo__wrap {
    margin-right: 0;
}
}
.toolbar-account {
  display: flex;
  align-items: center;
  height: 40px;
  margin-left: 12px;
  position: relative;
}
.toolbar-account .wrp {
  position: relative;
}
.toolbar-account .wrp::before {
  content: '';
  position: absolute;
  top: -43px;
  right: -4px;
  width: 32px;
  height: 12px;
  background: url(/img/triangle.svg?734d853f4db5e471fdaa7009faa105ae) no-repeat center;
}
.toolbar-account__settings {
  position: absolute;
  min-width: 352px;
  /*height: 294px;*/
  top: 70px;
  right: -26px;
  background: #fff;
  box-shadow: 0 16px 24px rgba(29, 29, 65, 0.06);
  border-radius: 4px;
  padding: 32px;
}
.toolbar-account__close {
  display: none;
}
@media (max-width: 992px) {
.toolbar-account__settings {
    min-width: 100vw;
    max-width: 100vw;
    min-height: 100vh;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
}
.toolbar-account__settings .v-avatar {
    height: 48px !important;
    min-width: 48px !important;
    width: 48px !important;
}
.toolbar-account .settings_profile-info {
    width: 100%;
}
.toolbar-account__close {
    display: block;
    top: -18px;
    right: -18px;
    position: absolute;
}
}
@media (max-width: 320px) {
.toolbar-account__settings {
    padding: 32px 16px;
}
.toolbar-account__settings .v-avatar {
    height: 36px !important;
    min-width: 36px !important;
    width: 36px !important;
}
}
.settings-list__item {
  display: flex;
  align-items: center;
  padding: 8px 0;
  color: #8686A2;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.285;
}
.settings-list__item:nth-child(2) {
  padding-top: 24px;
}
.settings-list__item:last-child {
  padding-bottom: 0;
}
.settings-list__item--profile {
  flex-direction: column;
  border-bottom: 1px solid #EDEDF1;
  margin: 0;
}
.settings_profile-info {
  display: flex;
  flex-direction: row;
}
#app .profile-data {
  margin-left: 16px;
}
#app .profile-data__name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #343447;
  word-break: break-word;
}
#app .profile-data__email {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #8686A2;
  white-space: nowrap;
  margin-top: 8px;
}
#app .profile-data__button {
  height: 32px !important;
  width: 100% !important;
  margin-top: 16px !important;
  margin-bottom: 24px !important;
}
#app .profile-data__button:hover {
  background-color: #1F1FDE !important;
}
@media (max-width: 320px) {
.profile-data {
    margin-left: 8px;
}
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.account-settings {
  display: flex;
  width: 58%;
  flex-direction: column;
  padding: 56px 72px 64px 56px;
}
.account-settings__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.333;
  color: #343447;
  margin-bottom: 32px;
}
.account-settings_card .close-modal {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 24px;
  right: 24px;
}
.account-settings-right_block {
  width: 42%;
  background-color: #F5F5F7;
  background-image: url(/img/men_of_account-settings.svg?746a05adc9c69ee54f485a5eb4c864b1);
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 55%;
  position: relative;
}
.account-settings__field-email {
  position: relative;
}
.account-settings__field-email .v-icon {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-16px);
}
@media (max-width: 992px) {
.account-settings {
    width: 100%;
    padding: 56px 16px 16px;
}
.account-settings-right_block {
    display: none;
}
.account-settings_card .close-modal {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 16px;
    right: 12px;
}
}
.verify-hint {
  flex: 1 1 auto;
  font-size: 12px;
  min-height: 12px;
  min-width: 1px;
  position: relative;
  color: #9D9DB4;
  font-weight: 500;
  margin-top: 12px;
}
.verify-hint a {
  text-decoration: none;
  color: #2f2fed;
}
.v-select.v-select--is-menu-active .v-input__icon--append .v-icon {
  transform: rotate(0deg) !important;
}
.select-filter {
  z-index: 303;
}
.select-filter .v-input__slot {
  box-shadow: none !important;
  cursor: pointer !important;
}
.notifications {
  margin: 1.597%;
}
.notification-wrapper {
  overflow: visible !important;
}
.v-application .notification {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 350px;
  padding: 20px 24px;
  margin: 10px;
  font-style: normal;
  line-height: 1.285;
  color: #fff;
  box-shadow: 0px 6px 24px rgba(29, 29, 65, 0.09);
  border-radius: 5px;
  position: relative !important;
}
.v-application .notification__title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
}
.v-application .notification__content {
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 4px;
  opacity: 0.7;
}
.v-application .notification__close {
  position: absolute !important;
  right: 10px;
  top: 10px;
  color: #B1B1C3;
}
.v-application .notification.warn {
  background: #F5BA31 !important;
}
.v-application .notification.info {
  background: #2F2FED !important;
}
.v-application .notification.error {
  background: #ED2F52 !important;
}
.v-application .notification.success {
  background: #29BA97 !important;
}
.v-application .notification .v-icon {
  color: currentColor;
}
@media (max-width: 680px) and (orientation: portrait) {
.vue-notification-group {
    width: 100vh !important;
}
.v-application .notification {
    max-width: 100vw !important;
    border-radius: 0;
    margin: 0;
}
.v-application .notifications {
    margin: 0;
}
}
.sidebar {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.sidebar-title {
  flex: 0 1 auto;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding: 16px 32px 18px;
}
.sidebar-content {
  flex: 1 1 auto;
  align-self: stretch;
  padding: 24px 32px;
  overflow-x: hidden;
  overflow-y: auto;
}
.sidebar-actions {
  flex: 0 1 auto;
  align-self: stretch;
  display: flex;
  padding: 13px 32px;
  justify-content: space-between;
  width: 100%;
}
.sidebar--theme-1 .sidebar-content {
  padding: 0;
  border-top: 2px solid #F5F5F7;
  border-bottom: 2px solid #F5F5F7;
}
.sidebar--theme-1 .v-tabs__container {
  height: initial;
  padding-bottom: 12px;
}
.sidebar--theme-1 .v-tabs__slider {
  height: 4px;
}
.sidebar--theme-1 .v-tabs__item {
  padding: 0;
}
.sidebar--theme-1 .title-counter {
  font-size: 14px;
  font-weight: 500;
}
.sidebar--theme-2 .sidebar-content,
.sidebar--theme-2 .sidebar-actions {
  border-top: 2px solid #F5F5F7;
}
.sidebar--theme-mobile .sidebar-title,
.sidebar--theme-mobile .sidebar-content {
  background: #F5F5F7 !important;
}
.sidebar--theme-mobile .sidebar-content {
  height: 100%;
}
.sidebar--theme-mobile .sidebar-actions {
  min-height: 64px;
  height: 64px;
  padding: 0;
  background: #E5E5EB !important;
}
.sidebar--theme-mobile .icon-close {
  color: #343447;
}
.close {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
@media (max-width: 992px) {
.sidebar {
    height: 100%;
}
.sidebar-title {
    flex: 0 1 auto;
    font-size: 24px;
    padding: 14px;
    min-height: initial;
    align-items: center;
}
.sidebar-content {
    padding: 20px;
    height: fit-content;
    block-size: fit-content;
    -webkit-fill-available: fit-content;
    background: #f5f5f7;
}
.sidebar-actions {
    flex: 0 1 auto;
    padding: 12px 20px;
    padding-bottom: calc(12px + var(--SAIB) / 2);
}
.sidebar--theme-1 .sidebar-content {
    padding: 0;
    background: #fff;
}
.sidebar--theme-2 .sidebar-content,
  .sidebar--theme-2 .sidebar-actions {
    border: none;
}
.sidebar--theme-2 .sidebar-content,
  .sidebar--theme-2 .sidebar-title,
  .sidebar--theme-2 .sidebar-actions {
    background: #F5F5F7;
}
.sidebar--theme-offer .sidebar-content {
    padding: 0;
}
}
.deadline {
  display: flex;
  align-items: center;
  max-width: 210px;
  background: #feede8;
  color: #3C3C50;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.333;
}
.deadline.in_offer {
  margin-left: 0;
}
.deadline.processing {
  background: rgba(252, 203, 187, 0.34);
}
.deadline.processing .v-icon {
  color: #3C3C50 !important;
  caret-color: #3C3C50 !important;
}
.deadline.failed {
  background: #ED2F52;
  color: #fff;
}
.deadline.failed .v-icon {
  color: #fff !important;
  caret-color: #fff !important;
}
.deadline.done {
  background: #21B08E;
  color: #fff;
}
.deadline.done .v-icon {
  color: #fff !important;
  caret-color: #fff !important;
}
.deadline-mob {
  align-items: center;
  justify-content: space-between;
}
.deadline-done-change {
  display: flex;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #E5E5EB;
}
.deadline-done-change .deadline {
  background: transparent !important;
  color: #696985;
  font-size: 16px;
  font-weight: 500;
  padding: 0;
}
.deadline-done-change .deadline-icon {
  width: 38px;
  height: 38px;
  margin-left: 12px;
}
.deadline-done-change.failed {
  border-color: #ED2F52;
}
.deadline-done-change.failed .deadline-icon {
  background: #ED2F52;
}
.deadline-done-change.done {
  border-color: #21B08E;
}
.deadline-done-change.done .deadline-icon {
  background: #21B08E;
}
.deadline-done-change.failed .deadline-icon,
.deadline-done-change.done .deadline-icon {
  color: #fff;
}
@media (max-width: 992px) {
.v-application .deadline-mob {
    min-height: 56px;
    align-items: center;
}
.v-application .deadline-done-change .c-checkbox {
    margin: 0 8px !important;
}
.v-application .deadline-done-change .c-checkbox__pseudo {
    width: 16px;
    height: 16px;
}
.v-application .deadline-done-change .c-checkbox__pseudo:before {
    font-size: 14px;
}
.v-application .deadline-done-change .deadline .deadline-icon {
    width: 30px;
    height: 30px;
    font-size: 18px !important;
    margin: 0 0 0 4px !important;
}
.v-application .deadline {
    font-size: 14px !important;
}
}
.table {
  width: 100%;
  border: none;
  border-spacing: 0;
}
.table thead {
  background: #F5F5F7;
  text-align: left;
}
.table th {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  padding: 16px 24px;
  line-height: 16px;
  color: #696985;
}
.table td {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #343447;
  padding: 16px 24px;
  border-bottom: 1px solid #F5F5F7;
  min-width: 160px;
  word-break: break-word;
}
/* montserrat-regular - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-regular.woff2?cb7189552046407925263921eef3d256) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-regular.woff?7bf99c007acd1baa1f21903b6fda4d65) format('woff') ;
}
/* montserrat-italic - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: local('Montserrat Italic'), local('Montserrat-Italic'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-italic.woff2?bfc8880700959a628f925a8cfac15a5d) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-italic.woff?05eaf99337c54c631a1136351a807f33) format('woff') ;
}
/* montserrat-500italic - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-500italic.woff2?7ca778f0c98b0a3d982eada6638688f6) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-500italic.woff?7ce40dd1f5239aa322733490524ebc6a) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-600.woff2?3f74b9bf1807487017e6b71b0e69a640) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-600.woff?3117c2d16f1e8cd7221d7c425a9b8c8e) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500 - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-500.woff2?a3f8d239529a62d0d114324786aad1e3) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-500.woff?e8b54199fbd144a34efd02c31dfd0e66) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600italic - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-600italic.woff2?50e6ee962ef75ef2784d9a43c1e11901) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-600italic.woff?d0e4a30eb08d63a1631116362de55430) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700italic - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-700italic.woff2?052bfb2afe6cbe4d8d5e58a6505a42f6) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-700italic.woff?8197daf6e2226d6f7a935d17c86db624) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-800 - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-800.woff2?5b99e95293e90d07247882a74d64b1d3) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-800.woff?189bfdc04fd790dd68e1de69a890c279) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700 - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-700.woff2?28f5d2d53f842ec8d117997fd8aca7d0) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-700.woff?96b1aa0b0a38813b47ab845cd4652b6e) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-800italic - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-800italic.woff2?78b68959fb7e2b0cc8265548fccc1945) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-800italic.woff?da8bda5921e3fb5932a51ae7fbf0bf14) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900 - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-900.woff2?b20d1e745683d37b95fc9b7e809a4205) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-900.woff?0e813a2aa235dec42e57b2528e706e6e) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900italic - cyrillic_latin-ext_latin_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-900italic.woff2?dd6a3003bec3829e77d891dab1320952) format('woff2'),  url(../fonts/montserrat-v14-cyrillic_latin-ext_latin_cyrillic-ext-900italic.woff?7578e1126b41d63ae7b7b458b2ecf2dd) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'icomoon';
  src: url(../fonts/icomoon.woff2?b4d9b62585e2d42b9c5cd14f94547cdc) format('woff2'), url(../fonts/icomoon.ttf?e0a2a1aadfe481f8328d842a4c3230d8) format('truetype'), url(../fonts/icomoon.woff?861c3f7b06b428391c1b6ddc3299cb59) format('woff'), url(/img/icomoon.svg?944f89d17f366121ec7cfe9d7b0457be#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="iconCRM-"],
[class*=" iconCRM-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconCRM-facebook:before {
  content: "\E922";
}
.iconCRM-telegram:before {
  content: "\E923";
}
.iconCRM-vk:before {
  content: "\E924";
}
.iconCRM-done:before {
  content: "\E912";
}
.iconCRM-error:before {
  content: "\E913";
}
.iconCRM-send:before {
  content: "\E91C";
}
.iconCRM-dislike:before {
  content: "\E91A";
}
.iconCRM-like:before {
  content: "\E91B";
}
.iconCRM-home:before {
  content: "\E927";
}
.iconCRM-icon-file:before {
  content: "\E919";
}
.iconCRM-bell:before {
  content: "\E920";
}
.iconCRM-more:before {
  content: "\E921";
}
.iconCRM-calendar1:before {
  content: "\E91F";
}
.iconCRM-link:before {
  content: "\E91E";
}
.iconCRM-copy:before {
  content: "\E91D";
}
.iconCRM-upload:before {
  content: "\E918";
}
.iconCRM-arrow:before {
  content: "\E914";
}
.iconCRM-visibility_no:before {
  content: "\1F32D";
}
.iconCRM-visibility:before {
  content: "\E916";
}
.iconCRM-person:before {
  content: "\E911";
}
.iconCRM-close:before {
  content: "\E910";
}
.iconCRM-help:before {
  content: "\E90F";
}
.iconCRM-filter:before {
  content: "\E906";
}
.iconCRM-table:before {
  content: "\E908";
}
.iconCRM-kanban:before {
  content: "\E909";
}
.iconCRM-search:before {
  content: "\E90A";
}
.iconCRM-no-board:before {
  content: "\E926";
}
.iconCRM-drag:before {
  content: "\E917";
}
.iconCRM-pin:before {
  content: "\E925";
}
.iconCRM-check:before {
  content: "\E915";
}
.iconCRM-browser:before {
  content: "\E90B";
}
.iconCRM-email:before {
  content: "\E90C";
}
.iconCRM-phone:before {
  content: "\E90D";
}
.iconCRM-calendar:before {
  content: "\E90E";
}
.iconCRM-file:before {
  content: "\E905";
}
.iconCRM-notification:before {
  content: ".";
}
.iconCRM-comment:before {
  content: "\E907";
}
.iconCRM-edit:before {
  content: "\1F30F";
}
.iconCRM-archive:before {
  content: "\E900";
}
.iconCRM-settings:before {
  content: "\E901";
}
.iconCRM-graph:before {
  content: "\E902";
}
.iconCRM-favorites:before {
  content: "\E903";
}
.iconCRM-delete:before {
  content: "\E904";
}
@font-face {
  font-family: 'fontello';
  src: url(../fonts/fontello.eot?17210e15d4459b680d2e239d32107f8b);
  src: url(../fonts/fontello.eot?17210e15d4459b680d2e239d32107f8b#iefix) format('embedded-opentype'), url(../fonts/fontello.woff2?f4c88c22e80f30e3349ed65885add89f) format('woff2'), url(../fonts/fontello.woff?d50792a8f692d7de312a4e22de06281a) format('woff'), url(../fonts/fontello.ttf?c3595f61b0064dbbff63a5e49240bc2a) format('truetype'), url(/img/fontello.svg?6e0aa0262182b74cf97a700ba97ccaa6#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
input[type="password"] {
  font-family: "fontello" !important;
  font-style: normal !important;
  font-weight: normal !important;
  speak: none !important;
  text-indent: 1px;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal !important;
  text-transform: none !important;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  /* add spacing to better separate each image */
  letter-spacing: 2px;
}
#app .v-card {
  border-radius: 4px !important;
}
#app .v-card__title,
#app .v-card__text {
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.8);
}
.v-dialog--fullscreen > .v-card {
  border-radius: 0 !important;
}
@media (max-width: 960px) {
#app .v-card {
    border-radius: 12px !important;
}
}
.badge--square .v-badge__badge {
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
  height: 18px;
  min-width: 18px;
  width: auto;
  padding: 2px;
  border: 2px solid;
  border-color: #fff !important;
  border-radius: 6px;
}
.badge--square.v-badge--overlap .v-badge__badge {
  top: -6px;
  right: initial;
  left: calc(100% - 12px);
}
@media (max-width: 992px) {
.badge--square .v-badge__badge {
    border-color: #F0F0F3 !important;
}
}
.v-snack__wrapper {
  border-top-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  padding: 4px 0 !important;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1) !important;
}
@media (max-width: 600px) {
.v-snack__wrapper {
    max-width: initial !important;
    min-width: initial !important;
}
}
#app .v-btn {
  text-transform: initial;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  height: 40px;
  padding: 10px 24px;
  letter-spacing: normal;
}
#app .v-btn .v-btn__content {
  line-height: 1;
}
#app .v-btn.v-size--small {
  font-size: 14px;
  height: 32px;
  padding: 4px 16px;
}
#app .v-btn.v-size--small.v-btn--icon,
#app .v-btn.v-size--small.v-btn--round {
  width: 32px;
  height: 32px;
}
#app .v-btn.v-size--large {
  height: 48px;
  padding: 14px 32px;
}
#app .v-btn.v-size--large.v-btn--icon,
#app .v-btn.v-size--large.v-btn--round {
  width: 48px;
  height: 32px;
}
#app .v-btn.v-size--x-large {
  height: 56px;
  padding: 18px 32px;
}
#app .v-btn--outlined {
  border: 2px solid currentColor;
  background: transparent !important;
  box-shadow: none;
}
#app .v-btn--outlined:before {
  content: none;
}
#app .v-btn--outlined:hover {
  background: #2F2FED !important;
  color: #fff !important;
  border: 2px solid #2F2FED;
}
#app .v-btn--disabled:not(.v-btn--icon),
#app .v-btn--disabled:not(.v-btn--flat),
#app .v-btn--disabled:not(.v-btn--outline) {
  color: #fff !important;
  background-color: #2F2FED !important;
  opacity: 0.5;
}
#app .v-btn--disabled.v-btn--icon,
#app .v-btn--disabled.v-btn--flat,
#app .v-btn--disabled.v-btn--outline {
  background-color: transparent !important;
  color: #2F2FED !important;
}
#app .v-btn.v-btn--icon,
#app .v-btn.v-btn--round {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
}
#app .v-btn--icon:hover .cards-icons {
  color: #343951 !important;
}
#app .v-btn.icon-social {
  border: 1px solid rgba(240, 240, 243, 0.5);
}
#app .v-btn.icon-social:hover {
  background: #F0F0F3 !important;
  border: 1px solid #F0F0F3 !important;
}
#app .v-btn.icon-social:hover .v-btn__content .v-icon {
  color: #9d9db4 !important;
  caret-color: #9d9db4 !important;
}
#app .v-btn.gray {
  color: #696985 !important;
}
#app .v-btn.gray:hover {
  color: #2F2FED !important;
  background: #F9F9FA !important;
}
#app .v-btn.gray:hover:before {
  background-color: #F9F9FA !important;
}
#app .v-btn.c-light-blue {
  color: #2F2FED !important;
  font-weight: 600;
}
#app .v-btn.c-light-blue:hover {
  color: #2F2FED !important;
  font-weight: 600;
  background: rgba(56, 56, 245, 0.2) !important;
}
#app .v-btn.c-light-blue:hover:before {
  background-color: rgba(56, 56, 245, 0.2) !important;
}
.v-item-group.buttons_change-view .v-btn--active {
  color: #2F2FED !important;
}
#app td .v-btn--rounded {
  color: rgba(0, 0, 0, 0.87);
}
#app td .v-btn--floating {
  border-radius: 50% !important;
}
#app td--active {
  color: #2F2FED !important;
}
.flat-none-bg {
  height: 24px !important;
  width: 24px !important;
}
.flat-none-bg::before {
  opacity: 0;
}
.button-back:hover {
  background-color: #e5e5e5 !important;
}
@media (max-width: 992px) {
.button-back--mobile {
    position: relative;
    transform: translate(-16px, 0);
    top: initial;
    left: initial;
    background: transparent !important;
}
.button-back--mobile .iconCRM-arrow {
    transform: rotate(90deg);
    font-size: 28px !important;
}
}
.circle-add:hover i {
  color: #2F2FED !important;
}
#app .v-btn-toggle {
  background: none !important;
}
.v-btn-toggle--selected {
  box-shadow: none !important;
}
#app .v-btn-toggle .v-btn {
  border-radius: 0;
  border: initial;
}
#app .v-btn-toggle .v-btn:before {
  content: initial;
}
#app .v-btn-toggle .v-btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#app .v-btn-toggle .v-btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.v-menu__content {
  border-radius: 4px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  box-shadow: 0 6px 24px rgba(29, 29, 65, 0.09) !important;
}
.theme--light.v-list .v-list__tile--link:hover,
.theme--light.v-list .v-list__tile--highlighted,
.theme--light.v-list .v-list__group__header:hover {
  background: #F5F5F7 !important;
}
@media (max-width: 992px) {
.v-menu__content--fixed .v-subheader {
    padding: 0 12px;
}
.v-menu__content--fixed .v-list__tile {
    padding: 0 12px 0 12px;
    font-size: 12px !important;
}
.v-menu__content--fixed .v-list__tile__action {
    min-width: 40px;
}
.v-menu__content--fixed .v-list--dense .v-list__tile__sub-title {
    font-size: 11px;
}
.v-menu__content--fixed .v-list__tile__avatar {
    min-width: 38px;
}
}
.theme--light.v-tabs-items {
  background-color: transparent !important;
}
.theme--light.v-tabs > .v-tabs-bar {
  background-color: transparent !important;
}
.v-tabs__item:not(.v-tabs__item--active) {
  opacity: 1 !important;
}
.v-tabs-slider-wrapper {
  height: 4px !important;
}
.v-tab {
  text-transform: capitalize !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  min-width: 34px !important;
  color: #343951 !important;
}
.v-tab:hover::before {
  opacity: 0 !important;
}
.v-tabs__icon {
  display: flex !important;
}
.list-board .tab-custom {
  margin-right: 40px;
}
.list-board .v-tabs__wrapper {
  margin-left: 32px;
}
.list-board .v-tabs__div {
  height: initial !important;
}
.list-board .v-tabs__icon {
  height: initial !important;
}
.list-board .v-tabs-bar {
  max-width: 97% !important;
}
.v-timeline {
  padding-top: 0 !important;
}
.v-timeline--dense .v-timeline-item__dot--small {
  width: 16px !important;
  height: 16px !important;
  left: 11px !important;
}
.v-timeline-item__body {
  display: flex !important;
  height: auto !important;
}
.theme--light.v-timeline::before {
  background: #EAECF4;
}
.v-chip--small {
  height: 20px !important;
  margin-left: 0 !important;
  font-size: 12px !important;
}
.theme--light.v-application {
  font-family: 'Montserrat', sans-serif;
  background: #F0F0F3 !important;
  color: #343951 !important;
}
.theme--light.v-divider {
  border-color: #EAECF4;
}
.v-toolbar .v-autocomplete .v-input__slot {
  border-radius: 4px !important;
}
.v-toolbar .v-toolbar__items > .v-btn.v-size--small {
  height: 40px !important;
}
.v-input {
  font-size: 14px !important;
  font-weight: 500 !important;
}
.v-input__slot {
  cursor: pointer !important;
}
.theme--light.v-label {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #9D9DB4 !important;
}
.theme--light.v-label.error--text {
  color: #d8372b !important;
  caret-color: #d8372b !important;
}
.theme--light.v-label.v-label--active {
  font-size: 12px !important;
  line-height: 1.333 !important;
}
.theme--light.v-label.v-label--active.primary--text {
  color: #2F2FED !important;
}
.theme--light.v-text-field > .v-input__control > .v-input__slot:before {
  border-color: #D2D2DC !important;
}
.theme--light.v-text-field.error--text > .v-input__control > .v-input__slot:before {
  border-color: #d8372b !important;
}
.v-input__icon .theme--light.v-icon {
  color: #8686A2;
}
.theme--light.v-text-field.error--text .v-input__icon .theme--light.v-icon {
  color: #d8372b !important;
}
.date-picker .v-menu__activator.v-menu__activator--active .v-input__icon .theme--light.v-icon {
  color: #2F2FED !important;
}
.theme--light.v-text-field.v-input--is-disabled > .v-input__control > .v-input__slot:before {
  border-image: none !important;
}
.account-settings__input-email .v-input__icon .theme--light.v-icon {
  color: #8686A2 !important;
}
.theme--light.v-input input::placeholder,
.theme--light.v-input textarea::placeholder {
  color: #9D9DB4 !important;
}
.v-application .v-messages {
  color: #9D9DB4 !important;
}
.iconCRM-copy {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s linear, opacity 0.3s linear;
}
.v-input:hover .iconCRM-copy {
  opacity: 1;
  visibility: visible;
}
input[type=checkbox] {
  z-index: 1;
}
.v-input--is-disabled {
  opacity: 1;
}
.v-input--checkbox {
  position: relative;
}
.v-input--checkbox .v-input--selection-controls__input .v-icon {
  position: relative;
  color: transparent;
}
.v-input--checkbox .v-input--selection-controls__input .v-icon:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  background: #ededf1;
  top: 2px;
  left: 2px;
  border-radius: 4px;
  transition: background 0.2s ease;
}
.v-input--checkbox.v-input--is-label-active .v-input--selection-controls__input .v-icon {
  position: relative;
}
.v-input--checkbox.v-input--is-label-active .v-input--selection-controls__input .v-icon:before {
  position: absolute;
  font-family: 'icomoon', sans-serif !important;
  content: '\E915';
  width: 20px;
  height: 20px;
  background: #2727E6;
  font-size: 16px;
  top: 2px;
  left: 2px;
  color: #fff;
  padding-top: 2px;
  padding-left: 2px;
  transition: background 0.15s ease-out;
}
.v-input--checkbox.error--text .theme--light.v-label {
  color: #d8372b !important;
}
.v-input--checkbox .theme--light.v-label {
  font-family: 'Montserrat', sans-serif !important;
  color: #343447 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 22px !important;
}
.theme--light.v-subheader {
  color: #9D9DB4 !important;
  font-weight: 500 !important;
}
.theme--light.v-pagination .v-pagination__item--active {
  color: #2f2fed !important;
  background: #fff !important;
}
.v-pagination__item {
  box-shadow: none !important;
  outline: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  background: none !important;
}
li .v-pagination__navigation {
  background: none !important;
  box-shadow: none !important;
  outline: none;
}
.v-time-picker-title__time .v-picker__title__btn,
.v-time-picker-title__time span {
  height: 24px !important;
  font-size: 24px !important;
}
.v-picker--time .accent {
  background-color: #2f2fed !important;
  border-color: #2f2fed !important;
}
.theme--light.v-time-picker-clock {
  background: #F5F5F7 !important;
}
.theme--light.v-time-picker-clock--indeterminate .v-time-picker-clock__hand {
  background-color: #9D9DB4 !important;
}
.theme--light.v-time-picker-clock--indeterminate .v-time-picker-clock__hand:after {
  color: #9D9DB4 !important;
}
.theme--light.v-time-picker-clock--indeterminate .v-time-picker-clock__item--active {
  background-color: #9D9DB4 !important;
}
.time-picker .v-input__icon .theme--light.v-icon {
  color: #8686A2 !important;
}
.time-picker .v-menu__activator.v-menu__activator--active .v-input__icon .theme--light.v-icon {
  color: #2f2fed !important;
}
.v-tooltip__content {
  border-radius: 4px !important;
}
#app .theme--light.v-list-item:hover::before {
  opacity: 0 !important;
}
#app .theme--light.v-list-item--active:hover::before,
.theme--light.v-list-item--active::before {
  opacity: 0 !important;
}
#app .v-list-item:hover {
  background: #F5F5F7 !important;
}
#app .v-list-item__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.285;
}
.overflow-line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.overflow-line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.overflow-line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
}
.overflow-line-clamp-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5;
}
.overflow-line-clamp-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 6;
}
::-webkit-scrollbar {
  width: 5px;
  border-radius: 12px;
  height: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #e1e1e7;
}
::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background-color: #C3C3CD;
}
:root {
  --SAIT: env(safe-area-inset-top);
  --SAIB: env(safe-area-inset-bottom);
}
html {
  overflow-y: auto !important;
}
body {
  font-family: 'Montserrat', sans-serif;
}
@media (max-width: 992px) {
html,
  body {
    min-height: 100%;
    height: 100%;
}
body {
    overflow: auto;
    /* scroll in safari */
    padding-top: var(--SAIT);
    /* iOS 11.0 */
}
#app {
    min-height: 100%;
}
#app .v-application--wrap {
    min-height: 100%;
}
}
.pt-sait {
  padding-top: var(--SAIT);
  /* iOS 11.0 */
}
a {
  text-decoration: none;
}
button {
  outline: none;
}
.fill-height {
  min-height: 100vh;
}
.material-icons {
  display: inline-flex !important;
}
.body-xs {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.428;
}
.v-list--disabled {
  opacity: 0.4;
}
.rotate-90 {
  transform: rotate(90deg);
}
.no-bg {
  background: initial !important;
}
.not-pointer-events {
  pointer-events: none;
}
.rounded-a-2 {
  border-radius: 8px !important;
}
.rounded-a-3 {
  border-radius: 12px !important;
}
.rounded-a-4 {
  border-radius: 16px !important;
}
@media (min-width: 992px) {
.rounded-a-cd-1 {
    border-radius: 4px !important;
}
.rounded-a-cd-3 {
    border-radius: 12px !important;
}
}
@media screen and (max-aspect-ratio: 1) {
.v-main__wrap {
    height: 100vh !important;
}
}
.theme--light.v-application .text-body-2 {
  font-family: 'Montserrat', sans-serif !important;
}