@charset "utf-8";
@import "default.css";
@import "font.css";
@import "animation.css";
@import "notification.css";
@import "fast-settings.css";

body,html {
    color: var(--text-default);
    font: 15px PT Sans,Arial,sans-serif;
    background: var(--background-default);
    user-select: none;
}
body.page-loading::before {
    background: var(--background-primary);
    content: "";
    display: block;
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: right .5s;
    z-index: 1001;
}
body.page-loading::after {
    animation: nprogress-spinner .9s linear infinite;
    border-color: #158fd2 transparent transparent #158fd2;
    border-radius: 100%;
    border-style: solid;
    border-width: 2px;
    content: "";
    display: block;
    height: 36px;
    margin-left: -8px;
    margin-top: -8px;
    position: fixed;
    top: 50%;
    left: 50%;
    transition: left .5s;
    width: 36px;
    z-index: 1002;
}
.svg-app {
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    visibility: hidden;
    position: absolute;
}
.hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
    display: none !important;
}
.app-animation-plug {
    width: 100%;
    border-radius: 5px;
    background: #eaeaea;
    animation: app-plug-loader 1.2s ease-in-out infinite;
}
.personal-page {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
/*modal*/
.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 20;
    transition: right 0.5s;
}
.modal .modal-scroller {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 21;
}
.modal .custom-scroll {
    -webkit-overflow-scrolling: touch;
}
.modal .wrapper-modal-body {
    margin: auto;
    padding: 60px 0;
}
.modal .modal-body {
    position: relative;
    background: var(--background-primary);
    border-radius: 8px;
    box-shadow: 0 14px 24px 1px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    padding: 30px;
    transition: transform .3s, opacity .1s;
    width: 500px;
    min-height: 156px;
    z-index: 2;
}
.modal .overlay {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    animation: fadeIn-fixed .2s ease both;
    visibility: visible;
    background: rgba(0,0,0,.3);
}
.modal .head-content {
    margin-bottom: 15px;
}
.head {
    min-height: 20px;
    font-size: 20px;
}
.head-min {
    min-height: 18px;
    font-size: 18px;
}
.sub-head {
    color: rgb(95, 109, 121);
    font-weight: 400;
    line-height: 20px;
    font-size: 15px;
    margin-top: 5px;
}
.head-section {
    font-size: 16px;
}
.error-message {
    font-size: 14px;
    margin-left: 10px;
    color: #e87775;
}
.b-close-button {
    cursor: pointer;
    background-image: url("../icons/close.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 15px;
}
.modal .b-close-button {
    position: absolute;
    top: 16px;
    right: 16px;
}
.modal .modal-body__caption-error {
    color: #f37575;
    margin-bottom: 40px;
    margin-top: 30px;
    text-align: center;
}
.head_2 {
    font-size: 18px;
}
/*end modal*/
/*checkbox*/
.control-checkbox {
    display: inline-flex;
}
.control-checkbox .input-checkbox {
    cursor: pointer;
    height: 20px;
    opacity: 0;
    position: absolute;
    width: 20px;
    z-index: 4;
}
.control-checkbox .control-checkbox-helper {
    background-color: var(--background-primary);
    border: 1px solid var(--border-default);
    border-radius: 3px;
    display: inline-flex;
    height: 18px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 18px;
    z-index: 3;
}
.control-checkbox input:checked~.control-checkbox-helper {
    background: var(--background-primary) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='12' height='11' viewBox='0 0 12 11'%3E%3Cpath fill='%23363b44' fill-rule='evenodd' d='M11.476.151c-.377-.296-.997-.139-1.359.324L5.153 6.53c-.076.094-.269.127-.368.065L1.723 4.688C1.24 4.342.624 4.366.349 4.753c-.268.378-.18.994.209 1.464l3.509 4.234c.294.354.675.549 1.073.549.465 0 .895-.266 1.177-.728l5.264-8.615c.335-.548.29-1.195-.105-1.506' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
    background-position: 50%;
    background-size: 70%;
}
/*end checkbox*/
/*switcher*/
.switcher-field .switcher {
    background: #516570;
    border: none;
    border-radius: 28px;
    cursor: pointer;
    display: inline-block;
    height: 1px;
    overflow: visible;
    position: relative;
    width: 28px;
}
.switcher-field .switcher-on {
    border-color: transparent;
}
.switcher-field .switcher-checkbox {
    display: none;
}
.switcher-field .switcher:before {
    position: absolute;
    border-radius: 50%;
    content: "";
    background: var(--medium_blue);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    height: 26px;
    width: 26px;
}
.switcher-field .switcher-off:before {
    background: var(--background-primary);
    border: 1px solid #516570;
    box-shadow: none;
    height: 14px;
    left: -1px;
    top: -8px;
    width: 14px;
}
.switcher-field .switcher-on:before {
    background: var(--medium_blue);
    box-shadow: none;
    height: 15px;
    right: -1px;
    top: -7px;
    width: 15px;
}
/*end switcher*/
/*select-control*/
.control-select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.control-select-list {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    background-color: var(--background-primary);
    border: 1px solid var(--border-default);
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 190px;
    min-width: 100%;
    max-width: 358px;
    box-shadow: 0 1px 3px var(--border-default);
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
    z-index: 12;
}
.control-select-list .head-select-list-item {
    padding: 4px 10px;
    color: #3a74a3;
    background-color: #f0f0f0;
    cursor: default;
}
.input-select-field {
    background-color: var(--background-primary);
    position: relative;
    border: 1px solid var(--border-default);
    border-radius: 5px;
    min-height: 17px;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    height: 36px;
    padding-left: 8px;
    padding-right: 25px;
    color: var(--text-default);
}
.input-select-field[readonly] {
    cursor: pointer;
}
.input-select-field[data-id=""] {
    color: var(--text-gray);
}
.input-select-field.input-select-suggest {
    padding-right: 37px;
}
.control-select-list--opened .control-select-list {
    display: block;
}
.list-button {
    position: absolute;
    cursor: pointer;
    top: 2px;
    right: 1px;
    padding: 6px;
    box-sizing: border-box;
}
.list-button-icon {
    background-image: url("../icons/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 20px;
    width: 20px;
}
.list-button.list-button-preload {
    padding: 4px
}
.button-select-close {
    position: absolute;
    top: 0;
    right: 21px;
    padding: 5px 2px;
    cursor: pointer;
    box-sizing: border-box;
}
.select-close-icon {
    background-image: url("../icons/close-min.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 10px;
    width: 7px;
}
.input-select-field-value[value=""] + .overlay + .button-select-close {
    display: none;
}
.list-button-preload .list-button-icon {
    background-image: url("../icons/preloader.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}
.control-select-list-item {
    display: flex;
    align-items: start;
    flex-direction: column;
    cursor: pointer;
    padding: 10px;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: normal;
    text-decoration: none;
}
.control-select-list-item.item-selected {
    background-color: #E9F5FF;
}
.control-select-list-item:hover {
    background-color: var(--background-default);
}
.control-select-list-item-inner-desc {
    font-size: 11px;
    color: #666;
}
/*end select-control*/
/*multiselect-control*/
.items-multiselect-values {
    background-color: var(--background-primary);
    position: relative;
    border: 1px solid var(--border-default);
    border-radius: 5px;
    padding-right: 15px;
    padding-left: 3px;
    min-height: 32px;
    width: 100%;
    height: 36px;
    font-size: 12px;
    text-align: left;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.list-item-holder-multiselect .item-holder-multiselect-label {
    display: flex;
    flex-direction: column;
    margin-left: 3px;
}
.list-item-holder-multiselect .control-select-list-item {
    flex-direction: unset;
    align-items: center;
}
.list-item-holder-multiselect .control-select-list-item-inner,
.list-item-holder-multiselect .control-select-list-item-inner-desc {
    margin-left: 5px;
}
.items-multiselect-values .multiselect-holder-value {
    background-color: var(--border-default);
    padding: 0 6px 0 6px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    border: 1px solid var(--border-default);
    color: var(--text-default);
    border-radius: 5px;
    height: 25px;
    display: inline-flex;
    min-width: 22%;
    max-width: 60%;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.items-multiselect-values .multiselect-select-value-inner {
    overflow: hidden;
}
.delete-icon {
    display: inline-block;
    height: 9px;
    padding-right: 5px;
    padding-left: 6px;
    position: relative;
}
.delete-icon::before,
.delete-icon::after {
    content: ' ';
    height: 9px;
    width: 2px;
    background-color: #adadad;
    position: absolute;
}
.delete-icon::before {
    transform: rotate(45deg);
}
.delete-icon::after {
    transform: rotate(-45deg);
}
.input-multiselect-field {
    height: 19px;
    font-size: 32px;
    box-sizing: border-box;
    width: 30%;
    flex-grow: 1;
}
.control-select-list--opened .overlay {
    display: block;
}
.list-item-holder-multiselect.no-active .item-holder-multiselect-label {
    opacity: 0.4;
}
.list-item-holder-multiselect .list-item-holder-multiselect {
    position: relative;
    margin-left: 18px;
}
.control-multiselect-nesting-in .item-multiselect-selected > .list-item-holder-multiselect::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background: var(--background-primary);
    opacity: 0.6;
    z-index: 1;
}
/*end multiselect-control*/
/*scroll*/
.custom-scroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}
.custom-scroll::-webkit-scrollbar {
    height: 0;
    width: 7px;
}
.custom-scroll::-webkit-scrollbar-track {
    cursor: default;
    background: #eaeaea;
}
.custom-scroll::-webkit-scrollbar-thumb {
    cursor: default;
    background: #cdcdcd;
    border-radius: 3px;
}
/*end scroll*/
.auth-page {
    position: relative;
    overflow: auto;
}
.wrapper-auth-page {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100vh;
}
.auth-page .head {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 700;
}
.auth-page .logo-page-icon {
    position: absolute;
    top: 5%;
    width: 90px;
    left: 5%;
    height: 32px;
}
.auth-page .button-input {
    font-size: 16px;
    font-weight: 400;
    max-height: 40px;
    height: 38px;
}
.auth-page .form-log-in {
    position: relative;
}
.auth-page .items-form-auth-field {
    box-sizing: border-box;
    width: 450px;
    background-color: var(--background-primary);
    border-radius: 4px;
    padding: 30px;
    box-shadow: 0 2px 1px 0 #ededed;
}
.auth-page .wrapper-nav-action {
    text-align: center;
    margin-top: 15px;
}
.auth-page .link-action-auth {
    text-decoration: none;
    color: var(--medium_blue);
}
/*button-input*/
.button-actions,
.modal-list-button {
    display: flex;
    align-items: center;
}
.button-input {
    display: flex;
    align-items: center;
    background: var(--background-primary);
    border: 1px solid var(--border-default);
    border-radius: 5px;
    color: var(--text-default);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    max-height: 38px;
    outline: none;
    padding: 10px;
    vertical-align: middle;
    white-space: nowrap;
}
.button-input_blue {
    background: var(--medium_blue);
    border: 1px solid var(--dark_blue);
    color: #fff;
}
.button-input_blue:not(.button-input-disabled):hover {
    background: var(--dark_blue);
}
.button-action-animation {
    background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #64b5ef 75.52%, rgba(100, 181, 239, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 2s infinite;
    -webkit-font-smoothing: antialiased;
    padding: 10px 25px;
}
.button-input + .button-input {
    margin-left: 15px;
}
.button-input-disabled {
    color: var(--text-default);
    cursor: default;
    opacity: .6;
}
.button-input__spinner {
    height: 14px;
    position: relative;
    width: 12px;
}
.spinner-icon {
    animation: nprogress-spinner .9s linear infinite;
    border-color: #158fd2 transparent transparent #158fd2;
    border-radius: 100%;
    border-style: solid;
    border-width: 2px;
    display: block;
    height: 16px;
    width: 16px;
}
.button-input__spinner .button-input_blue:not(.button-input-disabled) .spinner-icon {
    border-left-color: #fff;
    border-top-color: #fff;
}
.button-input_blue .button-input__spinner .spinner-icon {
    border-color: #fff transparent transparent #fff;
}
.button-input__spinner .button-input__spinner__icon {
    position: absolute;
    top: -3px;
    left: -4px;
}
.button-input.button-input-saved, .button-input.button-input-saved:hover {
    background: #e5b023 !important;
    border-color: #d2a01a !important;
    color: #fff !important;
}
.animated {
    animation-fill-mode: both;
    animation-duration: .3s;
}
.shake {
    animation-name: shake;
}
.button-multi-actions {
    justify-content: space-between;
}
.button-input-inner.button-input-inner-short {
    display: none;
}
/*end button-input*/
/*control-number*/
.control-number {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.control-number .number-button {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid var(--border-default);
    border-radius: 5px;
    cursor: pointer;
    height: 36px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    padding-bottom: 2px;
    background-color: var(--background-default);
}
.control-number .input-number-control {
    text-align: center;
    border: 1px solid var(--border-default);
    height: 36px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0 8px;
    width: 80px;
}
.control-number .input-text-symbol {
    display: block;
    position: absolute;
    font-size: 14px;
    top: 8px;
    right: 46px;
    color: #92989b;
}
/*end control-number*/
/*helper*/
.helper {
    position: relative;
    margin-left: 7px;
}
.helper .helper-overlay {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}
.helper .button-help {
    background-image: url("../icons/info.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 18px;
    width: 18px;
    cursor: pointer;
}
.helper .help-popup {
    display: none;
    position: absolute;
    top: 25px;
    left: -40px;
}
.helper .container-help-popup {
    position: relative;
    background: #E9F5FF;
    border: 1px solid #a9d8ff;
    padding: 10px 15px 10px;
    border-radius: 8px;
    z-index: 11;
}
.helper.active .help-popup,
.helper.active .helper-overlay {
    display: block;
}
.helper .container-help-popup::before {
    content: "";
    position: absolute;
    left: 48px;
    top: -4px;
    transform: translateX(-50%) translateY(-1px) rotate(180deg);
    width: 0;
    height: 0;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #E9F5FF transparent transparent transparent;
    z-index: 2;
}
.helper .container-help-popup::after {
    content: "";
    position: absolute;
    left: 48px;
    top: -7px;
    transform: translateX(-50%) rotate(180deg);
    width: 0;
    height: 0;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #a9d8ff transparent transparent transparent;
    z-index: 1;
}
.helper .delete-icon {
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 7px;
}
.helper .help-content {
    overflow: auto;
    white-space: pre-wrap;
    min-height: 42px;
    max-height: 160px;
    width: 500px;
}
/*end helper*/
.form-field:not(:last-child) {
    margin-bottom: 15px;
}
.form-field .label-field {
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 2px;
}
.input-text {
    background: var(--background-primary);
    color: var(--text-default);
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid var(--border-default);
    font-size: 15px;
    padding: 8px 9px 7px;
    width: 100%;
}
.input-text.input-text-textarea {
    height: 180px;
    display: block;
    min-height: 58px;
    resize: none;
}
.license {
    margin-top: 8px;
    font-size: 13px;
}
.modal-auth .head {
    font-size: 24px;
    line-height: 32px;
}
.action-link {
    cursor: pointer;
    color: var(--medium_blue);
}
.input-text.error,
.control-select.error .items-multiselect-values {
    border-color: #e87775 !important;
}

header.head-top {
    background-color: var(--background-primary);
    padding: 15px;
}
.page-nav {
    background-color: var(--background-primary);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    left: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    border-right: 1px solid var(--border-default);
    box-sizing: border-box;
    width: 240px;
}
.logo-page {
    background-color: var(--background-primary);
    height: 65px;
    width: 240px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    border-right: 1px solid var(--border-default);
    padding-left: 25px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--border-default);
}
.logo-page-icon {
    background-image: url("../icons/logo-lk.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 21px;
    width: 58px;
}
.page-control-nav {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
/*v-mini*/
.v-mini .logo-page-icon {
    background-image: url("../icons/logo.svg");
}
.v-mini .item-page-nav-inner,
.v-mini .button-profile .content-button-profile {
    display: none;
}
.v-mini .page-nav,
.v-mini .logo-page {
    width: 78px;
}
.v-mini .page-nav .item-navigation-icon,
.v-mini .page-nav .item-navigation-b-icon {
    margin-right: 0;
}
.v-mini .button-profile:not(:last-child)::after {
    left: 17px;
    width: 23px;
}
.v-mini .item-page-nav {
    padding: 0;
    justify-content: center;
}
.v-mini .logo-page .button-menu-min,
.v-mini:not(.app-mobile) .page-nav:hover .logo-page .logo-page-icon {
    display: none;
}
.v-mini:not(.app-mobile) .page-nav:hover .logo-page .button-menu-min {
    display: block;
    margin: 0;
}
.v-mini .page-content {
    left: 78px;
}
.v-mini .logo-page {
    padding: 0;
    justify-content: center;
}
.v-mini .button-profile .icon-profile {
    margin: 0;
}
/*end v-mini*/
.item-navigation-b-icon {
    margin-right: 7px;
    height: 22px;
    width: 22px;
}
.item-navigation-b-icon .svg-icon {
    height: 22px;
    width: 22px;
}
.logo-page .button-menu-min {
    cursor: pointer;
    margin-right: 10px;
    padding: 5px;
    border-radius: 8px;
}
.logo-page .menu-min-icon {
    display: block;
    background-image: url("../icons/side_menu.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 20px;
    width: 20px;
}
.lists-page-nav {
    flex: 1;
    padding: 10px;
}
.page-content {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    left: 240px;
    bottom: 0;
    box-sizing: border-box;
}
.item-page-nav {
    position: relative;
    display: block;
    text-decoration: none;
    color: var(--text-default);
    border-radius: 8px;
    padding: 5px 15px;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    cursor: default;
    height: 47px;
    box-sizing: border-box;
}
.item-page-nav:not(.button-profile):not(:last-child) {
    margin-bottom: 5px;
}
.logo-page .button-menu-min:hover,
.item-page-nav:hover {
    background-color: var(--background-default);
}
.item-page-nav:not(.selected) {
    cursor: pointer;
}
.item-page-nav.selected,
.button-profile.selected {
    color: var(--medium_blue);
    font-weight: 700;
    background-color: #E9F5FF;
}
.page-nav .item-navigation-icon {
    margin-right: 7px;
    fill: var(--text-default);
}
.page-nav .item-navigation-icon,
.page-nav .item-navigation-icon .svg-icon {
    height: 23px;
    width: 23px;
}
.page-nav .item-page-nav.selected .item-navigation-icon {
    fill: var(--medium_blue);
}
.action-bottom-profile {
    flex-shrink: 0;
    margin: 25px 10px;
    border-radius: 4px;
    background-color: var(--background-default);
}
.button-profile .button-linked-profile {
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
}
.button-profile .profile-name {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.button-profile .profile-balance-inner {
    color: #24bc8c;
    font-weight: 700;
    margin-left: 5px;
}
.button-profile .profile-balance-inner.expires {
    color: #e87775;
}
.top-header .head-desc {
    color: var(--text-gray);
}
.button-profile .content-button-profile {
    display: flex;
    align-items: center;
    flex-grow: 1;
    box-sizing: border-box;
    overflow: hidden;
}
.button-profile:not(:last-child)::after {
    content: " ";
    background-color: var(--border-default);
    height: 1px;
    width: 189px;
    position: absolute;
    bottom: 0;
    left: 15px;
}
/*content-navigation*/
.content-navigation {
    display: flex;
    align-items: start;
    margin-bottom: 15px;
}
.content-navigation .item-nav {
    font-size: 15px;
    padding: 5px 14px;
    position: relative;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #6b6d72;
    cursor: pointer;
    z-index: 1;
}
.content-navigation .item-nav::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #c5c5c5;
    border-left: 0;
    z-index: -1;
    color: #d3d4d6;
}
.content-navigation .item-nav.selected {
    cursor: default;
    color: var(--text-default);
}
.content-navigation .item-nav:first-child::before {
    border-left: 1px solid #c5c5c5;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.content-navigation .item-nav.selected::before {
    background: var(--background-primary);
}
.content-navigation .item-nav.selected b {
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0;
    border-color: #fff transparent transparent;
    color: #f8f9f9;
}
.content-navigation .item-nav.selected b::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #c5c5c5 transparent transparent;
    color: #ceced1;
    z-index: -1;
    position: absolute;
    top: -5px;
    left: -6px;
}
.content-navigation .item-nav:last-child::before {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*end content-navigation*/
/*smile*/
.box-emoji-messages {
    position: relative;
}
.box-emoji-messages .control-emoji-buble-wrapper {
    position: absolute;
    bottom: 50px;
    right: 36px;
    height: 260px;
    display: flex;
    pointer-events: all;
    cursor: default;
    max-height: 300px;
    min-height: 100px;
    width: 269px;
    box-sizing: border-box;
    border: solid 1px var(--border-default);
    padding: 0px 4px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 9px rgb(0 0 0 / 17%);
    z-index: 100;
}
.control-emoji-buble-wrapper:before, .control-emoji-buble-wrapper:after {
    content: '';
    border: transparent solid;
    position: absolute;
    width: 0;
}
.control-emoji-buble-wrapper_up:before {
    border-top-color: var(--border-default);
    border-width: 6px;
    right: 23px;
    bottom: -12px;
}
.control-emoji-buble-wrapper_up:after {
    border-top-color: #fff;
    border-width: 5px;
    right: 24px;
    bottom: -10px;
}
.control-emoji-buble-scroll-hide {
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.control-emoji-buble {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    overflow-y: scroll;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    background: #fff;
    min-width: 300px;
    padding-right: 22px;
}
.control-emoji-buble-group {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.control-emoji-buble-group__name {
    flex-shrink: 0;
    line-height: 14px;
    color: rgb(146, 152, 155);
    padding: 10px 5px 2px 4px;
}
.control-emoji-buble-group__content {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
}
.control-emoji-buble-group__symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    width: 26px;
    height: 26px;
}
.control-emoji-buble-group__symbol:hover {
    background-color: var(--background-default);
}
/*end smile*/
.section-nav-content {
    position: relative;
    display: none;
}
.section-nav-content.selected {
    display: block;
}
.profile-settings {
    display: flex;
    align-items: start;
}
.item-linked-field {
    display: flex;
    align-items: center;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    opacity: 1;
    visibility: visible;
    min-height: 37px;
}
.item-linked-field:not(:last-child) {
    margin-bottom: 10px;
}
.item-linked-field-column {
    flex-direction: column;
}
.item-linked-field-column .label-linked-field {
    padding-bottom: 10px;
    padding-right: 0;
}
.wrapper-content-section {
    position: relative;
    padding: 25px;
    flex: 1;
}
.icon-profile {
    background-color: var(--medium_blue);
    border-radius: 50%;
    box-sizing: border-box;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 30px;
    flex-shrink: 0;
}
.icon-profile-name {
    color: var(--background-primary);
    font-size: 26px;
}
.advanced-section-content {
    position: relative;
    background: var(--background-primary);
    box-sizing: border-box;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 1px 0 #ededed;
}
.advanced-section-content:not(:last-child) {
    margin-bottom: 25px;
}
.advanced-notes {
    display: inline-block;
}
.items-linked-fields .label-linked-field {
    padding-right: 16px;
    width: 138px;
    display: flex;
    align-items: center;
    color: #7b8082;
}
.items-linked-list-fields .label-linked-field {
    margin-bottom: 5px;
}
.text-overflow-hidden {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.label-linked-field-value {
    overflow: hidden;
    white-space: nowrap;
}
.items-linked-fields .value-linked-field {
    width: 277px;
}
.button-profile .icon-profile {
    margin-right: 10px;
    height: 28px;
    width: 28px;
}
.button-profile .icon-profile-name {
    font-size: 15px;
}
.top-content-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    height: 65px;
    box-sizing: border-box;
    background-color: var(--background-primary);
    padding: 0 25px;
    border-bottom: 1px solid var(--border-default);
}
.button-input-loading .button-input-icon {
    display: none;
}
.button-input-icon {
    display: block;
    margin-right: 5px;
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.button-input-icon.icon-exit {
    background-image: url("../icons/exit.svg");
    height: 16px;
    width: 16px;
}
.button-logout {
    display: flex;
    align-items: center;
    margin-right: 20px;
    color: #ea6a9d;
    font-size: 14px;
}
.icon-plus {
    background-image: url("../icons/plus.svg");
    height: 9px;
    width: 9px;
}
.icon-plus-blue {
    background-image: url("../icons/plus-blue.svg");
    height: 9px;
    width: 9px;
}
.items-list-channels {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
    gap: 30px;
    width: 100%;
}
.section-modal-channels .items-list-channels,
.items-connected-channels {
    margin-top: 12px;
}
.section-modal-channels .list-holder-channel {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 124px;
    width: 195px;
    justify-content: center;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}
.section-modal-channels .list-holder-channel:not(.disable) {
    cursor: pointer;
}
.section-modal-channels .list-holder-channel:not(.disable):hover {
    border-color: #949494;
}
.section-modal-channels .list-holder-channel.disable::before {
    position: absolute;
    content: "";
    background-image: url("../icons/disable.svg");
    top: -5px;
    right: -7px;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    height: 126px;
    width: 126px;
    opacity: 0.6;
    z-index: 1;
}
.section-modal-channels .list-holder-channel.disable::after {
    content: "Совсем скоро";
    position: absolute;
    transform: rotate(45deg);
    z-index: 2;
    color: var(--background-primary);
    top: 38px;
    right: 1px;
    font-size: 14px;
    font-weight: 700;
}
.section-modal-channels .list-holder-channel.disable .wrapper-holder-channel {
    background: hsla(0, 0%, 100%, .6);
}
.icon-channel,
.icon-pipe-holder {
    display: block;
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    height: 50px;
    width: 50px;
}
.icon-pipe-holder {
    margin-right: 15px;
}
.icon-channel-telegram,
.inbox-chats .channel-profile-source-telegram .contact-chat-logo-icon::after {
    background-image: url("../icons/telegram.svg");
}
.icon-channel-telegram_account,
.inbox-chats .channel-profile-source-telegram_account .contact-chat-logo-icon::after {
    background-image: url("../icons/telegram-account.svg");
}
.icon-channel-max,
.inbox-chats .channel-profile-source-max .contact-chat-logo-icon::after {
    background-image: url("../icons/max.svg");
}
.icon-channel-whatsapp,
.inbox-chats .channel-profile-source-whatsapp .contact-chat-logo-icon::after {
    background-image: url("../icons/whatsapp.svg");
}
.icon-channel-vk,
.inbox-chats .channel-profile-source-vk .contact-chat-logo-icon::after {
    background-image: url("../icons/vk.svg");
}
.icon-channel-avito,
.inbox-chats .channel-profile-source-avito .contact-chat-logo-icon::after {
    background-image: url("../icons/avito.svg");
}
.icon-channel-bitrix24,
.inbox-chats .channel-profile-source-bitrix24 .contact-chat-logo-icon::after {
    background-image: url("../icons/bitrix24.svg");
    width: 75px;
}
.icon-channel-amocrm,
.inbox-chats .channel-profile-source-amocrm .contact-chat-logo-icon::after {
    background-image: url("../icons/amocrm.png");
    width: 75px;
}
.icon-channel-moysklad,
.inbox-chats .channel-profile-source-moysklad .contact-chat-logo-icon::after {
    background-image: url("../icons/moysklad.svg");
}
.channel-name-inner {
    margin-bottom: 3px;
}
.list-holder-channel .label-channel {
    margin-top: 5px;
    font-size: 18px;
}
.modal-notes {
    background: var(--background-primary);
    color: #92989b;
    line-height: 20px;
    border-radius: 5px;
    padding: 12px 28px 12px 12px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid var(--border-default);
    margin-bottom: 20px;
    font-size: 14px;
    user-select: text;
}
.modal-notes::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 22px solid var(--border-default);
    border-right: 22px solid var(--background-primary);
    bottom: -1px;
    right: -1px;
}
.modal-note-list {
    list-style: auto;
    padding-left: 15px;
}
.modal-note-list li p {
    display: inline-block;
    padding: 0px 8px;
    background: var(--border-default);
    border-radius: 8px;
}
.items-connected-bots {
    display: flex;
    flex-wrap: wrap;
}
.item-connected-holder,
.item-pipe-card-holder {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: start;
    background: var(--background-primary);
    border: 1px solid var(--border-default);
    padding: 18px 25px;
    border-radius: 5px;
    margin-right: 15px;
    overflow: hidden;
    box-sizing: border-box;
    width: 340px;
    box-shadow: 0 2px 1px 0 #ededed;
}
.item-connected-holder:not(:last-child),
.item-pipe-card-holder:not(:last-child) {
    margin-bottom: 15px;
}
.item-connected-holder::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--text-gray);
    border-radius: 50%;
    height: 9px;
    width: 9px;
    z-index: 1;
}
.item-connected-holder.active::before {
    background: #24bc8c;
    animation: pulse-wave 1.5s ease-out infinite;
}
.item-connected-holder.active::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    background: #24bc8c;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    z-index: 2;
}
.label-field, .label-field {
    overflow: hidden;
    white-space: nowrap;
}
.label-desc-field {
    color: var(--text-gray);
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
}
.content-field-holder {
    overflow: hidden;
}
.icon-bot {
    background-image: url("../icons/ai.svg");
}
.icon-plus-green {
    background-image: url("../icons/plus-card.svg");
    height: 9px;
    width: 9px;
}
.icon-element-create {
    height: 30px;
    width: 30px;
    margin-right: 7px;
}
.modal-card-right {
    transform: translateX(110%);
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 60%;
    transition: transform .2s ease, opacity .1s;
    box-shadow: 0 14px 24px 1px rgba(0, 0, 0, .1);
    z-index: 19;
}
.modal-card-right.active {
    transform: unset;
}
.modal-card-right .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 1;
}
.card-holder-modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: auto;
    left: -65px;
    width: 65px;
    height: 65px;
    background: #d5d8db;
    cursor: pointer;
    padding: 10px;
    z-index: 2;
}
.card-holder-modal-close .close--icon {
    background-image: url("../icons/close.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 20px;
    width: 20px;
}
.modal-button-actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 65px;
    background: hsl(0deg 0% 100% / 60%);
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    border-top: 1px solid var(--border-default);
    margin: 0;
    padding: 13px 30px;
}
.button-input.button-cancel, .button-input.button-cancel:not(.button-cancel_blue):active, .button-input.button-cancel:not(.button-cancel_blue):hover {
    background: none !important;
    border: none !important;
}
.button-input.button-cancel {
    background: none;
    color: #92989b;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    outline: none;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.button-input.button-cancel_blue {
    border: 1px solid var(--dark_blue) !important;
    padding: 6px 16px;
    color: var(--medium_blue);
}
.button-cancel + .button-cancel_blue {
    margin-left: 10px;
}
.content-form-modal-right {
    position: relative;
    background: var(--background-primary);
    height: 100%;
    padding: 30px;
    box-sizing: border-box;
    padding-bottom: 130px;
    overflow: auto;
    z-index: 2;
}
.modal-card-right .top-head-card {
    position: relative;
    background: var(--background-default);
    margin: -30px -30px 0;
    padding: 30px 30px 50px 30px;
}
.modal-card-right .modal-head-action {
    display: flex;
    align-items: start;
}
.modal-card-right .text-input-name {
    background: 0 0;
    padding: 0;
    color: var(--text-default);
    overflow: hidden;
    overflow-wrap: break-word;
    height: 31px;
    min-height: 30px;
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
    vertical-align: bottom;
    font-size: 23px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -.8px;
    width: 100%;
    border-bottom: 1px solid transparent;
}
.modal-card-right .box-section-options {
    position: relative;
    margin-left: 10px;
}
.modal-card-right .box-section-option-icon {
    cursor: pointer;
    padding: 7px 0;
}
.modal-card-right .box-section-option-icon .section-option-icon__inner {
    background-image: url("../icons/more.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 3px;
    width: 13px;
}
.modal-card-right .list-box-section-options {
    border: 1px solid var(--border-default);
    position: absolute;
    right: 0;
    z-index: 12;
}
.modal-card-right .list-section-option {
    position: relative;
    cursor: pointer;
    background: var(--background-primary);
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 34px;
    width: 160px;
}
.modal-card-right .list-section-option__inner {
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal-card-right .list-section-option[data-id="copy"]::before {
    position: absolute;
    top: 12px;
    left: 15px;
    content: "";
    background-image: url("../icons/copied.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 13px;
    width: 11px;
}
.modal-card-right .list-section-option[data-id="delete"]::before {
    position: absolute;
    top: 13px;
    left: 15px;
    content: "";
    background-image: url("../icons/trash.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 13px;
    width: 12px;
}
.modal-card-right .list-section-option:hover {
    background: var(--background-default);
}
.modal-card-right .overlay-list-section-option {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
}
.navigation-tabs {
    position: absolute;
    bottom: 0;
    height: 29px;
    list-style: none;
    display: inline-flex;
    justify-content: space-between;
    align-items: stretch;
}
.navigation-tabs .item-tabs {
    position: relative;
    box-sizing: border-box;
    padding: 0 8px;
    transition: color .2s;
    cursor: pointer;
    font-weight: bold;
    color: var(--text-gray);
}
.navigation-tabs .item-tabs.selected {
    color: var(--medium_blue);
}
.navigation-tabs .item-tabs.selected::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 3px;
    background: var(--medium_blue);
    left: 0;
    right: 0;
}
.modal-card-right .text-input-name::placeholder {
    color: #b5b5b5;
}
.modal-card-right .text-input-name:focus {
    border-color: var(--medium_blue);
}
.modal-card-right .section-nav-content {
    margin-top: 15px;
}
.modal-card-right .items-linked-fields .label-linked-field {
    padding-top: 9px;
    width: calc(35% - 15px);
}
.modal-card-right .items-linked-fields .value-linked-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 36px;
    width: 65%;
}
.modal-card-right .items-linked-fields .item-linked-field {
    align-items: start;
}
.modal-card-right .items-linked-fields .item-linked-field-column .value-linked-field {
    width: 100%;
}
.modal-body__actions {
    display: flex;
    font-size: 0;
    margin-top: 23px;
}
.items-field-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    margin-top: 7px;
    max-height: 45px;
    overflow: hidden;
}
.items-field-tags .item-field-tag {
    font-size: 12px;
    padding: 0 5px;
    border: 1px solid var(--border-default);
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    color: #92989b;
}
.inbox-chats {
    display: flex;
    flex: 1;
    min-height: 0;
}
.inbox-chats .inbox-message-list {
    background: var(--background-primary);
    border-right: 5px solid var(--border-default);
    box-sizing: border-box;
    min-width: 250px;
    width: 30%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    z-index: 2;
}
.inbox-chats .inbox-contact-chat {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}
.inbox-chats .inbox-contact-chat.selected {
    background-color: #E9F5FF;
}
.inbox-chats .label-inbox-contact-chat,
.inbox-chats .inbox-contact-chat-content {
    overflow: hidden;
    white-space: nowrap;
}
.inbox-chats .item-inbox-contact-chat {
    padding: 0 15px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background 0.5s linear;
}
.inbox-chats .inbox-contact-chat:not(.selected):hover {
    background-color: #f8faff;
}
.inbox-chats .inbox-contact-chat.message-new .item-inbox-contact-chat {
    background-color: #bbe0ff;
}
.inbox-chats .inbox-contact-chat .wrapper-item-inbox--chat {
    padding: 8px 0;
    display: flex;
    align-items: start;
    border-bottom: 1px solid var(--border-default);
}
.inbox-chats .box-top-label-inbox-chat .items-top-tags {
    display: flex;
    align-items: start;
    max-width: 60%;
}
.inbox-chats .items-top-tags .item-top-tag {
    border: 1px solid var(--border-default);
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 5px;
    margin-bottom: 3px;
}
.inbox-contact-chat.selected .items-top-tags .item-top-tag,
.inbox-contact-chat.message-new .items-top-tags .item-top-tag,
.inbox-contact-chat.selected .contact-chat-price,
.inbox-contact-chat.message-new .contact-chat-price {
    background-color: var(--background-primary);
}
.inbox-chats .box-top-label-inbox-chat {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inbox-chats .chat-date-inbox {
    font-size: 12px;
    color: var(--text-default);
}
.inbox-chats .label-inbox-contact-chat {
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
.inbox-chats .box-container-list-chats {
    position: absolute;
    display: flex;
    right: -1px;
    top: 0;
    bottom: 0;
    height: 100%;
    pointer-events: initial;
    box-sizing: border-box;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: rgba(234, 234, 234, .9);
    overflow: hidden;
    transition: transform .1s;
    transition-delay: .1s;
    transform: translateX(100%);
}
.inbox-chats .box-container-list-chats .item-context-control {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px;
    color: #6b6d72;
}
.inbox-chats .item-context-control:first-child {
    padding-left: 15px;
}
.inbox-chats .box-container-list-chats .delete-chat-icon:before {
    content: " ";
    background-image: url("../icons/delete.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 14px;
    width: 14px;
    margin-right: 7px;
}
.inbox-chats .inbox-contact-chat:hover .box-container-list-chats {
    transform: translateX(100%) translateX(-15px);
}
.inbox-chats .box-container-list-chats:hover {
    transform: translateX(0) !important;
}
.inbox-chats .inbox-message-icon-svg {
    position: absolute;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 17px;
    width: 13px;
}
.inbox-chats .inbox-message-icon-svg.message-out-icon {
    transform: rotateY(180deg);
    right: -4px;
    background-image: url("../icons/message-out.svg");
}
.inbox-chats .inbox-message-icon-svg.message-in-icon {
    left: -4px;
    background-image: url("../icons/message-in.svg");
}
.inbox-chats .message-inbox-contact-chat {
    position: relative;
}
.inbox-chats .message-inbox-text {
    position: relative;
    background-color: #264b79;
    border-radius: 10px;
    padding: 5px 8px;
    display: inline-grid;
}
.inbox-chats .inbox-contact-chat-content {
    margin-left: 13px;
    width: 100%;
}
.inbox-chats .direction-out {
    text-align: right;
    margin-right: 4px;
}
.inbox-chats .direction-in {
    margin-left: 4px;
}
.inbox-chats .direction-out .message-inbox-text {
    background-color: var(--medium_blue);
}
.inbox-chats .message-inbox-contact-inner {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 48px;
    color: #fff;
}
.inbox-chats .contact-chat-logo-icon {
    border: 1px solid var(--border-default);
    background-image: url("../icons/userpic.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    position: relative;
}
.inbox-chats .inbox-contact-chat-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 65px;
}
.inbox-chats .contact-chat-price {
    font-size: 12px;
    padding: 2px 4px;
    background-color: #E9F5FF;
    border-radius: 8px;
    margin-top: 9px;
}
.inbox-chats .inbox-source-logo .contact-chat-logo-icon::after {
    content: " ";
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    position: absolute;
    background-color: #ffffff;
    background-position: center;
    background-size: contain;
    padding: 2px;
    bottom: -2px;
    right: -5px;
    border-radius: 50%;
    z-index: 1;
}
.inbox-chats .items-inbox-message {
    flex: 1;
    min-height: 0;
    padding-bottom: 50px;
}
.inbox-chats .items-inbox-message .loader-messages {
    margin-top: 15px;
}
.inbox-message-search {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid var(--border-default);
    box-sizing: border-box;
    height: 65px;
    flex-shrink: 0;
}
.inbox-message-search .icon-message-search {
    position: relative;
    background-image: url("../icons/search.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 15px;
    width: 16px;
}
.inbox-message-search .input-search-inbox {
    margin-left: 10px;
    height: 32px;
    width: calc(100% - 28px);
}
.items-list-messages {
    position: relative;
    overflow-y: auto;
    height: 100%;
    padding: 85px 15px 110px 15px;
    box-sizing: border-box;
}
.talk-box-contact-messages.chat-active .items-list-messages {
    padding-bottom: 160px;
}
.controls-chat-talk-messages {
    margin: 0 25px 25px 25px;
    background: transparent;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: calc(100% - 50px);
}
.control-text-messages {
    background: var(--background-primary);
    display: flex;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    height: 70px;
    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid var(--border-default);
}
.talk-box-contact-messages.chat-active .control-text-messages {
    height: 120px;
}
.input-text-textarea.textarea-field-message {
    height: 100%;
    min-height: 30px;
    line-height: 20px;
    overflow: hidden;
    overflow-wrap: break-word;
    border: unset;
    border-radius: 8px;
    padding: 10px 20px;
    width: 100%;
}
.box-communication-message-controls {
    position: relative;
    display: flex;
    align-items: end;
    margin-right: 15px;
    margin-left: 40px;
    padding-bottom: 24px;
}
.button-message-emoji {
    background-image: url("../icons/smile.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 3px;
    cursor: pointer;
    height: 18px;
    width: 17px;
}
.button-message-send {
    background-image: url("../icons/message-send.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 9px;
    cursor: pointer;
    height: 24px;
    width: 24px;
}
.box-message-talk {
    position: relative;
}
.box-message-talk .item-box-message {
    display: flex;
    margin: 10px 0;
}
.box-message-talk .item-box-message.message-out {
    justify-content: right;
}
.item-box-message.message-out .chat-message-date-create {
    color: rgba(255, 255, 255, .7);
}
.box-message-talk .wrap-messager-box {
    position: relative;
    background-color: #264b79;
    border-radius: 10px;
    padding: 5px 8px;
    display: inline-grid;
    max-width: 60%;
}
.box-message-talk .message-out .wrap-messager-box {
    background-color: var(--medium_blue);
}
.box-message-talk .chat-message-inner {
    overflow: hidden;
    color: #fff;
}
.box-message-talk .chat-message-inner-value {
    user-select: text;
    white-space: pre-wrap;
}
.box-message-talk .chat-message-date-create {
    color: #8092ad;
    margin-bottom: 5px;
    font-size: 13px;
}
.content-inbox-messages {
    flex: 1;
    min-height: 0;
}
.talk-box-contact-messages {
    position: relative;
    height: 100%;
}
.developer-form-section .input-text-textarea {
    height: calc(100vh - 140px);
}
.kbase-form-section .input-text-textarea {
    height: 520px;
}
.input-text-textarea.input-text-textarea-prompt {
    height: 420px;
}
.inbox-message-no-select {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.inbox-message-no-select .message-no-select-inner {
    padding: 5px 10px;
    background-color: var(--background-primary);
    border-radius: 15px;
    font-size: 14px;
}
.loader-messages {
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-channel-select .modal-body {
    width: 710px;
}
/*delete*/
.control-number .input-billing-price {
    width: 130px;
}
.section-billing .control-number {
    margin: 15px 0 30px 0;
}
/*delete*/
.sections-billing {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 40px;
    justify-content: start;
}
.sections-billing .tariff-billing {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 15px;
    box-sizing: border-box;
    height: 385px;
    width: 320px;
}
.sections-billing .tariff-name {
    font-size: 20px;
    margin-left: 22px;
    font-weight: bold;
}
.sections-billing .tariff-billing::before {
    content: " ";
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid var(--border-default);
    box-sizing: border-box;
    position: absolute;
    left: 15px;
    top: 21px;
}
.sections-billing .tariff-billing.selected {
    border-color: var(--medium_blue);
}
.sections-billing .tariff-billing.selected::before {
    border-color: var(--medium_blue);
    background: var(--medium_blue);
    box-shadow: inset 0 0 0 2px #fff;
}
.sections-billing .item-tariff-support > span {
    color: var(--text-gray);
}
.sections-billing .item-tariff-support {
    color: var(--medium_blue);
}
.sections-billing .tariff-supports {
    margin-top: 20px;
    user-select: text;
}
.sections-billing .item-tariff-support:not(:last-child) {
    margin-bottom: 8px;
}
.sections-billing .tariff-linked-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.tariff-linked-actions .button-actions {
    margin-top: 15px;
    width: 100%;
}
.tariff-linked-actions .button-actions .button-input {
    justify-content: center;
    width: 100%;
}
.sections-billing .top-tariff-prices {
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.sections-billing .control-tariff-prices {
    text-align: right;
    user-select: text;
}
.sections-billing .tariff-price-pay {
    font-size: 20px;
    color: var(--medium_blue);
    font-weight: bold;
}
.sections-billing .current-tariff .active {
    color: var(--medium_blue);
}
.sections-billing .current-tariff .not_active {
    color: #e87775;
}


.talk-box-contact-messages.loader .box-message-talk .message-in .wrap-messager-box {
    background-color: #eaeaea;
    height: 35px;
}
.talk-box-contact-messages.loader .box-message-talk .message-out .wrap-messager-box {
    background-color: #eaeaea;
    height: 45px;
}
.talk-box-contact-messages.loader .box-message-talk {
    animation: app-plug-loader 1.2s ease-in-out infinite;
}
.talk-box-contact-messages.loader .inbox-message-icon-svg.message-out-icon {
    background-image: url("../icons/message-out-loader.svg");
}
.talk-box-contact-messages.loader .inbox-message-icon-svg.message-in-icon {
    background-image: url("../icons/message-in-loader.svg");
}
.talk-box-contact-messages.loader .control-content-textarea .app-animation-plug {
    height: 25px;
    width: 90%;
    align-self: center;
    margin-left: 10px;
    box-sizing: border-box;
}
.button-message-bot-control {
    position: absolute;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 19px;
    height: 19px;
    right: 70px;
    bottom: 26px;
}
.button-message-bot-control[data-id="stop"] {
    background-image: url("../icons/stop.svg");
}
.button-message-bot-control[data-id="play"] {
    background-image: url("../icons/play.svg");
}
.button-modal-trash {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #92989b;
}
.button-modal-trash .icon-button-modal-trash {
    display: block;
    position: relative;
    background-image: url("../icons/trash.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 13px;
    width: 12px;
}
.button-modal-trash .label-button-modal-trash {
    margin-left: 5px;
}
.icon-kbase {
    background-image: url("../icons/kbase.svg");
}
.balance-highlight {
    display: inline-block;
    animation: balanceScale 0.6s ease-in-out;
}
.content-modal-support {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 15px;
    width: 100%;
}
.content-modal-support .content-nav-modal {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.content-modal-support .items-nav-modal {
    width: 48%;
}
.content-modal-support .link-help-inner {
    font-size: 18px;
    margin-bottom: 5px;
}
.modal .qr-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 210px;
    width: 210px;
}
.modal .qr-icon.telegram {
    background-image: url("../icons/telegram-qr.svg");
}
.modal .qr-icon.wa {
    background-image: url("../icons/wa-qr.svg");
}
.item-element-create {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border: 1px dashed #c5c5c5;
    border-radius: 5px;
    padding: 18px 27px 18px 25px;
    overflow: hidden;
    box-sizing: border-box;
    width: auto;
}
.button-action-in-card {
    display: inline-flex;
    align-items: center;
    color: var(--medium_blue);
    cursor: pointer;
    height: 36px;
    box-sizing: border-box;
    border: unset;
    padding: 0;
    font-weight: 400;
}
.tour .item-pipe-card-holder.item-kbase:first-child {
    z-index: 1;
}
.icon-arrow {
    background-image: url("../icons/arrow.svg");
}
.icon-success {
    background-image: url("../icons/success.svg");
}
.card-item-multiappend {
    background: var(--background-default);
    margin-bottom: 25px;
    padding: 10px;
    border-radius: 5px;
}
.button-add-avito-item {
    justify-content: center;
    padding: 20px 10px;
    font-size: 15px;
    width: 100%;
}
.items-card-multiappend {
    cursor: pointer;
    margin-top: 10px;
}
.button-add-avito-item .button-input-icon {
    height: 14px;
    width: 14px;
}
.item-element-multiappend {
    padding: 7px 10px;
    background: var(--background-primary);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
}
.item-element-multiappend:not(:last-child) {
    margin-bottom: 5px;
}
.item-element-desc {
    margin-left: 10px;
}
.item-element-desc .item-element-error {
    overflow: hidden;
    white-space: nowrap;
    color: #e87775;
    font-size: 13px;
}
.card-item-multiappend .head-item {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}
.contact-card-top {
    height: 65px;
    position: absolute;
    top: 0;
    width: 100%;
    background: var(--background-primary);
    z-index: 1;
    box-sizing: border-box;
    border-bottom: 1px solid var(--border-default);
    opacity: 0.9;
    transition: height 0.2s linear;
}
.contact-card-top.open {
    height: 180px;
}
.wrapper-contact-card-chat {
    padding: 10px;
    display: flex;
    align-items: start;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
}
.contact-card-top .inbox-contact-chat-logo {
    width: 42px;
}
.contact-card-top .content-contact-card-chat-info {
    display: flex;
    align-items: start;
    width: calc(100% - 42px);
}
.contact-card-top .contact-card-chat-info {
    margin: 0 10px;
    width: calc(40% - 20px);
}
.contact-card-top .contact-card-chat-fields {
    width: 60%;
}
.contact-card-top .items-top-tags .item-top-tag {
    margin-bottom: 1px;
}
.contact-card-top .items-top-tags {
    display: flex;
    align-items: start;
}
.contact-card-top .item-linked-field {
    min-height: 20px;
}
.contact-card-top .items-linked-fields .label-linked-field {
    width: 28%;
}
.contact-card-top .items-linked-fields .value-linked-field {
    width: calc(70% - 16px);
}
.contact-card-top .item-linked-field:not(:last-child) {
    margin-bottom: 5px;
}
.button-control-card-detail-list {
    position: absolute;
    bottom: -19px;
    left: 15px;
    cursor: pointer;
    height: 18px;
    width: 60px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid var(--border-default);
    display: flex;
    align-items: center;
    border-top: unset;
    justify-content: center;
    background: var(--background-primary);
}
.icon-button-bottom {
    background-image: url("../icons/bottom_arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 13px;
    width: 16px;
}
.contact-card-top.open .button-control-card-detail-list .icon-button-bottom {
    transform: rotate(180deg);
}
.value-field-multi {
    display: flex;
    align-items: center;
}
.button-avito-item-link {
    margin-left: 10px;
}
.section-modal-channels + .section-modal-channels {
    margin-top: 30px;
}
.linked-label-link {
    position: relative;
}
.linked-label-link .label-link-inner {
    background: var(--border-default);
    padding: 2px 5px;
    white-space: nowrap;
    border-radius: 8px;
    font-size: 14px;
}
.action-copy-link {
    display: flex;
    padding: 5px;
    cursor: pointer;
}
.detail-profile .action-copy-link {
    position: absolute;
    top: -2px;
    left: -25px;
}
.action-copy-link .copy-link-icon {
    position: relative;
    background-image: url("../icons/copied.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 17px;
    width: 12px;
}
.section-content-items {
    margin-bottom: 15px;
}
.items-linked-bot-actions .item-field-linked-action {
    display: flex;
    align-items: start;
    margin-bottom: 15px;
    border-radius: 8px;
    padding: 15px;
    background: var(--background-default);
    height: 110px;
}
.items-linked-bot-actions .field-linked-action-content {
    margin-right: 15px;
    width: calc(70% - 15px);
}
.items-linked-bot-actions .field-linked-action-event {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 30%;
    align-items: end;
}
.items-linked-bot-actions .field-linked-values-select-bot {
    margin-top: 10px;
}
.items-linked-bot-actions .input-text-textarea-action-prompt {
    height: 82px;
}
.items-linked-bot-actions .input-text-textarea-action-prompt::placeholder {
    font-size: 14px;
}
.items-linked-bot-actions .linked-value-action-events {
    margin-bottom: 8px;
    width: 100%;
}
.advanced-section-content .head-min {
    margin-bottom: 5px;
}
.items-field-enums {
    display: inline-flex;
    flex-direction: column;
    margin-top: 5px;
}
.items-field-enums .item-linked-field {
    background: var(--background-default);
    padding: 5px 15px;
    border-radius: 8px;
    min-height: auto;
}
.item-button-actions {
    display: flex;
    align-items: center;
}
.item-button-actions .button-input_blue {
    padding: 8px;
}
.items-field-enums .label-linked-field {
    color: var(--text-default);
    width: 180px;
}
.items-field-enums .value-linked-field {
    width: 200px;
}
.notification-connect-not-found {
    color: #92989b;
    font-size: 14px;
    margin-top: 3px;
}
.control-field-partner-link {
    margin-bottom: 10px;
    width: 390px;
}
.control-field-partner-link .action-copy-link {
    position: absolute;
    top: -2px;
    right: -25px;
}