Joywork/css/crm.css

/* START Base style kind of tailwind */
    /* Layout */
    .inline-block {
        display: inline-block;
    }
    .flex {
        display: flex;
    }
    /* flexbox & grid */
    .justify-center	{
        justify-content: center;
    }
    .items-center {
        align-items: center;
    }
    /* Spacing */
    .ml-5 {
        margin-left: 20px;
    }
    /* Typography */
    .whitespace-nowrap {
        white-space: nowrap;
    }
/* END Base style kind of tailwind */

/* Kanban */

.jw__layout .content-top.is__fixed,
.jw__layout .content-right .main-title.is__fixed {
    position: fixed;
}

.jw-users .jw__layout-content .content-right .inner {
    /*padding-bottom: 0;*/
}

.jw__layout .content-top.is__fixed {
    z-index: 8;
}

.jw__kanban-title {
    z-index: 7;
    width: 100%;
    background: #fff;
}

.jw__page__tabs {
    /* border-bottom: 0;*/
    position: relative;
    z-index: 9;
}

.kanban {
    max-height: calc(100vh - 94px);
    width: 100%;
}

.kanban .kanban__stages {
    display: table;
}

.kanban .kanban__stage {
    display: table-cell;
    vertical-align: middle;
    min-width: 330px;
    max-width: 330px;
    width: 330px;
    height: 19px;
    position: relative;   
}
.openInssmartModule:hover {
    fill: "#b7bcbc"
}

.kanban__stage span {
    z-index: 9;
    display: block;
    padding: 8px 10px 20px;
    font-size: 14px;
    letter-spacing: -1px;
    /* user-select -- это нестандартное свойство */
    -moz-user-select: none;
    /* поэтому нужны префиксы */
    -ms-user-select: none;
}
.kanban__head {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

.kanban__head::-webkit-scrollbar {
    width: 8px;
}

.kanban__head::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}

.kanban__head::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;

    /* ВАЖНО: создаём "отступ" сверху и снизу с помощью прозрачных границ */
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    background-clip: content-box;
}

.stage_header {
    margin-top: 6px;
    margin-left: 10px;
}

.title-text {
    width: 210px;
    padding-right: 16px;
    vertical-align: middle;
    height: 40px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
    word-break: break-word;
    display: table-cell;
}

.task-count {
    float: right;
    background-color: #43A047;
    border-radius: 20px;
    padding: 2px 12px 5px;
    color: #FFFFFF;
    width: 30px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}
.task-count-percent {
    color: #43A047;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding: 2px 15px 2px 8px;
    margin-right: 5px;
    width: auto;
    max-width: 35px;
}
.task-count-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
    margin-right: 10px;
}
.circle-progress {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    -webkit-mask:
      radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 3px));
    mask:
      radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 3px));
 }

.kanban__stage span b {
    font-size: 19px;
}

.kanban__items-lists {
    display: flex;
    padding-top: 7px;
    min-height: calc(100vh - 74px - 67px);
}

.kanban__items-list {
    min-width: 330px;
}

.kanban__head {
    height: 50px;
    min-width: 215px;
    margin: 11px 16px 0 15px;
    background: #fff;
    border-radius: 6px;
    border-style: solid;
    overflow-x: hidden;
    border-width: 1px;
    border-color: #43A047;
}

.kanban__item {
    height: auto;
    min-width: 215px;
    max-width: 255px;
    padding: 10px 24px 10px 18px;
    margin: 11px 16px 0 15px;
    background: #fff;
    border-radius: 3px;
}

.kanban__item.p1 {
    border-left: 3px solid #dd6360;
}

.kanban__item.p2 {
    border-left: 3px solid #efcd81;
}

.kanban__item.p3 {
    border-left: 3px solid #73a1fb;
}

.kanban__item.p4 {
    border-left: 3px solid #43A047;
}

.kanban__item .kanban__item-icon {
    position: relative;
    display: inline-block;
    top: -5px;
    left: 0px;
}

.kanban__item .kanban__item-icon-fire {
    position: relative;
    display: inline-block;
    top: -5px;
    padding-left: 6px;
}

.kanban__item .kanban__item-icon-renew {
    position: relative;
    display: inline-block;
    color: #757575;
    top: -7px;
    padding-left: 6px;
}

.kanban__item .kanban__item-icon2 {
    position: relative;
    display: inline-block;
    top: -3px;
    left: 5px;
}

.kanban__item-settings {
    display: inline;
}

#requisitions_list .kanban__item .kanban__item-icon-fire {
    position: relative;
    display: inline-block;
    float: right;
    top: unset;
    margin-top: 4px;
    padding-left: 6px;
}

#requisitions_list .title-kanban span {
    margin-top: 5px;
}

#requisitions_list .kanban__item-settings {
    display: inline-block;
    float: right;
    margin-left: 5px;
}

#requisitions_list .kanban__item .kanban__item-icon2 {
    float: right;
    top: unset;
    left: unset;
    margin-top: 4px;
    margin-left: 5px;
}

#requisitions_list .kanban__item .kanban__item-icon {
    float: right;
    top: unset;
    left: unset;
    margin-top: 5px;
}

.kanban__item-settings .jw-action-icon-settings {
    position: relative;
    top: 3px;
    float: right;
    font-size: 19px;
    color: #757575;
    cursor: pointer;
}

.kanban__item .kanban__item-title {
    cursor: pointer;
    border-bottom-style: dashed;
    font-size: 19px;
}

.kanban__item .kanban__item-total {
    font-size: 16px;
    margin-top: 8px;
    overflow: hidden;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.kanban-out {
    color: #757575;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    padding-right: 11px;
}

.kanban-line {
    border: none;
    color: #dedede;
    height: 1px;
    margin-top: 4px;
    background-color: #dedede;
}

.kanban-line-b {
    border: none;
    color: #dedede;
    height: 1px;
    background-color: #dedede;
    margin-top: 14px;
}

#requisitions_list .title-kanban {
    width: 120px;
}

.title-kanban {
    width: 130px;
    height: 28px;
    display: inline-block;
}

.title-kanban span {
    font-weight: 700;
    color: #000000;
    float: left;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
    font-size: 18px;
}

.kanban__item .kanban__item-name {
    margin-top: 10px;
    height: 20px;
}

.kanban__item .kanban__item-name-name {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 141px;
    font-size: 15px;
    font-weight: 700;
    color: #000000;
}
.kanban__item .kanban__item-name-name:hover {
    cursor: pointer;
    color: #116ac9;
}
.kanban__item .kanban__item-name-date {
    font-size: 13px;
    width: 114px;
    text-align: right;
    color: #757575;
}

.kanban__item .kanban__item-object {
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    margin-top: 9px;
}

.kanban__item .kanban__item-header {
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    margin-top: 9px;
}

.kanban__item .kanban__item-tag {
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    margin-top: 9px;
}

.kanban__item .kanban__item-tasks {
    position: relative;
    bottom: 0;
    font-size: 13px;
    padding-bottom: 10px;
    margin-top: 17px;
    display: flex;
    justify-content: space-between;
}

.kanban__item .kanban__item-tasks .jw__tab__counter {
    position: absolute;
    top: -2px;
    padding: 2px 8px 0;
    right: -28px;
    font-size: 13px;
}

.kanban__item .kanban__item-tasks a {
    position: relative;
    border-bottom-style: dotted;
}

.kanban__item .kanban__item__add-task {
    position: relative;
}

.kanban__item .kanban__item__add-task i {
    position: absolute;
    left: -17px;
}

.kanban .kanban__sortable {
    min-height: calc(100vh - 250px);
    padding-bottom: 80px;
}

.kanban .kanban__item.is__hidden {
    display: none;
}

.kanban .kanban__items-list .is__highlight {
    content: " ";
    margin: 11px 16px 0 15px;
    width: 257px;
    height: 151px;
    border: 1px solid #dedede;
    border-radius: 4px;
}

.jw__layout-content .jw__kanban-title {
    border-bottom: 0;
}


/* crm */

.tt-client {
    margin: 0 0 6px 0px !important;
}

.tt-client::after {
    left: 15% !important;
}

#popup__clients:before {
    right: 160px;
}

.jw__layout-content .main-title {
    position: relative;
    z-index: 9;
}

.jw__layout-content .content-top {
    /*z-index: 10;*/
    z-index: 998;
}


/* CRM */

.crm {
    position: relative;
}

.crm__small-stagebar {
    border: 1px solid #dedede;
    border-radius: 3px;
    height: 8px;
    width: 210px;
}

.crm__small-stagebar table {
    border-spacing: 0;
    width: 100%;
    margin-top: -1px;
}

.crm__small-stagebar table td {
    border-left: 1px solid #dedede;
    min-width: 20px;
    height: 10px;
}

.crm__small-stagebar table td:first-child {
    border-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.crm__small-stagebar table td:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.crm__small-stagebar-title {
    font-size: 11px;
}

.crm__small-stagebar table td {
    background: rgba(255, 255, 255, .0);
}

.crm__small-stage-btn {}

.crm__small-stagebar .crm__small-stage {
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin: -1px;
}

.crm__small-stagebar .crm__small-stage:hover {
    border: 1px solid #dedede;
}

.crm__small-stagebar .next-stage {
    display: none;
}


/* Client work stages */

.crm__small-stagebar table td.active.stage-new {
    background: rgba(56, 142, 60, .62);
    background: -moz-linear-gradient(left, rgba(56, 142, 60, .45) 0%, rgba(56, 142, 60, .69) 100%);
    background: -webkit-linear-gradient(left, rgba(56, 142, 60, .45) 0%, rgba(56, 142, 60, .69) 100%);
    background: linear-gradient(to right, rgba(56, 142, 60, .45) 0%, rgba(56, 142, 60, .69) 100%);
}

.crm__small-stagebar table td.active.stage-work {
    background: rgba(56, 142, 60, .67);
}

.crm__small-stagebar table td.active.stage-offer {
    background: rgba(56, 142, 60, .72);
}

.crm__small-stagebar table td.active.stage-showing {
    background: rgba(56, 142, 60, .77);
}

.crm__small-stagebar table td.active.stage-reservation {
    background: rgba(56, 142, 60, .82);
}

.crm__small-stagebar table td.active.stage-meet {
    background: rgba(56, 142, 60, .87);
}

.crm__small-stagebar table td.active.stage-deal {
    background: rgba(56, 142, 60, .92);
}

.crm__small-stagebar table td.active.stage-end {
    background: rgba(56, 142, 60, .97);
}

.clients.history-n {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.clients .history__chat-n {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    width: 100% !important;
    background: #f8f8f8;
    border-right: 1px solid #dedede;
    overflow-x: hidden;
}

.clients #client-info-block {
    padding-bottom: 120px;
}

.adv-costs .history__results {
    width: 100% !important;
    box-sizing: border-box;
}

.clients .history__variants {
    width: 100% !important;
    box-sizing: border-box;
}

.clients .history__chat-form {
    z-index: 100;
    padding: 13px 0;
    left: 0;
    width: calc(100% - 1px);
}

.clients .history__chat-form .chat-form {
    width: auto;
}

.clients .is__right .client,
.clients .is__right .chat-message {
    margin: 0 81px 0 0;
}

.clients .is__left .client:before {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    position: absolute;
    display: block;
    height: 22px;
    content: "";
    width: 22px;
    top: 34px;
    right: 13px;
    margin-right: -21px;
}

.clients .chat-block {
    margin: 20px 0 0 0;
}

.clients .chat-block.chat-block__client {
    margin: 0;
}

.clients .chat-block.chat-block__client .client {
    border-radius: 0;
}

.clients .chat-block .client .client-inner>div {
    padding-left: 40px;
    padding-right: 40px;
}

.chat-block .chat-message {
    float: none;
    padding: 9px 25px 10px 18px;
    border-radius: 3px;
    position: relative;
    color: #000;
    max-width: calc(60% - 110px);
    word-wrap: break-word;
    font-size: 16px;
    line-height: 18px;
    min-width: 20%;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    margin: 5px 0;
}

.chat-block.is__left {
    margin: 0 20px 0 35px;
}

.chat-block.is__right {
    margin: 0 35px 0 20px;
}

.is__left .chat-message {
    float: left;
    margin-left: 70px;
}

.is__right .chat-message {
    float: right;
    margin-right: 70px;
}

.is__left .chat-message:before {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    border-radius: 0;
    position: absolute;
    display: block;
    height: 22px;
    content: "";
    width: 22px;
    top: 19px;
    left: 13px;
    margin-left: -21px;
    z-index: 2;
}

.is__left .chat-message:after {
    position: absolute;
    background: #fff;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0px;
    z-index: 3;
    border-radius: 4px;
    border: 0;
}

.is__right .chat-message:before {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .16);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    border-radius: 0;
    position: absolute;
    display: block;
    height: 22px;
    content: "";
    width: 22px;
    top: 19px;
    right: -8px;
    margin-right: 0px;
    z-index: 2;
}

