/*!
 * -------------------------------------
 * Project Name: 
 * Project URI: 
 * Author: 
 * Author URI: 
 * Description: 
 * Version: 
 * -------------------------------------
 */
::-moz-selection {
  background: var(--bb100);
  color: #fff;
}
::selection {
  background: var(--bb100);
  color: #fff;
}

*:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pointer {
  cursor: pointer;
}

.hide {
  display: none !important;
}

body {
  overflow-x: hidden;
  background: #fff;
}

.wrap {
  margin: auto;
  max-width: 1240px;
  width: 100%;
  position: relative;
  z-index: 0;
}

.btn {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.b-login-page {
  background: var(--bb100) url(../img/login-background.png) no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.b-login-page__header {
  width: calc(100% - 16px);
  max-width: 1376px;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
}
.b-login-page__header__logo {
  max-height: 24px;
  margin-right: 20px;
}
.b-login-page__header__controls .be-dropdown {
  background: var(--nw);
  border: 1px solid var(--n30);
  border-radius: 8px;
}
.b-login-page__card {
  border: solid 1px var(--n30);
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.16);
  width: 100%;
  max-width: 432px;
  margin: 88px 8px;
}
.b-login-page__card__header {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--n30);
}
.b-login-page__card__icon {
  background: var(--bb10);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 4px;
  gap: 4px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  margin-bottom: 16px;
}
.b-login-page__card__icon .be-icon {
  fill: var(--bb100);
}
.b-login-page__card__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: var(--n100);
  margin-bottom: 8px;
}
.b-login-page__card__descr {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--n90);
}
.b-login-page__card__form .be-text-field {
  margin-bottom: 20px;
}
.b-login-page__card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.b-login-page__card__footer .be-button:not(:first-child) {
  margin-bottom: 16px;
}
.b-login-page.sign-up .captcha {
  margin-bottom: 20px;
}
.b-login-page.sign-up .b-login-page__card__form .be-checkbox {
  margin-bottom: 20px;
}
.b-login-page.sign-up .b-login-page__card__form .be-checkbox label span {
  font-size: 12px;
  line-height: 18px;
}
.b-login-page.sign-up .b-login-page__card__form .be-checkbox label span a {
  font-size: inherit;
}
.b-login-page.successful .b-login-page__card__icon {
  width: 56px;
  height: 56px;
  background: #E3EFEB;
  padding: 12px;
  margin-bottom: 24px;
}
.b-login-page.successful .b-login-page__card__icon svg {
  width: 32px;
  height: 32px;
  fill: #137C5A;
}
.b-login-page.successful .b-login-page__card__header {
  padding-bottom: 24px;
}
.b-login-page.verification .code-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.b-login-page.verification .code-inputs input {
  max-height: 84px;
  font-weight: 400;
  font-size: 48px;
  line-height: 40px;
  text-align: center;
  padding: 12px 8px;
}
.b-login-page.verification .refresh-code {
  margin-bottom: 20px;
}
.b-login-page.verification .refresh-code.active .be-text-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.b-login-page.verification .refresh-code .counter {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--n75);
}
.b-login-page.data-simplebar > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tbl-system-users td.actions {
  width: 100px;
}

.be-popup .email-verification .be-text-field {
  margin-bottom: 8px;
}
.be-popup .email-verification:not(:last-child) {
  margin-bottom: 20px;
}
.be-popup .email-verification.verified .be-icon.right {
  fill: #137C5A;
}
.be-popup .password-edit .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 12px;
}
.be-popup .password-edit .input-wrap .be-text-field {
  width: 100%;
  margin-bottom: 0;
  position: relative;
}
.be-popup .password-edit .input-wrap .be-icon-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.be-popup .password-edit .editing-form {
  display: none;
  padding: 8px 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  border-radius: 8px;
  background: var(--n10);
}
.be-popup .password-edit .editing-form .be-text-field {
  width: 100%;
  margin-bottom: 0;
}
.be-popup .password-edit .editing-form .title {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--n90);
}
.be-popup .password-edit.editing .default-view {
  display: none;
}
.be-popup .password-edit.editing .editing-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.be-popup[data-popup=edit-number] .be-popup__body .col {
  width: 100%;
}
.be-popup[data-popup=edit-number] .be-text-field {
  width: 100%;
}

