html,
body {
  overflow-y: hidden !important;
}

p {
  margin: 0;
  padding: 0;
}

.h-border__top {
  border-top: 1px solid #E1E4E8 !important;
}

.h-border__left {
  border-left: 1px solid #E1E4E8 !important;
}

.h-border__right {
  border-right: 1px solid #E1E4E8 !important;
}

.h-border__bottom {
  border-bottom: 1px solid #E1E4E8 !important;
}

.h-border--error {
  border-color: #f0390f !important;
}

.h-border__table thead tr th {
  border: none !important;
}

.h-border__table tbody tr td {
  border: none !important;
}

.h-fs-14 {
  font-size: 14px !important;
}

.h-fw-6 {
  font-weight: 600 !important;
}

.h-fw-7 {
  font-weight: 700 !important;
}

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

.h-pointer {
  cursor: pointer !important;
}

.h-text__error {
  color: #f0390f !important;
  font-size: 12px !important;
}

.h-c--black {
  color: #232323 !important;
}

.h-c-gray-dark {
  color: #858585 !important;
}

.h-form-group {
  display: block !important;
  width: 100% !important;
  margin-bottom: 10px;
}

.h-form-group__header {
  display: flex;
  align-items: center;
}

.h-form-label {
  display: block !important;
  color: #000;
  font-weight: 600;
  margin-left: 1px;
}

.h-input {
  outline: none;
  padding: 5px 8px;
  max-width: 90%;
  border: 1px solid #E1E4E8;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.h-input:focus {
  border: 1px solid #3dc76f;
}

.h-input--dense {
  padding: 3px 0;
}

.h-input--error {
  border-color: #f0390f !important;
}

.h-form-select {
  outline: none;
  padding: 5px 8px;
  max-width: 90%;
  border: 1px solid #E1E4E8;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.h-form-select:focus {
  border: 1px solid #3dc76f;
}

.h-form-v-select.v-text-field {
  padding-top: 5px;
}

.h-form-v-select div.v-input__slot {
  margin-bottom: 0 !important;
}

.h-form-v-select div.v-input__slot:before {
  border: none !important;
}

.h-form-v-select div.v-text-field__details {
  display: none !important;
}

.h-form-textarea {
  display: block;
  padding: 10px;
  width: 90%;
  resize: none;
  outline: none;
  font-size: 16px;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.h-form-textarea:focus {
  border: 1px solid #3dc76f;
}

.h-form-textarea::-webkit-scrollbar {
  width: 5px !important;
  height: 80% !important;
}

.h-form-textarea::-webkit-scrollbar-track {
  background: #fff !important;
}

.h-form-textarea::-webkit-scrollbar-thumb {
  background: #3dc76f !important;
}

.h-form-description {
  color: #24292E;
  font-size: 15px;
  width: 90%;
}

.h-form-error {
  color: #f0390f;
  font-size: 12px;
  margin-top: 6px;
  margin-left: 6px;
}

.h-form-error--hide {
  display: none;
}

.h-form-error--show {
  display: block;
}

.h-mt-category-page {
  margin-top: 18px;
}

.h-ml-category-page {
  margin-left: 12px;
}

.h-mt-30 {
  margin-top: 30px;
}

.h-pagination ul li button {
  box-shadow: none !important;
  outline: none !important;
}

#layout-content {
  position: relative;
  height: 100vh;
  overflow-y: auto;
}

.layout__header {
  height: 8%;
  max-height: 8%;
  background-color: #3dc76f;
}

.layout__header--inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 96%;
  margin: 0 auto;
  height: 100%;
}

.layout__header-title {
  color: #fff;
}

.layout__avatar-wrapper {
  display: flex;
  align-items: center;
}

.layout__avatar-name {
  margin-bottom: 0 !important;
  color: #fff;
}

.ns__router {
  color: transparent !important;
}

.layout-container {
  display: flex;
  overflow: hidden;
}

#layout-content::-webkit-scrollbar {
  width: 0;
}

.cursor-pointer {
  cursor: pointer !important;
}

.layout-nav {
  width: 90px !important;
  max-width: 90px;
  height: 100% !important;
}

.layout-nav__inner {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.layout-nav__item {
  margin: 0 auto;
  margin-bottom: 15px;
  text-align: center;
}

.layout-nav__item--first {
  margin-top: 13px;
  padding-left: 7px;
}

.layout-nav__item--switch {
  margin-top: auto;
  margin-bottom: 20px;
}

.layout-nav__icon {
  width: 22px !important;
  height: 22px !important;
  fill: #959DA5 !important;
}

.layout-nav__icon--profile {
  width: 29px !important;
  height: 23px !important;
}

.layout-nav__icon--info {
  height: 24px !important;
}

.layout-nav__icon--selected-green {
  fill: #3dc76f !important;
}

.layout-nav__icon--selected-violet {
  fill: #794de3 !important;
}

.layout-nav__icon--selected-blue {
  fill: #308ce8 !important;
}

.layout-nav__icon--logout {
  width: 20px !important;
  height: 21px !important;
  margin-left: 5px !important;
}

.layout-nav__item-text {
  color: transparent;
  font-size: 11px;
  margin: 0 !important;
  transition: color 0.2s;
}

.layout-nav__item-text--switch {
  margin-bottom: 6px !important;
}

.layout-nav__item-text--visible {
  color: #959DA5;
}

.layout-nav:hover .layout-nav__item-text {
  color: #959DA5;
}

.layout-nav__item:hover .layout-nav__icon--green {
  fill: #3dc76f !important;
}

.layout-nav__item:hover .layout-nav__icon--violet {
  fill: #794de3 !important;
}

.layout-nav__item:hover .layout-nav__icon--blue {
  fill: #308ce8 !important;
}

.layout-nav__item:hover .layout-nav__item-text {
  color: #000 !important;
  font-weight: 600 !important;
}

.layout-nav-skeleton__wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.layout-nav-skeleton__item {
  margin-bottom: 32px;
  padding-left: unset !important;
}

.layout-nav-skeleton__item--first {
  margin-top: 17px;
}

.layout-nav-skeleton__item .v-skeleton-loader__button {
  width: 36px;
  height: 32px;
  margin: 0 auto;
}

.layout-nav-skeleton__item .v-skeleton-loader {
  width: 40px;
  margin: 0 auto;
}

.nsc-main-loader__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 95%;
  width: calc(100vw - 100px);
}

.nsc-main-loader__header {
  margin-top: 24px;
  margin-left: 24px;
  width: 115px;
}