.is__right .chat-message:after {
    position: absolute;
    background: #fff;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0px;
    z-index: 3;
    border-radius: 4px;
    border: 0;
}

.chat-block .chat-message>div {
    position: relative;
    z-index: 4;
}

.is__left .chat-content {
    min-width: calc(100% - 20px)
}

.is__left .chat-complete {
    order: 2;
}

.chat-block .client {
    position: relative;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13)
}

.chat-block .client .client-inner {
    position: relative;
    z-index: 10;
}

.chat-block.is__left .chat-author {
    position: absolute;
    left: 0;
    top: 10px;
}

.chat-block.is__right .chat-author {
    position: absolute;
    right: 0;
    top: 10px;
}

.chat-block__client .chat-author {
    top: 23px;
}

.chat-form {
    margin: 0 auto;
}

.clients .history__chat-form .submit {
    text-align: right;
    width: 47px;
    vertical-align: bottom;
}

.clients .chat-form .message-input {
    height: auto;
    border: 1px solid #dedede;
    margin-right: 13px;
    padding: 0 !important;
    border-radius: 3px;
}

.clients .history__chat-form .task {
    width: auto;
    text-align: left;
}

.clients .chat-form .add-task,
.chat-form .add-event {
    margin-right: 13px;
}

.clients {
    margin-bottom: 32px;
}

.clients .clients-list {
    margin: 0;
}

.clients .client {
    margin: 30px 0 30px 0;
    position: relative;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);
    border: 0;
}

.client-info .inner {
    padding: 20px 30px 20px;
}

.client .main-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 35px 34px;
}

.client .main-info.hidden {
    display: none;
}

.form-block.hidden,
.actions .hidden,
.actions-menu .hidden {
    display: none !important;
}

#objts .hidden,
#catalog-link .hidden {
    display: none !important;
}

#catalog-link-newbuildings .hidden {
    display: none !important;
}

#catalog-link-complexes .hidden {
    display: none !important;
}

.client .main-info .col {
    margin: 0 35px 10px 0;
}

.clients .client .row_line {
    border-top: 1px solid #f3f3f3;
}

.crm__filter-input .fstQueryInput {
    border: none;
    box-shadow: none;
    padding: 0px !important;
}

.fstQueryInput:focus {
    border: none;
    box-shadow: none;
}


/*.client .additional-info div {*/


/*  display: inline-block;*/


/*  margin-right: 11px;*/


/*}*/

.client .additional-info .status.red i {
    background: #D32F2F;
    background: -moz-linear-gradient(top, rgba(211, 47, 47, 1) 0%, rgba(183, 28, 28, 1) 100%);
    background: -webkit-linear-gradient(top, #D32F2F 0%, #B71C1C 100%);
    background: linear-gradient(to bottom, #D32F2F 0%, #B71C1C 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d32f2f', endColorstr='#b71c1c', GradientType=0);
    color: #ffffff;
    font-style: normal;
    padding: 3px 7px 4px;
    border-radius: 3px;
}

.client .additional-info .status.yellow i {
    background: #FFC107;
    color: #ffffff;
    font-style: normal;
    padding: 3px 7px 4px;
    border-radius: 3px;
}

.client .additional-info .status.green i {
    background: #4CAF50;
    color: #ffffff;
    font-style: normal;
    padding: 3px 7px 4px;
    border-radius: 3px;
}

.client .additional-info .status.border i {
    background: #f8f8f8;
    font-style: normal;
    padding: 2px 7px 3px;
    border-radius: 3px;
    border: 1px solid #dedede;
    color: #757575;
}

.client .client-name {
    border-bottom: 1px solid #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 20px 35px 15px;
}

.client .client-name h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 400;
}

.client .client-name h2 a {
    border-bottom-style: dashed;
}

.client .main-info .col.first {
    float: left;
    width: 40%;
    margin-bottom: 25px;
}

.client .main-info .col.phone,
.main-info .col.email {
    margin-bottom: 15px;
}

.client .main-info .col.second {
    float: left;
    width: 60%;
}

.client p.small {
    font-size: 12px;
    color: #757575 !important;
    position: relative;
    margin-bottom: 3px;
    line-height: 13px;
}

.client b.big {
    line-height: 19px;
    font-size: 19px;
    font-weight: 400;
}

.client-hot {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 9px;
}

.client-priority {
    display: inline-block;
    position: relative;
    top: 8px;
    margin-left: 4px;
}

.client .col.description {
    font-size: 16px;
    line-height: 23px;
    width: 100%;
    margin-bottom: 0;
}


.client .jw__g-button,
.history__object-info .jw__g-button {
    position: relative;
    padding: 6px 17px 9px;
    font-size: 16px;
    float: left;
}

.kanban__item .jw__g-button {
    position: relative;
    float: left;
    padding: 0;
    border: navajowhite;
    font-size: 13px;
    color: #000000;
    font-weight: 600;
}

.client .jw__g-button+.jw__g-button,
.history__object-info .jw__g-button+.jw__g-button {
    margin-left: 15px;
}

.client-inner-fields.haveFields {
    color: #e18605;
}

.client-inner-fields.haveFields i {
    color: #e18605;
}

.kanban__item .jw__g-button .counter,
.client .jw__g-button .counter,
.client .jw__g-button .error,
#filter_confirm .counter,
#filter_stage_send .counter,
.asfiltr-add-geo.active .counter {
    position: absolute;
    right: -8px;
    top: -8px;
    height: 19px;
    line-height: 19px;
    background: #4CAF50;
    color: #ffffff;
    padding: 0 9px;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    border-radius: 11px;
}

.kanban__item .jw__g-button .counter {
    left: 100%;
    width: max-content;
}

.asfiltr-add-geo.active .counter {
    position: absolute;
    right: -15px;
    top: -10px;
}

.client .jw__g-button .error {
    right: -8px;
    padding: 0px 6px;
    color: #fff;
    background: #f9a825;
}

.client .jw__g-button .counter.has-error {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 8px;
    right: -1px;
}

.client .jw__g-button .error.with-counter {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 5px;
    right: -24px;
}

#filter_confirm .counter {
    right: 55px;
}

#filter_stage_send .counter {
    right: 33px;
}

.clients .additional-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding: 15px 35px 5px;
}

.clients .additional-info>div {
    display: block;
    align-self: auto;
    order: 0;
    flex-basis: auto;
    padding-right: 13px;
    font-size: 16px;
}

.contract_req .actions-tags.show {
    right: auto;
    left: calc(50% - 120px);
}

.clients .additional-info .actions {
    margin-left: auto;
    display: flex;
    padding-right: 0;
}

.clients .additional-info .actions .delete,
.clients .additional-info .actions .settings {
    font-size: 20px;
}

.clients .additional-info .actions .jw__popup.autosearch__popup {
    right: 3px;
    top: 45px;
    left: auto;
}

.clients .additional-info .actions .jw__popup.autosearch__popup:before {
    top: -10px;
    left: auto;
    right: 25px;
}

.clients .additional-info .actions .jw__popup.fields__popup {
    right: -30px;
    top: 45px;
    left: auto;
}

.clients .additional-info .actions .jw__popup.fields__popup:before {
    top: -10px;
    left: auto;
    right: 25px;
}

.clients .additional-info .stagebar {
    padding: 3px 0 0 0;
    min-width: 220px;
    flex-shrink: 0;
}

.clients .additional-info .stagebar-title {
    color: #757575;
}

.clients .additional-info .type:empty {
    display: none;
}