.be-popup[data-popup=new-number] .be-popup__body {
  gap: 16px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.be-popup[data-popup=new-number] .be-popup__body .be-divider.vertical {
  height: auto;
}
.be-popup[data-popup=new-number] .be-popup__body .sidebar {
  width: 180px;
}
.be-popup[data-popup=new-number] .be-popup__body .be-cascade {
  max-height: 405px;
}
.be-popup[data-popup=new-number] .be-popup__body .be-cascade .simplebar-track.simplebar-vertical {
  right: -8px;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__tablist {
  padding-left: 0;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 20px;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .be-text-field.search-field {
  width: 200px;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  gap: 24px;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .col {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button {
  width: 100%;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button .be-radio-button__wrap {
  width: 100%;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button .be-radio-button__wrap label {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: var(--n20);
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button .be-radio-button__wrap label span {
  -webkit-transition: 0.35s ease;
  -o-transition: 0.35s ease;
  transition: 0.35s ease;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button .be-radio-button__wrap label:hover {
  background: var(--n40);
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button .be-radio-button__wrap label:hover .be-radio-button__check {
  border-color: var(--n40);
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button .be-radio-button__wrap .be-radio-button__check {
  border: solid 1px var(--n20);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  top: 11px;
  left: 11px;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button .be-radio-button__wrap input[type=radio]:checked + label {
  background: var(--bb100);
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button .be-radio-button__wrap input[type=radio]:checked + label .be-radio-button__check {
  border-color: var(--nw);
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button .be-radio-button__wrap input[type=radio]:checked + label span {
  color: var(--nw);
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button.premium-number label {
  padding: 12px 32px 12px 12px;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button.premium-number label:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 12px;
  right: 10px;
  border-radius: 5px;
  background-color: var(--n20);
  background-image: url("../img/svg/bi-star-1-fill-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  -webkit-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button.premium-number input[type=radio]:checked + label:after {
  background-color: var(--bb100);
  background-image: url("../img/svg/bi-star-1-fill-white.svg");
}
.be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .be-radio-button.premium-number label span {
  font-weight: 600;
}

@media (max-width: 900px) {
  .be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset {
    gap: 16px;
  }
}
@media (max-width: 900px) {
  .be-popup[data-popup=new-number] .be-popup__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .be-popup[data-popup=new-number] .be-popup__body .be-divider {
    display: none;
  }
  .be-popup[data-popup=new-number] .be-popup__body .sidebar {
    width: 100%;
  }
  .be-popup[data-popup=new-number] .be-popup__body .sidebar .be-cascade-level {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .be-popup[data-popup=new-number] .be-popup__body .row {
    width: 100%;
  }
  .be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .be-text-field.search-field {
    width: 100%;
  }
  .be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .be-popup[data-popup=new-number] .be-popup__body .be-tabs .be-tabs__body-item .fieldset .col {
    width: 100%;
  }
}
.be-popup[data-popup=new-internal-number] .be-popup__body,
.be-popup[data-popup=edit-internal-number] .be-popup__body {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.be-popup[data-popup=new-internal-number] .be-popup__body .col-4,
.be-popup[data-popup=edit-internal-number] .be-popup__body .col-4 {
  width: calc(33.3% - 18.6px);
}
.be-popup[data-popup=new-internal-number] .sip,
.be-popup[data-popup=edit-internal-number] .sip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--n10);
  margin-bottom: 20px;
}
.be-popup[data-popup=new-internal-number] .sip .be-text-field,
.be-popup[data-popup=edit-internal-number] .sip .be-text-field {
  margin-bottom: 0;
}
.be-popup[data-popup=new-internal-number] .password-edit .input-wrap,
.be-popup[data-popup=edit-internal-number] .password-edit .input-wrap {
  padding-bottom: 0;
}
.be-popup[data-popup=new-internal-number] .configuration-row,
.be-popup[data-popup=edit-internal-number] .configuration-row {
  width: 100%;
  padding-top: 20px;
  border-top: dashed 1px var(--n30);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.be-popup[data-popup=new-internal-number] .configuration-row .be-icon,
.be-popup[data-popup=edit-internal-number] .configuration-row .be-icon {
  border: solid 8px var(--n20);
  border-radius: 8px;
  background: var(--n20);
}

.be-popup[data-popup=redirection] .desc {
  color: var(--n80);
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px dashed var(--n30);
}
.be-popup[data-popup=redirection] .be-popup__footer {
  margin-top: 0;
}
.be-popup[data-popup=redirection] .be-popup__body {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
}
.be-popup[data-popup=redirection] .be-popup__body .col {
  width: calc(50% - 14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.be-popup[data-popup=redirection] .be-popup__body .be-checkbox {
  width: 100%;
}
.be-popup[data-popup=redirection] .be-popup__body .be-checkbox em {
  color: var(--n80);
}
.be-popup[data-popup=redirection] .be-popup__body .numbers-list {
  width: 100%;
  max-height: 248px;
  padding: 20px 0;
}
.be-popup[data-popup=redirection] .be-popup__body .numbers-list .simplebar-wrapper .simplebar-mask .simplebar-offset .simplebar-content-wrapper .simplebar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

@media (max-width: 800px) {
  .be-popup[data-popup=new-internal-number] .be-popup__body,
  .be-popup[data-popup=edit-internal-number] .be-popup__body {
    gap: 20px;
  }
  .be-popup[data-popup=new-internal-number] .be-popup__body .col.col-4,
  .be-popup[data-popup=edit-internal-number] .be-popup__body .col.col-4 {
    width: 100%;
  }
  .be-popup[data-popup=new-internal-number] .be-popup__body .configuration-row,
  .be-popup[data-popup=edit-internal-number] .be-popup__body .configuration-row {
    gap: 8px;
  }
  .be-popup[data-popup=redirection] .be-popup__body .numbers-list {
    max-height: initial;
    padding: 0;
  }
  .be-popup[data-popup=redirection] .be-popup__body .numbers-list .simplebar-wrapper .simplebar-mask .simplebar-offset .simplebar-content-wrapper .simplebar-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .be-popup[data-popup=redirection] .be-popup__body .numbers-list .simplebar-wrapper .simplebar-mask .simplebar-offset .simplebar-content-wrapper .simplebar-content .col {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .be-popup[data-popup=add-user] .be-popup__body, .be-popup[data-popup=edit-user] .be-popup__body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
  .be-popup[data-popup=add-user] .be-popup__body .col, .be-popup[data-popup=edit-user] .be-popup__body .col {
    width: 100%;
  }
  .be-popup[data-popup=edit-user] .be-popup__body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
  .be-popup[data-popup=edit-user] .be-popup__body .col {
    width: 100%;
  }
}
.tbl-system-numbers td.actions {
  width: 100px;
}
.tbl-system-numbers td.number {
  font-size: 0;
}
.tbl-system-numbers td.number span {
  display: inline-block;
  vertical-align: middle;
  color: var(--n80);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-right: 4px;
  width: calc(100% - 28px);
}
.tbl-system-numbers td.number .be-dropdown {
  display: inline-block;
  vertical-align: middle;
}
.tbl-system-numbers td.number .be-dropdown .be-button .be-icon {
  width: 16px;
  height: 16px;
}
.tbl-system-numbers td.number .be-dropdown .be-dropdown-menu__item {
  text-wrap: nowrap;
}
.tbl-system-numbers td.premium-number {
  padding-right: 32px;
  position: relative;
}
.tbl-system-numbers td.premium-number .be-icon {
  position: absolute;
  top: 14px;
  right: 16px;
  fill: var(--n60);
}
.tbl-system-numbers .td-data.premium-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tbl-system-numbers .td-data.premium-number .be-icon {
  margin-left: 8px;
  margin-top: -2px;
  fill: var(--n60);
}

.tbl-system-numbers-internal td.actions {
  width: 134px;
}
.tbl-system-numbers-internal td.num {
  width: 104px;
}

.tbl-system-voicemails td.actions {
  width: 100px;
}

.tbl-system-conferences td.actions {
  width: 100px;
}

.tbl-system-files td.actions {
  width: 100px;
}

.tbl-system-notifications td.actions {
  width: 100px;
}

.be-popup[data-popup=new-outside-number] .row,
.be-popup[data-popup=edit-outside-number] .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
}
.be-popup[data-popup=new-outside-number] .be-popup__body,
.be-popup[data-popup=edit-outside-number] .be-popup__body {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.be-popup[data-popup=new-outside-number] .inputs-group.server > .row,
.be-popup[data-popup=edit-outside-number] .inputs-group.server > .row {
  gap: 8px;
}
.be-popup[data-popup=new-outside-number] .inputs-group.server > .row .be-text-field:first-child,
.be-popup[data-popup=edit-outside-number] .inputs-group.server > .row .be-text-field:first-child {
  width: 100%;
}
.be-popup[data-popup=new-outside-number] .inputs-group.server > .row .be-text-field:last-child,
.be-popup[data-popup=edit-outside-number] .inputs-group.server > .row .be-text-field:last-child {
  width: 88px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 800px) {
  .be-popup[data-popup=new-outside-number] .be-popup__body .col-6,
  .be-popup[data-popup=edit-outside-number] .be-popup__body .col-6 {
    width: 100%;
  }
  .be-popup[data-popup=new-outside-number] .be-popup__body .row,
  .be-popup[data-popup=edit-outside-number] .be-popup__body .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .be-popup[data-popup=new-outside-number] .be-popup__body .inputs-group.server > .row,
  .be-popup[data-popup=edit-outside-number] .be-popup__body .inputs-group.server > .row {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
}
.be-table.tbl-functions-groups td.actions {
  width: 136px;
}
.be-table.tbl-functions-groups td.members {
  width: 128px;
}
.be-table.tbl-functions-groups td.internal-num {
  width: 176px;
}
.be-table.tbl-functions-groups .td-data.members .be-button {
  width: auto;
}

.be-popup[data-popup=group-list-edit] .table-label,
.be-popup[data-popup=queue-list-edit] .table-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--n80);
  margin-bottom: 8px;
}

@media (max-width: 800px) {
  .be-popup[data-popup=group-list-edit] .be-popup__body,
  .be-popup[data-popup=edit-group] .be-popup__body,
  .be-popup[data-popup=add-group] .be-popup__body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .be-popup[data-popup=group-list-edit] .be-popup__body .col-6,
  .be-popup[data-popup=edit-group] .be-popup__body .col-6,
  .be-popup[data-popup=add-group] .be-popup__body .col-6 {
    width: 100%;
  }
  .be-popup[data-popup=group-list-edit] .b-pl--members-table {
    height: 200px;
  }
}
.be-table.tbl-functions-queues td.actions {
  width: 136px;
}
.be-table.tbl-functions-queues td.members {
  width: 128px;
}
.be-table.tbl-functions-queues td.internal-num {
  width: 176px;
}
.be-table.tbl-functions-queues .td-data.members .be-button {
  width: auto;
}

.be-popup[data-popup=queue-list-edit] .col.adding .inputs-group {
  margin-bottom: 8px;
}
.be-popup[data-popup=queue-list-edit] .be-button.be-button--tertiatry.success {
  width: 100%;
}

@media (max-width: 800px) {
  .be-popup[data-popup=queue-list-edit] .be-popup__body,
  .be-popup[data-popup=edit-queue] .be-popup__body,
  .be-popup[data-popup=add-queue] .be-popup__body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .be-popup[data-popup=queue-list-edit] .be-popup__body .col-6,
  .be-popup[data-popup=edit-queue] .be-popup__body .col-6,
  .be-popup[data-popup=add-queue] .be-popup__body .col-6 {
    width: 100%;
  }
  .be-popup[data-popup=queue-list-edit] .b-pl--members-table {
    height: 200px;
  }
}
.be-table.tbl-functions-numlist td.actions {
  width: 100px;
}
.be-table.tbl-functions-numlist td.members {
  width: 128px;
}
.be-table.tbl-functions-numlist .td-data.members .be-button {
  width: auto;
}

.be-popup[data-popup=add-numlist] .be-popup__body,
.be-popup[data-popup=edit-numlist] .be-popup__body {
  gap: 20px;
}
.be-popup[data-popup=add-numlist] .col-label,
.be-popup[data-popup=edit-numlist] .col-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--n80);
  margin-bottom: 8px;
}
.be-popup[data-popup=add-numlist] .input-wrap,
.be-popup[data-popup=edit-numlist] .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.be-popup[data-popup=add-numlist] .input-wrap .be-text-field,
.be-popup[data-popup=edit-numlist] .input-wrap .be-text-field {
  width: 100%;
  margin-bottom: 0;
  position: relative;
}
.be-popup[data-popup=add-numlist] .input-wrap .be-button,
.be-popup[data-popup=edit-numlist] .input-wrap .be-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.be-popup[data-popup=add-numlist] .b-pl--members-table,
.be-popup[data-popup=edit-numlist] .b-pl--members-table {
  height: 220px;
  margin-top: 24px;
}
.be-popup[data-popup=add-numlist] .be-divider.vertical,
.be-popup[data-popup=edit-numlist] .be-divider.vertical {
  height: initial;
}

@media (max-width: 800px) {
  .be-popup[data-popup=add-numlist] .be-popup__body,
  .be-popup[data-popup=edit-numlist] .be-popup__body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .be-popup[data-popup=add-numlist] .be-popup__body .col-6,
  .be-popup[data-popup=edit-numlist] .be-popup__body .col-6 {
    width: 100%;
  }
  .be-popup[data-popup=add-numlist] .be-popup__body .be-divider.vertical,
  .be-popup[data-popup=edit-numlist] .be-popup__body .be-divider.vertical {
    height: 1px;
    width: 100%;
  }
  .be-popup[data-popup=queue-list-edit] .b-pl--members-table {
    height: 200px;
  }
}
.be-table.tbl-functions-calltracking td.actions {
  width: 172px;
}
.be-table.tbl-functions-calltracking td.name .be-icon {
  vertical-align: middle;
  fill: var(--n70);
  margin-right: 8px;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.be-table.tbl-functions-calltracking td.name .be-icon:hover {
  fill: var(--n90);
}
.be-table.tbl-functions-calltracking td.name span {
  vertical-align: middle;
}

.be-popup[data-popup=widget-code] .code-block {
  border-radius: 4px;
  background: var(--n90);
  padding: 8px 12px 8px 8px;
  @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap");
  font-family: "Source Code Pro", monospace;
  color: var(--nw);
  font-size: 12px;
  line-height: 20px;
}

.be-popup[data-popup=add-static-calltracking] .be-tabs__body-item,
.be-popup[data-popup=edit-static-calltracking] .be-tabs__body-item,
.be-popup[data-popup=add-dynamic-calltracking] .be-tabs__body-item,
.be-popup[data-popup=edit-dynamic-calltracking] .be-tabs__body-item {
  height: 350px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.be-popup[data-popup=add-static-calltracking] .be-tabs__body-item .form-container,
.be-popup[data-popup=edit-static-calltracking] .be-tabs__body-item .form-container,
.be-popup[data-popup=add-dynamic-calltracking] .be-tabs__body-item .form-container,
.be-popup[data-popup=edit-dynamic-calltracking] .be-tabs__body-item .form-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.be-popup[data-popup=add-static-calltracking] .be-tabs__body-item .form-container .col,
.be-popup[data-popup=edit-static-calltracking] .be-tabs__body-item .form-container .col,
.be-popup[data-popup=add-dynamic-calltracking] .be-tabs__body-item .form-container .col,
.be-popup[data-popup=edit-dynamic-calltracking] .be-tabs__body-item .form-container .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.be-popup[data-popup=add-static-calltracking] .be-tabs__body-item .b-pl--members-table,
.be-popup[data-popup=edit-static-calltracking] .be-tabs__body-item .b-pl--members-table,
.be-popup[data-popup=add-dynamic-calltracking] .be-tabs__body-item .b-pl--members-table,
.be-popup[data-popup=edit-dynamic-calltracking] .be-tabs__body-item .b-pl--members-table {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.be-popup[data-popup=add-static-calltracking] .be-tabs__body-item .col-label,
.be-popup[data-popup=edit-static-calltracking] .be-tabs__body-item .col-label,
.be-popup[data-popup=add-dynamic-calltracking] .be-tabs__body-item .col-label,
.be-popup[data-popup=edit-dynamic-calltracking] .be-tabs__body-item .col-label {
  color: var(--n80);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.be-popup[data-popup=add-static-calltracking] .be-popup__body .be-text-field:not(:last-child), .be-popup[data-popup=add-static-calltracking] .be-popup__body .be-select:not(:last-child), .be-popup[data-popup=add-static-calltracking] .be-popup__body .be-toggle:not(:last-child),
.be-popup[data-popup=edit-static-calltracking] .be-popup__body .be-text-field:not(:last-child),
.be-popup[data-popup=edit-static-calltracking] .be-popup__body .be-select:not(:last-child),
.be-popup[data-popup=edit-static-calltracking] .be-popup__body .be-toggle:not(:last-child),
.be-popup[data-popup=add-dynamic-calltracking] .be-popup__body .be-text-field:not(:last-child),
.be-popup[data-popup=add-dynamic-calltracking] .be-popup__body .be-select:not(:last-child),
.be-popup[data-popup=add-dynamic-calltracking] .be-popup__body .be-toggle:not(:last-child),
.be-popup[data-popup=edit-dynamic-calltracking] .be-popup__body .be-text-field:not(:last-child),
.be-popup[data-popup=edit-dynamic-calltracking] .be-popup__body .be-select:not(:last-child),
.be-popup[data-popup=edit-dynamic-calltracking] .be-popup__body .be-toggle:not(:last-child) {
  margin-bottom: 12px;
}

@media (max-width: 800px) {
  .be-popup[data-popup=add-static-calltracking] .be-tabs__body-item,
  .be-popup[data-popup=edit-static-calltracking] .be-tabs__body-item,
  .be-popup[data-popup=add-dynamic-calltracking] .be-tabs__body-item,
  .be-popup[data-popup=edit-dynamic-calltracking] .be-tabs__body-item {
    height: auto;
  }
  .be-popup[data-popup=add-static-calltracking] .be-tabs__body-item .form-container,
  .be-popup[data-popup=edit-static-calltracking] .be-tabs__body-item .form-container,
  .be-popup[data-popup=add-dynamic-calltracking] .be-tabs__body-item .form-container,
  .be-popup[data-popup=edit-dynamic-calltracking] .be-tabs__body-item .form-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .be-popup[data-popup=add-static-calltracking] .be-tabs__body-item .form-container .col-6,
  .be-popup[data-popup=edit-static-calltracking] .be-tabs__body-item .form-container .col-6,
  .be-popup[data-popup=add-dynamic-calltracking] .be-tabs__body-item .form-container .col-6,
  .be-popup[data-popup=edit-dynamic-calltracking] .be-tabs__body-item .form-container .col-6 {
    width: 100%;
  }
  .be-popup[data-popup=add-static-calltracking] .be-tabs__body-item .form-container .b-pl--members-table,
  .be-popup[data-popup=edit-static-calltracking] .be-tabs__body-item .form-container .b-pl--members-table,
  .be-popup[data-popup=add-dynamic-calltracking] .be-tabs__body-item .form-container .b-pl--members-table,
  .be-popup[data-popup=edit-dynamic-calltracking] .be-tabs__body-item .form-container .b-pl--members-table {
    height: 200px;
    max-height: 200px;
  }
}
.be-table.tbl-functions-autocall td.actions {
  width: 172px;
}
.be-table.tbl-functions-autocall td.members {
  width: 128px;
}
.be-table.tbl-functions-autocall .td-data.members .be-button {
  width: auto;
}
.be-table.tbl-functions-autocall td span.total, .be-table.tbl-functions-autocall .td-data span.total {
  color: var(--n70);
}

.be-popup[data-popup=members-list-autocall] .be-popup__body {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.be-popup[data-popup=edit-autocall] .be-popup__body .be-text-field:not(:last-child), .be-popup[data-popup=edit-autocall] .be-popup__body .be-select:not(:last-child), .be-popup[data-popup=edit-autocall] .be-popup__body .be-toggle:not(:last-child),
.be-popup[data-popup=add-autocall] .be-popup__body .be-text-field:not(:last-child),
.be-popup[data-popup=add-autocall] .be-popup__body .be-select:not(:last-child),
.be-popup[data-popup=add-autocall] .be-popup__body .be-toggle:not(:last-child) {
  margin-bottom: 12px;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item,
.be-popup[data-popup=add-autocall] .be-tabs__body-item {
  height: 372px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .col,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .input-wrap-time,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .input-wrap-time {
  margin-bottom: 12px;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .input-wrap-time .be-text-field,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .input-wrap-time .be-text-field {
  margin-bottom: 0;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .input-wrap-time .row,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .input-wrap-time .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .input-wrap-time .row .be-divider,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .input-wrap-time .row .be-divider {
  width: 20px;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .checkbox-set:not(:last-child),
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .checkbox-set:not(:last-child) {
  margin-bottom: 12px;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .checkbox-set .be-text-field,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .checkbox-set .be-text-field {
  margin-bottom: 0;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .checkbox-set .be-checkbox,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .checkbox-set .be-checkbox {
  margin-bottom: 4px;
  width: 100%;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .checkbox-set .be-checkbox .be-checkbox__wrap,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .checkbox-set .be-checkbox .be-checkbox__wrap {
  width: 100%;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .checkbox-set .be-checkbox .be-checkbox__wrap label,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .checkbox-set .be-checkbox .be-checkbox__wrap label {
  width: 100%;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .input-wrap,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .input-wrap .be-text-field,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .input-wrap .be-text-field {
  width: 100%;
  margin-bottom: 0;
  position: relative;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .input-wrap .be-button,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .input-wrap .be-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .b-pl--members-table,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .b-pl--members-table {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item .col-label,
.be-popup[data-popup=add-autocall] .be-tabs__body-item .col-label {
  color: var(--n80);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.be-popup[data-popup=edit-autocall] .be-tabs__body-item[data-tab="3"] .be-pagination,
.be-popup[data-popup=add-autocall] .be-tabs__body-item[data-tab="3"] .be-pagination {
  margin-top: 12px;
}

@media (max-width: 800px) {
  .be-popup[data-popup=edit-autocall] .be-tabs__body-item,
  .be-popup[data-popup=add-autocall] .be-tabs__body-item {
    height: auto;
  }
  .be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container,
  .be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .col-6,
  .be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .col-6 {
    width: 100%;
  }
  .be-popup[data-popup=edit-autocall] .be-tabs__body-item .form-container .b-pl--members-table,
  .be-popup[data-popup=add-autocall] .be-tabs__body-item .form-container .b-pl--members-table {
    height: 200px;
    max-height: 200px;
  }
}
.be-table.tbl-functions-callback td.actions {
  width: 136px;
}

.be-popup[data-popup=add-callback] .be-popup__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.be-popup[data-popup=add-callback] .be-popup__body .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
}
.be-popup[data-popup=add-callback] .be-popup__body .row.design .row-label {
  width: 100%;
}
.be-popup[data-popup=add-callback] .be-popup__body .row.design .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.be-popup[data-popup=add-callback] .be-popup__body .row.design .col .be-select {
  margin-bottom: 4px;
}
.be-popup[data-popup=add-callback] .be-popup__body .position-select {
  margin-bottom: 8px;
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position {
  height: 116px;
  background: var(--bb10);
  border-radius: 8px;
  position: relative;
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 8px;
  border: 2px solid var(--bb50);
  background: var(--nw);
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place .be-checkbox {
  pointer-events: none;
  position: absolute;
  min-width: 16px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place .be-checkbox .be-checkbox__wrap {
  width: 16px;
  height: 16px;
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place .be-checkbox label {
  width: 16px;
  height: 16px;
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place .be-checkbox label .be-checkbox__check {
  border-radius: 6px;
  margin-top: 0;
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place.bottom-center {
  bottom: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place.bottom-left {
  bottom: 8px;
  left: 8px;
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place.bottom-right {
  bottom: 8px;
  right: 8px;
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place.middle-left {
  top: 40%;
  left: 8px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place.middle-right {
  top: 40%;
  right: 8px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place.active {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 2px solid var(--bb120);
}
.be-popup[data-popup=add-callback] .be-popup__body .widget-position .checkbox-place.active .be-checkbox {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
          transform: translate(-50%, -50%) scale(1.5);
}

.be-popup[data-popup=widget-code].callback .radio-group {
  margin-bottom: 20px;
}
.be-popup[data-popup=widget-code].callback .radio-group .be-text-field {
  margin-bottom: 0;
}
.be-popup[data-popup=widget-code].callback .radio-group fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.be-popup[data-popup=widget-code].callback .radio-group fieldset .be-radio-button {
  width: 100%;
}
.be-popup[data-popup=widget-code].callback .radio-group fieldset .be-radio-button .be-radio-button__wrap {
  width: 100%;
}
.be-popup[data-popup=widget-code].callback .radio-group fieldset .be-radio-button .be-radio-button__wrap label {
  width: 100%;
}

@media (max-width: 800px) {
  .be-popup[data-popup=add-callback] .be-popup__body .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .be-popup[data-popup=add-callback] .be-popup__body .col-6 {
    width: 100%;
  }
}
.statistics-page .b-pl__body__section .be-chart:not(.pie) {
  padding: 24px 0px 40px;
}
.statistics-page .be-table td.file-controls {
  width: 272px;
}
.statistics-page .be-table td.payments-actions .be-icon, .statistics-page .be-table .td.payments-actions .be-icon {
  fill: var(--bb100);
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.statistics-page .content-wrap {
  padding: 0 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.statistics-page .content-wrap .row {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.statistics-page .graph-img {
  padding: 12px 12px;
  border-radius: 8px;
  border: 1px solid var(--n30);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.statistics-page .graph-img .chart-title {
  font-size: 12px;
  line-height: 16px;
  color: #868E96;
}
.statistics-page .be-table.standalone {
  border: none;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: inset 0 0 0 1px var(--n30);
          box-shadow: inset 0 0 0 1px var(--n30);
}
.statistics-page .be-popup.setup .be-popup__body {
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.statistics-page .be-popup.setup .be-popup__body .desc {
  color: var(--n80);
  font-size: 12px;
  line-height: 16px;
}
.statistics-page .be-popup.setup .be-popup__body fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.statistics-page.files .actions-row {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.statistics-page .statistics-filters .be-popover {
  width: 360px;
  margin: 0;
}
.statistics-page .statistics-filters .be-popup__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 0;
}
.statistics-page .statistics-filters .be-popup__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.statistics-page .statistics-filters .be-popup__body .be-text-field {
  margin-bottom: 0;
}
.statistics-page .statistics-filters .be-popup__body .checkbox-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.statistics-page .statistics-filters .be-popup__body .checkbox-set .be-text-field.w-label {
  width: 100%;
  margin-bottom: 0;
}
.statistics-page .statistics-filters .be-popup__body .checkbox-set .be-text-field.w-label .be-text-field__label {
  margin-bottom: 0;
}
.statistics-page .statistics-filters .be-popup__body .checkbox-set .be-checkbox {
  width: 100%;
}
.statistics-page .statistics-filters .be-popup__body .checkbox-set .be-checkbox .be-checkbox__wrap, .statistics-page .statistics-filters .be-popup__body .checkbox-set .be-checkbox label {
  width: 100%;
}
.statistics-page .statistics-filters .be-popup__body .checkbox-set.wrap .be-checkbox {
  width: auto;
}
.statistics-page .statistics-filters .be-popup__footer .be-button {
  width: 100%;
}

.tbl-statistics-calls td.redirection .be-icon, .tbl-statistics-calls .td.redirection .be-icon {
  fill: #DC7516;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.tbl-statistics-calls td.datetime {
  width: 120px;
}
.tbl-statistics-calls .td.file-controls .be-dropdown.be-volume-control .be-popover {
  top: initial;
  bottom: calc(100% + 8px);
}

.tbl-statistics-files td.actions .be-button, .tbl-statistics-files .td.actions .be-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tbl-statistics-files td.actions {
  width: 182px;
}

@media (max-width: 800px) {
  .statistics-page .b-pl__body__section__header .actions-row {
    gap: 12px;
  }
  .statistics-page .b-pl__body__section__header .actions-row .graph-controls {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .statistics-page .b-pl__body__section__header .actions-row .buttons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
  }
  .statistics-page .b-pl__body__section__header .actions-row .buttons .filters {
    width: 100%;
  }
  .statistics-page .be-statistics-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .statistics-page .content-wrap {
    padding: 0 12px 24px;
  }
  .statistics-page .content-wrap .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .statistics-page .content-wrap .graph-img {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .statistics-page .content-wrap .be-table {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .statistics-page .statistics-filters {
    width: 100%;
  }
  .statistics-page .statistics-filters .be-popover {
    width: 100%;
  }
  .statistics-page .statistics-filters .be-popover .be-text-field {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
}
.scheme-page.category .b-pl__body__section__header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.scheme-page.category .b-pl__body__section__header .actions-row, .scheme-page.category .b-pl__body__section__header .top-row.w-tabs {
  width: initial;
}
.scheme-page.category .b-pl__body__section__header .be-tabs__tablist {
  padding: 0;
}
.scheme-page.category .b-pl__body__section__header .top-row.w-tabs {
  padding-left: 16px;
}
.scheme-page.category .b-pl__body__section.empty-state {
  min-height: 400px;
}
.scheme-page .scheme-list {
  padding: 4px 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.scheme-page .scheme-list__item {
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  border: solid 1px var(--n30);
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.scheme-page .scheme-list__item:hover {
  border-color: var(--bb100);
}
.scheme-page .scheme-list__item .icon {
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scheme-page .scheme-list__item .be-icon {
  width: 28px;
  height: 28px;
  fill: var(--bb100);
}
.scheme-page .scheme-list__item .container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.scheme-page .scheme-list__item .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.scheme-page .scheme-list__item .name {
  color: var(--n100);
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.scheme-page .scheme-list__item .info {
  color: var(--n80);
  font-size: 14px;
  line-height: 16px;
}
.scheme-page .scheme-list__item .changed {
  color: var(--n70);
  font-size: 12px;
  line-height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.scheme-page.single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--n10);
  height: 100vh;
  overflow: hidden;
}
.scheme-page.single .empty-state {
  display: none;
  margin-top: 84px;
  min-height: calc(100vh - 100px);
  width: 100%;
  margin: 84px 20px 0 20px;
}
.scheme-page.single .empty-state img {
  max-width: 180px;
}
.scheme-page.single .empty-state p:not(.sub) {
  color: var(--n100);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.scheme-page.single .empty-state .txt {
  padding: 0 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.b-sp_header-box {
  position: fixed;
  z-index: 1;
  top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--n30);
  background: var(--nw);
  -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.05);
}
.b-sp_header-box.navigation {
  left: 20px;
  gap: 20px;
}
.b-sp_header-box.navigation .be-divider {
  height: 20px;
}
.b-sp_header-box.controls {
  right: 20px;
  padding: 8px 12px;
}
.b-sp_header-box.controls .be-divider {
  height: 28px;
}
.b-sp_header-box.settings {
  right: 20px;
  top: 76px;
  width: 368px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  max-height: calc(100vh - 88px);
}
.b-sp_header-box.settings .be-collapse-trigger {
  width: 100%;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  height: 44px;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  border-radius: inherit;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.b-sp_header-box.settings .be-collapse-trigger span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-family: Rubik;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--n100);
}
.b-sp_header-box.settings .be-collapse-trigger .chevron {
  padding: 4px;
  border-radius: 8px;
  background: var(--n20);
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.b-sp_header-box.settings .be-collapse-trigger .chevron .be-icon {
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.b-sp_header-box.settings .be-collapse-trigger:hover .chevron {
  background: var(--n40);
}
.b-sp_header-box.settings.be-collapse--open .be-collapse-trigger .chevron .be-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.b-sp_header-box.settings.be-collapse--opened .settings-form {
  overflow: visible;
}
.b-sp_header-box.settings .settings-form {
  width: 100%;
}
.b-sp_header-box.settings .settings-form__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 100%;
  padding: 4px 12px 12px 12px;
}
.b-sp_header-box .logo {
  height: 20px;
}
.b-sp_header-box .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.b-sp_header-box .breadcrumbs {
  font-size: 16px;
  line-height: 20px;
  color: var(--n100);
}
.b-sp_header-box .breadcrumbs .link {
  font-size: inherit;
}
.b-sp_header-box .breadcrumbs .slash {
  color: var(--n70);
  padding: 0 2px;
}
.b-sp_header-box .breadcrumbs .current {
  color: var(--n100);
}
.b-sp_workarea {
  width: 100vw;
  height: 100vh;
  cursor: -webkit-grab;
  cursor: grab;
  overflow: auto;
  padding-top: 104px;
  padding-bottom: 64px;
}
.b-sp_workarea_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-sp_workarea_wrap.list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px;
  padding: 60px 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.b-sp_workarea.modal-opened .b-sp_graph-element--button:not(.active):not(.new) {
  opacity: 0.35;
  pointer-events: none;
}
.b-sp_graph-element--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.b-sp_graph-element--button.action .icon {
  width: 52px;
  height: 52px;
  position: relative;
  border-radius: 20px;
  background: var(--nw);
}
.b-sp_graph-element--button.action .icon_wrap {
  background: var(--bb100);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 0 3px var(--bb100);
          box-shadow: inset 0 0 0 3px var(--bb100);
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.b-sp_graph-element--button.action .icon .be-icon {
  width: 28px;
  height: 28px;
  fill: var(--nw);
}
.b-sp_graph-element--button.action .counter {
  color: var(--bb120);
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 0 3px #f8f9fa;
          box-shadow: 0 0 0 3px #f8f9fa;
  background: var(--bb20);
  position: absolute;
  left: -4px;
  top: -4px;
  padding: 0 2px;
  height: 16px;
  min-width: 16px;
  text-align: center;
}
.b-sp_graph-element--button.action .label {
  color: var(--nb);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.b-sp_graph-element--button.action.green .icon_wrap {
  background: #137C5A;
  -webkit-box-shadow: inset 0 0 0 3px #137C5A;
          box-shadow: inset 0 0 0 3px #137C5A;
}
.b-sp_graph-element--button.action.green .icon .counter {
  color: #137C5A;
  background: #D7F2EA;
}
.b-sp_graph-element--button.action.red .icon_wrap {
  background: #C92A2A;
  -webkit-box-shadow: inset 0 0 0 3px #C92A2A;
          box-shadow: inset 0 0 0 3px #C92A2A;
}
.b-sp_graph-element--button.action.red .icon .counter {
  color: #C92A2A;
  background: #FADCDC;
}
.b-sp_graph-element--button.action:hover:not(.new) .icon_wrap {
  background: var(--bb60);
}
.b-sp_graph-element--button.action:hover:not(.new).green .icon_wrap {
  background: #71B09C;
}
.b-sp_graph-element--button.action:hover:not(.new).red .icon_wrap {
  background: #DF7F7F;
}
.b-sp_graph-element--button.action.active .icon_wrap {
  background: var(--nw) !important;
}
.b-sp_graph-element--button.action.active .icon_wrap .be-icon {
  fill: var(--bb100);
}
.b-sp_graph-element--button.action.active.green .icon_wrap .be-icon {
  fill: #137C5A;
}
.b-sp_graph-element--button.action.active.red .icon_wrap .be-icon {
  fill: #C92A2A;
}
.b-sp_graph-element--button.action.new {
  width: 136px;
  border-radius: 8px;
  padding: 12px 8px;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.b-sp_graph-element--button.action.new:hover {
  background: var(--n20);
}
.b-sp_graph-element--button.action.no-hover {
  pointer-events: none;
}
.b-sp_graph-element--button.adding .icon {
  width: 32px;
  height: 32px;
  position: relative;
  border-radius: 20px;
  background: var(--nw);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%238BA8F2FF' stroke-width='4' stroke-dasharray='1%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.b-sp_graph-element--button.adding .be-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  fill: var(--bb100);
  top: 6px;
  left: 6px;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.b-sp_graph-element--button.adding:hover .icon {
  background: var(--bb10);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%235C85EDFF' stroke-width='4' stroke-dasharray='1%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.b-sp_graph-element--button.adding.active .icon {
  background: var(--bb100);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23B9CBF7FF' stroke-width='4' stroke-dasharray='1%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.b-sp_graph-element--button.adding.active .be-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  fill: var(--nw);
}
.b-sp_graph-element--button.variant {
  cursor: auto;
}
.b-sp_graph-element--button.variant .icon {
  width: 36px;
  height: 36px;
  position: relative;
  border-radius: 20px;
  background: var(--nw);
  -webkit-box-shadow: inset 0 0 0 2px var(--bb100);
          box-shadow: inset 0 0 0 2px var(--bb100);
}
.b-sp_graph-element--button.variant .be-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  fill: var(--bb100);
  top: 6px;
  left: 6px;
}
.b-sp_graph-element--button.variant.num .icon_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.b-sp_graph-element--button.variant.num .icon_wrap span {
  color: var(--bb100);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.b-sp_graph-element.--connection-top {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-sp_graph-element.--connection-top:before {
  content: "";
  width: 1px;
  height: 16px;
  display: block;
  background: var(--n50);
  margin-bottom: 12px;
}
.b-sp_graph-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.b-sp_graph-group.--connection-top {
  margin-top: 12px;
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.b-sp_graph-group.--connection-top:before {
  content: "";
  width: 1px;
  height: 32px;
  display: block;
  background: var(--n50);
  position: absolute;
  left: calc(50% - 0px);
  top: 0;
}
.b-sp_graph-group.--connection-top:after {
  content: "";
  width: 5px;
  height: 3px;
  position: absolute;
  background: var(--n50);
  border-radius: 4px;
  top: 29px;
  left: calc(50% - 2px);
}
.b-sp_graph-group--branch {
  min-width: 120px;
  padding: 44px 32px 0 32px;
  position: relative;
  overflow: hidden;
}
.b-sp_graph-group--branch:before {
  content: "";
  position: absolute;
  height: 32px;
  top: 0;
}
.b-sp_graph-group--branch:first-child:before {
  left: calc(50% - 0.5px);
  width: 100%;
  border-top-left-radius: 12px;
  border-left: solid 1px var(--n50);
  border-top: solid 1px var(--n50);
}
.b-sp_graph-group--branch:last-child:before {
  right: calc(50% - 0.5px);
  width: 100%;
  border-top-right-radius: 12px;
  border-right: solid 1px var(--n50);
  border-top: solid 1px var(--n50);
}
.b-sp_graph-group--branch:not(:last-child):not(:first-child):before {
  left: calc(50% - 0.5px);
  width: 1px;
  background: var(--n50);
}
.b-sp_graph-group--branch:not(:last-child):not(:first-child):after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  top: 0;
  background: var(--n50);
}
.b-sp_action-modal {
  left: 20px;
  top: 76px;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  width: 368px;
  border: 2px solid var(--bb100);
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.12);
  -webkit-transform: translateY(12px);
      -ms-transform: translateY(12px);
          transform: translateY(12px);
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  z-index: -1;
  max-height: calc(100vh - 88px);
}
.b-sp_action-modal.data-simplebar .simplebar-wrapper .b-sp_action-modal-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.b-sp_action-modal.opened {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  z-index: 1;
}
.b-sp_action-modal.new .b-sp_action-modal-footer .be-button.delete, .b-sp_action-modal.new .b-sp_action-modal-footer .be-button.save {
  display: none;
}
.b-sp_action-modal.new .b-sp_action-modal-footer .be-button.close {
  width: calc(50% - 6px);
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.b-sp_action-modal.new .b-sp_action-modal-footer .be-button.add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.b-sp_action-modal-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.b-sp_action-modal-header .icon {
  background: var(--bb100);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
}
.b-sp_action-modal-header .icon .be-icon {
  fill: var(--nw);
}
.b-sp_action-modal-header .icon.green {
  background: #137C5A;
}
.b-sp_action-modal-header .icon.red {
  background: #C92A2A;
}
.b-sp_action-modal-content {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--n90);
  padding-bottom: 8px;
}
.b-sp_action-modal-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-bottom: 8px;
}
.b-sp_action-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.b-sp_action-modal-footer .be-button {
  width: calc(50% - 6px);
}
.b-sp_action-modal-footer .be-button.delete {
  color: #C92A2A;
}
.b-sp_action-modal-footer .be-button.close {
  width: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.b-sp_action-modal-footer .be-button.add {
  display: none;
}
.b-sp_action-modal .input-wrap-time {
  margin-bottom: 12px;
}
.b-sp_action-modal .input-wrap-time .be-text-field {
  margin-bottom: 0;
}
.b-sp_action-modal .input-wrap-time .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-sp_action-modal .input-wrap-time .row .be-divider {
  width: 20px;
}
.b-sp_action-modal .input-day-month fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 8px;
}
.b-sp_action-modal .input-day-month__list {
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 8px;
  display: none;
}
.b-sp_action-modal .input-day-month.active .input-day-month__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.b-sp_action-modal[data-modal=number-check] .be-select .be-select__options {
  max-height: 120px;
}
.b-sp_action-modal[data-modal=voice-menu] .be-input-group .inputs-wrap {
  gap: 4px;
}
.b-sp_action-modal[data-modal=voice-menu] .be-input-group .inputs-wrap .be-text-field__input--prefix {
  min-width: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.b-sp_action-modal[data-modal=voicemail] .radio-group fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.b-sp_action-modal[data-modal=call-forward] .be-tabs {
  width: 100%;
}
.b-sp_action-modal[data-modal=call-forward] .be-tabs__tablist {
  padding: 0;
}
.b-sp_action-modal[data-modal=call-forward] .be-tabs__item {
  font-size: 12px;
}
.b-sp_action-modal[data-modal=call-forward] .be-tabs__body-item {
  padding-top: 8px;
}
.b-sp_action-modal[data-modal=call-forward] .number-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.b-sp_action-modal[data-modal=call-forward] .number-list .be-text-field__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.b-sp_action-modal[data-modal=call-forward] .number-list .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.b-sp_action-modal[data-modal=call-forward] .number-list .num {
  color: var(--n100);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding: 2px 4px;
  border-radius: 2px;
  background: var(--n20);
  width: 100%;
}
.b-sp_action-modal[data-modal=call-forward] .number-list .num span {
  color: var(--n70);
  font-weight: 400;
}
.b-sp_action-modal[data-modal=call-forward] .number-list .be-text-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.b-sp_action-modal[data-modal=call-forward] .number-list .be-text-button:hover {
  opacity: 0.7;
}
.b-sp_action-modal[data-modal=call-forward] .number-list .be-text-button .be-icon.left {
  margin-right: 0;
  fill: #C92A2A;
}
.b-sp_action-modal[data-modal=adding] {
  position: absolute;
  width: 580px;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  -o-transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}
.b-sp_action-modal[data-modal=adding] .action-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 12px;
}
.b-sp_action-modal[data-modal=adding] .action-list .b-sp_graph-element.disabled .b-sp_graph-element--button {
  cursor: not-allowed;
  background: none;
}
.b-sp_action-modal[data-modal=adding] .action-list .b-sp_graph-element.disabled .b-sp_graph-element--button.action .icon {
  background: var(--n60);
}
.b-sp_action-modal[data-modal=adding] .action-list .b-sp_graph-element.disabled .b-sp_graph-element--button.action .icon .icon_wrap {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.b-sp_action-modal[data-modal=adding] .action-list .b-sp_graph-element.disabled .b-sp_graph-element--button.action .label {
  color: var(--n75);
}
.b-sp_action-modal[data-modal=adding]:after {
  content: "";
  height: 20px;
  width: 100%;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
}
.b-sp_action-modal[data-modal=adding]:before {
  content: "";
  height: 100%;
  width: 8px;
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
}
.b-sp_action-modal[data-modal=adding] .b-sp_action-modal-header {
  position: relative;
  height: 32px;
}
.b-sp_action-modal[data-modal=adding] .b-sp_action-modal-header .b-sp_action-modal-close-trigger {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 900px) {
  .scheme-page.category .b-pl__body__section__header .actions-row .buttons {
    display: none;
  }
  .scheme-page.category .b-pl__body__section__header {
    margin-bottom: 20px;
  }
  .scheme-page.category .scheme-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .scheme-page.category .scheme-list__item .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .b-sp_header-box .breadcrumbs {
    font-size: 14px;
  }
  .b-sp_header-box .logo {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0% 100%;
       object-position: 0% 100%;
    width: 20px;
  }
  .b-sp_header-box.navigation {
    gap: 12px;
    width: calc(100% - 24px);
    left: 12px;
    top: 12px;
    padding: 8px 12px;
  }
  .b-sp_header-box.controls {
    right: inherit;
    left: 12px;
    top: initial;
    bottom: 12px;
    width: calc(100% - 24px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
  }
  .b-sp_header-box.settings {
    right: inherit;
    left: 12px;
    top: 62px;
    width: calc(100% - 24px);
  }
  .b-sp_header-box.settings .be-collapse-trigger {
    height: 40px;
    padding: 0 8px;
  }
  .b-sp_workarea {
    padding-top: 144px;
  }
  .b-sp_workarea.modal-opened {
    z-index: 2;
  }
  .b-sp_workarea.modal-opened > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper {
    overflow: hidden !important;
    height: 100% !important;
    width: 100% !important;
  }
  .b-sp_action-modal {
    left: 12px !important;
    top: 12px !important;
    bottom: 12px !important;
    width: calc(100% - 24px) !important;
    position: fixed !important;
    z-index: 10 !important;
    max-height: initial;
  }
  .b-sp_action-modal .simplebar-content, .b-sp_action-modal .b-sp_action-modal-wrap {
    height: 100%;
  }
  .b-sp_action-modal .b-sp_action-modal-footer {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 12px;
    border-top: solid 1px var(--n30);
  }
  .b-sp_action-modal .be-divider.horizontal:has(~ .b-sp_action-modal-footer) {
    display: none;
  }
  .b-sp_action-modal[data-modal=adding] .action-list {
    padding: 20px 0;
  }
  .b-sp_action-modal[data-modal=adding] .action-list .b-sp_graph-element {
    width: 50%;
  }
  .b-sp_action-modal[data-modal=adding] .action-list .b-sp_graph-element .b-sp_graph-element--button {
    width: 100%;
  }
}
.services-page__content {
  padding: 20px 16px 16px;
  color: var(--n80);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.services-page .minutes-scale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 32px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: var(--n10);
  position: relative;
  margin: 20px 0;
}
.services-page .minutes-scale .label {
  color: var(--n80);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.services-page .minutes-scale .line {
  width: 100%;
  position: relative;
  margin-top: 32px;
}
.services-page .minutes-scale .line .basic-divider,
.services-page .minutes-scale .line .lite-divider,
.services-page .minutes-scale .line .professional-divider {
  width: 3px;
  height: 4px;
  position: absolute;
  top: 0;
  background: var(--n70);
}
.services-page .minutes-scale .line .basic-divider.white,
.services-page .minutes-scale .line .lite-divider.white,
.services-page .minutes-scale .line .professional-divider.white {
  z-index: 2;
  background: var(--nw);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.services-page .minutes-scale .line .basic-divider {
  left: 12.5%;
}
.services-page .minutes-scale .line .lite-divider {
  left: 44.2%;
}
.services-page .minutes-scale .line .professional-divider {
  right: 0%;
}
.services-page .minutes-scale .line .grey {
  border-radius: 4px;
  background: var(--n30);
  width: 100%;
  height: 4px;
}
.services-page .minutes-scale .line .current {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: max-width 0.8s ease-out;
  -o-transition: max-width 0.8s ease-out;
  transition: max-width 0.8s ease-out;
  max-width: 0%;
}
.services-page .minutes-scale .line .current .blue {
  border-radius: 8px;
  border-radius: 4px;
  background: var(--bb100);
  width: 100%;
  height: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.services-page .minutes-scale .line .current .red {
  position: absolute;
  background: #E51616;
  top: 0;
  right: 0;
  z-index: 1;
  height: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.services-page .minutes-scale .line .current .marker {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 3;
}
.services-page .minutes-scale .line .current .marker .circle {
  position: absolute;
  top: -6px;
  right: -8px;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 3px solid var(--nw);
  background: var(--bb100);
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
}
.services-page .minutes-scale .line .current .marker .tooltip {
  position: absolute;
  top: -28px;
  background-color: var(--bb100);
  text-align: center;
  padding: 0px 4px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 2px;
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.services-page .minutes-scale .line .current .marker .tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  border-width: 3px;
  border-style: solid;
  border-color: var(--bb100) transparent transparent transparent;
}
.services-page .minutes-scale .levels {
  color: var(--n70);
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.09px;
  text-transform: uppercase;
  position: absolute;
  bottom: 12px;
  left: 16px;
  width: calc(100% - 32px);
}
.services-page .minutes-scale .levels div {
  position: absolute;
  bottom: 0;
}
.services-page .minutes-scale .levels .basic {
  right: calc(87.5% - 3px);
}
.services-page .minutes-scale .levels .lite {
  right: calc(55.8% - 3px);
}
.services-page .minutes-scale .levels .professional {
  right: 0;
}
.services-page .minutes-scale.overlimit .line .current .marker .circle {
  background: #E51616;
}
.services-page .minutes-scale.overlimit .line .current .marker .tooltip {
  background-color: #E51616;
}
.services-page .minutes-scale.overlimit .line .current .marker .tooltip:after {
  border-color: #E51616 transparent transparent transparent;
}
.services-page .minutes-scale.basic.overlimit .basic-divider.white {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.services-page .minutes-scale.basic .line .current {
  -webkit-transition: max-width 0.6s ease-out;
  -o-transition: max-width 0.6s ease-out;
  transition: max-width 0.6s ease-out;
}
.services-page .minutes-scale.lite .basic-divider.white {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.services-page .minutes-scale.lite.overlimit .lite-divider.white {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.services-page .minutes-scale.professional .basic-divider.white,
.services-page .minutes-scale.professional .lite-divider.white {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.services-page .minutes-scale.professional.overlimit .line .current .red {
  left: 0;
}
.services-page .minutes-scale.professional.overlimit .line .current .blue {
  display: none;
}
.services-page .sp-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 8px;
  border: 1px solid var(--n30);
  background: var(--nw);
}
.services-page .col {
  width: 100%;
}
.services-page .col-3 {
  width: 25%;
}
.services-page .col-4 {
  width: 33.33333333%;
}
.services-page .col-6 {
  width: 50%;
}
.services-page .plan-list .cards {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.services-page .plans-card.active {
  border: solid 2px var(--bb100);
}
.services-page .plans-card.active .price {
  padding-bottom: 12px;
}
.services-page .plans-card.active .price .row {
  gap: 12px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.services-page .plans-card.active .price .monthly {
  color: var(--bb100);
}
.services-page .plans-card.active .price .monthly .num {
  color: var(--bb100);
}
.services-page .plans-card.active .price .yearly {
  padding: 6px 8px;
  border-radius: 6px;
  background: var(--bb10);
  font-size: 14px;
}
.services-page .plans-card.active .price .yearly label {
  font-size: 14px;
}
.services-page .plans-card .title {
  color: var(--nb);
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
  width: 100%;
}
.services-page .plans-card .description {
  color: var(--n70);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 12px;
  width: 100%;
}
.services-page .plans-card .price {
  padding-bottom: 20px;
  border-bottom: solid 1px var(--n30);
  width: 100%;
}
.services-page .plans-card .price .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}
.services-page .plans-card .price .monthly {
  color: var(--nb);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.services-page .plans-card .price .monthly .num {
  color: var(--nb);
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.4px;
  margin-right: 4px;
}
.services-page .plans-card .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  color: var(--bb100);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  margin-top: 8px;
  padding-bottom: 8px;
  border-bottom: solid 1px var(--n30);
}
.services-page .plans-card .date .be-icon {
  fill: var(--bb100);
}
.services-page .plans-card .benefits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 12px;
  margin-bottom: 16px;
}
.services-page .plans-card .benefits .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: var(--n80);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.services-page .plans-card .benefits .row .be-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: #137C5A;
  margin-right: 8px;
}
.services-page .plans-card .benefits .row .be-tooltip {
  margin-left: 4px;
}
.services-page .plans-card .benefits .row .be-tooltip .be-icon {
  margin-right: 0;
  fill: var(--n70);
}
.services-page .plans-card .footer {
  margin-top: auto;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
.services-page .plans-card .footer .be-button {
  width: 100%;
}
.services-page .plans-card .footer .be-tag {
  position: absolute;
  right: -8px;
  top: -10px;
  color: #FFF;
  font-weight: 500;
  border-radius: 20px;
  border: 2px solid var(--nw);
  background: #E51616;
}
.services-page .plans-card .be-tooltip__content {
  width: 188px !important;
}
.services-page .function-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 100%;
}
.services-page .function-card .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.services-page .function-card .icon {
  border-radius: 8px;
  background: var(--bb10);
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.services-page .function-card .icon .be-icon {
  fill: var(--bb100);
}
.services-page .function-card .copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 680px;
}
.services-page .function-card .copy .title {
  color: var(--nb);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.services-page .function-card .copy .description {
  color: var(--n70);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.services-page .function-card .controls {
  margin-left: auto;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.services-page .function-card .controls .price {
  color: var(--bb100);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.services-page .function-list {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.services-page .function-list .function-card .be-button.active-state {
  border: 1px solid var(--n40);
  background: var(--nw);
}
.services-page .function-list .function-card .be-button.active-state .be-icon {
  fill: #137C5A;
}
.services-page .function-list .function-card .be-button.active-state label {
  color: #137C5A;
}
.services-page .function-list .function-card .be-button.to-deactivate {
  display: none;
  border: 1px solid var(--n40);
  background: var(--nw);
}
.services-page .function-list .function-card .be-button.to-deactivate .be-icon {
  fill: #E51616;
}
.services-page .function-list .function-card .be-button.to-deactivate label {
  color: #E51616;
}
.services-page .function-list .function-card .active-deactivate:hover .be-button.active-state {
  display: none;
}
.services-page .function-list .function-card .active-deactivate:hover .be-button.to-deactivate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.services-page .integrations-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.services-page .integrations-header .be-button {
  margin-left: auto;
  margin-right: 0;
}
.services-page .integration-card {
  width: calc(25% - 12px);
}
.services-page .integration-card .logo {
  margin-bottom: 12px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.services-page .integration-card .logo img {
  max-height: 100%;
}
.services-page .integration-card .logo img.zoho {
  width: 56px;
}
.services-page .integration-card .logo img.zendesk {
  width: 32px;
}
.services-page .integration-card .logo img.hubspot {
  width: 80px;
}
.services-page .integration-card .logo img.twilio {
  width: 80px;
}
.services-page .integration-card .logo .ico {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 60px;
  background: var(--bb10);
}
.services-page .integration-card .logo .ico .be-icon {
  fill: var(--bb100);
}
.services-page .integration-card .title {
  color: var(--nb);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin-bottom: 4px;
}
.services-page .integration-card .description {
  color: var(--n70);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  margin-bottom: 12px;
}
.services-page .integration-list {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.services-page .tbl-numbers {
  border-top: none;
  border-bottom: none;
}
.services-page .tbl-numbers tr {
  border-bottom: none !important;
}
.services-page .tbl-numbers tr:last-child td {
  border-bottom: none;
}
.services-page .tbl-numbers td {
  padding: 16px;
  border-right: none;
  border-bottom: dashed 1px var(--n40);
}
.services-page .tbl-numbers td.actions {
  width: 134px;
}
.services-page .tbl-numbers .td.num .icon, .services-page .tbl-numbers td.num .icon {
  width: 28px;
  height: 28px;
  border-radius: 20px;
  background: var(--bb10);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.services-page .tbl-numbers .td.num .icon .be-icon, .services-page .tbl-numbers td.num .icon .be-icon {
  fill: var(--bb100);
  position: absolute;
  left: 4px;
  top: 4px;
}
.services-page .tbl-numbers .td.num .icon.orange, .services-page .tbl-numbers td.num .icon.orange {
  background: #FAEEE0;
}
.services-page .tbl-numbers .td.num .icon.orange .be-icon, .services-page .tbl-numbers td.num .icon.orange .be-icon {
  fill: #D87400;
}
.services-page .tbl-numbers.--mobile .tr {
  padding: 12px 0;
}
.services-page .tbl-numbers.--mobile .tr:last-child {
  border-bottom: none !important;
}
.services-page .num-table:not(.external) {
  border-bottom: solid 1px var(--n30);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.services-page .num-table .title {
  color: var(--nb);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin-bottom: 12px;
}
.services-page .num-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}
.services-page .num-header .stat {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: var(--n10);
}
.services-page .num-header .stat .title {
  color: var(--nb);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.services-page .num-header .stat .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: var(--n80);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.services-page .num-header .stat .row .be-tag {
  min-width: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 2px;
}
.services-page .num-promo {
  background: var(--bb100);
  border-radius: 8px;
  margin: auto 0 0 0;
  padding: 12px;
  position: relative;
  z-index: 0;
  width: 264px;
}
.services-page .num-promo:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/svg/besida-logomark--120.svg") no-repeat;
  background-size: 200px;
  background-position: 120px -28px;
  border-radius: 10px;
  opacity: 0.3;
}
.services-page .num-promo__ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 49px;
  height: 50px;
  right: -16px;
  top: -16px;
}
.services-page .num-promo__ico img {
  width: 100%;
  height: 100%;
}
.services-page .num-promo__desc {
  font-weight: 400;
  font-size: 14px;
  padding-right: 20px;
  line-height: 20px;
  color: var(--nw);
  margin-bottom: 16px;
}
.services-page .num-promo__cta .be-button {
  padding: 4px 8px;
  background: var(--nw);
  color: var(--bb100);
  width: 100%;
}
.services-page .num-promo__cta .be-button:hover {
  background: rgba(255, 255, 255, 0.8);
}
.services-page .offers-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.services-page .offer-card {
  width: calc(50% - 8px);
}
.services-page .offer-card__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: solid 1px var(--n30);
}
.services-page .offer-card__header .title {
  color: var(--nb);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin-bottom: 4px;
}
.services-page .offer-card__header .price {
  color: var(--bb100);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}
.services-page .offer-card__ico {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
  height: 44px;
}
.services-page .offer-card__ico img {
  width: 100%;
  height: 100%;
}
.services-page .offer-card__description {
  color: var(--n80);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  margin-bottom: 12px;
}
.services-page .offer-card__benefits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
.services-page .offer-card__benefits .col {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.services-page .offer-card__benefits .row {
  color: var(--n80);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 16px;
}
.services-page .offer-card__benefits .row .be-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: #137C5A;
  margin-right: 8px;
}

.be-popup[data-popup=plan-switch] .be-table {
  overflow: visible;
}
.be-popup[data-popup=plan-switch] .be-table td {
  word-break: normal;
}
.be-popup[data-popup=plan-switch] .be-table td .be-tooltip {
  vertical-align: middle;
}

@media (max-width: 800px) {
  .services-page .plans .cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .services-page .sp-card {
    width: 100%;
  }
  .services-page .plan-list .cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .services-page .function-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .services-page .function-card .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .services-page .function-card .content .copy {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .services-page .function-card .controls {
    margin-right: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .num-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .num-header .num-promo {
    width: 100%;
  }
  .offer-card {
    width: 100%;
  }
  .offer-card .offer-card__benefits {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .offer-card .offer-card__benefits .col {
    width: 100%;
  }
  .offer-card .offer-card__benefits .col .row {
    padding-right: 0;
  }
}
.integrations-page .tbl-nums td.actions {
  width: 100px;
}

.tools-page__content {
  padding: 20px 16px 16px;
  color: var(--n80);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.tools-page .tl-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 8px;
  border: 1px solid var(--n30);
  background: var(--nw);
}
.tools-page .apps-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.tools-page .apps-list:not(:first-child) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--n30);
}
.tools-page .apps-list .title {
  width: 100%;
  color: var(--n100);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
}
.tools-page .apps-list .tl-card {
  width: calc(25% - 12px);
}
.tools-page .app-card .logo {
  margin-bottom: 12px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tools-page .app-card .logo img {
  max-height: 100%;
}
.tools-page .app-card .logo img.linphone {
  width: 122px;
}
.tools-page .app-card .logo img.zoiper {
  width: 44px;
}
.tools-page .app-card .logo img.portsip {
  width: 82px;
}
.tools-page .app-card .logo .ico {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 60px;
  background: var(--bb10);
}
.tools-page .app-card .logo .ico .be-icon {
  fill: var(--bb100);
}
.tools-page .app-card .title {
  color: var(--nb);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin-bottom: 4px;
}
.tools-page .app-card .description {
  color: var(--n70);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  margin-bottom: 12px;
}
.tools-page .app-card .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin-bottom: 0;
  margin-top: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tools-page.besidacall .tools-page__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.tools-page.besidacall .tools-page__content .be-tabs {
  width: 100%;
  padding-left: 16px;
  border-left: solid 1px var(--n30);
}
.tools-page.besidacall .tools-page__content .be-tabs .be-tabs__tablist {
  padding-left: 0;
  margin-bottom: 16px;
}
.tools-page.besidacall .tools-page__content .be-callwidget {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tools-page.besidacall .tools-page__content .actions-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.tools-page.besidacall .tbl-tools-contacts {
  overflow: visible;
}
.tools-page.besidacall .tbl-tools-contacts td.actions {
  width: 136px;
}
.tools-page.besidacall .tbl-tools-contacts .tbl-tools-contacts--number {
  width: 100%;
}
.tools-page.besidacall .tbl-tools-contacts .tbl-tools-contacts--number .be-dropdown-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.tools-page.besidacall .tbl-tools-contacts .tbl-tools-contacts--number .be-dropdown-link .be-icon {
  fill: var(--n70);
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tools-page.besidacall .tbl-tools-contacts .tbl-tools-contacts--number .be-dropdown-link:hover {
  color: var(--n70);
}
.tools-page.besidacall .tbl-tools-contacts .tbl-tools-contacts--number .be-dropdown-link:hover .be-icon {
  fill: var(--bb100);
}
.tools-page.besidacall .tbl-tools-calls .tbl-tools-calls--contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tools-page.besidacall .tbl-tools-calls .tbl-tools-calls--contact .under {
  color: var(--n70);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

.be-popup[data-popup=tools-add-contact] .be-input-row.numbers,
.be-popup[data-popup=tools-edit-contact] .be-input-row.numbers {
  margin-bottom: 20px;
}
.be-popup[data-popup=tools-add-contact] .be-input-row.numbers .be-text-field,
.be-popup[data-popup=tools-edit-contact] .be-input-row.numbers .be-text-field {
  margin-bottom: 0;
}
.be-popup[data-popup=tools-add-contact] .be-input-row.numbers .additional-numbers,
.be-popup[data-popup=tools-edit-contact] .be-input-row.numbers .additional-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}
.be-popup[data-popup=tools-add-contact] .be-input-row.numbers .additional-numbers .row,
.be-popup[data-popup=tools-edit-contact] .be-input-row.numbers .additional-numbers .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.be-popup[data-popup=tools-add-contact] .be-input-row.numbers .additional-numbers .row .be-button .be-icon,
.be-popup[data-popup=tools-edit-contact] .be-input-row.numbers .additional-numbers .row .be-button .be-icon {
  fill: #E51616;
}

@media (max-width: 1040px) {
  .tools-page .be-table.--desktop {
    display: none;
  }
  .tools-page .be-table.--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .tools-page .be-table.--mobile .tbl-tools-contacts--number .be-dropdown-link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 800px) {
  .tools-page .apps-list .tl-card {
    width: 100%;
  }
  .tools-page.besidacall .tools-page__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tools-page.besidacall .tools-page__content .be-callwidget {
    width: 100%;
  }
  .tools-page.besidacall .tools-page__content .be-tabs {
    border-left: none;
    padding-left: 0;
    padding-top: 16px;
    border-top: solid 1px var(--n30);
  }
}
.faq-page .b-pl__body__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  gap: 20px;
}
.faq-page .b-pl__body__section .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--nb);
  width: 100%;
}
.faq-page-sidebar {
  width: 312px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.faq-page-body {
  width: calc(100% - 312px - 20px);
  padding-left: 20px;
  border-left: solid 1px var(--n30);
}
.faq-page-list .be-collapse {
  width: 100%;
}
.faq-page-list .be-collapse:not(:last-child) {
  border-bottom: solid 1px var(--n30);
}
.faq-page-list .be-collapse .be-collapse-trigger {
  padding: 16px 0;
  background: none;
  border: none;
  width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
.faq-page-list .be-collapse .be-collapse-trigger .question {
  font-family: var(--font);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  padding-right: 20px;
}
.faq-page-list .be-collapse .be-collapse-trigger .icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--n20);
  position: relative;
  margin-left: auto;
  margin-right: 0;
}
.faq-page-list .be-collapse .be-collapse-trigger .icon .be-icon {
  position: absolute;
  top: 4px;
  left: 4px;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.faq-page-list .be-collapse .be-collapse-trigger .icon .be-icon.plus {
  opacity: 1;
}
.faq-page-list .be-collapse .be-collapse-trigger .icon .be-icon.minus {
  opacity: 0;
}
.faq-page-list .be-collapse .be-collapse-trigger:hover .question {
  color: var(--bb100);
}
.faq-page-list .be-collapse .be-collapse-body p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 24px;
}
.faq-page-list .be-collapse .be-collapse-body figure {
  margin-bottom: 24px;
}
.faq-page-list .be-collapse .be-collapse-body figure img {
  border-radius: 4px;
  margin-bottom: 4px;
}
.faq-page-list .be-collapse .be-collapse-body figure figcaption {
  font-family: Rubik;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #495057;
}
.faq-page-list .be-collapse .be-collapse-body .attention-block {
  margin-bottom: 24px;
  border-radius: 8px;
  background: var(--bb10);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  gap: 8px;
  width: 100%;
}
.faq-page-list .be-collapse .be-collapse-body .attention-block .be-icon {
  width: 24px;
  height: 24px;
  fill: var(--bb100);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.faq-page-list .be-collapse .be-collapse-body .attention-block p {
  color: var(--n90);
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
}
.faq-page-list .be-collapse.be-collapse--open .be-collapse-trigger .icon .be-icon.plus {
  opacity: 0;
}
.faq-page-list .be-collapse.be-collapse--open .be-collapse-trigger .icon .be-icon.minus {
  opacity: 1;
}

.faq-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: var(--n20);
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.faq-block:hover {
  background: var(--n40);
}
.faq-block.active {
  background: var(--bb100);
  cursor: default;
}
.faq-block.active .be-icon.front {
  fill: #fff;
}
.faq-block.active span {
  color: #fff;
}
.faq-block.active .be-icon.back {
  fill: var(--bb60);
}
.faq-block .be-icon.front {
  width: 16px;
  height: 16px;
  fill: #000;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 2px;
}
.faq-block .be-icon.back {
  width: 20px;
  height: 20px;
  fill: var(--n60);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
}
.faq-block .name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.faq-block span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #000;
}

@media (max-width: 800px) {
  .faq-page .b-pl__body__section.be-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .faq-page .faq-page-sidebar {
    width: 100%;
  }
  .faq-page .faq-page-body {
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
    border-left: none;
    border-top: solid 1px var(--n30);
  }
}
.notifications-page .b-pl__body__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.notifications-page .b-pl__body__section .page-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--nb);
  width: auto;
}
.notifications-page .b-pl__body__section__footer {
  padding: 20px 0px 8px 0px;
}
.notifications-page-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.notifications-page-header .search-field {
  width: 220px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.notifications-page-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.notifications-page-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 8px;
  padding: 16px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: solid 1px var(--n30);
}
.notifications-page-link .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  background: var(--n20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.notifications-page-link .icon .be-icon {
  width: 20px;
  height: 20px;
  fill: #000;
}
.notifications-page-link .title {
  color: var(--n100);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
  overflow-wrap: break-word;
}
.notifications-page-link .date {
  color: var(--n70);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.notifications-page-link:hover .title {
  color: var(--bb100);
}
.notifications-page-list .be-collapse {
  width: 100%;
}
.notifications-page-list .be-collapse:not(:last-child) {
  border-bottom: solid 1px var(--n30);
}
.notifications-page-list .be-collapse .be-collapse-trigger {
  padding: 16px 0;
  background: none;
  border: none;
  width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
.notifications-page-list .be-collapse .be-collapse-trigger .question {
  font-family: var(--font);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  padding-right: 20px;
}
.notifications-page-list .be-collapse .be-collapse-trigger .icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--n20);
  position: relative;
  margin-left: auto;
  margin-right: 0;
}
.notifications-page-list .be-collapse .be-collapse-trigger .icon .be-icon {
  position: absolute;
  top: 4px;
  left: 4px;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.notifications-page-list .be-collapse .be-collapse-trigger .icon .be-icon.plus {
  opacity: 1;
}
.notifications-page-list .be-collapse .be-collapse-trigger .icon .be-icon.minus {
  opacity: 0;
}
.notifications-page-list .be-collapse .be-collapse-trigger:hover .question {
  color: var(--bb100);
}
.notifications-page-list .be-collapse .be-collapse-body p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 24px;
}
.notifications-page-list .be-collapse .be-collapse-body figure {
  margin-bottom: 24px;
}
.notifications-page-list .be-collapse .be-collapse-body figure img {
  border-radius: 4px;
  margin-bottom: 4px;
}
.notifications-page-list .be-collapse .be-collapse-body figure figcaption {
  font-family: Rubik;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #495057;
}
.notifications-page-list .be-collapse .be-collapse-body .attention-block {
  margin-bottom: 24px;
  border-radius: 8px;
  background: var(--bb10);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  gap: 8px;
  width: 100%;
}
.notifications-page-list .be-collapse .be-collapse-body .attention-block .be-icon {
  width: 24px;
  height: 24px;
  fill: var(--bb100);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.notifications-page-list .be-collapse .be-collapse-body .attention-block p {
  color: var(--n90);
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
}
.notifications-page-list .be-collapse.be-collapse--open .be-collapse-trigger .icon .be-icon.plus {
  opacity: 0;
}
.notifications-page-list .be-collapse.be-collapse--open .be-collapse-trigger .icon .be-icon.minus {
  opacity: 1;
}
.notifications-page.single .b-pl__body__section {
  padding: 0;
  overflow: hidden;
}
.notifications-page.single .notifications-page-header {
  padding: 16px 16px 36px 16px;
  background: var(--bb10);
}
.notifications-page.single .notifications-page-header .cover {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.notifications-page.single .notifications-page-header .cover .info {
  max-width: 720px;
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.notifications-page.single .notifications-page-header .cover .info .title {
  color: var(--n100);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 150% */
  overflow-wrap: break-word;
}
.notifications-page.single .notifications-page-header .cover .info .date {
  color: var(--n70);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
.notifications-page.single .notifications-page-header .cover .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  background: var(--nw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.notifications-page.single .notifications-page-header .cover .icon .be-icon {
  width: 30px;
  height: 30px;
  fill: #000;
}
.notifications-page.single .notifications-page-body {
  padding: 36px 16px 16px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.notifications-page.single .notifications-page-body .content-wrap {
  max-width: 720px;
}
.notifications-page.single .notifications-page-body .content-wrap p {
  color: var(--n90);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-bottom: 32px;
  overflow-wrap: break-word;
}

.monitoring-page .b-pl__body .b-pl__body__wrap-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.monitoring-page .mntrng-p_box-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.monitoring-page .mntrng-p_box-header-title {
  color: var(--nb);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.monitoring-page .mntrng-p_box-header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.monitoring-page .mntrng-p_call-statistics {
  width: calc((100% - 16px) / 12 * 8);
  padding: 16px;
}
.monitoring-page .mntrng-p_call-statistics-graph {
  width: 100%;
}
.monitoring-page .mntrng-p_call-statistics-graph .be-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.monitoring-page .mntrng-p_call-statistics-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.monitoring-page .mntrng-p_call-statistics-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 112px;
}
.monitoring-page .mntrng-p_call-statistics-legend .graph-legend {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.monitoring-page .mntrng-p_call-statistics-legend .be-button {
  width: 100%;
}
.monitoring-page .mntrng-p_profile {
  width: calc((100% - 16px) / 12 * 4);
  padding: 16px;
}
.monitoring-page .mntrng-p_profile .mntrng-p_box-header {
  margin-bottom: 8px;
}
.monitoring-page .mntrng-p_profile-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.monitoring-page .mntrng-p_profile-link {
  padding: 4px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-transition: background 0.35s ease;
  -o-transition: background 0.35s ease;
  transition: background 0.35s ease;
  margin-bottom: 8px;
  position: relative;
  cursor: pointer;
}
.monitoring-page .mntrng-p_profile-link .be-icon {
  opacity: 0;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  position: absolute;
  right: 4px;
  top: calc(50% - 10px);
  fill: var(--bb100);
}
.monitoring-page .mntrng-p_profile-link:hover {
  background: var(--bb10);
}
.monitoring-page .mntrng-p_profile-link:hover .be-icon {
  opacity: 1;
}
.monitoring-page .mntrng-p_profile-link-avatar {
  width: 36px;
  height: 36px;
}
.monitoring-page .mntrng-p_profile-link-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.monitoring-page .mntrng-p_profile-link-name {
  color: var(--nb);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.monitoring-page .mntrng-p_profile-link-email {
  color: var(--n80);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.monitoring-page .mntrng-p_profile-statistics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
.monitoring-page .mntrng-p_profile-statistics-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px 8px 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  border-radius: 4px;
  background: var(--n20);
  width: 100%;
}
.monitoring-page .mntrng-p_profile-statistics-block .label {
  color: var(--n80);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
.monitoring-page .mntrng-p_profile-statistics-block .data {
  color: var(--nb);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
}
.monitoring-page .mntrng-p_profile-statistics-block .data .graph-legend--item {
  color: inherit;
}
.monitoring-page .mntrng-p_profile-statistics-block .data .icon {
  border-radius: 30px;
  background: var(--bb100);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 14px;
  height: 14px;
  color: var(--nw);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px; /* 116.667% */
}
.monitoring-page .mntrng-p_profile .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.monitoring-page .mntrng-p_calls-log {
  width: 100%;
}
.monitoring-page .mntrng-p_calls-log .mntrng-p_box-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 16px 0px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.monitoring-page .mntrng-p_calls-log .mntrng-p_box-header-title span {
  color: var(--n80);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.monitoring-page .mntrng-p_calls-log .mntrng-p_box-header-actions .be-checkbox .be-checkbox__check {
  top: 4px;
}
.monitoring-page .mntrng-p_calls-log .mntrng-p_box-header-actions .be-checkbox label {
  padding: 4px 12px 4px 8px;
  background: var(--n20);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.monitoring-page .mntrng-p_calls-log .be-table tfoot td {
  border-top: solid 2px var(--n30);
  font-weight: 600;
}
.monitoring-page .mntrng-p_numbers {
  width: 100%;
  padding: 16px;
}
.monitoring-page .mntrng-p_numbers .mntrng-p_box-header {
  margin-bottom: 16px;
}
.monitoring-page .mntrng-p_numbers .be-divider {
  margin: 20px 0;
}
.monitoring-page .mntrng-p_numbers-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.monitoring-page .mntrng-p_numbers-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--n30);
  color: var(--nb);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.monitoring-page .mntrng-p_numbers-item .cell {
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.monitoring-page .mntrng-p_numbers-item .cell.number {
  width: 28%;
}
.monitoring-page .mntrng-p_numbers-item .cell.status {
  width: 16%;
}
.monitoring-page .mntrng-p_numbers-item .cell.price {
  width: 16%;
}
.monitoring-page .mntrng-p_numbers-item .cell.action {
  margin-left: auto;
  margin-right: 0;
}
.monitoring-page .mntrng-p_numbers-item .graph-legend--item {
  color: var(--nb);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.monitoring-page .mntrng-p_numbers-item .icon {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  background: var(--bb10);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.monitoring-page .mntrng-p_numbers-item .icon .be-icon {
  fill: var(--bb120);
}
.monitoring-page .mntrng-p_numbers-item.external .icon {
  background: #FAEEE0;
}
.monitoring-page .mntrng-p_numbers-item.external .icon .be-icon {
  fill: #D87400;
}
.monitoring-page .mntrng-p_besida-app {
  width: calc((100% - 16px) / 12 * 4);
  background: var(--bb100);
  padding: 16px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.monitoring-page .mntrng-p_besida-app-header {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 28px;
}
.monitoring-page .mntrng-p_besida-app-logo {
  margin-bottom: 8px;
  border-radius: 8px;
  border: 1px solid rgba(69, 115, 234, 0.5);
  background: var(--bb120);
  -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.08);
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.monitoring-page .mntrng-p_besida-app-logo img {
  width: 88px;
  height: 16px;
}
.monitoring-page .mntrng-p_besida-app-title {
  color: var(--nw);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 83.333% */
}
.monitoring-page .mntrng-p_besida-app-subtitle {
  color: var(--bb30);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
}
.monitoring-page .mntrng-p_besida-app-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding-top: 12px;
  padding-bottom: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.monitoring-page .mntrng-p_besida-app-footer img {
  width: 24px;
}
.monitoring-page .mntrng-p_besida-app .be-button {
  width: 100%;
  background: var(--nw);
  margin-bottom: 12px;
}
.monitoring-page .mntrng-p_besida-app .be-button label {
  margin-right: auto;
  margin-left: 0;
}
.monitoring-page .mntrng-p_besida-app .be-button:hover {
  background: var(--bb20);
}
.monitoring-page .mntrng-p_besida-app-bg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 63%;
}
.monitoring-page .mntrng-p_notifications {
  width: calc((100% - 16px) / 12 * 8);
  height: 312px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.monitoring-page .mntrng-p_notifications .mntrng-p_box-header {
  padding: 16px 16px 0 16px;
}
.monitoring-page .mntrng-p_notifications .mntrng-p_notifications-body {
  padding: 16px;
  height: calc(100% - 44px);
  position: relative;
}
.monitoring-page .mntrng-p_notifications .mntrng-p_notifications-body:before {
  content: "";
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 28px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  top: 0;
  left: 0;
  pointer-events: none;
}
.monitoring-page .mntrng-p_notifications .mntrng-p_notifications-body:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 28px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.monitoring-page .mntrng-p_notifications .notifications-page-link .title {
  font-size: 14px;
  line-height: 20px;
}
.monitoring-page .mntrng-p_notifications .notifications-page-link .date {
  font-size: 12px;
  line-height: 20px;
}
.monitoring-page .mntrng-p_notifications .notifications-page-link:last-child {
  border: none;
  padding-bottom: 0;
}
.monitoring-page .mntrng-p_payment {
  padding: 16px;
  width: calc((100% - 16px) / 12 * 4);
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
}
.monitoring-page .mntrng-p_payment .mntrng-p_box-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.monitoring-page .mntrng-p_payment .mntrng-p_box-header-subtitle {
  color: var(--n80);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
}
.monitoring-page .mntrng-p_payment-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 20px;
}
.monitoring-page .mntrng-p_payment-body .mntrng-p_payment-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  border: 1px solid var(--n30);
  background: #FFF;
  height: 38px;
  padding: 6px 8px 6px 8px;
  gap: 12px;
}
.monitoring-page .mntrng-p_payment-body .mntrng-p_payment-logo, .monitoring-page .mntrng-p_payment-body .be-button {
  width: calc(50% - 10px);
}
.monitoring-page .mntrng-p_faqs {
  padding: 16px;
  width: calc((100% - 16px) / 12 * 8);
  margin-bottom: 0;
}
.monitoring-page .mntrng-p_faqs .mntrng-p_faqs-body {
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 36px;
}
.monitoring-page .mntrng-p_faqs .mntrng-p_faqs-body .col {
  width: calc(50% - 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.monitoring-page .graph-legend--item {
  color: var(--n90);
  font-size: 12px;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.monitoring-page .graph-legend--item::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  margin-right: 8px;
  border-radius: 3px;
}
.monitoring-page .graph-legend--item.green::before {
  background: #2ABB8D;
}
.monitoring-page .graph-legend--item.blue::before {
  background: var(--bb100);
}
.monitoring-page .graph-legend--item.red::before {
  background: #C33737;
}
.monitoring-page .graph-legend--item.orange::before {
  background: #D87400;
}
.monitoring-page .graph-legend--item.grey::before {
  background: var(--n50);
}

.be-popup[data-popup=monitoring-user-profile] .be-text-field.file-uploading .be-file-input {
  margin-bottom: 4px;
}

.be-popup[data-popup=monitoring-auto-payment] .col-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.be-popup[data-popup=monitoring-auto-payment] .col-6:first-child {
  padding-right: 20px;
  border-right: solid 1px var(--n30);
}
.be-popup[data-popup=monitoring-auto-payment] .col-6 .be-popup__footer {
  margin-top: auto;
  margin-bottom: 0;
}
.be-popup[data-popup=monitoring-auto-payment] .be-popup__body {
  gap: 20px;
}
.be-popup[data-popup=monitoring-auto-payment] .be-popup__body .info {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--n90);
  margin-bottom: 20px;
}
.be-popup[data-popup=monitoring-auto-payment] .be-toggle {
  margin-bottom: 20px;
}
.be-popup[data-popup=monitoring-auto-payment] .be-toggle .be-text-field__label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

.be-popup[data-popup=monitoring-deposit-money] .be-popup__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__body #mdm-in-001 {
  max-height: 84px;
  font-weight: 400;
  font-size: 48px;
  line-height: 40px;
  padding: 12px 8px;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__body .be-text-field {
  margin-bottom: 0;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__body .payment-method > .be-text-field__label {
  display: block;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__body .payment-method .be-radio-button:not(:last-child) {
  margin-bottom: 8px;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__body .new-card {
  display: none;
  border-radius: 4px;
  background: var(--n20);
  padding: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__body .new-card .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__body .new-card .be-divider.horizontal {
  background: var(--n40);
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__body .card-name-input {
  display: none;
}
.be-popup[data-popup=monitoring-deposit-money].gpay .be-popup__footer .gpay-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.be-popup[data-popup=monitoring-deposit-money].card .be-popup__body .new-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.be-popup[data-popup=monitoring-deposit-money].card.save-card .card-name-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.be-popup[data-popup=monitoring-deposit-money].card .be-popup__footer .card-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.be-popup[data-popup=monitoring-deposit-money].card .be-popup__footer .gpay-btn {
  display: none;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__footer {
  font-size: 12px;
  line-height: 18px;
  color: var(--n80);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__footer .be-link {
  font-size: inherit;
  line-height: inherit;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__footer .be-button {
  width: 100%;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__footer .gpay-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #000;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__footer .gpay-btn:hover {
  background-color: #3c4043;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__footer .gpay-btn img {
  height: 24px;
}
.be-popup[data-popup=monitoring-deposit-money] .be-popup__footer .card-btn {
  display: none;
}

@media (max-width: 900px) {
  .monitoring-page .b-pl__body .b-pl__body__wrap-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .monitoring-page .mntrng-p_call-statistics {
    width: 100%;
  }
  .monitoring-page .mntrng-p_call-statistics .mntrng-p_call-statistics-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .monitoring-page .mntrng-p_call-statistics .mntrng-p_call-statistics-body .mntrng-p_call-statistics-legend {
    width: 100%;
    gap: 20px;
  }
  .monitoring-page .mntrng-p_call-statistics .mntrng-p_call-statistics-body .mntrng-p_call-statistics-legend .graph-legend {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
  }
  .monitoring-page .mntrng-p_profile {
    width: 100%;
  }
  .monitoring-page .mntrng-p_besida-app {
    width: 100%;
  }
  .monitoring-page .mntrng-p_notifications {
    width: 100%;
  }
  .monitoring-page .mntrng-p_payment {
    width: 100%;
    margin-bottom: 36px;
  }
  .monitoring-page .mntrng-p_faqs {
    width: 100%;
  }
  .monitoring-page .mntrng-p_faqs .mntrng-p_faqs-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .monitoring-page .mntrng-p_faqs .mntrng-p_faqs-body .col {
    width: 100%;
  }
  .monitoring-page .mntrng-p_calls-log .mntrng-p_box-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .monitoring-page .mntrng-p_calls-log .be-table.--mobile .tfoot {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .monitoring-page .mntrng-p_calls-log .be-table.--mobile .tfoot .td-label {
    color: var(--n100);
  }
  .monitoring-page .mntrng-p_calls-log .be-table.--mobile.tfoot .tfoot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .monitoring-page .mntrng-p_numbers .mntrng-p_box-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .monitoring-page .mntrng-p_numbers .mntrng-p_box-header .mntrng-p_box-header-actions .be-button {
    width: 100%;
  }
  .monitoring-page .mntrng-p_numbers .mntrng-p_numbers-list {
    gap: 16px;
  }
  .monitoring-page .mntrng-p_numbers .mntrng-p_numbers-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .monitoring-page .mntrng-p_numbers .mntrng-p_numbers-item .cell {
    width: 100%;
  }
  .monitoring-page .mntrng-p_numbers .mntrng-p_numbers-item .cell.number {
    border-bottom: 1px solid var(--n30);
  }
  .monitoring-page .mntrng-p_numbers .mntrng-p_numbers-item .cell.status {
    padding: 0px 16px;
  }
  .monitoring-page .mntrng-p_numbers .mntrng-p_numbers-item .cell.price {
    padding: 0px 16px;
  }
  .monitoring-page .mntrng-p_numbers .mntrng-p_numbers-item .cell.action {
    margin-right: auto;
    padding: 0px 16px 12px;
  }
  .monitoring-page .mntrng-p_numbers .mntrng-p_numbers-item .cell.action .be-button {
    width: 100%;
  }
  .be-popup[data-popup=monitoring-user-profile] .col-6 {
    width: 100%;
  }
  .be-popup[data-popup=monitoring-user-profile] .be-popup__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .be-popup[data-popup=monitoring-auto-payment] .col-6 {
    width: 100%;
  }
  .be-popup[data-popup=monitoring-auto-payment] .col-6:first-child {
    padding-right: 0;
    padding-bottom: 20px;
    border-right: none;
    border-bottom: solid 3px var(--n30);
  }
  .be-popup[data-popup=monitoring-auto-payment] .be-popup__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .be-popup[data-popup=monitoring-auto-payment] .be-popup__footer {
    border-top: none;
  }
}