.nsc-main-loader-random-item {
  max-width: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nsc-main-loader-random-item__image {
  background-size: contain;
  min-width: 280px;
  height: 300px;
}

.nsc-main-loader-random-item__text {
  text-align: center;
  font-weight: 600;
  font-size: 15px;
}

.nsc-spinner__box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

.nsc-table__table th,
.nsc-table__table td {
  border: none !important;
}

.nsc-table__table th {
  height: unset !important;
}

.nsc-table__table tr {
  cursor: pointer !important;
}

.nsc-table__table--fs-unset td {
  font-size: unset !important;
}

.nsc-table__table tr.v-data-table__empty-wrapper td {
  font-size: 14px !important;
}

.nsc-table__header--width-0 {
  width: 20px !important;
  max-width: 20px !important;
}

.nsc-table__header-text {
  color: #858585 !important;
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 0 !important;
}

.nsc-table__action-box {
  display: flex;
}

.nsc-table__empty-box {
  height: 45vh;
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.nsc-table__empty-inner {
  max-width: 450px;
}

.nsc-table__empty-img {
  height: 140px;
  width: 200px;
  background-image: url("/icon-assets/not-found.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-bottom: 20px;
}

.nsc-table__empty-text {
  margin: 0 !important;
  text-align: center;
  color: #858585;
}

.nsc-v-select__wrapper div.v-input__control div.v-input__slot {
  border: 1px solid #E1E4E8 !important;
  border-radius: 5px !important;
  padding-left: 12px !important;
  min-width: unset !important;
}

.nsc-v-select__wrapper div.v-input__control div.v-input__slot::before,
.nsc-v-select__wrapper div.v-input__control div.v-input__slot::after {
  border: none !important;
}

.nsc-v-select__wrapper div.v-input__control div.v-input__slot .v-select__selections {
  font-size: 14px;
}

.nsc-v-select__wrapper div.v-input__control .v-text-field__details {
  display: none !important;
}

.nsc-v-select__wrapper div.v-text-field {
  padding-top: 0 !important;
}

.nsc-v-select__wrapper div.v-input__control .v-text-field__details {
  display: none !important;
}

.nsc-v-select__wrapper div.nsc-single-select__select div.v-input__control div.v-input__slot div.v-select__slot div.v-input__append-inner div.v-input__icon i {
  margin-top: 3px !important;
}

.nsc-v-select__wrapper--md div.v-input__control div.v-input__slot {
  padding: 5px 12px !important;
}

.nsc-v-select__wrapper--md div.v-input__control div.v-input__slot .v-select__selections {
  font-size: 16px;
}

.nsc-v-select__label {
  margin-bottom: 6px !important;
}

@media only screen and (max-width: 425px) {
  .nsc-v-select__wrapper--md div.v-input__control div.v-input__slot .v-select__selections {
    font-size: 14px;
  }
}

.nsc-search--notifications {
  margin-left: auto;
}

.nsc-search__input {
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
  outline: none;
  padding: 5px 8px;
  max-width: 90%;
  border: 1px solid #E1E4E8;
}

.nsc-search__input:focus {
  border: 1px solid #3dc76f;
}

@media only screen and (max-width: 768px) {
  .nsc-search--notifications {
    margin-left: unset;
  }
}

.fullscreen-modal__wrapper {
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.fullscreen-modal__header {
  margin-bottom: 16px;
  padding-bottom: 12px;
}

.fullscreen-modal__header h3 {
  max-width: 80%;
}

@media only screen and (max-width: 768px) {
  .fullscreen-modal__header {
    font-size: 14px;
  }
}

@media only screen and (max-width: 480px) {
  .fullscreen-modal__wrapper {
    margin-left: 15px;
    margin-right: 15px;
  }

  .fullscreen-modal__header h3 {
    font-size: 14px;
  }
}

.nsc-date-picker-range__wrapper input {
  border-color: #E1E4E8 !important;
}

@media only screen and (max-width: 425px) {
  .nsc-date-picker-range__wrapper input {
    font-size: 14px;
  }
}

.nsc-actions__wrapper {
  display: flex;
}

.nsc-actions__wrapper--date-organization {
  width: 100%;
}

.nsc-actions__date-picker-range {
  margin-top: 4px;
}

.nsc-actions__organizations-wrapper {
  margin-left: 16px;
}

.nsc-actions__organizations-select {
  width: 40%;
}

.nsc-actions__block-group {
  margin-right: 16px;
  width: 25%;
}

.nsc-actions__block-group .nsc-actions__organizations-select {
  width: 100%;
}

.nsc-actions__flex-group {
  display: flex;
  margin-right: 16px;
}

.nsc-actions__flex-group h4 {
  margin-right: 16px;
  margin-top: 10px;
}

.nsc-actions__flex-group .nsc-actions__organizations-wrapper {
  margin-left: 0;
}

@media only screen and (max-width: 768px) {
  .nsc-actions__wrapper {
    flex-direction: column;
  }

  .nsc-actions__block-group {
    width: 98%;
    margin-right: 0;
    margin-bottom: 6px;
  }
}

@media only screen and (max-width: 425px) {
  .nsc-actions__flex-group {
    display: flex;
    flex-direction: column;
    margin-right: 16px;
  }

  .nsc-actions__flex-group h4 {
    margin-right: 16px;
    margin-top: 10px;
    font-size: 14px;
  }

  .nsc-actions__flex-group .nsc-actions__organizations-wrapper {
    margin-left: 0;
  }

  .nsc-actions__block-group h4 {
    font-size: 14px;
  }

  .nsc-actions__organizations-select {
    width: 100%;
  }
}

.nsc-premium-prompt__wrapper {
  display: flex;
  justify-content: space-between;
  background: #fff9eb;
  width: 85%;
  padding: 24px 0;
}

.nsc-premium-prompt__wrapper--available-operators {
  width: 90%;
  margin: 0 auto;
}

.nsc-premium-prompt__wrapper--available-operators .nsc-premium-prompt__text {
  font-size: 14px;
}

.nsc-premium-prompt__wrapper--available-operators .nsc-premium-prompt__btn {
  margin-bottom: 12px;
  font-size: 14px;
}

.nsc-premium-prompt__left {
  width: 90%;
}

.nsc-premium-prompt__right {
  width: 10%;
}

.nsc-premium-prompt__text {
  font-size: 17px;
  margin-bottom: 12px;
}

.nsc-premium-prompt__icon {
  width: 50px;
  height: 50px;
  background-image: url("/icon-assets/premium-prompt-icon.svg");
  background-size: contain;
}

.nsc-premium-prompt__icon--mini {
  display: none;
  width: 35px;
  height: 35px;
}

.nsc-premium-prompt__info {
  font-size: 14px;
  color: #f0390f;
  margin-left: 6px;
}

@media only screen and (max-width: 768px) {
  .nsc-premium-prompt__wrapper {
    width: 100%;
  }

  .nsc-premium-prompt__text {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .nsc-premium-prompt__btn {
    font-size: 14px;
  }

  .nsc-premium-prompt__icon {
    width: 45px;
    height: 45px;
  }
}

@media only screen and (max-width: 600px) {
  .nsc-premium-prompt__button-wrapper {
    display: flex;
    flex-direction: column;
  }

  .nsc-premium-prompt__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .nsc-premium-prompt__inner,
  .nsc-premium-prompt__btn {
    margin-bottom: 12px;
  }

  .nsc-premium-prompt__text {
    margin-bottom: 0;
  }

  .nsc-premium-prompt__icon {
    display: none;
  }

  .nsc-premium-prompt__icon--mini {
    display: block;
    width: 35px;
    height: 35px;
  }
}

.nsc-heading__main {
  font-size: 18px;
  font-weight: 600 !important;
  color: #232323;
}

.nsc-heading__secondary {
  font-weight: 400 !important;
  font-size: 16px;
  color: #232323;
}

.nsc-router__link {
  text-decoration: none !important;
}

.nsc-btn {
  outline: none;
  -webkit-appearance: none !important;
  padding: 8px 22px;
  color: #fff;
  border: none;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.nsc-btn--green {
  background: #3dc76f !important;
}

.nsc-btn--danger {
  background: #f0390f !important;
}

.nsc-btn__red {
  background: #f0390f;
}

.nsc-btn__red:hover {
  background: #c82333;
}

.nsc-btn__red:active {
  background: #bd2130;
}

.nsc-btn__green {
  background-color: #3dc76f;
}

.nsc-btn__green:hover {
  background-color: #00AF80;
}

.nsc-btn__green:active {
  background-color: #166731;
}

.nsc-btn__gray {
  color: #858585;
  background-color: #f5f5f5;
}

.nsc-btn__gray:hover {
  background-color: #F0F3F4;
}

.nsc-btn__gray:focus,
.nsc-btn__gray:active {
  background-color: #e8e7e7e8;
}

.nsc-btn__default {
  background-color: #fff;
  border: 1px solid #3dc76f;
  color: #3dc76f;
  transition: 0.3s;
  font-weight: 400;
  border-radius: 5px !important;
}

.nsc-btn__default:active {
  border: 1px solid #3dc76f;
}

.nsc-btn__default:hover {
  background-color: #00AF80;
  color: #fff;
}

.nsc-btn__facebook {
  background-color: #3b69b7 !important;
  margin-bottom: 10px;
  padding: 13px 20px !important;
}

.nsc-btn__google {
  background-color: #ffffff !important;
  margin-bottom: 10px;
  color: #22252a;
  border: 1px solid #9da3af;
  padding: 12px 20px !important;
}

.nsc-btn__apple {
  background-color: #000 !important;
  margin-bottom: 10px;
  color: #fff;
  padding: 13px 20px !important;
}

.nsc-btn__text {
  font-weight: 400 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: none !important;
  border: none !important;
  color: #308ce8;
}

.nsc-btn__text:hover {
  text-decoration: underline;
}

.nsc-btn--with-logo {
  display: flex;
  justify-content: center;
}

.nsc-btn--small {
  padding: 5px 22px !important;
  font-size: 14px;
}

.nsc-btn--text-black {
  color: #24292E;
}

.nsc-btn--w-100 {
  width: 100%;
}

.nsc-modal__fullscreen {
  overflow: hidden !important;
  position: relative !important;
}

.nsc-modal__fullscreen div.v-dialog--fullscreen {
  overflow: hidden !important;
}

.nsc-modal__fullscreen-close {
  position: absolute !important;
  right: 30px !important;
  top: 30px !important;
  z-index: 2 !important;
}

.dialogs {
  display: flex;
  padding: 0 !important;
}

.dialogs__heading {
  margin-bottom: 16px;
}

.dialogs__heading--history {
  padding-left: 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #E1E4E8;
  padding-bottom: 16px;
}

.dialogs__exists {
  display: flex;
  width: 100%;
  overflow-y: hidden;
}

.dialogs__exists--with-chat {
  width: 100%;
}

.dialogs__doesnt-exist {
  margin-top: 110px;
  margin-left: 20px;
  height: 60vh;
  width: 100%;
}

.dialogs__list {
  max-width: 415px;
  min-width: 415px;
}

.dialogs__list--history {
  padding-top: 0 !important;
  height: calc(100vh - 74px) !important;
}

.dialogs__list-inner {
  overflow-y: auto;
  height: calc(100vh - 100px);
}

.dialogs__list-inner::-webkit-scrollbar {
  width: 5px !important;
  height: 80% !important;
}

.dialogs__list-inner::-webkit-scrollbar-track {
  background: #fff !important;
}

.dialogs__list-inner::-webkit-scrollbar-thumb {
  background: #3dc76f !important;
}

.dialogs__table {
  width: 100% !important;
  margin-top: 100px !important;
  overflow-y: scroll !important;
  margin-bottom: 30px !important;
}

.dialogs__premium-prompt-wrapper {
  margin-top: -6px !important;
}

.dialogs__empty-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.dialogs__empty-box--inner {
  height: 70%;
}

.dialogs__empty-inner {
  max-width: 700px;
}

.dialogs__empty-inbox-img {
  background-image: url("/icon-assets/dialogs-inbox.svg");
  background-size: contain;
  height: 250px;
  margin-bottom: 30px;
  margin-left: 60px;
}

.dialogs__empty-taken-img {
  background-image: url("/icon-assets/dialogs-my.svg");
  background-size: contain;
  height: 250px;
  margin-bottom: 30px;
  margin-left: 60px;
}

.dialogs__empty-archive-img {
  background-image: url("/icon-assets/dialogs-my.svg");
  background-size: contain;
  height: 250px;
  margin-bottom: 12px;
  margin-left: 0;
}

.dialogs__empty-inbox-text {
  color: #858585;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 500px;
  text-align: center;
}

.dialogs__empty-taken-text {
  color: #858585;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 500px;
  text-align: center;
}

.dialogs__empty-spinner {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  margin-top: 24px;
}

@media only screen and (max-width: 815px) {
  .dialogs__empty-inner {
    max-width: 700px;
  }

  .dialogs__empty-inbox-img,
  .dialogs__empty-taken-img {
    height: 150px;
  }

  .dialogs__empty-inbox-text,
  .dialogs__empty-taken-text {
    max-width: 350px;
  }
}

.v-slide-group__prev .v-slide-group__prev--disabled {
  display: none !important;
}

.nsc-dialog-tabs__wrapper {
  width: 100% !important;
  margin-bottom: 16px;
}

.nsc-dialog-tabs__wrapper--with-chat {
  margin-bottom: 0;
}

.nsc-dialog-tabs__inner {
  display: flex;
}

.nsc-dialog-tabs__item {
  font-size: 16px;
  color: #24292E;
  cursor: pointer;
  height: 30px;
}

.nsc-dialog-tabs__item:not(last-child) {
  margin-right: 24px;
}

.nsc-dialog-tabs__item--selected {
  border-bottom: 3px solid #3dc76f;
  font-weight: 600;
}

.nsc-dialog-tabs__border {
  border-bottom: 1px solid #E1E4E8;
}

.dialog-quick-answers__wrapper {
  box-shadow: 0 0 1px rgba(8, 22, 109, 0.7), 0 7px 17px -5px rgba(34, 39, 64, 0.25);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 90%;
  margin: 0 auto;
  margin-top: auto;
  margin-bottom: 24px;
  padding: 8px;
  display: none;
  max-height: 220px;
}

.dialog-quick-answers__wrapper--show {
  display: block;
}

.dialog-quick-answers__header {
  display: flex;
  justify-content: space-between;
  padding: 8px;
  font-size: 15px;
}

.dialog-quick-answers__header h4 {
  font-weight: 400;
  font-size: 14px;
  align-self: center;
}

.dialog-quick-answers__inner {
  max-height: 80%;
  overflow-y: auto;
}

.dialog-quick-answers__inner::-webkit-scrollbar {
  width: 5px !important;
  height: 80% !important;
}

.dialog-quick-answers__inner::-webkit-scrollbar-track {
  background: #fff !important;
}

.dialog-quick-answers__inner::-webkit-scrollbar-thumb {
  background: #3dc76f !important;
}

.dialog-quick-answers__search {
  width: 80%;
}

.dialog-quick-answers__search input {
  font-weight: 400;
  color: #24292E;
  font-size: 14px;
  outline: none;
  padding: 5px 8px;
  max-width: 90%;
  border: 1px solid #E1E4E8;
  border: none !important;
  width: 100%;
}

.dialog-quick-answers__item {
  display: flex;
  justify-content: space-between;
  padding: 8px;
  cursor: pointer;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialog-quick-answers__item p {
  color: #000;
  margin: 0 !important;
  font-size: 15px;
}

.dialog-quick-answers__item:hover {
  background: #F0F3F4;
}

.dialog-quick-answers__edit-icon {
  align-self: center;
  background-image: url("/icon-assets/pen.svg");
  background-size: contain;
  display: none;
  margin-right: 18px;
  width: 15px;
  height: 14px;
}

.dialog-quick-answers__item:hover .dialog-quick-answers__edit-icon {
  display: block;
}

.dialog-quick-answers-add__inner {
  width: 40%;
}

.dialog-quick-answers-add__input {
  width: 100%;
}

.dialog-quick-answers-add__description {
  padding: 12px 0;
}

.dialog-quick-answers-add__form-group {
  margin-bottom: 22px;
}

@media only screen and (max-width: 1024px) {
  .dialog-quick-answers__inner {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .dialog-quick-answers__inner {
    width: 65%;
  }
}

@media only screen and (max-width: 600px) {
  .dialog-quick-answers__inner {
    width: 80%;
  }
}

@media only screen and (max-width: 600px) {
  .dialog-quick-answers__inner {
    width: 100%;
  }
}

.notifications {
  display: flex;
  padding: 0 !important;
}

.notifications-table-checkbox {
  width: 50px !important;
}

.notifications__default-button {
  text-transform: none !important;
}

.notifications__search {
  display: flex;
  justify-content: flex-end;
}

.notifications__search-item {
  width: 30%;
}

.notifications__form-field {
  width: 30%;
  min-width: 350px;
}

.notifications__form-input {
  margin-bottom: 10px;
}

.notifications__button {
  color: white !important;
  margin-left: 20px !important;
  font-size: 14px !important;
  padding: 22px 18px !important;
  border-radius: 6px !important;
  text-transform: none !important;
  font-weight: 600;
}

.notifications__modal-title {
  font-size: 32px;
  line-height: 1.2;
  color: #24292E;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
}

.notifications__cancel-button {
  color: #24292E !important;
  background-color: white !important;
  border: 1px solid rgba(128, 128, 128, 0.4);
}

.notifications__dialog-card {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.notifications__dialog-modal {
  min-width: 55% !important;
}

.notifications__dialog-modal__notification {
  width: 500px !important;
}

.notifications__sended,
.notifications__users,
.notifications__templates {
  width: 100% !important;
}

.notifications__heading {
  margin-bottom: 10px;
}

.notifications__tabs {
  height: 48px;
  z-index: 99;
}

.notifications__tabs div.v-tabs-bar--is-mobile div.v-slide-group__prev {
  display: none !important;
}

.notifications__templates {
  margin-bottom: 30px !important;
}

.notifications__dialog-name,
.notifications__dialog-text {
  width: 100%;
  padding: 10px;
  outline: none;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.notifications__dialog-name:focus,
.notifications__dialog-text:focus {
  border: 1px solid #3dc76f;
}

.v-slide-group__prev .v-slide-group__prev--disabled {
  display: none !important;
}

.notification {
  height: 100vh;
  padding: 40px;
}

.notification-create__header {
  padding-bottom: 12px;
  margin-bottom: 16px;
}

.notification-create__body {
  display: flex;
}

.notification-create__body-tabs {
  min-width: 225px;
  position: relative;
  height: 88.8vh;
}

.notification-create__body-tab--bottom {
  position: absolute;
  bottom: 0;
}

.notification-create__body-view {
  padding: 10px;
  max-height: 88.8vh;
  overflow-y: auto;
}

.notification-create__body-view::-webkit-scrollbar {
  width: 5px !important;
  height: 80% !important;
}

.notification-create__body-view::-webkit-scrollbar-track {
  background: #fff !important;
}

.notification-create__body-view::-webkit-scrollbar-thumb {
  background: #3dc76f !important;
}

.full-width {
  width: 100% !important;
}

@media screen and (max-width: 420px) {
  .notifications__search-item {
    width: 100% !important;
  }

  .notifications__form-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }

  .notification-add__input {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
  }

  .notification-add__header h3 {
    width: 90% !important;
    font-size: 17px !important;
    margin-top: -5px !important;
  }

  .notification-create__body {
    flex-direction: column;
  }

  .notification-create__body-tabs {
    height: 21vh;
  }

  .notification-create__body-view {
    height: 65.8vh;
  }

  .notification-create__body-view::-webkit-scrollbar {
    width: 0 !important;
  }
}

.dialog-info {
  display: none;
  min-width: 330px;
  max-width: 330px;
  padding-top: 20px;
  padding-left: 20px;
}

@media only screen and (min-width: 1200px) {
  .dialog-info {
    display: block;
  }
}

.dialog-client {
  display: flex;
  width: 100%;
}

.dialog-client__avatar {
  margin-right: 12px;
}

.dialog-client__name {
  outline: none;
  border-bottom: 1px solid #E1E4E8;
  padding-left: 5px;
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.dialog-client__name:focus {
  border-bottom: 1px solid #3dc76f;
}

.dialog-client__email {
  display: flex;
  align-items: center;
  margin-left: 9px;
  margin-top: 15px;
}

.dialog-client__email-icon {
  margin-top: -2px;
  margin-right: 12px;
  width: 15px;
  height: 15px;
  fill: #308ce8 !important;
}

.dialog-client__email-input {
  outline: none;
  padding: 5px 0;
  padding-left: 8px;
  max-width: 90%;
  border: none;
  border-radius: 4px;
}

.dialog-client__email-input:focus {
  border: 1px solid #E1E4E8;
}

.dialog-client__phone {
  display: flex;
  align-items: center;
  margin-left: 5px;
  margin-top: 10px;
}

.dialog-client__phone-icon {
  margin-top: -2px;
  margin-right: 13px;
  width: 18px;
  height: 19px;
  fill: #308ce8 !important;
}

.dialog-client__phone-input {
  outline: none;
  padding: 5px 0;
  padding-left: 8px;
  max-width: 90%;
  border: none;
  border-radius: 4px;
}

.dialog-client__phone-input:focus {
  border: 1px solid #E1E4E8;
}

.dialog-client__comment {
  display: flex;
  align-items: center;
  margin-left: 9px;
  margin-top: 7px;
}

.dialog-client__comment-icon {
  margin-top: -2px;
  margin-right: 12px;
  width: 15px;
  height: 15px;
  fill: #308ce8 !important;
}

.dialog-client__comment-input {
  outline: none;
  padding: 5px 0;
  padding-left: 8px;
  max-width: 90%;
  border: none;
  border-radius: 4px;
}

.dialog-client__comment-input:focus {
  border: 1px solid #E1E4E8;
}

.dialog-client__border {
  margin-top: 15px;
  max-width: 90%;
}

.dialog-client__actions {
  margin-top: 15px;
}

.dialog-client__redirect {
  display: flex;
  margin-left: 4px;
  margin-bottom: 5px;
  cursor: pointer;
  max-width: 90%;
  padding: 5px;
  border-radius: 5px;
}

.dialog-client__redirect-icon {
  margin-right: 17px;
  fill: #3dc76f;
}

.dialog-client__redirect-text {
  margin-top: -3px;
  margin-bottom: 0 !important;
  color: #858585;
}

.dialog-client__redirect:hover,
.dialog-client__redirect:focus {
  background-color: #F0F3F4;
}

.dialog-client__redirect:hover .dialog-client__redirect-text,
.dialog-client__redirect:focus .dialog-client__redirect-text {
  color: #24292E;
}

.dialog-client__redirect--disabled .dialog-client__redirect-icon {
  fill: #858585;
}

.dialog-client__spam {
  display: flex;
  margin-left: 4px;
  cursor: pointer;
  max-width: 90%;
  padding: 5px;
  border-radius: 5px;
}

.dialog-client__spam-icon {
  margin-right: 17px;
  fill: #f0390f;
  height: 19px;
  width: 16px;
}

.dialog-client__spam-text {
  margin-top: -3px;
  margin-bottom: 0 !important;
  color: #858585;
}

.dialog-client__spam:hover,
.dialog-client__spam:focus {
  background-color: #F0F3F4;
}

.dialog-client__spam:hover .dialog-client__spam-text,
.dialog-client__spam:focus .dialog-client__spam-text {
  color: #24292E;
}

.dialog-operator {
  display: flex;
  width: 100%;
  margin-top: 15px;
}

.dialog-operator__avatar {
  margin-right: 9px;
}

.dialog-operator__info {
  margin-top: -1px;
}

.dialog-operator__name {
  font-size: 16px;
  color: #24292E;
}

.dialog-operator__position {
  font-size: 13px;
  color: #858585;
}

.dialog-additional {
  margin-top: 15px;
  margin-left: 2px;
}

.dialog-additional p {
  display: flex;
  margin-bottom: 5px !important;
  padding: 8px 5px;
  border-radius: 5px;
  max-width: 90%;
}

.dialog-additional p:hover,
.dialog-additional p:focus {
  background-color: #F0F3F4;
}

.dialog-additional__icon {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

.dialog-additional__icon--ip {
  fill: #794de3;
}

.dialog-additional__icon--date {
  fill: #3dc76f;
}

.dialog-additional__icon--site {
  fill: #308ce8;
}

.dialog-additional__value {
  font-size: 15px;
}

.dialog-additional__value {
  color: #858585;
}

.dialog-additional p:hover .dialog-additional__value,
.dialog-additional p:focus .dialog-additional__value {
  color: #24292E;
}

.chat__message-collection {
  height: calc(99vh - 220px);
  padding-top: 10px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
}

.chat__message-collection::-webkit-scrollbar {
  width: 5px !important;
  height: 80% !important;
}

.chat__message-collection::-webkit-scrollbar-track {
  background: #fff !important;
}

.chat__message-collection::-webkit-scrollbar-thumb {
  background: #3dc76f !important;
}

.chat__message-client-typing {
  width: calc(90.5% - 51px);
  margin: 0 auto;
  margin-top: auto;
  color: #858585;
}

.message {
  display: flex;
  width: 95%;
  margin: 0 auto;
}

.message__avatar {
  margin-top: 9px;
  margin-right: 15px;
}

.message__sender-box {
  display: flex;
  align-items: center;
}

.message__sender-box h6 {
  margin-right: 5px;
}

.message__exact-time {
  color: #9A9A9A;
  font-size: 13px;
}

.message__text {
  font-size: 15px;
  word-break: break-all;
}

.message-date {
  display: flex;
  align-items: center;
  width: 95%;
  margin: 0 auto;
}

.chat-header {
  height: 70px;
  width: 95%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px !important;
}

.chat-header__client-name {
  font-size: 18px !important;
}

.chat-header__site-info {
  max-width: 350px;
  font-size: 15px;
  color: #858585;
  margin-bottom: 0 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-header__site-info:hover {
  color: #24292E;
}

#dialogs div.dialogs__item {
  color: #24292E !important;
}

#dialogs div.dialogs__item--selected {
  background: #308ce8;
  color: #fff !important;
}

#dialogs div.dialogs__item-client-name {
  color: inherit !important;
}

#dialogs div.dialogs__item-last-message {
  color: inherit !important;
}

.dialogs__chat {
  height: 100vh;
  display: flex;
  flex-grow: 2;
}

.dialogs__chat--main {
  flex-grow: 2;
}

.chat__spinner-wrapper {
  width: 100%;
  height: calc(99vh - 85px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.chat__message-form {
  position: relative !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 120px !important;
  width: 95%;
  margin: 0 auto !important;
  margin-top: 5px;
  border: 1px solid #E1E4E8;
  outline: none;
  padding: 12px 0 0 20px;
  transition: border-color 0.2s;
}

.chat__textarea {
  outline: none !important;
  resize: none;
  flex-grow: 2;
  padding-right: 20px;
}

.chat__textarea::-webkit-scrollbar {
  width: 5px !important;
  height: 80% !important;
}

.chat__textarea::-webkit-scrollbar-track {
  background: #fff !important;
}

.chat__textarea::-webkit-scrollbar-thumb {
  background: #3dc76f !important;
}

.chat__message-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 6px;
  width: 98%;
}

.chat__message-quick-answers-box {
  margin-right: 20px;
  position: relative;
}

.chat__message-quick-answers-label {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: none;
  font-size: 14px;
  background: #24292E;
  color: #fff;
  padding: 8px;
  position: absolute;
  top: -40px;
  left: -70px;
  font-weight: 500;
  text-align: center;
  width: 140px;
}

.chat__message-quick-answers-btn {
  cursor: pointer;
  color: #858585;
  font-size: 22px;
}

.chat__message-quick-answers-box:hover .chat__message-quick-answers-label {
  display: block !important;
}

.chat__message-quick-answers-box:hover .chat__message-quick-answers-btn {
  color: #24292E;
}

.chat__message-send-btn {
  --webkit-appearance: none !important;
  cursor: pointer !important;
  align-self: flex-end;
  width: 20px !important;
  height: 20px !important;
  margin-bottom: 7px;
}

.chat__message-form:focus-within {
  border-color: #3dc76f;
}

.available-operators {
  overflow-y: auto;
}

.available-operators::-webkit-scrollbar {
  width: 0 !important;
}

.available-operators--dialog {
  height: 100vh;
  display: flex;
  flex-grow: 2;
}

.nsc-user-profile__wrapper {
  max-width: 100%;
  margin: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.nsc-user-profile__header {
  margin-bottom: 16px;
  padding-bottom: 12px;
}

.nsc-user-profile__inner {
  width: 40%;
}

.nsc-user-profile h3,
.nsc-user-profile p {
  color: #24292E;
}

.nsc-user-profile__avatar-inner {
  display: flex;
  margin-bottom: 16px;
}

.nsc-user-profile__avatar-img {
  border-radius: 50%;
  border-width: 1px;
  margin-right: 24px;
  width: 70px;
  height: 70px;
}

.nsc-user-profile__avatar-text-box--account {
  width: 100%;
}

.nsc-user-profile__avatar-name-box,
.nsc-user-profile__avatar-position-box {
  position: relative;
  display: flex;
  cursor: pointer;
  width: 300px;
}

.nsc-user-profile__avatar-name-box--account,
.nsc-user-profile__avatar-position-box--account {
  width: 100%;
}

.nsc-user-profile__avatar-name-box {
  margin-bottom: 6px;
}

.nsc-user-profile__avatar-name {
  color: #24292E;
  font-size: 24px;
  font-weight: 400;
}

.nsc-user-profile__avatar-position {
  margin: 0 !important;
  padding: 0 !important;
  color: #959DA5;
}

.nsc-user-profile__avatar-description {
  font-size: 13px;
  color: #959DA5;
}

.nsc-user-profile__upload-feedback {
  font-size: 14px;
  color: #3dc76f;
  align-self: center;
}

.nsc-user-profile__upload-feedback span {
  font-size: 18px;
  display: inline-block;
  margin-left: 6px;
}

.nsc-user-profile__pen {
  display: none;
  background-image: url(/images/pencil.svg?60a471253b51c49c21fd27ed158c6c08);
  background-size: cover;
  width: 16px;
  height: 15px;
  align-self: center;
  margin-left: 10px;
  cursor: pointer;
}

.nsc-user-profile__pen--hide {
  display: none !important;
}

.nsc-user-profile__avatar-name-box:hover .nsc-user-profile__pen--name {
  display: inline-block;
}

.nsc-user-profile__avatar-position-box:hover .nsc-user-profile__pen--position {
  display: inline-block;
}

.nsc-user-profile__upload-btn-wrapper {
  margin-bottom: 16px;
  display: flex;
}

.nsc-user-profile__upload-btn-wrapper button {
  margin-right: 16px;
}

.nsc-user-profile__form {
  margin-bottom: 24px;
}

.nsc-user-profile__description {
  margin-top: 8px;
  margin-bottom: 12px;
}

.nsc-user-profile__input {
  width: 50%;
}

.nsc-user-profile__input--avatar {
  display: none !important;
}

.nsc-user-profile__input--name,
.nsc-user-profile__input--position {
  width: 100%;
}

.nsc-user-profile__input--account {
  margin-bottom: 12px;
}

.nsc-user-profile__label {
  margin-bottom: 12px;
}

.nsc-user-profile__password-input-wrapper {
  position: relative !important;
  width: 55%;
  margin-bottom: 16px;
}

.nsc-user-profile__password-input-wrapper input {
  width: 100%;
  display: block;
}

.nsc-user-profile__password-input-wrapper .password-icon {
  position: absolute;
  top: 8px;
  right: 45px;
  height: 20px;
  width: 20px;
  background-size: contain;
  cursor: pointer;
}

.nsc-user-profile__password-input-wrapper .password-icon--unlock {
  background-image: url(/images/unlock-black.svg?f95266586cdbf40e43e6e3b30b9f2b95);
}

.nsc-user-profile__password-input-wrapper .password-icon--lock {
  background-image: url(/images/lock-black.svg?8dd05a6b37d08c17601153e8f37fb99b);
}

.nsc-user-profile__password-btn-wrapper--confirm button {
  margin-right: 16px;
}

.nsc-user-profile__input-sites {
  width: 50%;
}

.nsc-user-profile__input-sites.v-text-field {
  padding-top: 5px;
}

.nsc-user-profile__input-sites div.v-input__slot {
  margin-bottom: 0 !important;
}

.nsc-user-profile__input-sites div.v-input__slot:before {
  border: none !important;
}

.nsc-user-profile__input-sites div.v-text-field__details {
  display: none !important;
}

@media only screen and (max-width: 1460px) {
  .nsc-user-profile__inner {
    width: 45%;
  }
}

@media only screen and (max-width: 1260px) {
  .nsc-user-profile__inner {
    width: 55%;
  }
}

@media only screen and (max-width: 1024px) {
  .nsc-user-profile__inner {
    width: 65%;
  }
}

@media only screen and (max-width: 960px) {
  .nsc-user-profile__inner {
    width: 70%;
  }
}

@media only screen and (max-width: 815px) {
  .nsc-user-profile__inner {
    width: 75%;
  }
}

@media only screen and (max-width: 768px) {
  .nsc-user-profile__inner {
    width: 90%;
  }

  .nsc-user-profile__input {
    width: 70%;
  }

  .nsc-user-profile__input-sites {
    width: 70%;
  }
}

@media only screen and (max-width: 600px) {
  .nsc-user-profile__inner {
    width: 100%;
  }

  .nsc-user-profile__input {
    width: 100%;
  }

  .nsc-user-profile__input-sites {
    width: 90%;
  }
}

.nsc-dialogs-table__wrapper {
  width: 100% !important;
  overflow-y: hidden !important;
  margin-bottom: 30px !important;
}

.nsc-dialogs-table__wrapper--history {
  overflow-y: visible !important;
  margin-bottom: 60px !important;
}

.nsc-dialogs-table__wrapper--history .nsc-dialogs-table__inner {
  overflow-y: visible !important;
}

.nsc-dialogs-table__inner {
  height: calc(100vh - 120px);
  overflow-y: scroll;
}

.nsc-dialogs-table__inner::-webkit-scrollbar {
  width: 5px !important;
  height: 80% !important;
}

.nsc-dialogs-table__inner::-webkit-scrollbar-track {
  background: #fff !important;
}

.nsc-dialogs-table__inner::-webkit-scrollbar-thumb {
  background: #3dc76f !important;
}

.nsc-dialogs-table__table {
  width: 100%;
  border-collapse: collapse;
}

.nsc-dialogs-table__th {
  font-size: 12px;
  font-weight: 400;
  color: #858585;
  text-align: left;
}

.nsc-dialogs-table__tr {
  height: 65px;
}

.nsc-dialogs-table__tr:hover {
  background-color: #F0F3F4;
}

.nsc-dialogs-table__td {
  cursor: pointer;
  text-align: left;
}

.nsc-dialogs-table__td--avatar {
  padding-left: 25px;
  width: 85px;
  max-width: 85px;
}

.nsc-dialogs-table__td--clientName,
.nsc-dialogs-table__td--dialog_started,
.nsc-dialogs-table__td--lastMessage {
  max-width: 330px;
  width: 330px;
}

.nsc-dialogs-table__avatar {
  border-radius: 50%;
  height: 35px;
}

.nsc-dialogs-table__client-name {
  font-size: 14px;
  margin-bottom: 0 !important;
}

.nsc-dialogs-table__operator-name {
  font-size: 12px;
  color: #858585;
  margin-top: -3px !important;
  margin-bottom: 8px !important;
}

.nsc-dialogs-table__text {
  margin: 0 !important;
  font-size: 14px;
  color: #24292E;
}

.nsc-dialogs-table__text--last-message {
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nsc-dialogs-table__text--last-message-time {
  font-size: 12px;
  color: #858585;
}

.nsc-dialogs-table__spinner-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.nsc-archive-table__spinner-wrapper {
  width: 10%;
  margin: 0 auto;
  margin-top: 24px;
}

.nsc-dialog-table th,
.nsc-dialog-table td {
  border: none !important;
}

.nsc-dialog-table th {
  height: unset !important;
}

.nsc-dialog-table tr {
  cursor: pointer !important;
}

.nsc-dialog-table tr td:first-child {
  max-width: 55px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nsc-dialog-table tr th:first-child {
  padding-left: 0 !important;
}

.nsc-dialog-table__th--avatar {
  max-width: 20px !important;
  width: 20px;
  overflow: visible;
}

.nsc-dialog-table__th--client-box {
  width: 320px;
}

.nsc-dialog-table__th--last-message {
  width: 350px;
}

.nsc-dialog-table__th--site {
  width: 250px;
}

.nsc-dialog-table__header-text {
  color: #858585;
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 0 !important;
}

.nsc-dialog-table__header-text--avatar {
  width: 90px;
}

.nsc-dialog-table__client-name {
  font-size: 14px;
  margin: 0 !important;
  margin-top: 8px !important;
}

.nsc-dialog-table__client-operator-name {
  color: #858585;
  font-size: 12px;
  margin-bottom: 8px !important;
}

.nsc-channel-add {
  color: #24292E;
}

.nsc-channel-add__inner {
  width: 55%;
}

.nsc-channel-add__form {
  margin-bottom: 40px;
}

.nsc-channel-add__description {
  color: #24292E;
}

.nsc-channel-add__input {
  color: #24292E;
  max-width: 100%;
  width: 60%;
}

.nsc-channel-add__textarea {
  color: #24292E;
  height: 100px;
}

.nsc-channel-add__operators {
  outline: none !important;
  padding-top: 5px !important;
}

.nsc-channel-add__operators div.v-input__slot {
  margin-bottom: 0 !important;
}

.nsc-channel-add__operators div.v-input__slot:before {
  border: none !important;
}

.nsc-channel-add__operators div.v-text-field__details {
  display: none !important;
}

@media only screen and (max-width: 1024px) {
  .nsc-channel-add__inner {
    width: 60%;
  }
}

@media only screen and (max-width: 768px) {
  .nsc-channel-add__inner {
    width: 70%;
  }
}

@media only screen and (max-width: 600px) {
  .nsc-channel-add__inner {
    width: 85%;
  }

  .nsc-channel-add__header h3 {
    font-size: 16px !important;
  }
}

@media only screen and (max-width: 425px) {
  .nsc-channel-add__inner {
    width: 95%;
  }
}

.nsc-channels__header {
  display: flex;
  width: 98%;
  justify-content: space-between;
  align-items: center;
}

.nsc-channels__inner-header--left {
  display: flex;
  align-items: center;
}

.nsc-channels__header-title {
  font-size: 16px;
  margin-right: 16px;
}

.nsc-channels__search {
  outline: none;
  padding: 5px 8px;
  max-width: 90%;
  border: 1px solid #E1E4E8;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.nsc-channels__search:focus {
  border: 1px solid #3dc76f;
}

.nsc-channels__body {
  margin-top: 30px;
}

.nsc-channel__wrapper {
  margin-bottom: 30px;
}

.nsc-channel__name-box {
  display: flex;
  margin-bottom: 8px;
}

.nsc-channel__icon {
  width: 23px;
  height: 23px;
  fill: #3dc76f;
  margin-right: 10px;
}

.nsc-channel__name {
  font-size: 26px;
  font-weight: 400;
  margin-top: -8px;
}

.nsc-channel__actions {
  display: flex;
}

.nsc-channel__action {
  display: flex;
  margin-right: 20px;
}

.nsc-channel__action:hover .nsc-channel__action-icon,
.nsc-channel__action:hover .nsc-channel__action-name {
  color: #000;
  fill: #000;
}

.nsc-channel__action-icon {
  margin-right: 5px;
  margin-top: 3px;
  fill: #858585;
}

.nsc-channel__action-name {
  font-size: 14px;
  cursor: pointer;
  margin: 0 !important;
  padding: 0 !important;
  color: #858585;
  margin-top: 2px !important;
}

.nsc-channel__settings-wrapper {
  width: 850px;
  margin: 0 auto;
  padding-top: 40px;
}

.nsc-channel__settings-header {
  margin-bottom: 16px;
  padding-bottom: 16px;
  padding-left: 12px;
}

.nsc-channel__settings-header h3 {
  font-size: 16px;
}

.nsc-channel__settings-inner {
  display: flex;
}

.nsc-channel__settings-left {
  margin-right: 24px;
  min-width: 20%;
}

.nsc-channel__settings-right {
  min-width: 75%;
}

.nsc-channel__settings-field {
  margin: 0 !important;
  margin-bottom: 6px !important;
  padding: 6px 12px;
  color: #24292E;
}

.nsc-channel__settings-field--selected {
  background: #F0F3F4;
  font-weight: 600;
}

.nsc-channel__settings-field:hover {
  background: #F0F3F4;
}

.nsc-channel-setting__header {
  font-size: 24px;
  margin-bottom: 12px;
}

.nsc-channel-setting__inner {
  width: 65%;
}

.nsc-channel-setting__description {
  color: #24292E;
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  font-size: 15px;
  width: 90%;
}

.nsc-channel-setting__form {
  margin-bottom: 40px !important;
}

.nsc-channel-setting__input {
  outline: none;
  padding: 5px 8px;
  max-width: 90%;
  border: 1px solid #E1E4E8;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
  width: 40%;
  max-width: 40%;
}

.nsc-channel-setting__input:focus {
  border: 1px solid #3dc76f;
}

.nsc-channel-setting__textarea {
  display: block;
  padding: 10px;
  width: 90%;
  resize: none;
  outline: none;
  font-size: 16px;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.nsc-channel-setting__textarea:focus {
  border: 1px solid #3dc76f;
}

.nsc-channel-setting__button {
  color: #24292E;
  font-size: 14px;
}

.nsc-channel-setting__spinner {
  margin-left: 20px;
  margin-top: 20px;
}

.channel-operators__inner {
  max-width: 42%;
}

.channel-operators__header h3 {
  font-size: 16px;
}

.channel-operators__description {
  color: #24292E;
  margin-bottom: 16px !important;
}

.channel-operators__list {
  padding-left: 0 !important;
}

.channel-operators__list-item {
  display: flex;
  align-items: center;
}

.channel-operators__list-avatar img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-top: 6px;
}

.channel-operators__list-name-box {
  margin-left: 12px;
}

.channel-operators__list-organization,
.channel-operators__list-name {
  font-size: 14px;
  color: #24292E;
}

.channel-operators__list-name {
  margin-bottom: 0 !important;
}

.channel-operators__list-position {
  margin-left: auto;
  color: #858585;
  font-size: 14px;
}

.channel-operators__list-actions {
  margin-left: 12px;
  margin-top: 2px;
}

@media only screen and (max-width: 1600px) {
  .nsc-channel__settings-wrapper {
    width: 60%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1400px) {
  .nsc-channel__settings-wrapper {
    width: 70%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1200px) {
  .nsc-channel__settings-wrapper {
    width: 80%;
    margin: 0 auto;
  }

  .channel-operators__inner {
    max-width: 45%;
  }
}

@media only screen and (max-width: 1100px) {
  .nsc-channel-setting__inner {
    width: 75%;
  }
}

@media only screen and (max-width: 1024px) {
  .nsc-channel__settings-wrapper {
    width: 95%;
    margin: 0 auto;
  }

  .nsc-channel-setting__inner {
    width: 90%;
  }

  .nsc-channel-setting__button {
    font-size: 12px;
  }

  .channel-operators__inner {
    max-width: 55%;
  }
}

@media only screen and (max-width: 768px) {
  .nsc-channel__settings-wrapper {
    width: 70%;
    margin: 0 auto;
  }

  .nsc-channel__settings-inner {
    flex-direction: column;
  }

  .nsc-channel__settings-left {
    display: flex;
    margin-bottom: 12px;
  }

  .nsc-channel-setting__inner {
    width: 100%;
  }

  .nsc-channel-setting__header {
    display: none;
  }

  .nsc-channel-setting__input {
    width: 90%;
    max-width: 90%;
  }

  .channel-operators__inner {
    max-width: 75%;
  }
}

@media only screen and (max-width: 600px) {
  .nsc-channels__inner-header--left {
    flex-direction: column;
    align-items: flex-start;
  }

  .nsc-channels__inner-header--right {
    align-self: flex-end;
  }

  .nsc-channels__header-title {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .nsc-channel__name {
    font-size: 20px;
  }

  .channel-operators__inner {
    max-width: 85%;
  }

  .channel-operators__description {
    font-size: 12px;
  }

  .channel-operators__list-avatar img {
    width: 40px;
    height: 40px;
  }

  .channel-operators__list-organization,
  .channel-operators__list-name,
  .channel-operators__list-position {
    font-size: 12px;
  }
}

@media only screen and (max-width: 480px) {
  .channel-operators__inner {
    max-width: 100%;
  }

  .nsc-channels__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .nsc-channels__inner-header--left {
    margin-bottom: 16px;
    width: 95%;
  }

  .nsc-channels__inner-header--left input {
    width: 100%;
    max-width: 100%;
  }

  .nsc-channels__inner-header--right {
    align-self: stretch;
    justify-self: stretch;
  }

  .nsc-channels__btn {
    width: 95%;
  }

  .nsc-channel__action-name {
    font-size: 12px;
  }

  .nsc-channel__settings-left {
    flex-direction: column;
  }
}

@media only screen and (max-width: 360px) {
  .nsc-channel__name {
    font-size: 18px;
  }

  .nsc-channel__action--settings,
  .nsc-channel__action--operators {
    margin-right: 12px;
  }

  .nsc-channel__action-name {
    font-size: 10px;
  }
}

.unwanted-clients__header {
  margin-bottom: 6px;
}

.unwanted-visitors-table__btn--submit {
  margin-right: 12px;
}

.unwanted-visitors-action__item {
  width: 20%;
}

.unwanted-visitors-edit__wrapper {
  max-width: 100%;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.unwanted-visitors-edit__header {
  margin-bottom: 16px;
  padding-bottom: 12px;
}

.unwanted-visitors-edit h3,
.unwanted-visitors-edit p {
  color: #24292E;
}

.unwanted-visitors-edit__description {
  margin-top: 8px;
  margin-bottom: 12px;
}

.unwanted-visitors-edit__form {
  margin-bottom: 24px;
}

.unwanted-visitors-edit__input {
  width: 20%;
}

.unwanted-visitors-edit__label {
  margin-bottom: 12px;
}

.unwanted-visitors-add-modal__inner {
  width: 50%;
}

.unwanted-visitors-add-modal__input {
  width: 40%;
}

@media only screen and (max-width: 1200px) {
  .unwanted-visitors-action__item {
    width: 40%;
  }

  .unwanted-visitors-edit__input {
    width: 45%;
  }
}

@media only screen and (max-width: 1024px) {
  .unwanted-visitors-add-modal__inner {
    width: 65%;
  }
}

@media only screen and (max-width: 815px) {
  .unwanted-visitors-action__item {
    width: 45%;
  }

  .unwanted-visitors-table__btn--submit {
    margin-right: 20px;
  }

  .unwanted-visitors-edit__input {
    width: 35%;
  }
}

@media only screen and (max-width: 768px) {
  .unwanted-visitors-add-modal__inner {
    width: 85%;
  }
}

@media only screen and (max-width: 600px) {
  .unwanted-visitors-add-modal__inner {
    width: 100%;
  }

  .unwanted-visitors-add-modal__input {
    width: 90%;
  }

  .unwanted-visitors-add-modal__label,
  .unwanted-visitors-add-modal__description,
  .unwanted-visitors-add-modal__input,
  .unwanted-visitors-add-modal__textarea,
  .unwanted-visitors-add-modal__btn {
    font-size: 14px;
  }
}

@media only screen and (max-width: 415px) {
  .unwanted-visitors-action__item {
    width: 95%;
    margin: 0 auto;
  }

  .unwanted-visitors-table__btn--submit {
    margin-right: 20px;
  }

  .unwanted-visitors-edit__input {
    width: 100%;
  }
}

.operators__spinner-wrapper {
  padding-left: 16px;
  padding-top: 16px;
}

.operators-header__wrapper h3,
.operators-header__wrapper p {
  color: #24292E;
}

.operators-header__description {
  margin-top: 8px;
  margin-bottom: 12px !important;
  max-width: 50%;
}

.operators-table__wrapper h3,
.operators-table__wrapper h4,
.operators-table__wrapper p {
  color: #24292E;
}

.operators-table__inner {
  max-width: 50%;
}

.operators-table__info-box {
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
}

.operators-table__info-avatar {
  border-radius: 50%;
  margin-right: 12px;
  width: 50px;
  height: 50px;
}

.operators-table__info-name {
  font-size: 16px;
  font-weight: 400;
}

.operators-table__info-email {
  margin-bottom: 0 !important;
  color: #858585 !important;
  font-size: 14px;
}

.operators-table__position {
  margin-bottom: 0 !important;
  font-size: 16px;
  color: #858585 !important;
}

@media only screen and (max-width: 1280px) {
  .operators-header__description {
    max-width: 70%;
  }

  .operators-table__inner {
    max-width: 70%;
  }
}

@media only screen and (max-width: 960px) {
  .operators-header__description {
    max-width: 85%;
  }

  .operators-table__inner {
    max-width: 85%;
  }
}

@media only screen and (max-width: 615px) {
  .operators-header__description {
    max-width: 100%;
  }

  .operators-table__inner {
    max-width: 100%;
  }
}

.statistics__inner {
  max-width: 70%;
  margin-top: 16px;
  margin-bottom: 32px;
}

.statistics__spinner-wrapper {
  margin: -6px 0 0 16px;
}

.statistics__operators-description {
  font-size: 16px;
  margin: 10px 0 24px 0;
  color: #858585;
  width: 55%;
}

.sites-statistics__wrapper .statistics__inner {
  max-width: 80%;
  padding-bottom: 100px;
}

.statistics-unit__wrapper {
  display: flex;
  margin-bottom: 24px;
}

.statistics-unit__left {
  width: 90%;
}

.statistics-unit__right {
  width: 10%;
  text-align: right;
}

.statistics-unit__header {
  font-size: 18px;
  color: #3dc76f;
  margin-bottom: 10px;
}

.statistics-unit__sub-header {
  font-size: 16px;
  color: #24292E;
  font-weight: 400;
  margin-bottom: 10px;
}

.statistics-unit__description {
  font-size: 16px;
  color: #858585;
}

.statistics-unit__main-value {
  font-size: 22px;
  font-weight: 600;
  color: #3dc76f;
}

.operator-unit__wrapper {
  margin-bottom: 16px;
  width: 77%;
}

.operator-unit__operator {
  display: flex;
}

.operator-unit__avatar {
  max-width: 50px;
}

.operator-unit__avatar img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

.operator-unit__operator-info {
  margin-left: 6px;
}

.operator-unit__operator-info h4 {
  font-weight: 400;
  font-size: 16px;
  color: #24292E;
}

.operator-unit__operator-info div {
  font-size: 14px;
  color: #858585;
}

.operator-unit__dialogs,
.operator-unit__missed,
.operator-unit__operator-messages {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.operator-unit__dialogs h5,
.operator-unit__dialogs div,
.operator-unit__missed h5,
.operator-unit__missed div,
.operator-unit__operator-messages h5,
.operator-unit__operator-messages div {
  color: #3dc76f;
  font-size: 16px;
  font-weight: 600;
}

.operator-unit__missed-subheader {
  font-size: 14px !important;
  color: #858585 !important;
  font-weight: 400 !important;
}

.site-unit__wrapper {
  padding-bottom: 6px;
  margin-bottom: 24px;
}

.site-unit__header {
  font-weight: 600;
  font-size: 16px;
  color: #24292E;
  margin-bottom: 6px;
}

.site-unit__text-box {
  display: flex;
  justify-content: space-between;
  color: #24292E;
  font-size: 16px;
  margin-bottom: 6px;
}

.site-unit__missed-subheader {
  color: #858585;
  font-size: 14px;
}

.statistics-graph .vtc {
  height: 220px;
  font-size: 12px;
}

@media (min-width: 699px) {
  .statistics-graph .vtc {
    height: 250px;
  }
}

.statistics-graph__curve--dialogs .stroke {
  stroke: #3dc76f;
  stroke-width: 2;
}

.statistics-graph__curve--dialogs .point {
  fill: #fbac91;
  stroke: #fbac91;
}

.statistics-graph__curve--missed .stroke {
  stroke: #f0390f;
  stroke-width: 2;
}

.statistics-graph__curve--missed .point {
  fill: #fbac91;
  stroke: #fbac91;
}

.statistics-graph .tooltip {
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.statistics-graph .tooltip:not(.is-active) {
  display: none;
}

.statistics-graph .tooltip__header {
  font-size: 14px;
  color: #858585;
}

.statistics-graph .tooltip-data {
  display: flex;
}

.statistics-graph .tooltip-data-item {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.statistics-graph .tooltip-data-item:not(:first-child) {
  margin-left: 20px;
}

.statistics-graph .tooltip-data-item:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 50%;
}

.statistics-graph .tooltip-data-item--1:before {
  background: #3dc76f;
}

.statistics-graph .tooltip-data-item--2:before {
  background: #f0390f;
}

@media only screen and (max-width: 1024px) {
  .statistics__inner {
    max-width: 98% !important;
  }
}

@media only screen and (max-width: 768px) {
  .statistics__operators-description {
    width: 85%;
  }

  .statistics-graph .vtc {
    font-size: 0;
  }

  .statistics-unit__left {
    width: 85%;
  }

  .statistics-unit__right {
    width: 15%;
  }

  .statistics-unit__header,
  .statistics-unit__main-value {
    font-size: 16px;
  }

  .statistics-unit__sub-header,
  .statistics-unit__description {
    font-size: 14px;
  }

  .operator-unit__wrapper {
    width: 98%;
  }
}

@media only screen and (max-width: 425px) {
  .statistics__operators-description {
    width: 95%;
    font-size: 15px;
  }

  .statistics-unit__left {
    width: 80%;
  }

  .statistics-unit__right {
    width: 20%;
  }

  .statistics-unit__header,
  .statistics-unit__main-value {
    font-size: 14px;
  }

  .statistics-unit__sub-header,
  .statistics-unit__description {
    font-size: 13px;
  }

  .operator-unit__avatar img {
    width: 40px;
    height: 40px;
  }

  .operator-unit__operator-info h4 {
    font-size: 14px;
  }

  .operator-unit__operator-info div {
    font-size: 12px;
  }

  .operator-unit__dialogs h5,
  .operator-unit__dialogs div,
  .operator-unit__missed h5,
  .operator-unit__missed div,
  .operator-unit__operator-messages h5,
  .operator-unit__operator-messages div {
    font-size: 14px;
  }

  .site-unit__header,
  .site-unit__text-box {
    font-size: 14px;
  }

  .site-unit__missed-subheader {
    font-size: 12px;
  }

  .statistics-graph .vtc {
    font-size: 0;
  }

  .statistics-graph .tooltip {
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    pointer-events: none;
  }

  .statistics-graph .tooltip:not(.is-active) {
    display: none;
  }

  .statistics-graph .tooltip__header {
    font-size: 14px;
    color: #858585;
  }

  .statistics-graph .tooltip-data {
    display: flex;
    flex-direction: column;
  }

  .statistics-graph .tooltip-data-item:not(:first-child) {
    margin-left: 0;
  }
}

.nsc-site-selector__wrapper {
  max-width: 100%;
  margin: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.nsc-site-selector__header {
  margin-bottom: 16px;
  padding-bottom: 12px;
}

.nsc-site-selector__inner {
  width: 70%;
}

.nsc-site-selector h3,
.nsc-site-selector p {
  color: #24292E;
}

.nsc-site-selector-list__url-box {
  position: relative;
}

.nsc-site-selector-list__current-icon {
  display: inline-block;
  background: #3dc76f;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.nsc-site-selector-list__current-text {
  font-size: 13px;
  color: #858585;
}

@media only screen and (max-width: 1024px) {
  .nsc-site-selector__inner {
    width: 100%;
  }
}

.organizations__header {
  margin-bottom: 6px;
}

.organizations__spinner-wrapper {
  margin-left: 24px;
  margin-top: 24px;
}

.organizations-table__inner {
  max-width: 100%;
}

.organizations-table__inner td:first-child {
  padding-left: 0 !important;
}

.organizations-table__actions-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  max-width: 100%;
}

.organizations-table__actions-wrapper button {
  margin-right: 12px;
}

.organizations-table__organization-box {
  display: flex;
  margin-bottom: 12px;
}

.organizations-table__organization-box h4 {
  font-size: 14px;
  font-weight: 400;
  color: #24292E;
  margin-bottom: 0;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.organizations-table__avatar {
  margin-right: 12px;
}

.organizations-table__avatar img {
  margin-top: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.organizations-table__text {
  margin-bottom: 0 !important;
  font-size: 14px;
  color: #24292E;
  padding-bottom: 13px;
}

.organizations-table__director {
  margin-bottom: 6px !important;
  font-size: 13px;
  color: #24292E;
}

.organizations-table__sites-operators {
  display: flex;
}

.organizations-table__sites-operators p {
  font-size: 13px;
  margin-bottom: 0 !important;
}

.organizations-table__sites {
  margin-right: 12px;
  display: flex;
}

.organizations-table__operators {
  display: flex;
}

.organizations-table__icon {
  margin-right: 5px;
  fill: #858585;
}

.organizations-table__action-box {
  padding-bottom: 13px;
}

.organizations-modal__inner {
  max-width: 35%;
}

.organizations-modal__form {
  margin-bottom: 24px;
}

.organizations-modal__label {
  margin-bottom: 12px;
}

.organizations-modal__input {
  width: 100%;
}

.organizations-modal__input--date-picker input {
  width: 90%;
}

.organizations-modal__input--select {
  width: 90%;
}

.organizations-modal__description {
  margin-top: 8px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1460px) {
  .organizations-modal__inner {
    max-width: 40%;
  }

  .organizations-table__inner {
    max-width: 100%;
  }

  .organizations-table__actions-wrapper {
    max-width: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .organizations-modal__inner {
    max-width: 50%;
  }

  .organizations-table__inner {
    max-width: 100%;
  }

  .organizations-table__actions-wrapper {
    max-width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .organizations-modal__inner {
    max-width: 60%;
  }

  .organizations-table__inner {
    max-width: 100%;
  }

  .organizations-table__actions-wrapper {
    max-width: 100%;
  }
}

@media only screen and (max-width: 960px) {
  .organizations-modal__inner {
    max-width: 100%;
  }

  .organizations-table__inner {
    max-width: 100%;
  }

  .organizations-table__actions-wrapper {
    max-width: 100%;
  }
}

@media only screen and (max-width: 815px) {
  .organizations-modal__inner {
    max-width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .organizations-modal__inner {
    max-width: 100%;
  }
}

@media only screen and (max-width: 400px) {
  .organizations-table__actions-wrapper {
    max-width: 100%;
    flex-direction: column !important;
    align-items: stretch;
    margin-right: 20px;
  }

  .organizations-table__actions-wrapper button {
    margin-right: 0;
    margin-bottom: 12px;
  }

  .organizations-table__actions-wrapper input {
    max-width: 100%;
    width: 100%;
  }
}

.app-settings__inner {
  width: 50%;
  margin-top: 12px;
}

.app-settings__input {
  width: 250px;
}

.app-settings__description {
  margin: 8px 0 16px 0 !important;
}

.app-settings__form {
  margin-bottom: 24px;
}

.app-settings__toggle {
  display: flex;
}

.app-settings__toggle-btn {
  margin-right: 12px;
  margin-top: 4px;
}

.app-settings__toggle-text {
  margin: 0 !important;
}

.sites__generated-btn {
  width: 100% !important;
  padding: 10px;
  resize: none;
  outline: none;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.sites__generated-btn:focus {
  border: 1px solid #3dc76f;
}

.sites__greeting-text {
  width: 100% !important;
  padding: 10px;
  resize: none;
  outline: none;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.sites__greeting-text:focus {
  border: 1px solid #3dc76f;
}

.sites__name {
  width: 100% !important;
  padding: 10px;
  outline: none;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.sites__name:focus {
  border: 1px solid #3dc76f;
}

.sites__url {
  width: 100% !important;
  padding: 10px;
  outline: none;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.sites__url:focus {
  border: 1px solid #3dc76f;
}

.offline-profile__message {
  display: block;
  margin: 0 auto;
  padding: 10px;
  width: 90%;
  resize: none;
  outline: none;
  font-size: 16px;
  border: 1px solid #E1E4E8;
  border-radius: 5px !important;
  transition: color 0.2s;
}

.offline-profile__message:focus {
  border: 1px solid #3dc76f;
}

.received-mails__header {
  margin-bottom: 6px;
}

.received-mails__sorter-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
  width: 98%;
}

.received-mails__sorter-box label {
  display: block;
  margin-bottom: 10px;
}

.received-mails__organization-sort-box {
  margin-right: 30px;
  max-width: 300px;
}

.received-mails__search-box {
  margin-left: auto;
  margin-bottom: 12px;
  align-self: flex-end;
}

.received-mails__name,
.received-mails__email,
.received-mails__phone,
.received-mails__message,
.received-mails__created {
  margin-bottom: 0 !important;
}

.received-mails__message {
  max-width: 250px;
}

.received-mails-modal__inner {
  width: 50%;
}

.received-mails-modal__name,
.received-mails-modal__email,
.received-mails-modal__phone {
  width: 60%;
}

.received-mails-modal__label {
  margin-bottom: 12px;
}

.received-mails-resend__inner {
  width: 35%;
}

.received-mails-resend__operators {
  margin-bottom: 16px;
}

.received-mails-resend__actions {
  display: flex;
}

.received-mails-resend__actions button {
  margin-right: 16px;
}

.received-mails-resend__response {
  margin-top: 10px;
}

.received-mails-resend__response--success {
  color: #3dc76f;
}

.received-mails-resend__response--error {
  color: #f0390f;
}

.received-mails-resend__loader {
  width: 85px;
  padding: 7px 10px 17px 35px;
}

@media only screen and (max-width: 1024px) {
  .received-mails-modal__inner {
    width: 70%;
  }

  .received-mails-resend__inner {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .received-mails-modal__inner {
    width: 85%;
  }

  .received-mails__search-box {
    margin-left: unset;
    width: 100%;
  }

  .received-mails__search-box input {
    max-width: 100%;
    width: 100%;
  }

  .received-mails__organization-sort-box,
  .received-mails__site-sort-box {
    margin-bottom: 12px;
  }

  .received-mails-resend__inner {
    width: 80%;
  }
}

@media only screen and (max-width: 668px) {
  .received-mails-modal__inner {
    width: 100%;
  }

  .received-mails__organization-sort-box,
  .received-mails__site-sort-box {
    width: 100%;
    margin-right: unset;
  }

  .received-mails-resend__inner {
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .received-mails-modal__name,
  .received-mails-modal__email,
  .received-mails-modal__phone {
    width: 100%;
    font-size: 14px;
  }

  .received-mails-modal__label {
    font-size: 14px;
  }
}

.organization-info__wrapper {
  width: 750px !important;
}

.organization-info__field-group {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.organization-info__label {
  margin-right: 30px;
  font-weight: 600;
  width: 200px;
}

.organization-info__input {
  min-width: 212px;
  margin-right: 30px;
  margin-bottom: 0 !important;
  color: #858585;
  padding-left: 10px;
}

.organization-info__input--error {
  color: #f0390f !important;
}

@media only screen and (max-width: 815px) {
  .organization-info__wrapper {
    width: 100%;
  }

  .organization-info__field-group {
    flex-direction: column;
    align-items: flex-start;
  }

  .organization-info__label,
  .organization-info__input {
    width: 100%;
    margin-bottom: 10px;
  }

  .organization-info__input {
    padding-left: 0;
  }
}

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 10%;
  width: -webkit-fill-available;
  position: fixed;
  z-index: 999;
  background-color: #fff;
}

.logo {
  background-size: cover;
  height: 30px;
  transform: translate(0, -0.5vh);
}

.logo img {
  height: 35px;
}

body,
html {
  margin: 0;
  overflow: hidden;
  font-family: sans-serif;
}

.login-main {
  height: 100%;
  display: flex;
  position: fixed;
  width: 100%;
  bottom: 0;
}

.login-main__auth {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.auth {
  width: 20%;
  min-width: 300px;
}

.auth__title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
}

.auth-fields__field {
  margin-bottom: 20px;
  position: relative;
}

.auth-fields__field label {
  display: inline-block;
  background-color: #fff;
  background-image: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 14px;
}

.auth-fields__field label.extended {
  display: flex !important;
  justify-content: space-between;
}

.auth-fields__field label.extended a {
  font-weight: 400;
  color: #0094da;
  text-decoration: none;
}

.auth-fields__field label.extended a:hover {
  text-decoration: underline;
}

.auth-fields__field input {
  outline: none !important;
  -webkit-appearance: none !important;
  padding: 0 16px;
  border-radius: 5px;
  border: 1px solid #eaecef;
  width: -webkit-fill-available;
  font-size: 14px;
  height: 50px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.auth-fields__field input:focus {
  border-color: #3dc76f;
}

.auth-fields__field button {
  width: 100%;
  background-color: #3dc76f;
  border-radius: 5px;
  padding: 16px 20px;
  font-size: 15px;
  font-weight: 400;
  transition: 0.3s;
}

.auth-fields__field button:hover {
  background-color: #00AF80;
}

.auth-fields__field button span {
  align-self: center;
  line-height: 23px;
}

.auth-fields__field button img {
  position: absolute;
  left: 16px;
}

.clear-link {
  text-decoration: none;
}

.actions span {
  font-size: 14px;
  margin-right: 5px;
  color: #375c69;
}

footer {
  position: absolute;
  bottom: 30px;
  width: 100%;
  clear: both;
  text-align: center;
  color: #375c69;
  margin-bottom: 0;
  font-size: 14px;
}

.error-block {
  position: absolute;
  top: calc(50% - 15px);
  left: 100%;
  width: 200px;
  color: red;
  font-size: 10px;
  padding: 0 16px;
  height: 52px;
  display: none;
}

.error-block__static {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 20px;
  color: red;
  font-size: 10px;
}

fieldset {
  border: none;
  border-top: 1px solid #e3e5e8;
  text-align: center;
}

legend {
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
  color: #22252a;
}

.nsc-btn-logo {
  width: 23px;
  height: 23px;
}

@media screen and (max-width: 420px) {
  body {
    overflow-y: auto !important;
  }

  footer {
    display: none !important;
  }

  main {
    overflow-y: auto;
  }

  .actions span {
    display: none !important;
  }

  .logo {
    transform: none;
  }

  .logo img {
    height: 24px;
  }

  header {
    padding: 0 10px;
  }

  .error-block {
    position: initial;
    font-size: 12px;
    padding: 5px 10px 0;
    color: red;
    width: -webkit-fill-available;
    height: auto;
  }

  .auth-fields__field {
    margin-bottom: 10px;
  }

  .auth-fields__field button {
    margin-bottom: 5px !important;
  }

  .auth__title {
    font-size: 22px;
    margin-bottom: 15px;
  }

  #login {
    flex-direction: column;
    align-items: center;
  }

  .mobile-application-links {
    display: none !important;
    left: 0 !important;
    min-width: 100% !important;
    position: initial !important;
    height: 49px !important;
  }

  .mobile-application-links__link {
    margin: 0 10px !important;
    margin-bottom: 5px !important;
  }
}

.mobile-application-links {
  position: absolute;
  bottom: 50px;
  left: 25px;
  width: 40%;
  max-width: 400px;
  display: flex;
  height: 40px;
  z-index: 99;
  justify-content: center;
}

.mobile-application-links__link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  width: 300px;
  background-color: #000;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}

.mobile-application-links__application {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.d-none {
  display: none;
}

.d-block {
  display: block !important;
}

.cookie-dialog {
  position: absolute;
  min-width: 300px;
  width: 20%;
  background-color: #fff;
  box-shadow: 0 0 30px 0 rgba(159, 159, 159, 0.44), 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  height: 95px;
  padding: 10px;
  left: 20px;
  bottom: 50px;
  z-index: 9999999;
  border-radius: 5px;
}

.cookie-dialog__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.cookie-dialog__wrapper-header {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.cookie-dialog__wrapper-header__close-btn {
  font-size: 18px;
  height: 18px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

.cookie-dialog__wrapper-header__close-btn:focus {
  outline: none;
}

.cookie-dialog__wrapper-text {
  font-size: 14px;
  margin-bottom: 10px;
  color: #24243b;
  line-height: 1.35;
}

.auth-screen-switch-button {
  background-color: transparent;
  border: 0;
  text-decoration: none;
  color: #0094da;
  font-size: 14px;
  cursor: pointer;
}

.auth-screen-switch-button:hover {
  text-decoration: underline !important;
}

.auth-screen-switch-button:focus {
  outline: none !important;
}

.back-to-login a {
  text-decoration: none;
  color: #0094da;
  font-size: 14px;
}

.back-to-login {
  text-align: center;
}

.login-main__register {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  height: 90%;
  position: fixed;
  bottom: 0;
}

.register-block {
  width: 20%;
  min-width: 300px;
  margin: auto;
}

.register-fields {
  width: 20%;
  min-width: 300px;
  margin: auto;
}

.register-fields__field {
  margin-bottom: 20px;
  position: relative;
}

.register-fields__field label {
  display: inline-block;
  background-color: #fff;
  background-image: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 14px;
}

.register-fields__field label.extended {
  display: flex !important;
  justify-content: space-between;
}

.register-fields__field label.extended a {
  font-weight: 400;
  color: #0094da;
  text-decoration: none;
}

.register-fields__field label.extended a:hover {
  text-decoration: underline;
}

.register-fields__field input {
  padding: 0 16px;
  border-radius: 5px;
  border: 1px solid #eaecef;
  width: -webkit-fill-available;
  font-size: 14px;
  height: 50px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.register-fields__field input:focus {
  outline-width: 0.5px;
  outline-color: #3dc76f;
}

.register-fields__field button {
  width: 100%;
  background-color: #3dc76f;
  border-radius: 5px;
  padding: 16px 20px;
  font-size: 15px;
  font-weight: 400;
}

@media screen and (max-width: 480px) {
  .register-block {
    max-height: 500px;
  }
}

.nsc-dashboard__tabs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.nsc-dashboard__tabs--statistics {
  margin-bottom: 10px;
}

.nsc-dashboard__tabs--notifications {
  margin-bottom: 10px;
}

.nsc-dashboard__tab-item {
  color: #232323;
  padding: 6px 15px;
  margin: 0 10px 10px 0;
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.nsc-dashboard__tab-item:hover {
  background: #F0F3F4;
}

.nsc-dashboard__tab-item--selected {
  background: #24292E;
  color: #fff;
}

.nsc-dashboard__tab-item--selected:hover {
  background: #24292E;
}

.nsc-dialogs-history__header {
  margin-bottom: 6px;
}

.nsc-dialogs-history__search-box {
  display: flex;
  margin-bottom: 10px;
}

.nsc-dialogs-history__date-box {
  display: flex !important;
  max-width: 291px !important;
  height: 35px;
}

.nsc-dialogs-history__date-box--second {
  max-width: 160px !important;
}

.nsc-dialogs-history__date-label,
.nsc-dialogs-history__search-label {
  margin: 0 !important;
  margin-right: 10px !important;
  margin-top: 7px !important;
  font-weight: 600 !important;
}

.nsc-dialogs-history__date-input {
  max-width: 130px !important;
  height: 40px !important;
}

.nsc-dialogs-history__date-input div.v-input__slot {
  padding: 0 !important;
}

.nsc-dialogs-history__date-input div.v-text-field__slot {
  outline: none !important;
  padding: 5px 14px !important;
  max-width: 90% !important;
  border: 1px solid #E1E4E8 !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
}

.nsc-dialogs-history__search-input-box {
  display: flex !important;
  align-items: flex-start !important;
  max-width: 450px !important;
}

.nsc-dialogs-history__search-input {
  outline: none;
  padding: 5px 8px;
  max-width: 90%;
  border: 1px solid #E1E4E8;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.nsc-dialogs-history__search-btn-box {
  max-width: 100px !important;
}

.nsc-dialogs-history__error-field p {
  margin: 0 !important;
  margin-top: 7px !important;
}

.nsc-dialogs-history__table-not-found {
  height: 60vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nsc-dialogs-history__table-not-found-inner {
  max-width: 450px;
}

.nsc-dialogs-history__table-not-found-img {
  height: 140px;
  width: 200px;
  background-image: url("/icon-assets/not-found.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-bottom: 30px;
}

.nsc-dialogs-history__table-not-found-text {
  margin: 0 !important;
  text-align: center;
  color: #858585;
}

.nsc-dialogs-history__empty-box {
  height: 60vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nsc-dialogs-history__empty-inner {
  max-width: 450px;
}

.nsc-dialogs-history__empty-img {
  height: 140px;
  width: 200px;
  background-image: url("/icon-assets/dialogs-history-empty.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-bottom: 20px;
}

.nsc-dialogs-history__empty-text {
  margin: 0 !important;
  text-align: center;
  color: #858585;
}

@media only screen and (max-width: 1450px) {
  .nsc-dialogs-history__search-box {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 1024px) {
  .nsc-dialogs-history__empty-img {
    width: 160px;
  }

  .nsc-dialogs-history__table-not-found-img {
    width: 160px;
  }
}

@media only screen and (max-width: 600px) {
  .nsc-dialogs-history__empty-inner {
    max-width: 100%;
  }

  .nsc-dialogs-history__table-not-found-inner {
    max-width: 100%;
  }

  .nsc-dialogs-history__search-box {
    display: block;
  }

  .nsc-dialogs-history__date-box,
  .nsc-dialogs-history__search-input-box,
  .nsc-dialogs-history__search-btn-box {
    display: block !important;
    height: unset !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
  }

  .nsc-dialogs-history__search-input-box {
    margin-bottom: 10px !important;
  }

  .nsc-dialogs-history__date-input {
    max-width: 100% !important;
  }

  .nsc-dialogs-history__search-input {
    width: 100%;
  }

  .nsc-dialogs-history__btn {
    width: 90% !important;
  }
}

.nsc-history__modal {
  overflow: hidden !important;
}

.nsc-history__modal div.v-dialog--fullscreen {
  overflow: hidden !important;
}

.nsc-history__modal-close {
  position: absolute !important;
  right: 30px;
  top: 14px;
  z-index: 2;
}

.nsc-history__dialog {
  display: flex;
  height: 100vh;
}

.nsc-history__dialog-list-wrapper {
  width: 20%;
  height: 95vh;
}

.nsc-history__dialog-list-header {
  margin-top: 15px;
  padding-left: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.nsc-history__message-collection-wrapper {
  width: 61%;
  padding-top: 0;
}

.nsc-history__ .nsc-history__message-collection {
  width: 100%;
  height: calc(99vh - 85px);
}

.nsc-history__dialog-info {
  height: 95vh;
  padding-left: 15px;
  margin-top: 15px;
}

.table {
  font-size: 14px !important;
}

.table__avatar {
  width: 55px !important;
}

.table__search {
  max-width: 20% !important;
}

.table__actions {
  max-width: 40% !important;
  width: 40% !important;
}

.table__last-message {
  max-width: 280px !important;
}

.card-item {
  height: 200px;
  padding: 10px 30px;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  min-width: 300px;
}

.card-item__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.card-item__header-image {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.card-item:hover {
  background-color: #ededed;
}

.card-item__description {
  font-size: 14px;
  margin-top: 5px;
}

.standart-link {
  color: #000000 !important;
  text-decoration: none;
}