.clients .additional-info .tags {
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.clients .additional-info .addTag {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.clients .additional-info .addTag>a {
    padding: 2px 4px;
}

.clients .actions-tags:before {
    right: auto;
    left: calc(50% + 2px);
}

.clients .additional-info .actions a {
    margin-left: 8px;
    display: inline-block;
    height: 20px;
}

.clients .additional-info .actions a.editClient i {
    position: relative;
    top: 1px;
}


/* CRM */

.crm__small-stagebar {
    border: 1px solid #dedede;
    border-radius: 3px;
    height: 8px;
    width: auto;
    margin-right: 15px;
}

.crm__small-stagebar table {
    border-spacing: 0;
    width: 100%;
    margin-top: -1px;
}

.crm__small-stagebar table td {
    border-left: 1px solid #dedede;
    min-width: 20px;
    height: 10px;
}

.crm__small-stagebar table td:first-child {
    border-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.crm__small-stagebar table td:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.crm__small-stagebar-title {
    font-size: 11px;
}

.crm__small-stagebar table td {
    background: rgba(255, 255, 255, .0);
}

.crm__small-stage-btn {}

.crm__small-stagebar .crm__small-stage,
.crm__small-stagebar .crm__small-step {
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin: -1px;
}

.crm__small-stagebar .crm__small-stage:hover,
.crm__small-stagebar .crm__small-step:hover {
    border: 1px solid #dedede;
}

.crm__small-stagebar .next-stage {
    display: none;
}


/* Client work stages */

.crm__small-stagebar table td.active.stage-new {
    background: rgba(56, 142, 60, .62);
    background: -moz-linear-gradient(left, rgba(56, 142, 60, .45) 0%, rgba(56, 142, 60, .69) 100%);
    background: -webkit-linear-gradient(left, rgba(56, 142, 60, .45) 0%, rgba(56, 142, 60, .69) 100%);
    background: linear-gradient(to right, rgba(56, 142, 60, .45) 0%, rgba(56, 142, 60, .69) 100%);
}

.crm__small-stagebar table td.active.stage-work {
    background: rgba(56, 142, 60, .67);
}

.crm__small-stagebar table td.active.stage-offer {
    background: rgba(56, 142, 60, .72);
}

.crm__small-stagebar table td.active.stage-showing {
    background: rgba(56, 142, 60, .77);
}

.crm__small-stagebar table td.active.stage-reservation {
    background: rgba(56, 142, 60, .82);
}

.crm__small-stagebar table td.active.stage-meet {
    background: rgba(56, 142, 60, .87);
}

.crm__small-stagebar table td.active.stage-deal {
    background: rgba(56, 142, 60, .92);
}

.crm__small-stagebar table td.active.stage-end {
    background: rgba(56, 142, 60, .97);
}

.crm__small-stagebar table td.active.stage-1 {
    background: rgba(56, 142, 60, .52);
    background: -moz-linear-gradient(left, rgba(56, 142, 60, .45) 0%, rgba(56, 142, 60, .56) 100%);
    background: -webkit-linear-gradient(left, rgba(56, 142, 60, .45) 0%, rgba(56, 142, 60, .56) 100%);
    background: linear-gradient(to right, rgba(56, 142, 60, .45) 0%, rgba(56, 142, 60, .56) 100%);
}

.crm__small-stagebar table td.active.stage-2 {
    background: rgba(56, 142, 60, .54);
}

.crm__small-stagebar table td.active.stage-3 {
    background: rgba(56, 142, 60, .56);
}

.crm__small-stagebar table td.active.stage-4 {
    background: rgba(56, 142, 60, .58);
}

.crm__small-stagebar table td.active.stage-5 {
    background: rgba(56, 142, 60, .60);
}

.crm__small-stagebar table td.active.stage-6 {
    background: rgba(56, 142, 60, .62);
}

.crm__small-stagebar table td.active.stage-7 {
    background: rgba(56, 142, 60, .64);
}

.crm__small-stagebar table td.active.stage-8 {
    background: rgba(56, 142, 60, .66);
}

.crm__small-stagebar table td.active.stage-9 {
    background: rgba(56, 142, 60, .68);
}

.crm__small-stagebar table td.active.stage-10 {
    background: rgba(56, 142, 60, .70);
}

.crm__small-stagebar table td.active.stage-11 {
    background: rgba(56, 142, 60, .72);
}

.crm__small-stagebar table td.active.stage-12 {
    background: rgba(56, 142, 60, .74);
}

.crm__small-stagebar table td.active.stage-13 {
    background: rgba(56, 142, 60, .76);
}

.crm__small-stagebar table td.active.stage-14 {
    background: rgba(56, 142, 60, .78);
}

.crm__small-stagebar table td.active.stage-15 {
    background: rgba(56, 142, 60, .80);
}

.crm__small-stagebar table td.active.stage-16 {
    background: rgba(56, 142, 60, .82);
}

.crm__small-stagebar table td.active.stage-17 {
    background: rgba(56, 142, 60, .84);
}

.crm__small-stagebar table td.active.stage-18 {
    background: rgba(56, 142, 60, .86);
}

.crm__small-stagebar table td.active.stage-19 {
    background: rgba(56, 142, 60, .88);
}

.crm__small-stagebar table td.active.stage-20 {
    background: rgba(56, 142, 60, .90);
}

.crm__small-stagebar table td.active.stage-21 {
    background: rgba(56, 142, 60, .92);
}

.crm__small-stagebar table td.active.stage-22 {
    background: rgba(56, 142, 60, .95);
}

.crm__small-stagebar table td.active.stage-23 {
    background: rgba(56, 142, 60, .99);
}

.crm__small-stagebar table td.active.stage-funnel {
    background: rgba(56, 142, 60, .92);
}

.crm__small-stagebar table td.stage-funnel.nextStep {
    background: rgba(56, 142, 60, .20);
}

.new-client__modal .crm__small-stagebar table td.stage-new.nextStep {
    background: rgba(56, 142, 60, .20);
}

.crm__small-stagebar table td.stage-funnel.nextStep.expired {
    background: #e2574c;
    opacity: 0.2;
}

.double_client_req {
    color: rgb(67, 160, 71);
    border-bottom: none;
}

.new-client__modal .crm__small-stagebar table td.stage-new.nextStep.expired {
    background: #e2574c;
    opacity: 0.2;
}

.stepError {
    color: #e2574c;
    font-size: 13px;
}


/*base fix*/

.ms-options-wrap>button:after {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e6c3";
    position: absolute;
    top: 8px;
    right: 17px;
    color: #9e9e9e;
    z-index: 4;
    font-size: 20px;
}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
    position: relative;
    text-align: left;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
    padding: 6px 55px 7px 10px;
    font-family: "Lato";
    font-size: 16px;
    outline-offset: -2px;
    white-space: nowrap;
    cursor: pointer;
}

.search-for-sources {
    max-width: 240px !important;

    margin-left: 145px;

}


.ms-options-wrap>button:after {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e6c3";
    position: absolute;
    top: 8px;
    right: 17px;
    color: #9e9e9e;
    z-index: 4;
    font-size: 17px;
}

.crm__filter-popup .ms-options-wrap>.ms-options {
    width: 379px;
}

.clients .full_modal.history__modal {
    width: 100%;
    height: 100%;
    top: 0px !important;
    margin-bottom: 0;
    border: 0;
    background: #fff;
}

.clients.history-n {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.adv-costs .history__results {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box;
}

.clients .history__variants {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box;
}

.log_client {
    width: 100% !important;
}

.clients .history__chat-form {
    z-index: 100;
    padding: 13px 0;
    left: 0;
    width: calc(100% - 1px);
}

.clients .history__chat-form .chat-form {
    width: auto;
}

.clients .is__right .client,
.clients .is__right .chat-message {
    margin: 0 81px 0 0;
}

.clients .is__left .client:before {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    position: absolute;
    display: block;
    height: 22px;
    content: "";
    width: 22px;
    top: 34px;
    right: 13px;
    margin-right: -21px;
}

.clients .chat-block {
    margin: 20px 0 0 0;
}

.clients .chat-block.chat-block__client {
    margin: 0;
}

.clients .chat-block.chat-block__client .client {
    border-radius: 0;
}

.clients .chat-block .client .client-inner>div {
    padding-left: 40px;
    padding-right: 40px;
}

.clients .chat-block .chat-message {
    float: none;
    display: flex;
    padding: 9px 25px 10px 18px;
    border-radius: 3px;
    position: relative;
    color: #000;
    max-width: calc(60% - 110px);
    word-wrap: break-word;
    font-size: 16px;
    line-height: 18px;
    min-width: 20%;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    margin: 5px 0;
}

.clients .chat-block.is__left {
    margin: 0 20px 0 35px;
}

.clients .chat-block.is__right {
    margin: 0 35px 0 20px;
}

.clients .is__left .chat-message {
    float: left;
    margin-left: 70px;
}

.clients .is__right .chat-message {
    float: right;
    margin-right: 70px;
}

.clients .is__left .chat-message:before {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    border-radius: 0;
    position: absolute;
    display: block;
    height: 22px;
    content: "";
    width: 22px;
    top: 19px;
    left: 13px;
    margin-left: -21px;
    z-index: 2;
}

.clients .is__left .chat-message:after {
    position: absolute;
    background: #fff;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0px;
    z-index: 3;
    border-radius: 4px;
    border: 0;
}

.clients .is__right .chat-message:before {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .16);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    border-radius: 0;
    position: absolute;
    display: block;
    height: 22px;
    content: "";
    width: 22px;
    top: 19px;
    right: -8px;
    margin-right: 0px;
    z-index: 2;
}

.clients .is__right .chat-message:after {
    position: absolute;
    background: #fff;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0px;
    z-index: 3;
    border-radius: 4px;
    border: 0;
}

.clients .chat-block .chat-message>div {
    position: relative;
    z-index: 4;
}

.clients .is__left .chat-content {
    min-width: calc(100% - 20px)
}

.clients .is__left .chat-complete {
    order: 2;
}

.clients .chat-block .client {
    position: relative;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13)
}

.clients .chat-block .client .client-inner {
    position: relative;
    z-index: 10;
}

.clients .chat-block.is__left .chat-author {
    position: absolute;
    left: 0;
    top: 10px;
}

.clients .chat-block.is__right .chat-author {
    position: absolute;
    right: 0;
    top: 10px;
}

.clients .chat-block__client .chat-author {
    top: 23px;
}

.clients .chat-form {
    margin: 0 auto;
}

.clients .history__chat-form .submit {
    text-align: right;
    width: 47px;
    vertical-align: bottom;
}

.clients .chat-form .message-input {
    height: auto;
    border: 1px solid #dedede;
    margin-right: 13px;
    padding: 0 !important;
    border-radius: 3px;
    overflow: hidden;
}

.clients .history__chat-form .task {
    width: auto;
    text-align: left;
}

.clients .chat-form .add-task-client,
.chat-form .add-event {
    margin-right: 13px;
}


/* Chat actions */

.clients .chat-history__actions_new,
.kanban .chat-history__actions_new {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
    -webkit-transform: scale(.96);
    transform: scale(.96);
    transition: all .1s ease;
    box-sizing: border-box;
    background: #fff;
    visibility: hidden;
    border-radius: 4px;
    position: absolute;
    padding: 9px 14px;
    width: 120px;
    z-index: 999;
    opacity: 0;
    bottom: 50px;
    left: 0;
}

.clients .chat-history__actions_new:before,
.kanban .chat-history__actions_new:before {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    border-radius: 0;
    position: absolute;
    display: block;
    height: 16px;
    content: "";
    width: 16px;
    bottom: -5px;
    left: 40px;
    margin-left: -8px;
}

.kanban .chat-history__actions_new {
    bottom: 30px;
    left: 85px;
}

.clients .history__chat-form .event {
    width: auto;
}

.clients .history__chat-form .add-event {
    cursor: pointer;
}

.clients .history__chat-form .chat-form__message {
    width: 770px;
}

.clients .history__chat-form .chat-form__button {
    height: 36px;
    line-height: 35px;
    border-radius: 3px;
    padding: 0 12px;
}

.clients .chat-form__button i {
    font-size: 20px;
    position: relative;
    top: 4px;
}

.clients .message-input input {
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    border: 0;
    padding: 0 22px 2px;
    font-family: "Lato";
    font-size: 15px;
}

.clients .chat-form .chat-form__submit button {
    border: 1px solid #dedede;
    border-radius: 3px;
    height: 38px;
    padding: 0 12px;
    background: none;
    color: #bdbdbd;
    font-size: 13px;
    cursor: pointer;
}

.clients .chat-form .chat-form__submit button img {
    position: relative;
    top: 2px;
    height: 21px;
}

.clients .chat-form a.whatsappBtn {
    text-decoration: none;
    padding: 0 0 0 5px;
    border-bottom: none;
}

.clients .chat-form a.wazzapBtn {
    text-decoration: none;
    padding: 0 0 0 5px;
    border-bottom: none;
}

.whatsappBtn_mini {
    text-decoration: none;
    border-bottom: none;
}

.whatsappBtn_mini_pad {
    text-decoration: none;
    border-bottom: none;
    padding-left: 26px;
}

.evCancel .simple-button {
    position: absolute;
    bottom: 0px;
    font-size: 27px;
    margin-right: 13px;
    color: #e2574c !important;
}

.clients .is__left .chat-message.cancel:after {
    background: gainsboro;
}

.simple-button svg path {
    transition: fill 0.3s ease;
    fill: #b7bcbc;
  }
.openInssmartModule:hover svg path {
    fill: #757575;
  }
  .openInssmartModule svg path {
    transition: fill 0.3s ease;
    fill: #b7bcbc;
  }
  .simple-button:hover svg path {
    fill: #757575;
  }
  
.clients .is__left .chat-message.cancel:before {
    background: gainsboro;
}

.chat-message.cancel .evCancel {
    display: none;
}

.clients .is__right .chat-message.cancel:before {
    background: gainsboro;
}

.clients .is__right .chat-message.cancel:after {
    background: gainsboro;
}

.complete-button {
    padding-right: 13px;
}

.complete-button input {
    display: none;
}

.chat-message.deal {}

.check svg {
    opacity: 0;
}

.check svg,
.check svg:hover {
    opacity: 1;
}

.group-action-button:hover .check {
    opacity: .2;
}

.complete-action-button svg,
.complete-action-button-obj svg {
    opacity: 0;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    top: -5px;
    left: 2px;
    z-index: 45;
    cursor: pointer;
}

.complete-action-button:hover svg,
.complete-action-button-obj:hover svg {
    opacity: .2;
}

.complete-action-button.active svg,
.complete-action-button-obj.active svg {
    opacity: 1;
}

#client_history .inner,
#clients_list .inner,
#requisitions_list .inner {
    padding: 0px;
    text-align: center;
}

#clients_list .inner a,
#requisitions_list .inner a {
    border: none;
}

#client_history .chat-history__actions_new:before {
    left: 25px;
}

.chat-history__actions_new.show {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.chat-history__actions_new .inner {
    position: relative;
    z-index: 9;
}

.chat-history__actions_new a {
    border: none;
    padding: 3px;
    display: block;
}

.listTasks {
    padding: 10px;
}

#app_step .chat-history__actions_new a,
#funnel_check_list .chat-history__actions_new a {
    display: inline-block;
}

.chat-history__actions_new span {
    display: block;
    padding: 5px 12px 6px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 4px;
}

.chat-history__actions_new span.call {
    background: #dcedc8;
    color: #2e7d32 !important;
}

.listTasks .call {
    color: #2e7d32 !important;
    font-size: 13px;
    font-weight: bold;
}

.chat-history__actions_new span.call:hover {
    background: #c5e1a5;
    color: #1b5e20 !important;
}

.chat-history__actions_new span.showing {
    background: #fff9c4;
    color: #f9a825 !important;
}

.chat-history__actions_new span.showing:hover {
    background: #fff59d;
    color: #f57f17 !important;
}

.listTasks .showing {
    color: #f9a825 !important;
    font-size: 13px;
    font-weight: bold;
}

.chat-history__actions_new span.doc {
    background: #e5e5e5;
    color: #757575 !important;
}

.chat-history__actions_new span.doc:hover {
    background: #e0e0e0;
    color: #616161 !important;
}

.chat-history__actions_new span.doc {
    background: #e5e5e5;
    color: #757575 !important;
}

.chat-history__actions_new span.doc:hover {
    background: #e0e0e0;
    color: #616161 !important;
}

.chat-history__actions_new span.meeting {
    background: #F3E5F5;
    color: #7B1FA2 !important;
}

.listTasks .meeting {
    color: #7B1FA2 !important;
    font-size: 13px;
    font-weight: bold;
}

.form-search-maps {
    margin-left: 37px;
}

.chat-history__actions_new span.meeting:hover {
    background: #e1bee7;
    color: #6a1b9a !important;
}

.chat-history__actions_new span.file,
.chat-history__actions span.file {
    background: #90caf9;
    color: #2196f3 !important;
}

.chat-history__actions_new span.file:hover,
.chat-history__actions span.file:hover {
    background: #64b5f6;
    color: #1565c0 !important;
}

.chat-history__actions_new span.event,
.chat-history__actions span.event {
    background: #76A7FA;
    color: #ffffff !important;
}

.chat-history__actions_new span.event:hover,
.chat-history__actions span.event:hover {
    background: #76A7FA;
    color: #1565c0 !important;
}

.chat-history__actions_new span.deal {
    background: #FFCDD2;
    color: #E57373 !important;
}

.chat-history__actions_new span.deal:hover {
    background: #ef9a9a;
    color: #d32f2f !important;
}

.chat-history__actions_new span.partner {
    background: #d6240db5;
    color: #ffffff !important;
}

.chat-history__actions_new span.partner:hover {
    background: #d63c0dee;
    color: #ffffff !important;
}

.listTasks .deal {
    color: #d32f2f !important;
    font-size: 13px;
    font-weight: bold;
}

.chat-history__actions_new:before {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    border-radius: 4px;
    position: absolute;
    display: block;
    height: 46px;
    content: "";
    width: 46px;
    bottom: -5px;
    left: 50%;
    margin-left: -23px;
}

#app_step .chat-history__actions_new:before,
#funnel_check_list .chat-history__actions_new:before {
    display: none;
}

.chat-history__actions_new:after {
    position: absolute;
    background: #fff;
    height: 100px;
    width: 90%;
    content: "";
    bottom: 0px;
    left: 5%;
}

#app_step .chat-history__actions_new:after,
#funnel_check_list .chat-history__actions_new:after {
    display: none;
}

.add-task-client {
    color: #bdbdbd;
    display: inline-block;
    padding: 7px;
    cursor: pointer;
}

.add-task-client:hover {
    color: #757575;
}

.add-task-client i {
    font-size: 27px;
}

.adv-costs .history__results {
    box-sizing: border-box;
    border-bottom: 1px solid #dedede;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);
    padding-top: 10px;
}

.clients .history__variants {
    box-sizing: border-box;
    /*padding: 20px 35px 30px 30px;*/
    border-bottom: 1px solid #dedede;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);
}

.clients .history__variants .variants {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 600;
    position: fixed;
    width: 31%;
    padding: 20px 0px 20px 30px;
    z-index: 50;
    background-color: #fff;
}

.clients .history__variants .presentations {
    padding: 0px 20px 20px 25px;
}

.adv-costs .history__results .log_history {
    padding: 0 20px 20px 25px;
}

.clients .history__variants .log_history {
    margin-top: 70px;
    padding: 0px 20px 20px 25px;
}

.adv-costs .history__results .log_history .log_event {
    padding: 5px;
}

.clients .history__variants .log_history .log_event {
    padding: 5px;
}

.log_history .by-date ul li {
    display: block;
}

.clients .history__variants .variants-search {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #dedede;
    border-radius: 4px;
    margin: 75px 35px 20px 20px;
}

.clients .history__variants .variants-search__input {
    border: 0;
    padding: 0 70px 2px 20px;
    height: 35px;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
}

.clients .history__variants .variants-search__action {
    position: absolute;
    max-width: 65px;
    right: -1px;
    top: -1px;
    height: 37px;
    line-height: 23px;
    font-size: 19px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.by-date {
    margin-bottom: 10px;
}

.by-date ul {
    margin: 15px 0;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
}

.ms-options-wrap>.ms-options>ul>li.optgroup {
    padding: 10px 0 0;
}

.ms-options-wrap .label {
    float: none;
    margin: 8px 9px 7px;
    padding: 0;
}

.datepicker {
    z-index: 99999;
}

.form-block .inputs select {
    font-family: "Lato";
}

.new-client__modal .form-block .inputs {
    width: auto;
    /* убрать width в основном */
}

.new-client__modal .form-block .inputs input,
.new-client__modal .form-block .inputs textarea {
    box-sizing: border-box;
}

.new-client__modal .form-block .inputs input.fstQueryInput {
    border: 0;
    padding: 0;
}

.new-client__modal .crm__small-stagebar {
    height: 35px;
    width: 400px;
    box-sizing: border-box;
}

#requisitions_list_client .crm__small-stagebar,
#requisitions_list_object .crm__small-stagebar,
#union_reqs_form .crm__small-stagebar {
    height: 8px;
    width: auto;
    box-sizing: inherit;
}

#requisitions_list_client .crm__small-stagebar table td,
#requisitions_list_object .crm__small-stagebar table td,
#union_reqs_form .crm__small-stagebar table td
{
    height: 10px;
}

.new-client__modal .crm__small-stagebar table td {
    height: 35px;
}

.new-client__modal .ms-options-wrap>.ms-options,
.new-client__modal .ms-options-wrap>button {
    width: 400px;
}

.new-client__modal .ms-options-wrap>button {
    padding: 6px 55px 9px 2%;
    font-size: 16px;
}

.new-client__modal .ms-options-wrap>button:after {
    top: 9px;
}

.jw__object-zipal-day-5 {
    color: #e2574c;
}

.jw__object-zipal-day-more5 {
    color: #43a047;
}

.new-client__modal .jw__object {
    box-shadow: none;
    border: 1px solid #dedede;
    border-radius: 3px;
}

.new-client__modal .jw__objects {
    margin: 0;
}

.new-client__modal .jw__object .subway {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.new-client__modal .jw__object .object-content__info-row .place {
    width: 38%;
}

.history__modal,
.tabs__content {
    -webkit-animation: SlideInDown .5s ease;
    animation: SlideInDown .5s ease;
}

.form-block__hot-client,
.form-block__hot-req {
    display: inline-block;
    padding: 6px 0 0 10px;
    opacity: .6;
    cursor: pointer;
}

.form-block__hot-client:hover,
.form-block__hot-req:hover {
    opacity: .9;
}

.form-block__hot-client.active,
.form-block__hot-req.active {
    opacity: 1;
}

.form-block__p1-client {
    display: inline-block;
    padding: 6px 0 0 10px;
    opacity: .2;
    cursor: pointer;
}

.form-block__p1-client:hover {
    opacity: .9;
}

.form-block__p1-client.active {
    opacity: 1;
}

.priority1 {
    fill: #dd6360;
}

.form-block__p2-client {
    display: inline-block;
    padding: 6px 0 0 10px;
    opacity: .2;
    cursor: pointer;
}

.form-block__p2-client:hover {
    opacity: .9;
}

.form-block__p2-client.active {
    opacity: 1;
}

.priority2 {
    fill: #efcd81;
}

.form-block__p3-client {
    display: inline-block;
    padding: 6px 0 0 10px;
    opacity: .2;
    cursor: pointer;
}

.form-block__p3-client:hover {
    opacity: .9;
}

.form-block__p3-client.active {
    opacity: 1;
}

.priority3 {
    fill: #73a1fb;
}

.form-block__p4-client {
    display: inline-block;
    padding: 6px 0 0 10px;
    opacity: .2;
    cursor: pointer;
}

.form-block__p4-client:hover {
    opacity: .9;
}

.form-block__p4-client.active {
    opacity: 1;
}

.priority4 {
    fill: #43A047;
}

.filter-priority1,
.req-filter-priority1 {
    display: inline-block;
    padding: 0 10px 10px 0;
    opacity: .2;
    cursor: pointer;
}

.filter-priority1:hover,
.req-filter-priority1:hover {
    opacity: .9;
}

.filter-priority1.active,
.req-filter-priority1.active {
    opacity: 1;
}

.filter-priority1,
.req-filter-priority1 {
    display: inline-block;
    padding: 0 10px 10px 0;
    opacity: .2;
    cursor: pointer;
}

.filter-priority1:hover,
.req-filter-priority1:hover {
    opacity: .9;
}

.filter-priority1.active,
.req-filter-priority1.active {
    opacity: 1;
}

.filter-priority2,
.req-filter-priority2 {
    display: inline-block;
    padding: 0 10px 10px 0;
    opacity: .2;
    cursor: pointer;
}

.filter-priority2:hover,
.req-filter-priority2:hover {
    opacity: .9;
}

.filter-priority2.active,
.req-filter-priority2.active {
    opacity: 1;
}

.filter-priority3,
.req-filter-priority3 {
    display: inline-block;
    padding: 0 10px 10px 0;
    opacity: .2;
    cursor: pointer;
}

.filter-priority3:hover,
.req-filter-priority3:hover {
    opacity: .9;
}

.filter-priority3.active,
.req-filter-priority3.active {
    opacity: 1;
}

.filter-priority4,
.req-filter-priority4 {
    display: inline-block;
    padding: 0 10px 10px 0;
    opacity: .2;
    cursor: pointer;
}

.filter-priority4:hover,
.req-filter-priority4:hover {
    opacity: .9;
}

.filter-priority4.active,
.req-filter-priority4.active {
    opacity: 1;
}

.jw__page__tabs .tab {
    font-size: 16px;
    /*padding: 13px 0 18px;*/
}

.content-bottom {
    padding: 0 35px 40px 145px;
    border-right: 1px solid #dedede;
}

.content-bottom .copyrights {
    border-top: 1px solid #dedede;
    padding-top: 12px;
}

.content-bottom .copyrights p {
    font-size: 14px;
    color: #757575;
}

.content-bottom .text-logo {
    font-size: 18px;
    color: #757575;
}

.ms-options-wrap>.ms-options>ul>li.optgroup .label {
    display: block;
    margin: 5px 5px 5px 7px;
    padding-bottom: 7px;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #dedede;
    width: 150px;
}

.ms-options-wrap>.ms-options>ul,
.ms-options-wrap>.ms-options>ul>li.optgroup ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 10px;
}


/* crm filters */

.crm__filters {
    position: relative;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.13);
    z-index: 777;
}

.crm__filters-inner {
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.crm .view-changer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 35px 0 0;
    margin: 0 0 0 auto;
}

.crm .view-changer div svg {
    display: inline-block;
}

.crm .view-changer svg path {
    fill: #757575;
}

.crm .view-changer .view-list svg {
    width: 37px;
    height: 37px;
    margin-top: 2px;
}

.crm .view-changer .view-kanban svg {
    width: 39px;
    height: 39px;
    margin-top: 1px;
}

.crm .view-changer .view-table svg {
    width: 39px;
    height: 39px;
    margin-top: 1px;
}

.crm .view-changer .view-charts svg {
    width: 39px;
    height: 39px;
    margin-top: 1px;
}

.widget-inner .view-table-funnel,
.view-table-sales_plan {
    float: right;
}

.widget-inner .view-table-funnel svg,
.view-table-sales_plan svg {
    width: 39px;
    height: 39px;
    margin-top: 1px;
}

.view-table-funnel svg path {
    fill: #757575;
}

.widget-inner .view-table-funnel span,
.view-table-sales_plan span {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    margin: 10px 0 0 9px;
    color: #757575;
    border-bottom: 1px solid #dedede;
}

.widget-inner .view-table-funnel a,
.view-table-sales_plan a {
    border-bottom: 0;
}

.widget-inner .view-table-funnel:hover span,
.view-table-sales_plan:hover span {
    color: #237ef7 !important;
    border-color: #3a8efa !important;
}

#stats_funnel_list .stats_funnel_list {
    border: 0px;
}

#table-funnel-keep-selection-fixed .table_white {
    border-top: 0px;
}

#table-funnel-keep-selection-fixed .table-bordered {
    border-top: 0;
}

.view-table-funnel:hover svg path,
.view-table-sales_plan:hover svg path {
    fill: #237ef7;
}

.fields-inputs .block-title {
    font-weight: normal;
    padding: 6px 0;
    line-height: 24px;
    max-width: 650px;
    border-bottom: 1px dashed #cdcdcd;
    margin-bottom: 20px;
    cursor: pointer;
}

.fields-inputs .block-title.active {
    font-weight: bold;
}

.fields-inputs .block-title span {
    padding-left: 8px;
    float: right;
    color: #757575;
}

.fields-inputs .fields {
    margin-bottom: 30px;
}

.fields-inputs .fields .line:first-child {
    margin-top: 8px;
}

.fields-inputs .fields+.fields {
    margin-top: 25px;
}

.crm__table .grid_table {
    margin: 30px 20px;
    padding: 18px 30px 20px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);
}

.crm__table #objects-table.grid_table {
    overflow: visible !important;
}

.crm__stats_objects .grid_table {
    margin: 30px 20px;
    padding: 18px 30px 20px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);
}

.crm__table .grid_table .jw__g-button {
    padding: 3px 15px 6px;
    background: -moz-linear-gradient(top, #fff, #f5f5f5);
    background: -webkit-linear-gradient(top, #fff, #f5f5f5);
    background: -o-linear-gradient(top, #fff, #f5f5f5);
    background: -ms-linear-gradient(top, #fff, #f5f5f5);
    background: linear-gradient(top, #fff, #f5f5f5);
    cursor: pointer;
    border: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}

.crm .view-changer div {
    height: 40px;
    /*padding: 6px 0 4px;*/
    margin-left: 2px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .35s linear;
    transition: all .35s linear;
}

.crm .view-changer a {
    border-bottom: 0;
}

.crm .view-changer div span {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    margin: 10px 0 0 9px;
    color: #757575;
    border-bottom: 1px solid #dedede;
}

.crm .view-changer div:hover svg path {
    fill: #237ef7;
}

.crm .view-changer div:hover span {
    color: #237ef7 !important;
    border-color: #3a8efa !important;
}


/*.crm .view-changer .active:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: -1px;
    left: 0;
    background: rgb(67, 160, 71);
}*/

.crm .view-changer .active span,
.crm .view-changer .active:hover span {
    color: rgb(67, 160, 71) !important;
    font-weight: 600;
    border-bottom: 0;
}

.crm .view-changer .active svg path,
.crm .view-changer .active:hover svg path {
    fill: rgb(67, 160, 71);
}

.crm__filters .search-filter {
    position: relative;
    max-width: 80%;
    min-width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto 25px auto 35px;
}

.crm__filters .search-filter .search-filter__filter {
    width: 100%;
    font-family: "Lato";
    height: 46px;
    padding: 0 90px 4px 0;
    border: 0;
    border-right: 1px solid #dedede;
    font-size: 16px;
    box-shadow: none;
}

.crm__filters .search-filter .search-filter__icons {
    position: absolute;
    top: 8px;
    right: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 9px;
    height: 35px;
    width: 60px;
}

.crm__filters .search-filter .search-filter__icons i {
    color: #757575;
    font-size: 19px;
    position: relative;
    top: 8px;
    margin-right: 11px;
    cursor: pointer;
}


/* filter popup */

.crm__filter-popup {
    display: none;
    position: absolute;
    z-index: 999;
    left: 35px;
    top: 49px;
    background: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 680px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);
    border: 1px solid #dedede;
    -webkit-animation: SlideInDown .3s ease;
    animation: SlideInDown .3s ease;
}

.crm__filter-popup.is__show {
    display: block;
}

.crm__filter-popup.is__hide {
    -webkit-animation: SlideInTop .3s ease;
    animation: SlideInTop .3s ease;
}

.filter-popup-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.crm__filter-popup .filter-popup__left {
    width: 235px;
    box-sizing: border-box;
    padding: 15px 0 30px;
}

.crm__filter-popup .filter-popup-type {
    position: relative;
    margin: 0 0 14px 0;
    padding: 0 35px 16px;
    border-bottom: 1px solid #e0e0e0;
}

.crm__filter-popup .filter-popup-type a {
    font-size: 16px;
    display: inline-block;
    border-bottom: 0;
}

.crm__filter-popup .filter-popup-type.active {
    font-weight: bold;
    text-shadow: 0 0 black;
}

.crm__filter-popup .filter-popup-type.active a:hover {
    color: #000 !important;
}

.crm__filter-popup .filter-popup-type a span {
    border-bottom: 1px solid #dedede;
}

.crm__filter-popup .filter-popup-type.active span {
    border-bottom: 0;
    font-size: 16px;
}

.crm__filter-popup .filter-popup-type.hot svg {
    position: absolute;
    top: 1px;
    left: 9px;
    opacity: .78;
}

.crm__filter-popup .filter-popup-type.hot:hover svg {
    opacity: 1;
}

.crm__filter-popup .filter-popup-type.hot.active svg {
    opacity: 1;
}

.crm__filter-popup .filter-popup-type.hot.active:hover svg {
    opacity: .78;
}

.crm__filter-popup .filter-popup__right {
    padding: 23px 35px 30px 30px;
    border-left: 1px solid #dedede;
}

.crm__filter-popup .filter-popup-input {
    margin-bottom: 12px;
}

.crm__filter-popup .filter-popup-submit {
    margin: 0 0 15px;
    padding: 8px 0 0;
}

.crm__filter-popup .filter-popup-header-inputs {
    margin-bottom: 25px;
}

.crm__filter-popup .filter-popup-header-inputs h3 {
    font-size: 20px;
    font-weight: 400;
}

.filter_add_clients_btn {
    margin-top: 25px;
}

.crm__filters .search-toolbar {
    position: relative;
    float: right;
    margin-left: auto;
    margin-right: 30px;
}

.crm__filters .search-toolbar .fr-btn {
    float: right;
}

.crm__filters .search-toolbar .fr-btn.steel {
    color: #757575;
    background: none;
    border: none;
    border-radius: 0 !important;
    border-left: 1px solid #d0d0d0;
    font-size: 16px;
    box-shadow: none;
    padding: 15px 18px;
}

.crm__filters .search-toolbar .fr-btn [class^="ti-"] {
    margin-left: 2px;
    margin-right: 2px;
}

.crm__filters .search-toolbar .fr-btn.steel:hover,
.crm__filters .search-toolbar .fr-btn.steel:focus {
    color: #424242 !important;
    background: rgba(122, 122, 122, 0.1);
    border: none !important;
    border-left: 1px solid #d0d0d0 !important;
}

.fr-system__objects .crm__filters .search-filter {
    min-width: 25%;
}

.crm.new .crm__filters .filter_counter,
.fr-system__objects .crm__filters .filter_counter {
    display: inline-block;
    position: relative;
    margin-left: 0px;
    margin-right: auto;
    left: 5px;
    background: rgb(67, 160, 71);
    background-image: -moz-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
}


/* buttons */

.jw__button {
    background: rgb(67, 160, 71);
    background-image: -moz-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#43a047', endColorstr='#388e3c', GradientType=0);
    cursor: pointer;
    font-family: "Lato";
    font-weight: 600;
    color: #ffffff;
    border: 1px solid #328436;
    border-radius: 3px;
}

.jw__g-button {
    background: -moz-linear-gradient(top, #fff, #f5f5f5);
    background: -webkit-linear-gradient(top, #fff, #f5f5f5);
    background: -o-linear-gradient(top, #fff, #f5f5f5);
    background: -ms-linear-gradient(top, #fff, #f5f5f5);
    background: linear-gradient(top, #fff, #f5f5f5);
    cursor: pointer;
    font-family: "Lato";
    font-weight: 600;
    color: #757575;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
}

.filter-popup-items .fr-btn.steel {
    padding: 5px 36px;
    width: fit-content;
    cursor: pointer;
    color: #000 !important;
    font-size: 14px;
    background: -webkit-linear-gradient(top, #fff, #f5f5f5);
    border: 1px solid #d0d0d0;
    border-radius: 4px;
}

.filter-popup-items .fr-btn.steel.active,
.filter-popup-items .fr-btn.steel[data-active="1"] {
    background: #fff !important;
    border-color: rgba(56, 142, 60, .6) !important;
}


/* all add popup */

.jw__add-popup {
    display: none;
    position: fixed;
    width: 226px;
    top: 74px;
    left: 30px;
    background: rgb(67, 160, 71);
    background-image: -moz-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    z-index: 999999;
    border-radius: 26px;
    box-shadow: 1px 5px 19px 5px rgba(0, 0, 0, 0.13);
    -webkit-animation: SlideInDown .3s ease;
    animation: SlideInDown .3s ease;
}

.jw__add-popup.is__show {
    display: block;
}

.jw__add-popup .popup-inner {
    background: #fff;
    overflow: hidden;
    margin: 4px;
    border-radius: 21px;
    padding: 8px 0 15px;
}

.jw__add-popup ul li a {
    padding: 7px 28px;
    font-size: 16px;
    display: block;
    border: 0;
}

.jw__add-popup ul li a span {
    border-bottom: 1px solid #dedede;
}

.jw__add-popup ul li a:hover {
    color: #000 !important;
    background: #f3f3f3;
}

.jw__add-popup ul li a:hover span {
    border: none;
}


/* new client button */

.crm__filters .jw__g-button {
    position: relative;
    top: 10px;
    padding: 3px 15px 6px;
    font-size: 16px;
}

.crm__filters .crm__new-task {
    margin-right: 15px;
}


/* crm filters search */

.search-query~.search-filter {
    margin-left: 0;
}

.search-query {
    display: inline-block;
    margin: 10px 0 0 35px;
}

.search-query-item,
.search-query-item-req {
    display: inline-block;
    position: relative;
    min-width: 65px;
    border: 1px solid rgb(67, 160, 71);
    color: rgb(67, 160, 71);
    cursor: pointer;
    padding: 3px 28px 5px 15px;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
}

.search-query-item i,
.search-query-item-req i {
    font-size: 13px;
    position: absolute;
    right: 8px;
    top: 8px;
}

.search-query-item:last-child,
.search-query-item-req:last-child {
    margin-right: 20px;
}

.jw-charts .crm {
    border-top: 1px solid #f8f8f8;
}

.jw-charts .jw__page__tabs .tab.selected:after {
    bottom: -2px;
}


/* crm widgets */

.crm__stats {
    margin: 30px 15px 40px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.crm__stats.hidden {
    display: none;
}

.crm__dashboard.hidden {
    display: none;
}

.crm .crm__widget {
    box-sizing: border-box;
    margin-bottom: 50px;
}

.crm .crm__widget #widgetSalesFunnel {
    height: 400px;
}

.crm .crm__widget #widgetClientsSources {
    height: 400px;
    margin-left: -10%;
    margin-right: -25px;
}

#widgetClientsQuantity,
#widgetActivity {
    height: 450px;
}

#widgetClientsQuantityByManagers,
#widgetClientsQuantityAdd,
#widgetDealsQuantityByManagers {
    height: 400px;
}

#widgetConversion {
    height: 300px;
}

.crm .crm__widget.widget30 {
    width: 30%;
}

.crm .crm__widget.widget33 {
    width: 25%;
}

.crm .crm__widget.widget50 {
    width: 50%;
}

.crm .crm__widget.widget66 {
    width: 66.66%;
}

.crm .crm__widget.widget70 {
    width: 70%;
}

.crm .crm__widget.widget100 {
    width: 100%;
}

.crm__widget .amcharts-chart-div a {
    opacity: 0 !important;
}

.crm__widget .widget-inner {
    margin: 0 20px;
    padding: 18px 15px 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);
    height: 100%;
}

.crm__stats .crm__widget .widget-head {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 35px;
    margin-bottom: 12px;
}

.crm__widget .widget-head .widget-title {
    font-size: 22px;
    float: left;
}

#union_clients .crm__widget .widget-head .widget-title{
    float: unset; 
}

#union_clients .crm__widget .widget-inner {
    height: auto;
}

.crm__widget .widget-number {
    font-size: 54px;
    text-align: right;
    margin-top: 25px;
}

#union_clients .crm__widget .widget-number{
    font-size: 15px;
    text-align: right;
    margin-top: 0px;
}

#union_clients_modal-bg .tab {
    position: relative;
    display: inline-block;
    padding: 0px 13px;
    cursor: pointer;
    border: 0;
    font-size: 17px;
}

#union_clients_modal-bg .btn-default {
    color: #ffffff;
}


/*.hidden {
	display: none !important;
}*/


/* dashboard */

.clients .chat-form td {
    vertical-align: bottom;
}

#clientChatTextAreaNew {
    width: 99%;
    border: 0;
    height: auto;
    max-height: 200px;
    font-size: 17px;
    font-family: "Lato";
    resize: vertical;
    min-height: 20px;
    padding: 10px;
    overflow-y: auto;
    box-sizing: border-box;
}

.crm__dashboard {
    padding: 30px 15px 40px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #f3f3f3;
}

.crm__dashboard .widget-colored a,
.crm__dashboard .widget-colored .widget-title {
    color: #fff;
    border: 0;
}

.crm__dashboard .widget-colored .widget-inner {
    color: #fff !important;
}

.crm__dashboard .widget-colored:hover .widget-inner {
    transition: all .5s ease;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.26);
}

.crm__dashboard .dashboard-work .widget-inner {
    background: rgb(67, 160, 71);
    background-image: -moz-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
}

.crm__dashboard .dashboard-overdue-tasks .widget-inner {
    background: rgb(211, 47, 47);
    background-image: -moz-linear-gradient(top, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
}

.crm__dashboard .dashboard-tasks .widget-inner {
    background: rgb(255, 112, 67);
    background-image: -moz-linear-gradient(top, rgb(255, 167, 38) 0%, rgb(255, 112, 67) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255, 167, 38) 0%, rgb(255, 112, 67) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 167, 38) 0%, rgb(255, 112, 67) 100%);
}

.crm__dashboard .successful-clients .widget-inner {
    background: rgb(67, 160, 71);
    background-image: -moz-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
}

.crm__dashboard .closed-clients .widget-inner {
    background: rgb(67, 160, 71);
    background-image: -moz-linear-gradient(top, rgb(168, 168, 168) 0%, rgb(168, 168, 168) 100%);
    background-image: -webkit-linear-gradient(top, rgb(168, 168, 168) 0%, rgb(168, 168, 168) 100%);
    background-image: linear-gradient(to bottom, rgb(168, 168, 168) 0%, rgb(168, 168, 168) 100%);
}

.crm__dashboard .successful-requisitions .widget-inner {
    background: solid rgb(67, 160, 71);
    background-image: -moz-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
}

.crm__dashboard .closed-requisitions .widget-inner {
    background: solid rgb(168, 168, 168);
    background-image: -moz-linear-gradient(top, rgb(168, 168, 168) 0%, rgb(168, 168, 168) 100%);
    background-image: -webkit-linear-gradient(top, rgb(168, 168, 168) 0%, rgb(168, 168, 168) 100%);
    background-image: linear-gradient(to bottom, rgb(168, 168, 168) 0%, rgb(168, 168, 168) 100%);
}

.crm__dashboard .requisitions .widget-inner {
    background: rgb(67, 160, 71);
    background-image: -moz-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
}

.crm__dashboard .open-tasks-requisitions .widget-inner {
    background: solid rgb(255, 112, 67);
    background-image: -moz-linear-gradient(top, rgb(255, 167, 38) 0%, rgb(255, 112, 67) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255, 167, 38) 0%, rgb(255, 112, 67) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 167, 38) 0%, rgb(255, 112, 67) 100%);
}

.crm__dashboard .expired-tasks-requisitions .widget-inner {
    background: rgb(211, 47, 47);
    background-image: -moz-linear-gradient(top, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
}

.crm__dashboard .objects .widget-inner {
    background: rgb(67, 160, 71);
    background-image: -moz-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
}

.crm__dashboard .open-tasks-objects .widget-inner {
    background: rgb(255, 112, 67);
    background-image: -moz-linear-gradient(top, rgb(255, 167, 38) 0%, rgb(255, 112, 67) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255, 167, 38) 0%, rgb(255, 112, 67) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 167, 38) 0%, rgb(255, 112, 67) 100%);
}

.crm__dashboard .expired-tasks-objects .widget-inner {
    background: rgb(211, 47, 47);
    background-image: -moz-linear-gradient(top, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
}

.crm__dashboard .expired-stages-requisitions .widget-inner {
    background: rgb(211, 47, 47);
    background-image: -moz-linear-gradient(top, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
}

.crm__dashboard .expired-stages-clients .widget-inner {
    background: rgb(211, 47, 47);
    background-image: -moz-linear-gradient(top, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 112, 67) 0%, rgb(211, 47, 47) 100%);
}

.crm__dashboard .objects-advert .widget-inner {
    background: rgb(211, 47, 47);
    background-image: -moz-linear-gradient(top, rgb(255, 215, 0) 0%, rgb(255, 215, 0) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255, 215, 0) 0%, rgb(255, 215, 0) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 215, 0) 0%, rgb(255, 215, 0) 100%);
}


/* crm target */

.crm__target {
    margin-top: 12px;
    border-top: 1px solid #dedede;
}

.work-target .target {
    display: inline-block;
    margin-right: 50px;
}

.work-target .target-row {
    margin-top: 20px;
}

.work-target .target-row-progress {
    margin-top: 50px;
}

.work-target .target .target-title {
    display: block;
    font-size: 16px;
    color: #757575;
    margin-bottom: 15px;
}

.work-target .target .target-total,
.target .target-month {
    font-size: 29px;
}

.work-target .target__progress {
    position: relative;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.work-target .target__progress-line {
    float: left;
    overflow: hidden;
    height: 100%;
    min-width: 4px;
    background: rgb(67, 160, 71);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(67, 160, 71, .5) 0%, rgba(67, 160, 71, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(67, 160, 71, .5) 0%, rgba(67, 160, 71, 1) 100%);
    background: linear-gradient(to right, rgba(67, 160, 71, .5) 0%, rgba(67, 160, 71, 1) 100%);
    border-radius: 3px;
}

.work-target .target__progress-total {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #424242;
    font-size: 14px;
    margin-left: 15px;
    position: absolute;
    margin-left: -50px;
}

.target__progress-now {
    position: absolute;
    top: 50%;
    width: 4px;
    height: 50px;
    margin-top: -20px;
    background: #FFA726;
    border-radius: 5px;
}

.progress-baloon {
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 8px 15px 9px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .13);
    border-radius: 27px;
    text-align: center;
}

.progress-baloon-day {
    font-size: 15px;
    padding-bottom: 4px;
}

.progress-baloon-date {
    font-size: 12px;
    color: #757575;
}

.progress-baloon:after {
    content: '';
    width: 10px;
    height: 5px;
    box-sizing: border-box;
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -9px;
}

.target__month-scale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 17px;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 6px 0 50px;
}

.target__month-scale-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 4px;
    position: relative;
}

.target__month-scale-item:after {
    content: '';
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: .2;
    background: #424242;
    border-radius: 2px;
}

.target-month28 .target__month-scale-item:nth-child(29),
.target-month28 .target__month-scale-item:nth-child(30),
.target-month28 .target__month-scale-item:nth-child(31),
.target-month30 .target__month-scale-item:nth-child(31) {
    display: none;
}

.target__month-scale-item-first,
.target__month-scale-item-last {
    position: absolute;
    font-size: 16px;
    color: #757575;
    bottom: -23px
}

.target-month28 .target__month-scale-item:nth-child(28):after,
.target-month28 .target__month-scale-item:nth-child(14):after,
.target-month30 .target__month-scale-item:nth-child(15):after,
.target-month31 .target__month-scale-item:nth-child(15):after,
.target-month30 .target__month-scale-item:nth-child(30):after,
.target-month31 .target__month-scale-item:nth-child(31):after,
.target-month365 .target__month-scale-item:nth-child(182):after,
.target-month365 .target__month-scale-item:nth-child(365):after,
.target-month92 .target__month-scale-item:nth-child(46):after,
.target-month92 .target__month-scale-item:nth-child(92):after,
.target-month91 .target__month-scale-item:nth-child(45):after,
.target-month91 .target__month-scale-item:nth-child(91):after,
.target-month90 .target__month-scale-item:nth-child(45):after,
.target-month90 .target__month-scale-item:nth-child(90):after,
.target__month-scale-item:first-child:after {
    opacity: 1;
}

.target__month-scale-item-first {
    left: 0
}

.target__month-scale-item-last {
    right: 0
}

.target-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -9px;
}

.target__result {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 30%;
    position: relative;
    padding: 12px 25px 15px 25px;
    background: #f3f3f3;
    border-radius: 3px;
    margin: 0 9px;
}

.target__result-item-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
    font-size: 16px;
    color: #424242;
}

.target__result-item-total {
    font-size: 29px;
    color: #000;
}

.target__result.result-now {
    background: rgba(67, 160, 71, .1)
}

.target__result.result-now:after {
    content: '';
    width: 5px;
    border-radius: 2px 0 0 2px;
    background: rgba(67, 160, 71, .5);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.crm__widget.stats-conversion {
    height: 200px;
}


/* big add modal */

.jw__big-add .jw-tabs .tabs__caption {
    border-bottom: 2px solid #eee;
}

.jw__big-add h2 {
    margin-bottom: 32px;
}

.jw__big-add .jw-tabs .tabs__caption li {
    margin: 0 30px 0 0;
    padding-bottom: 10px;
    position: relative;
}

.jw__big-add .jw-tabs .tabs__caption li.active:after {
    content: "";
    position: absolute;
    height: 2px;
    background: rgba(67, 160, 71, .7);
    bottom: -2px;
    width: 100%;
    left: 0px;
}

.jw__big-add .jw-tabs .tabs__caption li span {
    margin: 0;
    font-weight: normal;
    font-size: 16px;
}

.jw__big-add .jw-tabs .tabs__content form {
    -webkit-animation: SlideInDown .5s ease;
    animation: SlideInDown .5s ease;
}

.jw__big-add .label {
    width: 115px;
}

.jw__big-add .form-block .inputs textarea,
.jw__big-add .form-block .inputs input {
    box-sizing: border-box;
    width: 401px;
}

.jw__big-add .date-timepicker {
    float: left;
}

.jw__big-add .datepicker {
    width: 380px;
}

.jw__big-add .datepicker--time-current {
    max-width: 65px;
}

.jw__big-add .datepicker--time-sliders {
    flex: 2;
    max-width: none;
}

.jw__big-add .datepicker--day-name {
    color: #ef6c00;
}


/* crm tasks */

.crm__tasks,
.crm__tasks_objects {
    height: calc(100vh - 126px);
}

.crm__tasks .fc table,
.crm__tasks_objects .fc table {
    font-size: 15px;
}

.crm__tasks .fc-button,
.crm__tasks_objects .fc-button {
    background: transparent !important;
    border: none;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    border-radius: 0 !important;
    color: #424242;
    font-family: "Lato";
    padding: 14px 0 16px;
}

.crm__tasks .fc-toolbar,
.crm__tasks_objects .fc-toolbar {
    background-color: #f5f5f5;
    padding: 0 35px 0 35px;
    margin-bottom: 0 !important;
    z-index: 2;
    border-radius: 1px;
}

.crm__tasks .fc-center h2,
.crm__tasks_objects .fc-center h2 {
    font-size: 16px;
    font-weight: bold;
    padding-top: 14px;
}

.crm__tasks .fc-state-active,
.crm__tasks_objects .fc-state-active {
    color: #000 !important;
    font-weight: bold;
    text-shadow: none !important;
}

.crm__tasks .fc .fc-toolbar>*>*,
.crm__tasks_objects .fc .fc-toolbar>*>* {
    float: left;
    margin-left: 0;
}

.crm__tasks .fc-view-container,
.crm__tasks_objects .fc-view-container {
    background: #fff;
}

.crm__tasks .fc-toolbar .fc-left .fc-button {
    margin-right: 18px;
}

.crm__tasks .fc-toolbar .fc-right .fc-button,
.crm__tasks_objects .fc-toolbar .fc-right .fc-button {
    margin-left: 25px;
}

.crm__tasks thead,
.crm__tasks_objects thead {
    border-color: #eee;
}

.crm__tasks .fc-day-header,
.crm__tasks_objects .fc-day-header {
    padding: 2px 0 !important;
    font-size: 12px;
    letter-spacing: 1px;
    color: #757575;
}

.crm__tasks .fc-row.fc-widget-header,
.crm__tasks_objects .fc-row.fc-widget-header {
    font-size: 13px !important;
    text-transform: uppercase;
    background: #fafafa;
    border-right-width: 0 !important;
}

.crm__tasks .fc td,
.crm__tasks .fc th,
.crm__tasks_objects .fc td,
.crm__tasks_objects .fc th {
    padding: 0;
    vertical-align: top;
    border-right: 0;
}

.crm__tasks .fc-basic-view .fc-week-number,
.crm__tasks .fc-basic-view .fc-day-number,
.crm__tasks_objects .fc-basic-view .fc-week-number,
.crm__tasks_objects .fc-basic-view .fc-day-number {
    padding: 0 4px 0 0;
    font-size: 14px;
    color: #757575;
}

.crm__tasks .fc-basic-view .fc-body .fc-row,
.crm__tasks_objects .fc-basic-view .fc-body .fc-row {
    min-height: 90px;
}

.crm__tasks .fc-list-table td,
.crm__tasks_objects .fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 0 9px 35px;
}

.crm__tasks .fc-list-heading,
.crm__tasks_objects .fc-list-heading {
    border-bottom-width: 1px;
    font-size: 13px;
    color: #424242;
}

.jw-users .jw__layout-content .content-right .inner {
    padding-bottom: 0;
}

.crm__tasks .fc-day-grid-event,
.crm__tasks_objects .fc-day-grid-event {
    margin: 1px 1px 1px;
    padding: 6px 10px 3px;
}

.crm__tasks .fc-event,
.crm__tasks_objects .fc-event {
    box-shadow: none;
    display: block;
    font-size: 13px;
    background: #f8f8f8;
    line-height: 1.3;
    font-weight: 400;
    border-radius: 1px;
    border-width: 0 0 0 8px;
    opacity: 0.9;
    color: #262b41;
    border-bottom: 1px solid #f4f4f4 !important;
}

.crm__tasks .fc-event:hover,
.crm__tasks_objects .fc-event:hover {
    border-width: 0 0 0 8px !important;
    border-bottom: 1px solid #f4f4f4 !important;
}

.crm__tasks .fc-content .fc-time,
.crm__tasks_objects .fc-content .fc-time {
    min-height: 18px;
    font-size: 12px;
    white-space: normal;
    font-weight: 500;
    display: inline-block;
}


/*.crm__tasks .fc-event.deal {
    border-color: #EF9A9A;
}
.crm__tasks .fc-event.meet, .fc-list-item.meet .fc-event-dot {
    border-color: #CE93D8;
}
.crm__tasks .fc-event.meet:hover {
    border-color: #CE93D8;
}
.crm__tasks .fc-event.showing, .fc-list-item.showing .fc-event-dot {
    border-color: #ffee58;
}
.crm__tasks .fc-event.showing:hover {
    border-color: #ffee58;
}
.crm__tasks .fc-event.call, .fc-list-item.call .fc-event-dot {
    border-color: #81c784;
}
.crm__tasks .fc-event.call:hover {
    border-color: #81c784;
}
.crm__tasks .fc-event.deal, .fc-list-item.deal .fc-event-dot {
    border-color:#EF9A9A;
}
.crm__tasks .fc-event.deal:hover {
    border-color: #EF9A9A;
}*/

.crm__tasks a.fc-more,
.crm__tasks_objects a.fc-more {
    display: inline-block;
    margin: 5px 5px 4px;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
    border-bottom-style: dashed;
}

.crm__tasks .fc-popover .fc-header,
.crm__tasks_objects .fc-popover .fc-header {
    padding: 4px 14px 5px;
    background: rgb(67, 160, 71) !important;
    color: #ffffff;
    font-size: 15px !important;
    font-weight: bold;
}

.crm__tasks .fc-icon-x:after,
.crm__tasks_objects .fc-icon-x:after {
    content: "\e646";
    top: 0px;
    font-size: 13px;
}

.crm__tasks .fc-unthemed td.fc-today,
.crm__tasks_objects .fc-unthemed td.fc-today {
    background: #fcf8e3;
}

.crm__tasks .fc-popover {
    border-radius: 3px;
    -webkit-animation: SlideInDown .5s ease;
    animation: SlideInDown .5s ease;
    margin-bottom: 50px;
}

.error_msg,
.success_msg {
    background-color: #f2dede;
    border: 1px solid #ebcccc;
    border-radius: 4px;
    color: #a94442;
    padding: 10px 20px 12px;
    margin-bottom: 30px;
    font-size: 16px;
    font-family: "Lato";
    line-height: 1.5;
}

.clients .client .client_row p {
    word-wrap: break-word;
}

.bolt {
    font-weight: bold;
}

#summa_sdelki,
#summa_sdelki_all {
    margin-top: 8px;
    margin-left: 300px;
    display: none;
    height: 29px;
}

.confirm_mess {
    position: absolute;
    z-index: 99999;
    right: 0;
    color: #fff;
}

.confirm_mess .client-confirm__buttons,
.confirm_mess .object-confirm__buttons {
    margin-top: 15px;
}

.confirm_mess .client-confirm,
.confirm_mess .object-confirm {
    background-color: #212121;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #dedede;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);
}

.confirm_mess .unconfirmClient,
.confirm_mess .unconfirmObject {
    margin-right: 10px;
}

.confirm_mess .view_history_tasks {
    border-radius: 6px;
    border-color: rgb(198, 132, 132);
    align-self: flex-end;
    border-width: 1px;
    background-color: rgb(255 255 255/1);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 0.875rem;
    color: rgb(236 46 46/1);
    cursor: pointer;
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: none;
    appearance: button;
    background-image: none;
    box-sizing: border-box;
    border-style: solid;
}

#addEditNew .tab,
#addNewPartner .tab,
#send .tab,
#user_form_edit .tab,
#addNewEmployee .tab,
#req_form .tab {
    position: relative;
    display: inline-block;
    margin-top: 7px;
    cursor: pointer;
    border: 0;
    font-size: 17px;
}

.date_whoaction {
    color: #757575;
    font-size: small;
}

.clients .pagination {
    padding-top: 30px;
}

.kanban__item-title {
    white-space: nowrap;
    /* Отменяем перенос текста */
    overflow: hidden;
    /* Обрезаем содержимое */
    padding: 5px;
    /* Поля */
    text-overflow: ellipsis;
    /* Многоточие */
    border-bottom: 1px solid rgb(183, 188, 190);
    width: 155px;
    display: inline-block;
    padding-top: 0px;
}

.crm.new .closer {
    font-size: 28px;
}

#client-history__bg {
    margin-bottom: 0px;
}

#addTaskBg .form-block .inputs .fstQueryInput {
    border: none;
    margin: 0px;
}

#merepriation-history {
    width: 40%;
}

#merepriation-history .history {
    float: none;
    width: 100%;
}

#merepriation-history .clients .chat-block .chat-message {
    min-width: 80%;
    max-width: calc(80% - 110px);
}

#merepriation-history .clients .history__chat-e {
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 20px;
    min-height: 50px;
    width: 100% !important;
    padding-bottom: 18px;
    background: #f8f8f8;
    border-right: 1px solid #dedede;
    overflow-x: hidden;
}

.fio_user {
    text-overflow: ellipsis;
    font-size: 11px;
    position: absolute;
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
}

.amcharts-legend-div {
    overflow-y: auto!important;
    max-height: 400px;
}

#vk_post_bg {
    z-index: 99998;
}


/*#widgetClientsSources{
    width: 100%;
}*/

.my-docs {
    background-color: #ffffff;
    /*padding: 20px 50px;*/
}

.my-docs .tab.tab__new-object i {
    left: auto;
    top: auto;
    margin-top: auto;
}

.my-docs .tab.tab__new-object span {
    margin-left: 30px;
}

.my-docs .add-folder a {
    border-bottom: none;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 18px;
}

.my-docs .add-folder .tab.tab__new-object {
    padding-left: 0px;
}

.flat__modal ul.docs li.opened>ul.hidden {
    display: none;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #5cb85c;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.client .main-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 35px 5px;
    border-bottom: 1px solid #dedede;
}

.client-added {
    padding: 12px 35px 13px;
    color: #757575;
    font-size: 13px;
}

.client-added .client-added__by,
.client-added .client-added__work {
    display: inline-block;
    margin-right: 30px;
    color: #757575;
}

.obj_client {
    padding-top: 7px;
    margin-right: 15px;
}

.probank ul,
.proresolve ul {
    display: inline-flex;
    padding-left: 50px;
}

.list_bank {
    display: inline;
    cursor: pointer;
    padding: 0px 0px 10px 10px;
}

.probank .bottom,
.proresolve .bottom {
    margin-left: 60px;
}

.adv_activities {
    margin-right: 5px;
}

.fstResults {
    max-height: 15em !important;
    overflow-y: auto !important;
}

#ms-crm-charts-work+.fstResults {
    margin-bottom: 55px;
}

#grid-keep-selection .new-width .column-header-anchor {
    width: 300px;
}

#object_list_table-header .dropdown.btn-group {
    top: 12px;
    right: 90px;
    position: fixed;
}

#obj-stat-grid-full .new-width .column-header-anchor {
    width: 300px;
}

.funnels_client {
    padding: 5px;
}

.funnels_client li {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-left: 15px;
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
    cursor: pointer;
}

.funnels_client li.active {
    border: 1px solid rgb(67, 160, 71);
    color: rgb(67, 160, 71);
}

.funnels_client li .counter {
    position: absolute;
    right: -8px;
    top: -8px;
    height: 19px;
    line-height: 19px;
    background: #4CAF50;
    color: #ffffff;
    padding: 0 9px;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    border-radius: 11px;
}

.sended-type-btn-block {
    padding: 0px 10px 40px;
}

.fr-send-presentation__modal .fstResults {
    max-height: 17em !important;
}

.vue_select input,
.visibleSearch .vue_select input {
    border: none !important;
    width: 10% !important;
    padding: 0px !important;
}

.vue_select .vs__selected,
.visibleSearch .vue_select .vs__selected {
    font-size: 18px;
}

#chat-modal__bg__deal .visibleSearch .vue_select .vs__selected{
    font-size: 14px;
}

.actions-tags .vue_select .vs__selected {
    font-size: 15px;
    border: none;
}

.vue_select input,
.visibleSearch .vue_select input {
    border: none !important;
    width: 1% !important;
    padding: 0px;
}

.crm__filter-input .vue_select input,
.crm__filter-input .visibleSearch .vue_select input {
    padding-left: 7px !important;
}

.crm__filter-input .vue_select input[placeholder],
.crm__filter-input .visibleSearch .vue_select input[placeholder] {
    font-size: 18px;
    color: #757575;
}

.addTag .vue_select input[placeholder] {
    color: #757575;
    font-size: 1em;
}

.addTag .vue_select input {
    padding-left: 7px !important;
}

.vue_select .vs__selected {
    font-size: 18px;
}

#req_form .hidenClass,
.visibleSearch .hidenClass,
.fstSingleMode .fstQueryInput {
    left: unset;
    display: block;
    color: #999;
    position: unset;
    margin: 3px;
    width: 98% !important;
    padding: 5px 2% 7px !important;
    font-size: 18px;
    font-family: "Lato";
    background: none;
    box-shadow: none;
    border: 1px solid #e0e0e0 !important;
    box-sizing: border-box;
}

.seeDetails {
    margin-right: 5px;
}

.seeDetails:hover {
    color: #237ef7 !important;
}

.crm .view-changer .view-adv-list svg {
    width: 37px;
    height: 37px;
    margin-top: 2px;
}

.crm .view-changer .view-adv-table svg {
    width: 37px;
    height: 37px;
    margin-top: 2px;
}

.crm__table {
    /* margin: 0 -35px !important;*/
}

#object_list_table-header .dropdown.btn-group {
    top: 0;
    right: 0;
    position: relative;
}

.object-content__advert {
    float: right !important;
    padding: 8px 15px;
}

.object-content__remove_advert {
    float: right !important;
    padding: 8px 0px;
}

.object-content__advert .advert__status-active,
.object-content__advert .advert__status-wait,
.object-content__advert .advert__status-outdate {
    font-size: 16px;
    text-decoration: none;
    border-bottom: none;
}

.object-content__advert .advert__status-active {
    color: rgb(67, 160, 71);
    border-bottom: 1px dashed rgba(67, 160, 71, 0.8);
}

.object-content__advert .advert__status-outdate {
    color: rgb(226, 87, 76);
    border-bottom: 1px dashed rgba(226, 87, 76, 0.8);
}

.object-content__advert .advert__status-wait {
    color: #e18605;
    border-bottom: 1px dashed #e18605;
}

.note__text {
    position: relative;
}

.note__text.note__text-ok {
    color: #757575;
}

.note__text.note__text-wait {
    color: #e18605;
}

.note__text.note__text-ok:after {
    content: "";
    background: url('../images/check.svg');
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 8px;
}

.note__text.note__text-deny {
    color: rgb(226, 87, 76);
    line-height: normal;
}

.advert__popup ul {
    margin-top: 8px;
    margin-left: 20px;
    list-style: none;
}

.advert__popup ul.columns-2 {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}

.advert__popup ul.columns-3 {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}

.advert__popup ul.columns-4 {
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    column-count: 4;
    column-gap: 10px;
}

.advert__popup .note__text {
    display: inline-block;
    margin-left: 20px;
}

.advert__popup h4 {
    margin-bottom: 5px;
}

.advert__popup ul+h4,
.advert__popup .note__text+h4 {
    margin-top: 15px;
}

.advert__popup ul li {
    object-fit: contain;
    margin-bottom: 5px;
}

.advert__popup ul li>img {
    height: 24px;
    line-height: 24px;
}

.advert__popup ul li>.note__text {
    display: inline;
    margin-left: auto;
}

#modalFindObj,
#modalAutoSearchFiltr {
    width: 100%;
    top: 0px;
    padding: 25px 0px 0px;
    border-radius: unset;
    padding-bottom: 0px;
    /*height: 100vh;*/
}
#union_clients_modal-bg h3 {
    margin-left: 25px;
}

#union_clients_modal-bg .block.first-level{
    background: #F5F5F5;
}
#modalAutoSearchMap {
    width: calc(100% - 20%);
    top: 30px;
    left: 0px;
    right: 10%;
    padding: 10px 0px;
    border-radius: unset;
}

#modalAutoSearchMap .modal__body {
    padding: 0px 20px;
    padding-bottom: 10px;
}

#modalAutoSearchMap .modal__body .map {
    width: 100%;
    height: 700px;
}

#modalFindObj h3,
#modalAutoSearchFiltr h3 {
    margin-left: 25px;
}

#modalFindObj .crm .view-changer div svg {
    width: 37px;
    height: 37px;
    margin-top: 2px;
}

#modalFindObj .jw__object.marketplace {
    margin: 0 20px 32px;
}

#modalFindObj .item:hover {
    box-shadow: 0 2px 7px #4caf50;
    cursor: pointer;
}

.change_req:hover {
    box-shadow: 0 2px 7px #4caf50;
    cursor: pointer;
}

.vs__dropdown-option--highlight {
    background: #efefef !important;
    color: #000 !important;
}

.vs--open .vs__open-indicator {
    transform: scale(1) !important;
}

.vueToggleSpan {
    padding-top: 5px;
    cursor: pointer;
    transition: none !important;
}

.vueToggleSpan:after {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "\e6c3";
    margin-top: 8px;
    margin-right: 10px;
    color: #9e9e9e;
    z-index: 4;
    font-size: 17px;
}

#get_expired_stages_clients,
#get_expired_stages_req {
    font-size: 24px;
    color: rgb(67, 160, 71);
    border-bottom: none;
}

.actions-tags .vs__dropdown-toggle {
    border: none !important;
}

.contract_calendar {
    float: left;
    margin-right: 15px;
}

.vdp-datepicker__calendar {
    width: 250px !important;
}

.contract_calendar .vdp-datepicker__calendar {
    width: 200px !important;
}

.contract_calendar .vdp-datepicker__calendar .cell {
    height: 30px;
    line-height: 30px;
}

.contract_calendar .label {
    float: none;
    width: 200px;
    margin-bottom: 10px;
}

.vdp-datepicker__calendar .cell {
    border-radius: 4px;
}

.vdp-datepicker__calendar .cell.selected {
    color: #fff;
    background: rgb(67, 160, 71);
}

.vdp-datepicker__calendar .cell.selected:hover {
    color: #fff !important;
    background: rgb(67, 160, 71) !important;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    background: #f0f0f0;
    border: none !important;
}

.vdp-datepicker__calendar .cell.day-header {
    color: #FF9A19;
    font-size: 100% !important;
}

.vdp-datepicker__calendar {
    border-color: #e0e0e0 !important;
    border-radius: 4px;
}

.invalid .vdp-datepicker__calendar {
    border-color: rgb(221, 93, 91) !important;
}

.contracts {
    display: inline-block;
    color: #757575;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 10px;
    max-width: 15%;
    white-space: nowrap;
    margin-right: 0;
}

.object-content .contracts {
    padding: 8px 0px;
    margin-left: 10px !important;
}

.contracts span, .contracts div,
.contracts a {
    color: #4CAF50 !important;
    font-size: 15px !important;
    border-bottom: none;
}

.contract_div a {
    color: #757575 !important;
}

.contract_div a:hover {
    background: #fff !important;
}

.contracts span.expired, .contracts div.expired {
    color: rgb(221, 93, 91) !important;
}

.contracts .contract_href {
    cursor: pointer;
}

#objects-table .fixed-table-container .fixed-table-body {
    overflow: unset !important;
    min-height: 650px;
}

#objects-table .fixed-table-container {
    overflow: auto;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.open {
    z-index: 98;
}

#___b,
#___c,
#___d,
#filter_is_reports,
#filter_is_free,
#filter_is_package,
#filter_is_promotion {
    padding: 6px 18px;
    margin-right: 10px;
}

.___1 {
    padding: 6px 57px;
    width: fit-content;
    cursor: pointer;
    background: -webkit-linear-gradient(top, #fff, #f5f5f5);
    border: 1px solid #d0d0d0;
    border-radius: 4px;
}

.___1[data-active="1"] {
    background: #fff !important;
    border-color: rgba(56, 142, 60, .6) !important;
}

.___1 p {
    display: inline;
}

.___a1 {
    cursor: pointer;
}

.quest_funnel {
    font-size: 18px !important;
    padding: 0 !important;
    background: none !important;
}

.quest_funnel i {
    color: #e18605;
}

#complex_form .suggestions-suggestions {
    margin-top: 36px;
}

#complex_form .line {
    margin-top: 20px;
    display: grid;
}

#complex_form .pole_select_value.pole_end_etap .vdp-datepicker {
    padding: 0px !important;
}

#complex_form .pole_select_value div {
    padding: 0px !important;
}

#complex_form .small-photo div {
    float: none;
}

#complex_form .small-photo .fileuploader-thumbnails-input-inner {
    width: 150px;
    height: 150px !important;
}

#complex_form .small-photo li {
    height: 150px !important;
    width: 150px;
}

#complex_form .small-photo .fileuploader-thumbnails-input-inner {
    line-height: 150px;
}

#complex_form .small-photo {
    display: inline-block;
    width: 500px;
}

#complex_form .pole_select_value li {
    height: auto;
}

#complex_form .pole_end_etap .fas.fa-plus {
    margin-top: 0px;
}

#complex_form .pole_end_etap .pole_li {
    padding: 0px;
    border: none;
}

.complex_table_checbox input {
    display: none;
}

.complex_table_checbox label {
    font-size: 30px;
    color: #757575;
    cursor: pointer;
}

.complex_table_checbox label.active {
    color: rgb(67, 160, 71);
}

.complex_table_checbox td {
    padding: 20px;
}

#total_confirm {
    cursor: pointer;
}

.actionAdv .fstMultipleMode .fstQueryInput {
    font-size: 16px;
    margin-bottom: 0px;
}

.actionAdv .fstMultipleMode .fstControls {
    /*padding: 0px;*/
}

.actionAdv .fstNoResults {
    padding: 4px;
    font-size: 16px;
}

.sub_comment_who_work .fstToggleBtn {
    min-width: 300px;
    min-height: 34.58px;
}

.sub_comment_who_work {
    margin-bottom: 10px;
}

#object-new-client-input-vue .vs__selected {
    font-size: 15px;
}

.denial_types_req a {
    border-bottom: none;
}

.denial_types_req label {
    color: #9e9e9e;
}

.denial_types_req a.checked {
    color: #388E3C !important;
}

.denial_types_req label.checked {
    color: #000 !important;
}

.span_from_block {
    font-size: 18px;
    display: inline-block;
    padding-top: 5px;
    width: 500px;
}

.span_from_block_small {
    display: inline-block;
    padding-top: 5px;
}

.tr__color {
    background-color: #f9f9f9;
}

.no-heigth .connectedSortable{
    height: auto;
}

.connectedSortable {
    height: 100%;
}

.funnels_adjacent a.active_show{
    color: #4CAF50;
    border-bottom: none;
}

.funnels_adjacent .list_funnels{
    position: absolute;
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.10);
    width: 300px;
    max-height: 390px;
    overflow: hidden;
    background: #fff;
    z-index: 1;
    text-align: center;
    padding-top: 25px;
    color: #757575;
    border-radius: 6px;
}

.funnels_adjacent .list_funnels img{
    padding: 16px;
    text-align: center;
}

.funnels_adjacent .list_funnels .closer, .funnels_adjacent .list_funnels .closer_adjent {
    font-size: 15px;
    top: 5px;
    right: 5px;
    position: absolute;
    padding: 0;
    cursor: pointer;
}

.funnels_adjacent .list_stagebars{
    padding-top: 0px;
    max-height: 360px;
    overflow: auto;
}

.funnels_adjacent .list_stagebars .stagebar{
    min-width: 200px;
    padding-bottom: 17px;
    padding-left: 7px;
    border-bottom: 1px solid #DEDEDE;
    text-align: left;
}

.funnels_adjacent .list_stagebars .stagebar .stagebar_title {
    color: #757575;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 8px;
}

.video_href_frame {
    border-bottom: none;
}

.video_href_frame.funnels img{
    margin: 37px 0 0 26px;
}

.persone_yas_ip.hidden, .persone_no_ip.hidden {
    display: none !important;
}

.card-advert-all{
    position: absolute;
    background: #fff;
    z-index: 999;
    padding: 10px 20px;
    margin-top: 55px;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

#client_req_bind .vs__search{
    font-size: 15px;
    padding-left: 10px !important;
}

.openClientReqBind {
    border-bottom: none;
}

.openClientReqBind i {
    position: absolute;
    
    font-size: 21px;
    color: #4CAF50;
    margin-left: -24px;
}

.openClientReqBind span {
    border-bottom: 1px solid rgb(183, 188, 190);
}
.highways .fstToggleBtn, .cottage-village-block .fstToggleBtn{
    min-width: unset;
    max-width: unset;
    min-height: 35px;
}

.open_object_req_info:hover {
    color: #388E3C;
}
#catalog_link_copy_loader_links.hidden{
    display: none !important;
}

.remove_advert_icone {
    float: left;
    position: relative;
    overflow: hidden;
    margin-left: -17px;
    
}
.remove_advert_icone.cian{
    
    z-index: 5;
}
.remove_advert_icone.domclik{
    
    z-index: 4;
}
.remove_advert_icone.avito{
    
    z-index: 3;
}
.remove_advert_icone.jcat{
    
    z-index: 2;
}
.remove_advert_icone.yandex{
    
    z-index: 1;
}
.editFunnelObject.hidden{
    display: none !important;
}
.object-content__actions .tags{
    display: inline-flex !important;
    max-width: unset !important;
}

.tags .tags-title{
    cursor: pointer;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    

   
}

.tags.hidden{
    display: none !important;
}

.kanban__item-tag.tags{
    display: inline-flex;
    max-width: 255px;
}

.kanban__item-tag.tags .tags-title{
    max-width: 255px;
    
}


.tag-block{
    border: solid 1px #5C9C5F; 
    border-radius: 30px; 
    padding: 2px; 
    display: inline-flex; 
    max-width: 120px;
    background: #fff;
    position: relative;
    line-height: normal;
}

.kanban__item-tag .tag-block {
    max-width: 100px;
}

.tag-block:nth-child(n+2){
    margin-left: -20px;
}

.tag-block .tag-img{
    width: 14px; 
    height: 14px; 
    background-color: #5C9C5F; 
    border-radius: 50%; 
    padding: 4px;
}

.tag-block .tag-name{
    font-size: 12px; 
    margin: 4px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}

.tag-block.list-tags{
    width: auto;
    max-width: unset;
    margin-left: 0px;
}
.actions-tags.lists {
    max-width: 400px;
    padding: 10px 10px 10px 10px;
    left: unset !important;
    width: auto;
    margin-top: 7px;
    transition: none !important;
}

.client-inner .actions-tags.lists{
    margin-top: 13px;
}
.actions-tags.lists::before
{
    right: calc(70% - 10px);
    left: unset;
}

.actions-tags .inputs{
    display: inline-flex;
    gap: 10px;
    flex-wrap:wrap;
}
 .tags .custom-tooltip{
    top: 70px;
    width: auto;
     min-width: unset;
     display: grid;
     justify-content: center;
     gap: 10px;
 }

 .p-dialog-mask {
     z-index: 99999 !important;
 }
 .p-portal,
 .p-select-overlay,
 .p-datepicker-panel,
 .p-dropdown-panel,
 .p-multiselect-overlay {
     z-index: 100000 !important;
 }