@import url("https://fonts.googleapis.com/css?family=Quicksand:400,700");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic');

.main-panel {
    background: #f5f5f5;
}

.login .logo img {
    margin-right: 10px;
    border-radius: 50%;
}

.navbar-form .input-group>.form-control {
    width: 200px;
}
.login .main-panel {
    width: 100%;
    float: initial;
}

.login .wrapper .main-panel > .content {
    min-height: calc(100% - 75px);
}

@media screen and (max-width: 992px) {
    .login .wrapper .main-panel > .content {
        min-height: calc(100% - 135px);
    }
    .login .wrapper .main-panel > .footer {
        text-align: center;
    }
}

.wrapper .main-panel > .content {
    min-height: calc(100% - 150px);
}

.select-lang > a {
    display: inline-block!important;
    margin-right: 10px;
    margin-bottom: 0!important;
    border-bottom: 1px dotted #444;
    opacity: 0.65;
}
.select-lang > a:hover, .select-lang > a.active {
    border-bottom: 1px solid #222;
    opacity: 1;
}

.select-lang > a img {
    margin-bottom: 2px;
}

.deal-contact-search-result {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding: 5px 0;
}

.deal-contact-search-result.select-contact {
    cursor: pointer;
}

.deal-contact-search-result-main {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 0;
}

.deal-contact-name {
    color: #5f5f5f;
    font-size: 14px;
    line-height: 1.25;
    opacity: .78;
}

.deal-contact-archive-icon {
    font-size: 10px;
    opacity: .7;
}

.deal-contact-lead-id {
    color: #70b08d;
    font-size: 14px;
}

.deal-contact-lead-link {
    color: #7bbcce;
    font-size: 13px;
    line-height: 1;
    padding: 3px;
}

.deal-contact-phase {
    background: #7bbcce;
    border-radius: 6px;
    color: #fff;
    font-size: 10px;
    line-height: 1.25;
    padding: 3px 6px;
    white-space: normal;
}

.deal-contact-search-result-new {
    border-bottom: 0;
}

.close-integration-window, .close-alert-window, .close-error-window {
    position: absolute;
    right: 10px;
    top: 7px;
}

.alert.alert-danger span {
    color: #fbfbfb;
}

.booking-extension-request-trigger {
    display: inline-block;
    margin-left: 5px;
    padding: 3px 8px;
    border: 0;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.75em;
    text-transform: uppercase;
    line-height: 1.5em;
    vertical-align: middle;
    transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.booking-extension-request-trigger-action {
    background: #f47c7c;
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

.booking-extension-request-trigger-action:hover {
    background: rgb(239, 99, 99);
}

.booking-extension-request-trigger-disabled,
.booking-extension-request-trigger-disabled:hover,
.booking-extension-request-trigger-disabled:focus,
.booking-extension-request-trigger-disabled:active {
    background: #f8d7da;
    color: #b04a57 !important;
    cursor: default;
    text-decoration: none;
    outline: none;
}

.booking-extension-request-trigger-disabled {
    pointer-events: none;
}

.booking-extension-requests-history-trigger.btn.btn-xs {
    margin-left: 4px;
    padding: 1px 5px;
    font-size: 10px;
    line-height: 1.4;
}

.booking-extension-requests-history-trigger i {
    font-size: 10px;
}

#booking-extension-requests-history-modal .booking-extension-requests-history-dialog {
    width: calc(100vw - 80px);
    max-width: 1000px;
}

#booking-extension-requests-history-modal .modal-body {
    max-height: calc(100vh - 150px);
    overflow: hidden;
}

#booking-extension-requests-history-modal .booking-extension-requests-history-empty {
    padding: 25px 0;
}

#booking-extension-requests-history-modal .booking-extension-requests-history-table-wrapper {
    max-height: calc(100vh - 240px);
    overflow: auto;
    width: 100%;
}

#booking-extension-requests-history-modal .booking-extension-requests-history-table-wrapper .table {
    width: max-content;
    min-width: 100%;
    margin-bottom: 0;
}

#booking-extension-requests-history-modal .booking-extension-requests-history-table-wrapper .table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    font-size: 12px;
}

.sidebar .logo a.logo-normal {
    margin-bottom: 15px;
}

.sidebar .logo a.logo-normal img {
    margin-left: 23px;
    margin-right: 7px;
    margin-top: -7px;
}

.sidebar .logo:before {
    bottom: -15px;
}

.sidebar .user {
    margin-top: 40px!important;
}

.wrapper .sidebar .sidebar-wrapper li.active > a:not([data-toggle="collapse"]):after {
    border-right-color: #fbfbfb;
}

.main-panel .navbar-default {
    /*background-color: #f3f3f3;*/
    background-color: rgba(255, 255, 255, .6);
}

.sidebar-mini .sidebar .logo .logo-mini {
    display: block
}

.sidebar .logo .logo-mini {
    display: none;
}

.sidebar .sidebar-wrapper > .nav:last-of-type,
.off-canvas-sidebar .sidebar-wrapper > .nav:last-of-type {
    margin-bottom: 20px;
}

i.px16 {
    width: 16px;
    margin-right: 7px;
    color: #40a639;
}

.company .card .card-header .logo {
    position: absolute;
    top: 15px;
    right: 15px;
}

.company .card .card-header .logo img {
    width: 100px;
}

.building-edit .card-footer {
    height: 55px;
}

.building-edit .card-wizard .nav-pills {
    font-size: 14px;
}

.building-edit .card-wizard .nav-pills li {
    width: 25%;
}

form .bootstrap-datetimepicker-widget span {
    font-size: 16px;
}

.booking-expiration-datepicker-widget table td.day:not(.disabled):not(.active) > div {
    background: #edf7f1;
    color: #66615b;
}

.booking-expiration-datepicker-widget table td.day:not(.disabled):not(.active):hover > div {
    background: #dcefe5;
}

.row.switch-features .form-group > * {
    display: block;
}

.building-edit .add-photo-zone .photo:first-of-type {
    margin-right: 2px;
}

.building-edit .add-photo-zone .photo {
    position: relative;
    width: 31.2%;
    display: inline-block;
    margin: 25px 5px 50px 5px;
}

.building-edit .add-photo-zone .checkbox {
    position: absolute;
    bottom: -37px;
    left: 0px;
}

.building-edit .add-photo-zone .checkbox label {
    padding-left: 3px;
}

.building-edit .add-photo-zone .dropify-wrapper {
    height: 150px;
}

.building-edit .btn-save {
    margin-right: 15px;
}

.building-edit .add-plan-zone .floor-photo {
    margin-bottom: 15px;
}

.building-edit .add-plan-zone .floor-photo > div {
    display: inline-block;
}
.building-edit .add-plan-zone .floor-photo > div:first-of-type {
    width: 55%;
}
.building-edit .add-plan-zone .floor-photo > div:last-of-type {
    height: 180px;
    width: 70px;
    vertical-align: top;
    margin-left: 20px;
}

.building-edit .add-plan-zone .floor-photo input[type=number] {
    padding: 7px 10px;
}

.row .note-editor.note-frame {
    border: 1px solid #e8e7e3;
    border-radius: 4px;
    z-index: 10;
}

.note-editor.note-frame, .note-editor.note-frame .note-toolbar, .note-editor.note-frame .note-statusbar {
    background-color: #F3F2EE!important;
}

.note-btn-group {
    /*margin-bottom: 5px;*/
}

.note-editor.note-frame .note-statusbar {
    
}

.building-edit .lang-switch, .management-companies-add .lang-switch {
    margin: 0 auto 30px auto;
    text-align: center;
    font-size: 16px;
}

.building-edit .lang-switch > span, .management-companies-add .lang-switch > span {
    margin: 0 3px;
    cursor: pointer;
    border-bottom: 1px dotted #ccc;
    color: #aaa;
}

.building-edit .lang-switch > span.active, .management-companies-add .lang-switch > span.active {
    color: #000;
    border-bottom: 1px solid #555;
}

.card-wizard .nav li::after {
    position: absolute;
    z-index: 5;
    right: -6px;
    top: 5px;
    font-size: 23px;
    color: #eee;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: right 150ms linear;
}
.card-wizard .nav li:hover::after {
    /*right: 1px;*/
}
.card-wizard .nav li:last-of-type::after {
    content: '';
}

.card-wizard .nav li:hover a {
    background-color: #797269;
}

.tab-pane.floor-plan p {
    font-size: 14px;
    margin-top: -1.5em;
    margin-bottom: 1.5em;
}

.sidebar-wrapper .user .photo img {
    background-color: #676767;
}

.company .card .card-header .category {
    margin-bottom: 15px;
}

.font12 {
    font-size: 12px!important;
}

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

.company-reviews .answer-wrapper {
    margin-bottom: 15px;
}

.card-title a {
    text-decoration: underline;
}

.width-50 {
    width: 50%;
}

.width-100 {
    width: 100%;
}

.company-reviews .answer-edit-wrapper textarea {
    width: 100%;
}

.company-reviews .answer-wrapper {
    font-style: italic;
}

.company-info-wrapper {
    margin-bottom: 5em;
}

ul li.has-children {
    margin-bottom: 1.5em;
    margin-left: 25px!important;
    color: #fff;
}

ul li.has-children a {
    padding: 0!important;
}

label.error {
    font-size: 12px;
    color: red;
    font-weight: 300;
}

.company-reviews .card-title .font14 {
    color: #888;
}

.company-reviews .card-content .phone {
    font-size: 16px;
    margin-bottom: 15px;
}

.company-reviews .card-content .phone i {
    color: #3dbf3d;
}

.card.new-item {
    background-color: #c4f7c4;
}

.articles .edit-link {
    text-decoration: none;
    color: #85d885;
}

.pull-right .btn-lg {
    margin-bottom: 3em;
}

.margin-top-0 {
    margin-top: 0;
}

.modal-backdrop {
    display: none!important;
}

.articles.articles-list .card-content {
    overflow: auto;
}

.articles.articles-list .card-content img {
    margin: 10px;
}


.crm .tags-list .tag, .bootstrap-tagsinput .tag {
    display: inline-block;
    color: #fff;
    padding: 2px 10px;
    border-radius: 14px;
    margin: 0 5px 10px 0;
    white-space: nowrap;
    cursor: pointer;
}
.crm .tags-list .tag:hover {
    opacity: 0.8;
}

.crm-edit .tags-list .tag::after {
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-left: -8px;
    opacity: 0;
    transition: all 150ms linear;
}
.crm-edit .tags-list .tag.tag-remove::after {
    content: '\f068';
}
.crm-edit .tags-list .tag:hover::after {
    margin-left: 5px;
    font-size: 12px;
    opacity: 1;
}

.bootstrap-tagsinput .tag {
    text-transform: none!important;
    font-size: 14px!important;
    text-decoration: none;
}

.tags.no-remove .bootstrap-tagsinput .tag:hover {
    opacity: 0.7;
}

.tags.no-remove .bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 0px;
}

.tags.no-remove .bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: none;
    padding: 0px 2px;
}

.tags.no-remove  .bootstrap-tagsinput .tag:hover {
    padding-right: 10px;
}

.tags.no-remove  .bootstrap-tagsinput input {
    display: none!important;
}

fieldset .bootstrap-tagsinput .tag [data-role="remove"] {
    top: 2px!important;
    display: block;
}

fieldset .bootstrap-tagsinput {
    background-color: #F3F2EE;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 7px 18px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    border: 1px solid #e8e7e3;
}

.managers-input-wrapper .bootstrap-tagsinput {
    display: block;
}

.managers-input-wrapper .bootstrap-tagsinput input {
    width: 100%;
}

#event-modal {
    z-index: 9999999;
}

.tags-list .big-tag {
    transform: scale(1.5);
    padding-right: 7px!important;
    margin-left: 50px!important;
}

.crm .first-add-button {
    margin-bottom: 2em;
    margin-top: -10px;
}

.company-reviews .remove-button {
    color: red;
    cursor: pointer;
}

.analytics .card-content .numbers p {
    font-size: 16px;
}

img.flag {
    max-width: initial!important;
}

.card.preview-stat {
    position: relative;
}

.card.preview-stat .card-content div {
    filter: blur(1.8px);
}

.card .card-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(220, 220, 220, .8);
    border-radius: 6px;
}

.card .card-overlay .content {
    margin-top: 110px;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.sidebar-wrapper .current-plan{
    display: block;
    margin-bottom: 1.8em;
    margin-left: 15px;
    margin-top: -15px;
}

.not-paid {
    position: relative;
    height: 100%;
}

.not-paid > .navbar, .not-paid > .content {
    filter: blur(3px);
}

.payments .navbar, .payments .content {
    filter: none!important;
}

.not-paid > .footer {
    z-index: 16;
}

.not-paid .not-paid-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(68, 53, 110, .5);
    z-index: 15;
}

.not-paid .not-paid-panel .content {
    margin-top: 15%;
    text-align: center;
}

.not-paid .not-paid-panel a, .not-paid .not-paid-panel .text {
    color: #c1dee6;
}

.not-paid .not-paid-panel h3 {
    color: #fff;
}

.red {
    color: tomato;
}

.green {
    color: #1dbb1d!important;
}

.blue {
    color: #68B3C8!important;
}

.yellow {
    color: #F3BB45;
}

.building-status-icon {
    font-size: 14px!important;
    width: auto!important;
    margin: 0!important;
    float: initial!important;
}

.logo {
    font-family: "Quicksand", "Roboto", sans-serif;
    font-size: 20px;
    color: #fff;
    transition: color 150ms linear;
}
.logo:hover, .logo:active {
    color: #fff;
}

.login .card {
    box-shadow: 0 3px 40px rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.login .card .card-header {
    text-align: center;
}

.login .card-header h4 {
    margin: 15px 0;
}

.login .card-header a {
    color: #248dab;
}

.login .card .card-content {
    padding: 25px;
}

.login footer a {
    color: #fff!important;
}

.login footer .copyright {
    color: #fff!important;
}

.login footer .select-lang a {
    border-bottom-color: #fff;
}

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

.login .show-password-btn {
    cursor: pointer;
}

.login .show-password-btn i {
    opacity: 0.5;
    transition: opacity 150ms linear;
}
.login .show-password-btn:hover i {
    opacity: 1;
}

.login .user-kind {
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all 200ms linear;
}
.login .user-kind:hover {
     opacity: .7;
}

.login .user-kind {
    border: 4px solid #eee;
}

.login .user-kind .r-icon {
    font-size: 50px;
    
}

.login .user-kind .title {
    font-size: 18px;
    font-weight: bold;
}

.login .user-kind .subtitle {
    font-size: 12px;
    color: #555;
    margin-bottom: 10px;
}

.login .user-kind.title {
    color: #429cb6;
    padding: 5px;
}

.login .user-kind.title.active {
    color: #456a56;
    border-color: #7AC29A;
}

/*.login .user-kind:nth-of-type(1) .r-icon, .login .user-kind:nth-of-type(1) .title {
    color: #7AC29A;
}

.login .user-kind:nth-of-type(2) .r-icon, .login .user-kind:nth-of-type(2) .title {
    color: #68B3C8;
}

.login .user-kind:nth-of-type(3) .r-icon, .login .user-kind:nth-of-type(3) .title {
    color: #F3BB45;
}

.login .user-kind.active:nth-of-type(1) {
    border-color: #7AC29A;
}

.login .user-kind.active:nth-of-type(2) {
    border-color: #68B3C8;
}

.login .user-kind.active:nth-of-type(3) {
    border-color: #F3BB45;
}*/

.card-register form {
    margin: 0 10px;
}

.login .step-finish a.btn {
    margin: 25px 0;
}

.login .social-login {
    text-align: center;
}

.login .social-login a.btn {
    max-width: 260px;
    display: inline-block;
    margin: 0 3px 10px 3px;
    border-radius: 5px;
}

.login .social-login .btn-social-icon>:first-child {
}

.login .social-login .btn-social-icon {
    height: 36px;
}

.building-edit .photo .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    margin-bottom: 0;
}

.dashboard .card-content .numbers p {
    font-size: 18px;
}

.dashboard .card-content .numbers .label {
    font-size: 14px;
}

.dashboard .fast-buttons .col-md-4 {
    margin: 20px 0;
}

.crm-leads .row {
    margin-bottom: 30px;
}

.crm-leads .row.iframe-view {
    margin-bottom: 0;
}

.crm-edit .select-filtered-building:hover {
    color: #126379;
}

.crm-edit .clear-input {
    font-size: 25px;
    cursor: pointer;
    color: #888;
}
.crm-edit .clear-input:hover {
    color: #000;
}

.crm-leads .fixed-table-body {
/*     overflow: hidden; */
}

.fixed-table-container thead th .th-inner {
    font-size: 14px;
    font-weight: bold;
}

.crm-leads .fixed-table-body td, .crm-leads .fixed-table-body th {
    border: 1px solid #aaa!important;
}

.crm-leads .fixed-table-body th {
    padding: 10px 0!important;
}

.crm-leads .card .bootstrap-table {
    padding: 0
}

.fixed-table-toolbar .dropdown-menu {
    max-height: 50vh;
    overflow-y: auto;
}

.fixed-table-toolbar .dropdown-menu li:first-of-type {
    display: none;
}

.crm-leads .edit-item-icon i, .crm-leads .mark-lead, .crm-leads .archive-lead {
    font-size: 18px;
}

.crm-leads .edit-item-icon:hover i, .crm-leads .mark-lead:hover i, .crm-leads .archive-lead:hover i {
    opacity: .65;
}

.crm-leads .edit-item-icon {
    color: #039a03;
}

.bg-lead-red {
    background-color: #f9dcd8;
}

.bg-lead-green {
    background-color: #b9f5b2;
}

.bg-lead-gray {
    --box-shadow-color: #ccc;
}

.bg-lead-yellow {
    --box-shadow-color: #f3bb45;
}

.crm .archive-contact {
    margin-left: 10px;
}

.crm-leads .fixed-table-container .no-records-found {
    display: none;
}

.crm-leads .table .lead-marked {
    background-color: #ff9f92;
}

.fixed-table-container tbody a {
    color: #0f6dd4;
}


.card.building-card .card-content > div {
    display: inline-table;
    vertical-align: top;
}


.card.building-card .card-content .image {
    margin-right: 10px;
    width: 200px;
}

.moderation-buttons {
    font-size: 14px;
    position: absolute;
    right: 10px;
    bottom: -2px;
}

.moderation-buttons .ti-close {
    color: #f00;
}

.moderation-buttons .ti-check {
    color: #85d885;
}


.add-table-dropdown ul {
    padding: 15px;
    width: 275px;
    margin-top: 15px;
}
.add-table-dropdown ul.caret-right:before, .add-table-dropdown ul.caret-right:after {
    right: 12px!important;
    left: unset!important;
}
.add-table-dropdown ul.caret-left:before, .add-table-dropdown ul.caret-left:after {
    left: 12px!important;
    right: unset!important;
}

.add-table-dropdown ul input {
    margin-bottom: 15px;
}

.badge.badge-keyboard {
    color: #555;
    background: #ecececec;
    font-weight: normal;
    border: 1px solid #ccc;
}

.dropdown-menu li.section {
    padding: 10px 15px;
    font-weight: bold;
}

.building-edit .photo-category {
    position: absolute;
    bottom: -25px;
    right: 3px;
    font-size: 12px;
}
.building-edit .photo-category.disabled {
    opacity: .5;
}

.building-edit .photo-category > span {
    border-bottom: 1px dashed #777;
    cursor: pointer;
    margin-left: 5px;
}
.building-edit .photo-category.disabled span {
    cursor: not-allowed;
}
.building-edit .photo-category > span.active {
    border-bottom: none;
    padding: 2px 7px;
    border-radius: 10px;
    color: #fff;
    background-color: #484541;
}

.building-edit .photo-category span.calendar, .building-edit .photo-category span.photo-attrs {
    border-bottom: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.company-edit .documents .dropify-wrapper, .crm-edit .documents .dropify-wrapper {
    height: 130px;
    margin: 10px auto;
}

.company-edit .documents .dropify-wrapper .dropify-filename, .crm-edit .documents .dropify-wrapper .dropify-filename {
    margin-top: 30px!important;
}

.documents .document {
    width: 150px;
    display: inline-table;
    vertical-align: top;
    margin: 7px;
    cursor: pointer;
    position: relative;
}

.documents .document:hover {
    background: #efefef;
}

.documents .document > div {
    text-align: center;
}

.documents .document .fileicon {
    font-size: 40px;
    color: #555;
}

.documents .document .filename {
    font-size: 12px;
    color: #66615b;
}

.documents .document .filename span.filesize {
    color: #999;
    margin: 0 5px;
}

.documents .document .close {
    position: absolute;
    top: 5px;
    right: 5px;
}

.company .company-info-wrapper .documents {
    margin: 25px 0;
}

.building-edit .documents h5 {
    padding: 0;
}

.building-edit .documents .dropify-wrapper {
    margin: 0 auto;
    width: 350px;
    height: 110px;
}

.building-edit > .progress {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    transition: width 250ms ease-out;
}

.work-documents .card table a {
    color: #1996b9;
}

.work-documents .card table i {
    font-size: 18px;
}

.work-documents .card .card-content .table-wrapper {
    display: block;
    max-height: 400px;
    overflow-y: auto;
}

.crm .parameters .parameter-name {
    color: #555;
    font-weight: bold;
}

.crm .deal-info-form .row {
    margin-bottom: 4px;
}

.crm .deals .found-building .single-found {
    margin-top: 23px;
}

.opacity-6 {
    opacity: .6;
}

.crm .deals .table tr th {
    font-size: 14px;
}

#choose-deals-modal table .checkboxes {
    padding-left: 20px;
    padding-right: 0;
}

#choose-deals-modal table .checkbox {
    margin: 0;
}

.crm .consider-repurchase {
    margin: 15px 0;
}

.building-tables .card.has-dropdown .dropdown {
    position: absolute;
    top: 15px;
    right: 15px;
}

.object-chooser .bootstrap-tagsinput {
    width: 100%;
}

.object-chooser .bootstrap-tagsinput input {
    width: 100%;
}

.leads-table tr hr {
    border-color: #aaa;
    margin: 5px 0;
}

.crm-edit .note-by {
    color: #999;
    margin-top: 15px;
    margin-bottom: 8px;
}

.crm-edit .note-by:first-of-type {
    margin-top: 0;
}

#wizardForm .set-contacts-wrapper {
    margin: 20px 0;
}

#wizardForm .set-contacts {
    font-weight: bold;
}

#wizardForm .set-contacts-wrapper span {
    color: #888;
}

#wizardForm .contacts-form {
    margin-bottom: 20px;
}

body.notifications .card-content {
    position: relative;
}

body.notifications .card-content .card-icon {
    position: absolute;
    top: 5px;
    right: 7px;
    font-size: 24px;
    opacity: .7;
}

.card.no-content .card-content {
    padding-bottom: 0;
}

.messages .dialogs-list .dialog-item {
    padding: 12px 5px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    opacity: .75;
    transition: all 150ms linear;
    position: relative;
}
.messages .dialogs-list .dialog-item:hover {
    background-color: #f0f0f0;
    opacity: 1;
}
.messages .dialogs-list .dialog-item.active {
    background-color: #e5e5e5;
    opacity: 1;
}

.messages .dialogs-list .dialog-item:last-of-type {
    border: none;
}

.messages .dialogs-list .dialog-item > * {
    display: inline-table;
    vertical-align: middle;
}

.messages .dialogs-list .dialog-item .unread-badge {
    top: 5px;
    right: 5px;
    position: absolute;
}

.messages .dialogs-list .dialog-item .manager {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 3px;
    font-style: italic;
}

.messages .dialogs-list .dialog-item .image {
    margin-right: 10px;
}

.messages .dialogs-list .dialog-item .image img {
    width: 50px;
    border-radius: 50%;
}

.messages .dialogs-list .dialog-item .image i {
    font-size: 50px;
}

.messages .dialogs-list .dialog-item .dialog-description {
    max-width: calc(100% - 50px - 15px);
    overflow: hidden;
}

.messages .dialogs-list .dialog-item .dialog-name {
    font-size: 15px;
    font-weight: bold;
    color: #333;
}

.messages .dialogs-list .dialog-item .btn-copy-dialog-url {
    margin-left: 5px;
    width: 13px;
}

.messages .dialogs-list .dialog-item .dialog-last-message {
    font-size: 12px;
    color: #777;
    height: 16px;
    max-width: 100%;
    overflow: hidden;
    word-break: break-all;
}

.messages .dialogs-list .dialog-item .has-lead {
    position: absolute;
    left: 1px;
    top: 0px;
    color: #5bc0de;
    height: 20px;
}

.messages .card-chat .chat {
    max-height: calc(100vh - 400px);
    overflow-y: auto;
}

.messages .card-chat .chat .avatar i {
    font-size: 40px;
}

.messages .card-content .no-messages {
    text-align: center;
    margin-top: -15px;
    margin-bottom: 30px;
    font-size: 18px;
    color: #777;
}

.navbar-brand .attach-to-menu {
    margin-left: 5px;
    font-size: 14px;
    opacity: 0.5;
}
.navbar-brand .attach-to-menu:hover, .navbar-brand .attach-to-menu.attached {
    opacity: 1;
}

.navbar-brand .attach-to-menu::before {
    left: -3px;
}

.navbar-brand .attach-to-menu::after {
    left: -10px;
}

.dashboard .menu-item-favorites {
    margin-bottom: 20px;
}

span.other-objects {
    color: #777;
    font-size: 12px;
}

.crm.crm-edit .note-parameters {
    margin-left: 0px;
}

.crm.crm-edit .note-parameters > div {
    margin: 0 7px;
}
.crm.crm-edit .note-parameters > div:first-of-type {
    margin-left: 0;
}

.building-card .description-items > * {
    display: inline-block;
}
.building-card .description-items > div {
    margin-left: 10px;
    position: relative;
}

.building-card .description-items .description-button > i {
    position: absolute;
    top: -14px;
    right: -61px;
    font-size: 61px;
    color: #3bbd26;
}

.crm-leads-new .page-search {
    position: relative;
}

.crm-leads-new .page-search input {
    border-radius: 20px;
    height: 40px;
    padding: 5px 53px 5px 20px;
    border: none;
    width: 100%;
}
.crm-leads-new .page-search input::placeholder, .crm-leads-new .page-search i {
    color: #d8d8d8;
}

.gplus.crm-leads-new .page-search input {
    border-radius: 6px;
}

.crm-leads-new .page-search i.fa-question-circle, .crm-leads-new .page-search i.fa-search, .crm-leads-new .page-search i.fa-spinner {
    cursor: pointer;
    position: absolute;
    padding: 5px;
    top: 9px;
    transition: color 150ms linear;
}
.crm-leads-new .page-search i.fa-question-circle:hover, .crm-leads-new .page-search i.fa-search:hover, .crm-leads-new .page-search i.fa-spinner:hover {
    color: #777;
}
.crm-leads-new .page-search i.fa-search, .crm-leads-new .page-search i.fa-spinner {
    right: 10px;
}

.crm-leads-new .page-search .help-box {
    position: absolute;
    top: 0;
    right: 55px;
}

.crm-leads-new .page-search .help-box .help-box-tooltip {
     left: 6px!important;
}

@media screen and (max-width: 991px) {
    .crm-leads-new .page-search .help-box .help-box-tooltip {
        left: -125px!important;
    }
    .crm-leads-new .page-search .help-box .help-box-tooltip-arrow {
        left: 296px!important;
    }
}

.crm-leads-new .content .btn, .crm-contacts .sheet .btn {
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 7px 25px rgba(0, 0, 0, .2);
}
.crm-leads-new .content .btn:hover, .crm-contacts .sheet .btn:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}
.crm-leads-new .content .btn:active, .crm-contacts .sheet .btn:active {
    box-shadow: inset 0 1px 15px rgba(0, 0, 0, .2);
}

.crm-leads-new .content .btn.btn-xs, .crm-contacts .content .btn.btn-xs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.crm-leads-new .content .btn-success {
    background-color: #90cbaa;
}
.crm-leads-new .content .btn-success:hover {
    background-color: #7fbc9a;
}
.crm-leads-new .content .btn-success:active {
    background-color: #70b08d;
}


.sheet {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .2);
    padding: 20px;
    margin-bottom: 30px;
    transition: opacity 250ms linear;
    position: relative;
}
.iframe-view .sheet {
    box-shadow: 0 0 12px rgba(0, 0, 0, .15)
}

.sheet .sheet-left-actions > * {
    margin-top: 2px;
    margin-right: 5px;
}
.sheet .date .btn-group {
    margin-right: 5px;
}
.sheet .sheet-left-actions > *:first-of-type {
    margin-left: 0;
}

.sheet .sheet-actions > *,
.leads-table .leads-table-actions > * {
    margin: 0 5px;
}
.sheet .sheet-actions > *:last-of-type,
.leads-table .leads-table-actions > *:last-of-type {
    margin-right: 0;
}

.sheet .sheet-header .sheet-left-actions i,
.sheet .sheet-header .sheet-actions i,
.sheet .sheet-header .btn-group i {
    color: #1b293e;
    opacity: .4;
    transition: opacity 150ms linear;
    font-size: 14px;
}
.sheet .sheet-header .sheet-left-actions i:hover,
.sheet .sheet-header .sheet-actions i:hover,
.sheet .sheet-header .btn-group:hover i {
    opacity: 1;
}

.sheet .sheet-header .sheet-actions .dropdown-menu i:hover {
    opacity: .4;
}

.sheet > * {
    border-bottom: 1px solid #d8d8d8;
    margin: 15px 0;
    padding-bottom: 15px;
}
.sheet > *:first-of-type {
    margin-top: 0;
}
.sheet > *:last-of-type {
    margin-bottom: 0;
    border: none;
}

.sheet .sheet-header {
    position: relative;
}

.sheet .sheet-header > div {
    display: inline-table;
    vertical-align: middle;
}

.sheet .sheet-header .date {
    position: absolute;
    color: #000;
    top: 3px;
    left: 0;
}

.sheet .sheet-header .date, .sheet .sheet-header .id {
    font-size: 12px;
}

.sheet .sheet-header .id {
    color: #70b08d;
    width: 100%;
    text-align: center;
}

.sheet .sheet-header .sheet-left-actions,
.sheet .sheet-header .sheet-actions {
    position: absolute;
    top: 0px;
}

.sheet .sheet-header .sheet-actions {
    right: 0;
}
.board .sheet .sheet-header .sheet-actions {
    top: -4px;
}
.crm-contacts .board .sheet .sheet-header .sheet-actions {
    top: 0px;
}
.sheet .sheet-header .sheet-left-actions {
    left: 0;
}

.sheet .sheet-header .sheet-left-actions.staff,
.sheet .sheet-header .sheet-actions.staff {
    top: -3px;
}

.sheet .sheet-body > a {
    display: block;
    width: 100%;
    text-decoration: none;
}

.sheet .sheet-body .contact {
    border-bottom: 1px solid #d8d8d8;
    margin: 15px 0;
    padding-bottom: 15px;
}

.sheet .sheet-body .contact > * {
    display: inline-block;
    vertical-align: middle;
}

.crm-lead-details .sheet .sheet-body .contact > * {
    vertical-align: top;
}

.crm-lead-details .sheet .lead-details .from-ads {
    max-width: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-width 300ms ease;
}

.crm-lead-details  .sheet .lead-details .from-ads:hover {
    max-width: 350px;
    overflow: visible;
}

.sheet .sheet-body .contact img.contact-photo,
.leads-table img.contact-photo
{
    border-radius: 50%;
    width: 58px;
    height: 58px;
}

.sheet .sheet-body .contact i.fa-user-circle,
.sheet .sheet-body .contact i.fa-circle,
.leads-table i.fa-user-circle {
    font-size: 58px;
    color: #777;
}

.sheet .sheet-body .contact .contact-data {
    margin-left: 15px;
    max-width: calc(100% - 80px);
}

.sheet .sheet-body .contact .contact-data.no-photo {
    margin-left: 0!important;
}

.sheet .sheet-body .contact .contact-data .name {
    color: #000;
    font-size: 16px;
    max-height: 88px;
    overflow: hidden;
    word-break: break-word;
}

.sheet .sheet-body .contact .contact-data .phone,
.leads-table .phone {
    color: #555;
    font-size: 12px;
    margin-top: 5px;
    min-height: 16px;
    height: auto;
    white-space: nowrap;
    width: max-content;
}

.sheet .sheet-body .contact .duplicate-phones,
.leads-table .duplicate-phones {
    margin-top: 0;
    padding-top: 6px;
    opacity: 0.9;
}

.sheet .sheet-body .contact .duplicate-phone,
.leads-table .duplicate-phone {
    margin-top: 6px;
    padding-left: 8px;
    border-left: 2px solid #d7dde6;
}

.sheet .sheet-body .contact .duplicate-phone .name,
.leads-table .duplicate-phone .name {
    font-size: 12px;
    color: #7e8faa;
    margin-bottom: 2px;
}

.sheet .sheet-body .contact .duplicate-phone-number,
.leads-table .duplicate-phone-number {
    margin-top: 3px;
}

.sheet .sheet-body .contact .duplicate-phone-number a,
.leads-table .duplicate-phone-number a {
    color: #7e8faa;
}

.sheet .sheet-body .contact .contact-data .phone .fa-copy,
.leads-table .phone .fa-copy {
    color: #999;
}

.leads-table .phone .fa-copy {
    font-size: 14px;
}

.sheet .lead-data {
    visibility: hidden;
    position: absolute;
}

.sheet .lead-data table, .lead-loading table {
    font-size: 12px;
    width: 100%;
}

.sheet .lead-data table td, .lead-loading table td {
    padding: 7px 0;
    vertical-align: top;
}

.sheet .lead-data table td:first-of-type, .lead-loading table td:first-of-type {
    color: #7e8faa;
    text-align: left;
    white-space: normal;
}
.sheet .lead-data table td:last-of-type, .lead-loading table td:last-of-type {
    color: #000;
    text-align: right;
    word-break: break-word;
}

.sheet .lead-data table a {
    color: #6883e4;
}

.sheet .lead-details {
    cursor: pointer;
    transition: opacity 150ms linear;
    position: relative;
}
.sheet .lead-details:hover {
    opacity: .75;
}

.sheet .lead-details .from-ads {
    position: absolute;
    top: -7px;
    left: 35px;
    background: #000;
    border-radius: 5px;
    padding: 2px 4px;;
    color: #fff;
    font-size: 10px;
}

.sheet .lead-details .from-ads i {
    font-size: 15px;
}

.sheet .timeline-item a.icon {
    position: relative;
}

.sheet .timeline-item .from-ads {
    background: #000;
    border-radius: 5px!important;
    padding: 2px 4px;;
    color: #fff;
    font-size: 10px;
    width: max-content;
}

.sheet .timeline-item .from-ads i {
    font-size: 15px;
    background-color: inherit!important;
    color: #fff!important;
}

.sheet .lead-data h5 {
    font-size: 16px;
    color: #000;
    text-align: center;
}

.sheet .lead-data .processes .process {
    --box-shadow-color: #d8d8d8;
    box-shadow: inset 3px 0 0 var(--box-shadow-color);
    padding-left: 7px;
    margin-bottom: 10px;
    background: none;
}
.sheet .lead-data .processes .process.bg-lead-red {
    --box-shadow-color: #EB5E28;
}
.sheet .lead-data .processes .process.bg-lead-green {
    --box-shadow-color: #7AC29A;
}
.sheet .lead-data .processes .process.bg-lead-yellow {
    --box-shadow-color: #f3bb45;
}

.sheet .lead-data .processes table td {
    white-space: normal;
}

.sheet > *:last-of-type {
    padding-bottom: 0;
}

.sheet .lead-expanded, .sheet .lead-data .processes {
    display: none;
}

.crm-lead-details .sheet .lead-expanded {
    display: table;
}

.crm-lead-details .sheet .lead-data .processes {
    display: block;
}

.crm-lead-details .lead-phase-main {
    display: none;
}

.crm-lead-details .modal .sheet .lead-expanded {
    display: none;
}

.crm-lead-details .modal .sheet .lead-data .processes {
    display: none;
}

.crm-lead-details .modal .lead-phase-main {
    display: contents;
}

.lead-phase-main .label {
    white-space: unset;
}

.crm-lead-details .modal .sheet .sheet-body .contact {
    padding-top: 15px;
}

.lead-loading .title-placeholder, .lead-loading .value-placeholder {
    background-color: #d8d8d8;
    border-radius: 5px;
    -webkit-animation: ph-loading-animation .8s linear alternate infinite;
    animation: ph-loading-animation .8s linear alternate infinite;
}

.lead-loading .title-placeholder {
    height: 14px;
    width: 65%;
    max-width: 100px;
}

.lead-loading .value-placeholder {
    height: 14px;
    width: 90%;
    float: right;
    max-width: 140px;
}

@-webkit-keyframes ph-loading-animation {
  from {
      opacity: .2;
  }
  to {
      opacity: 1;
  }
}

@-moz-keyframes ph-loading-animation {
  from {
      opacity: .2;
  }
  to {
      opacity: 1;
  }
}

@keyframes ph-loading-animation {
  from {
      opacity: .2;
  }
  to {
      opacity: 1;
  }
}

.sb-collapsed div {
    position: relative;
}

.sb-collapsed div i.expand {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 0;
    color: #77bc96;
}

.sb-collapsed div.collapsed:hover {
    max-height: 100%!important;
    overflow: visible;
    position: absolute;
    right: 20px;
    background: #fff;
    box-shadow: 0 3px 13px rgba(0, 0, 0, .3);
    border-radius: 5px;
    padding: 0 10px 10px 10px;
    z-index: 5;
}

.sheet.hide-while-expanded {
    opacity: .3;
}

.sheet.lead-marked {
    box-shadow: 0 0 25px rgba(255, 0, 0, .6)
}

.sheet .process table td:first-of-type {
    white-space: unset!important;
    min-width: 120px;
}

.crm-lead-details .sheet-header {
    margin-bottom: -15px;
}

.crm-lead-details .sheet .sheet-body .contact:hover {
    opacity: 1;
    cursor: initial;
}

.crm-lead-details h6, .crm-deal-details h6, .crm-contact-details h6 {
    text-transform: unset;
    font-size: 16px;
    color: #000;
    font-weight: normal;
}

.crm-lead-details h6.deals-header {
    margin-top: 25px;
}

.crm-lead-details .table > thead > tr > th, .crm-contact-details .table > thead > tr > th {
    font-size: 13px;
    padding-left: 8px;
    padding-right: 8px;
}

.crm-lead-details .table th, .crm-lead-details .table td, .crm-contact-details .table th, .crm-contact-details .table td {
    padding: 9px 0;
    color: #000
}

.crm-lead-details .table td, .crm-contact-details .table td {
    font-size: 12px;
}

.crm-lead-details .table thead tr > th, .crm-lead-details .table thead tr > td, .crm-lead-details .table tbody tr > th, .crm-lead-details .table tbody tr > td, .crm-lead-details .table tfoot tr > th, .crm-lead-details .table tfoot tr > td, .crm-contact-details .table thead tr > th, .crm-contact-details .table thead tr > td, .crm-contact-details .table tbody tr > th, .crm-contact-details .table tbody tr > td, .crm-contact-details .table tfoot tr > th, .crm-contact-details .table tfoot tr > td {
    border-color: #d8d8d8;
}

.crm-lead-details .table > tbody > tr > td, .crm-lead-details .table > tfoot > tr > td, .crm-contact-details .table > tbody > tr > td, .crm-contact-details .table > tfoot > tr > td {
    padding: 10px 8px;
}

.crm-lead-details .table .opacity-6 {
    white-space: nowrap;
}

.crm-lead-details .deals {
    overflow-x: auto;
}

.crm-lead-details .documents .filename {
    color: #000;
}

.crm-lead-details .documents .filename span.filesize {
    white-space: nowrap;
    color: #777;
}

.crm-lead-details .sheet .sheet-header .id {
    font-weight: bold;
}

.crm-lead-details .timeline {
    margin-top: 30px;
}

.timeline {
    position: relative;
}

.timeline .timeline-item {
    margin-bottom: 20px;
}
.timeline .timeline-item:last-of-type {
    margin-bottom: 0;
}

.timeline .timeline-item .icon img {
    width: 30px;
}

.timeline .timeline-item .icon i {
    background-color: #fff;
    color: #66615b;
}

.timeline .timeline-item .icon i.fa-user-circle {
    font-size: 30px;
}

.timeline .timeline-item .icon i.fa-robot {
    font-size: 24px;
    color: #f4a961;
}

.timeline .timeline-item .icon > * {
    border-radius: 50%;
    cursor: pointer;
}

.timeline .timeline-item > * {
    display: inline-table;
    vertical-align: middle;
}

.timeline .timeline-item .icon {
    max-width: 30px;
    margin-right: 10px;
    position: relative;
    z-index: 2;
}

.timeline .timeline-item .message, .timeline .timeline-item .date {
    font-size: 12px;
}

.timeline .timeline-item .message {
    color: #000;
    width: calc(100% - 40px - 120px);
}

.timeline .timeline-item .message .text {
    /*height: 17px;
    overflow-y: hidden;*/
}

.timeline .timeline-item .date {
    color: #777;
}

.timeline.with-checkbox .line {
    left: 37px;
}

.timeline.with-checkbox .checkbox {
    transform: scale(0.7);
}

.timeline .timeline-item .contact.lead-details {
    padding-bottom: 0;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 30px;
    margin-right: 10px;
    position: relative;
    z-index: 2;
}

.timeline .timeline-item .contact.lead-details .from-ads {
    left: 10px;
}

.timeline .timeline-item .contact.lead-details img {
    width: 30px;
    height: 30px;
}

.timeline .timeline-item .contact.lead-details i {
    background-color: #fff;
}

.timeline .timeline-item .contact.lead-details i.fa-user-circle {
    font-size: 30px;
}

.timeline > .line {
    position: absolute;
    border-left: 1px solid #d8d8d8;
    width: 1px;
    height: 100%;
    top: -10px;
    left: 14px;
    z-index: 1;
}

.timeline [data-balloon]::after {
    font-size: 12px;
}

.lead-fill-container {
    max-width: 400px;
    width: 90%;
}

.lead-fill-box {
    margin-bottom: 24px;
}

.lead-fill-title {
    margin-bottom: 6px;
    font-weight: 600;
}

.lead-fill-progress {
    height: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: #eee;
    margin-bottom: 6px;
}

.lead-fill-progress .progress-bar {
    box-shadow: none;
}

.missing-inline-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.missing-label {
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.4;
}

.missing-text {
    flex: 1;
    min-width: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
    font-size: 12px;
    height: 1.4em;
    transition: height .18s ease;
}

.timeline .lead-fill-box {
    position: relative;
    z-index: 2;
    background: #fff;
    padding-left: 32px;
    margin-top: -30px;
}

.timeline .lead-fill-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    bottom: -10px;
    width: 28px;
    background: #fff;
}

.payment-success {
    text-align: center;
    margin-bottom: 15px;
}

.payment-success h2 {
    font-size: 30px;
}

.payment-success p {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.payment-required-wrapper {
    position: relative;
    min-height: 150px;
}

.payment-required-wrapper .chat {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    opacity: .55;
    overflow: hidden!important;
}

.payment-required-wrapper .payment-required-message {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    font-size: 20px;
}

.dashboard .subscription-block {
    padding: 20px 0;
    font-size: 16px;
    border-top: 1px dashed #d8d8d8;
    border-bottom: 1px dashed #d8d8d8;
}

.dashboard .subscription-block .crm-leads-new {
    margin-top: 15px;
}

.dashboard .subscription-block .btn {
    font-size: 14px;
}

.sidebar-block.user .sidebar-item:first-of-type {
    margin-right: 0;
}

.card .alert-danger .category {
    color: #804949;
}

.card .alert-danger a {
    color: #c3f2ff;
}

.card-chat .send-message {
    display: flex;
    align-items: center;
}

.card-chat .send-message > .input {
    width: calc(100% - 82px);
    flex: 1 1 auto;
    position: relative;
    display: inline-block;
}

.card-chat .send-message > .input input {
    width: 100%;
    display: block;
}

.card-chat .send-message > .input .attach-file {
    position: absolute;
    right: 12px;
    top: 0;
    font-size: 22px;
    padding: 4px 7px;
    color: #999;
    transition: color 150ms linear;
    cursor: pointer;
}

.card-chat .send-message > .input .attach-file:hover {
    color: #555;
}

.card-chat .send-message > .input [type=file] {
    display: none;
}

.card-chat .send-message > .send-button {
    flex: 0 0 75px;
}

.card-chat .documents {
    margin-bottom: 10px;
}

.card-chat .documents .progressbar {
    height: 5px;
}

.card-chat ol.chat .documents {
    margin-bottom: 0;
}

.card-chat ol.chat .msg p a {
    color: #0b6bcb;
    text-decoration: underline;
    word-break: break-all;
}

.card-chat ol.chat .documents a {
    cursor: pointer;
    position: relative;
}

.card-chat ol.chat .documents img {
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    height: 91px;
    cursor: pointer;
}

.card-chat ol.chat .documents .filename {
    color: #444;
}

.card-chat ol.chat .documents .filename span {
    display: block;
    color: #777;
}

.card-chat .send-message > .input textarea {
    padding: 7px 46px 7px 18px;
    min-height: 36px;
    max-height: 140px;
    overflow-y: auto;
    scrollbar-gutter: stable;
    resize: vertical;
    transition: unset!important;
}

.card-chat .pre-line {
    white-space: pre-line;
}

.card-chat .message-templates-list,
.card-chat .whatsapp-templates-list {
    margin-bottom: 12px;
}

.card-chat .message-templates-list > div {
    display: inline-block;
    position: relative;
}

.card-chat .message-templates-list__more {
    transform: translateY(-4px);
    z-index: 10;
}

.card-chat .message-templates-list .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    left: unset;
    right: 0;
}

.card-chat .message-templates-list .dropdown-menu li > span {
    display: block;
    clear: both;
    padding: 10px 15px;
    color: #66615b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428;
    white-space: nowrap;
    cursor: pointer;
}

.card-chat .message-templates-list .dropdown-menu li > span:hover,
.card-chat .message-templates-list .dropdown-menu li > span:focus {
    background-color: #66615b;
    color: rgba(255, 255, 255, .85);
    text-decoration: none;
}

.card-chat .message-templates-list .dropdown-menu li:first-child > span {
    border-radius: 6px 6px 0 0;
}

.card-chat .message-templates-list .dropdown-menu li:last-child > span {
    border-radius: 0 0 6px 6px;
}

.card-chat .choose-template {
    margin-right: 5px;
    margin-bottom: 10px;
}

.crm-leads-new .content .card-chat .message-templates-list .btn-sm,
.crm-leads-new .content .card-chat .whatsapp-templates-list .btn-sm {
    padding: 4px 10px;
    box-shadow: none;
}

.crm-leads-new .content .card-chat .whatsapp-template-chip .btn-sm {
    padding-right: 28px;
}

.card-chat .message-templates-list .dropdown-menu .choose-template {
    margin: 0;
}

.card-chat .message-templates-list .choose-template.choose-template-viber {
    background: #6F62EA;
    border-color: #6F62EA;
    color: #fff;
}

.card-chat .message-templates-list .choose-template.choose-template-viber:hover,
.card-chat .message-templates-list .choose-template.choose-template-viber:focus {
    background: #6256d9;
    border-color: #6256d9;
    color: #fff;
}

.card-chat .message-templates-list .dropdown-menu .choose-template.choose-template-viber:hover,
.card-chat .message-templates-list .dropdown-menu .choose-template.choose-template-viber:focus {
    background-color: #6256d9;
}

.card-chat .show-more-templates {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(27, 118, 210, 0.08);
    color: #1b76d2;
    cursor: pointer;
}

.card-chat .show-more-templates:hover {
    background: rgba(27, 118, 210, 0.14);
}

.card-chat .whatsapp-templates-search {
    max-width: 320px;
    margin: 8px 0 10px;
}

.card-chat .whatsapp-template-chip {
    display: inline-flex;
    align-items: flex-start;
    margin: 0 5px 5px 0;
    position: relative;
    z-index: 1;
}

.card-chat .whatsapp-template-chip:hover,
.card-chat .whatsapp-template-chip:focus-within {
    z-index: 15;
}

.card-chat .whatsapp-template-chip .btn-default {
    margin: 0;
    position: relative;
    padding-right: 28px;
}

.card-chat .whatsapp-template-chip__label {
    display: inline-block;
}

.card-chat .whatsapp-template-chip__edit {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    opacity: .78;
    cursor: pointer;
}

.card-chat .whatsapp-template-chip__edit:hover {
    opacity: 1;
}

.card-chat .send-template {
    padding: 10px;
    background: #efefef;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
}

.card-chat .send-template > label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    color: #435863;
    font-size: 13px;
    font-weight: 600;
}

.card-chat .send-template .form-group {
    margin-bottom: 12px;
}

.card-chat .send-template .form-group label {
    display: block;
    margin-bottom: 4px;
    color: #667781;
    font-size: 12px;
    font-weight: 600;
}

.card-chat .send-template .form-control {
    min-height: 38px;
}

.card-chat .send-template .form-group input.form-control,
.card-chat .send-template .form-group textarea.form-control {
    display: inline;
    width: 150px;
    background: #fff;
}

.card-chat .send-template .bootstrap-select,
.card-chat .send-template .bootstrap-select .btn {
    margin: 0 !important;
    vertical-align: top;
}

.crm-leads-new .content .card-chat .send-template .bootstrap-select .btn.btn-info {
    border: 2px solid #68B3C8;
    padding: 7px 18px;
    box-shadow: none;
}

.card-chat .send-template .whatsapp-template-variable-input {
    display: inline-block;
    width: 220px;
    max-width: 220px;
    margin: 0 0 0 8px;
    vertical-align: top;
}

.card-chat .send-template .send-button {
    text-align: right;
    margin-top: 10px;
}

.card-chat .lead-viber-preview .send-button {
    margin-bottom: 10px;
}

.card-chat.message-preview .chat,
.card-chat .message-preview .chat {
    margin-bottom: 0;
}

.card-chat.message-preview .chat > li,
.card-chat .message-preview .chat > li {
    overflow: visible!important;
}

.card-chat.message-preview .chat .msg,
.card-chat .message-preview .chat .msg {
    min-width: 220px;
    padding-bottom: 8px;
}

.card-chat .chat .avatar {
    background: none!important;
}

.card-chat .lead-messages-cta {
    padding: 26px 20px 12px;
}

.card-chat .lead-messages-cta h4 {
    margin: 0 0 8px;
}

.card-chat .lead-messages-cta p {
    margin: 0 0 14px;
    color: #7e94a3;
}

.card-chat .lead-new-dialog-fields {
    padding: 12px 0 4px;
}

.card-chat .lead-new-dialog-fields .form-group {
    display: inline-block;
    width: calc(50% - 6px);
    margin-right: 8px;
    vertical-align: top;
}

.card-chat .lead-new-dialog-fields .form-group:last-child {
    margin-right: 0;
}

.card-chat .lead-viber-originators {
    margin-bottom: 12px;
}

.card-chat .lead-viber-originators b,
.card-chat .lead-viber-originators .btn {
    margin-right: 6px;
}

.card-chat .lead-channel-alert {
    margin-bottom: 10px;
    font-size: 15px;
    text-transform: unset;
    color: #603f3f;
}

.card-chat .text-input-help {
    margin-top: 8px;
    font-size: 12px;
    color: #7e94a3;
}

.card-chat .sms-message-stats {
    margin-top: 8px;
    font-size: 12px;
    color: #7e94a3;
}

.card-chat .smsclub-originators {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 5px 0 10px;
    margin-bottom: 12px;
}

.card-chat .smsclub-originators__label {
    margin: 0;
    color: #66615b;
    font-size: 13px;
    font-weight: 600;
}

.card-chat .smsclub-originators-dropdown .btn {
    margin: 0;
}

.crm-leads-new .content .card-chat .smsclub-originators-dropdown .btn.btn-info {
    border: 2px solid #68B3C8;
    padding: 4px 10px;
    box-shadow: none;
}

.card-chat .smsclub-originators-dropdown .dropdown-menu {
    min-width: 200px;
    max-width: 260px;
}

.card-chat .smsclub-originators-dropdown .dropdown-menu li > span {
    color: #66615b;
    font-size: 14px;
    padding: 10px 15px;
    line-height: 1.428;
    font-weight: 400;
    display: block;
    cursor: pointer;
}

.card-chat .smsclub-originators-dropdown .dropdown-menu li > span:hover {
    background-color: #66615B;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
}

.card-chat .smsclub-originators-dropdown .dropdown-menu li > span.active {
    font-weight: 600;
}

.card-chat .whatsapp-template-inline-code {
    display: inline;
    white-space: pre-wrap;
    word-break: break-word;
    background: rgba(17, 27, 33, 0.08);
    border-radius: 4px;
    padding: 1px 4px;
    font-size: 12px;
    font-family: Menlo, Monaco, monospace;
}

.card-chat .whatsapp-template-media {
    margin: 10px 0 15px;
}

.card-chat .whatsapp-template-location-fields {
    margin-bottom: 14px;
}

.card-chat .whatsapp-template-location-fields__title {
    display: block;
    margin-bottom: 10px;
    color: #435863;
    font-size: 13px;
    font-weight: 600;
}

.card-chat .whatsapp-template-location-fields__coords {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.card-chat .whatsapp-template-buttons-preview {
    margin: 8px 0 12px;
}

.card-chat .whatsapp-template-preview__media {
    position: relative;
    margin-bottom: 12px;
    overflow: hidden;
}

.card-chat .whatsapp-template-preview__media--replaceable {
    cursor: pointer;
}

.card-chat .whatsapp-template-preview__media--compact-actions .whatsapp-template-preview__media-action,
.card-chat .whatsapp-template-preview__media--compact-actions .whatsapp-template-preview__media-remove {
    top: 8px;
    bottom: auto;
}

.card-chat .whatsapp-template-preview__media--compact-actions .whatsapp-template-preview__media-action {
    right: 44px;
}

.card-chat .whatsapp-template-preview__media--compact-actions .whatsapp-template-preview__media-file,
.card-chat .whatsapp-template-preview__media--compact-actions .whatsapp-template-preview__media-empty {
    padding-right: 92px;
}

.card-chat .whatsapp-template-preview__media img,
.card-chat .whatsapp-template-preview__media video {
    display: block;
    width: 100%!important;
    max-width: 100%!important;
    max-height: 260px;
    object-fit: cover;
    border-radius: 0!important;
}

.card-chat .whatsapp-template-preview__media-video {
    position: relative;
}

.card-chat .whatsapp-template-preview__media-video::after {
    content: "\f144";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(17, 27, 33, 0.56);
    color: #fff;
    font-size: 24px;
    pointer-events: none;
}

.card-chat .whatsapp-template-preview__media:hover .whatsapp-template-preview__media-action,
.card-chat .whatsapp-template-preview__media:focus-within .whatsapp-template-preview__media-action,
.card-chat .whatsapp-template-preview__media:hover .whatsapp-template-preview__media-remove,
.card-chat .whatsapp-template-preview__media:focus-within .whatsapp-template-preview__media-remove {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.card-chat .whatsapp-template-preview__media-file,
.card-chat .whatsapp-template-preview__location,
.card-chat .whatsapp-template-preview__media-empty {
    padding: 14px 16px;
    color: #435863;
    line-height: 1.45;
}

.card-chat .whatsapp-template-preview__media-file,
.card-chat .whatsapp-template-preview__media-empty {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding-right: 56px;
}

.card-chat .whatsapp-template-preview__media-action,
.card-chat .whatsapp-template-preview__media-remove {
    position: absolute;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, visibility 0.18s ease;
}

.card-chat .whatsapp-template-preview__media-action {
    right: 8px;
    bottom: 8px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0;
    padding: 0;
    background: rgba(35, 204, 239, 0.18);
    color: #1697b5;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

.card-chat .whatsapp-template-preview__media-action:hover,
.card-chat .whatsapp-template-preview__media-action:focus {
    background: rgba(35, 204, 239, 0.26);
    color: #0e7f99;
    outline: none;
}

.card-chat .whatsapp-template-preview__media-remove {
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0;
    padding: 0;
    background: rgba(17, 27, 33, 0.72);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

.card-chat .whatsapp-template-preview__media-remove:hover,
.card-chat .whatsapp-template-preview__media-remove:focus {
    background: rgba(17, 27, 33, 0.86);
    color: #fff;
    outline: none;
}

.card-chat .whatsapp-template-preview__media-file i,
.card-chat .whatsapp-template-preview__location i,
.card-chat .whatsapp-template-preview__media-empty i {
    margin-right: 6px;
}

.card-chat .whatsapp-template-preview__content {
    padding: 14px 16px 10px;
    color: #1f2c33;
}

.card-chat .whatsapp-template-preview__header {
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    word-break: break-word;
}

.card-chat .whatsapp-template-preview__body {
    font-size: 14px;
    line-height: 1.55;
    word-break: break-word;
}

.card-chat .whatsapp-template-preview__footer {
    margin-top: 8px;
    font-size: 12px;
    color: #667781;
    line-height: 1.4;
    word-break: break-word;
}

.card-chat .whatsapp-template-preview__buttons {
    margin-top: 10px;
}

.card-chat .lead-viber-preview .whatsapp-template-preview__buttons {
    margin-bottom: 10px;
}

.card-chat .whatsapp-template-button-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin: 4px 0 0;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #1b76d2;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.card-chat .whatsapp-template-button-preview i {
    margin-right: 0;
}

.card-chat .whatsapp-template-button-preview[href] {
    text-decoration: none;
}

.card-chat .whatsapp-template-button-preview__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.card-chat .whatsapp-template-button-preview__meta {
    display: block;
    max-width: 100%;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    color: #7e94a3;
    word-break: break-all;
    white-space: normal;
    text-align: center;
}

.card-chat .whatsapp-template-button-preview--viber {
    background: #6F62EA;
    color: #fff;
}

.card-chat .whatsapp-template-button-preview--viber .whatsapp-template-button-preview__meta {
    color: rgba(255, 255, 255, 0.78);
}

.card-chat .whatsapp-template-button-preview.is-disabled {
    color: #9ab4c8;
    cursor: default;
    pointer-events: none;
}

.card-chat ol.chat .documents .play-button {
    position: absolute;
    font-size: 45px;
    top: 48%;
    left: 51%;
    transform: translate(-50%, -50%);
    text-shadow: 0 0 3px rgba(0, 0, 0, .5);
    color: #68B3C8;
    transition: color 150ms linear;
}

.card-chat ol.chat .documents a:hover .play-button {
    color: #89dcf3;
}

@media screen and (max-width: 550px) {
    .card-chat .send-message {
        text-align: left;
    }
    .card-chat .send-message > .send-button {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .card-chat .channel-select-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .card-chat .message-templates-list .dropdown-menu {
        right: 0;
        left: auto;
        max-width: calc(100vw - 50px);
    }

    .card-chat .message-templates-list .dropdown-menu li > span {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .card-chat .whatsapp-templates-search {
        width: 100%;
        max-width: none;
    }

    .card-chat .lead-new-dialog-fields .form-group {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .card-chat .whatsapp-template-location-fields__coords {
        grid-template-columns: 1fr;
    }
}

.card-chat ol.chat .documents .document {
    background-color: rgba(255, 255, 255, .3);
    transition: background 150ms linear;
}
.card-chat ol.chat .documents .document:hover {
    background-color: #e8e8e8;
}
.card-chat ol.chat .documents .document.no-bg {
    background: none!important;
}

.card-chat ol.chat .documents .document.no-bg[href$=".mp3"], .card-chat ol.chat .documents .document.no-bg[href$=".mp4"], .card-chat ol.chat .documents .document.no-bg[href$=".ogg"], .card-chat ol.chat .documents .document.no-bg[href$=".oga"], .card-chat ol.chat .documents .document.no-bg[href$=".m4a"], .card-chat ol.chat .documents .document.no-bg[href$=".wav"] {
    width: 300px;
    max-width: 100%;
}

.card-chat .documents audio {
    max-width: 100%;
    height: 30px;
}

.card-chat .document video {
    width: 100%;
    height: 200px;
}

.crm-events #calendar {
    margin: 30px 0;
}

.event {
    padding: 20px;
    color: #000;
}

.modal-content-inner {
    padding: 20px;
    color: #000;
}

.modal-content .event .title {
    font-size: 24px;
}

.event .editable {
    cursor: text;
    width: 50%;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.event .editable a {
    cursor: pointer;
}

.event input.title.editable {
    display: inline-block;
    color: #000;
    background: #fff;
    outline: none;
    box-shadow: none;
}

.event input.title.editable::placeholder {
    color: #999;
}

.event .editable.inline-style {
    min-width: 137px;
    width: max-content;
    display: inline-block;
}

.event .description {
    margin: 15px 0;
}

.event .colors .color {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 50%;
    opacity: .7;
    border-width: 0;
    cursor: pointer;
}

.event .colors .color.active {
    border: 3px solid rgba(0, 0, 0, .8)!important;
    opacity: 1;
}

.event .dates {
    margin: 15px 0;
}

.event .dates > * {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
}

.event .dates .starts,
.event .dates .ends,
.event .dates .reminds,
.event .dates .notification-channel {
    width: 200px;
    position: relative;
    margin-top: 25px;
}

.event .dates .starts label,
.event .dates .ends label,
.event .dates .reminds label,
.event .dates .notification-channel label {
    position: absolute;
    top: -23px;
    left: 0;
}

.event .dates .starts .input-group-addon,
.event .dates .ends .input-group-addon,
.event .dates .reminds .input-group-addon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    height: 100%;
    width: 36px;
    line-height: 28px;
    cursor: pointer;
}

.event .dates .reminds .show-in-minutes {
    display: inline-block;
    color: #888;
}

.event .dates .notification-channel.notification-channel-hidden {
    visibility: hidden;
    pointer-events: none;
}

.event .leads, .event .managers {
    position: relative;
    border-top: 1px solid #e8e8e8;
    padding: 15px 0;
    margin-top: 30px;
}

.event .footer {
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
    margin-top: 15px;
    height: 55px;
}

.event .footer span, .event .footer label {
    margin-top: 10px;
    margin-right: 10px;
}

.event .footer span:hover i, .event .footer label:hover i {
    color: #000;
}

.event .footer i.fas {
    font-size: 16px;
    color: #555;
    transition: color 150ms linear;
}

.event .footer button {
    float: right;
}

.event .dates .form-control {
    color: #555;
    cursor: default;
}

.event .location {
    color: #555;
    max-width: 100%;
    overflow: auto;
}

.event .location i {
    color: #c8595f;
}

.event .footer .btn i {
    color: #fff;
}

.event .footer .btn {
    margin-left: 10px;
}

.event .attached-items .icon, .event .attached-items .input {
    display: inline-table;
}

.event .attached-items .icon i {
    font-size: 16px;
    margin-right: 5px;
}

.event .attached-items .items .item {
    margin-left: 22px;
    margin-top: 10px;
}

.event .attached-items .items .item .fa-times {
    margin-left: 5px;
    cursor: pointer;
    color: red;
}

.crm-integrations .card .icon {
    transform: unset;
}

.crm-integrations .card .numbers {
    font-size: 20px;
}

.crm-integrations .card .numbers p {
    font-size: 12px;
    color: #555;
}

.crm-integrations .card-integration .card-footer button,
.crm-integrations .card-integration .card-footer a.btn {
    margin-top: -9px;
}

.crm-integrations .card-header h4 {
    font-weight: normal;
    margin-top: 0;
}

.crm-integrations .swal2-icon.swal2-warning {
    font-size: 12px;
}

.bootstrap-datetimepicker-widget .btn {
    box-shadow: unset!important;
}

.lead-details .phone a,
.leads-table .phone a {
    color: inherit;
    vertical-align: top;
}

.crm-leads-new .loading i {
    font-size: 34px;
    text-align: center;
    color: #999;
}

.crm-leads-new .loading {
    text-align: center;
}

.crm-leads-new .crm-stats .filters {
    text-align: center;
}

.crm-leads-new .crm-stats .filters > .bootstrap-select {
    width: 175px!important;
    margin-left: 30px;
}

.crm-leads-new .crm-stats .bootstrap-select > button {
    margin-top: 10px;
}

.crm-leads-new .crm-stats .phases {
    width: 100%;
    text-align: center;
    margin: 25px auto 0 auto;
}

.crm-leads-new .crm-stats .phase {
    display: inline-block;
    width: 85px;
}

.crm-leads-new .crm-stats.op-stats .phase {
    width: 120px;
}

.crm-leads-new .crm-stats .phase .title {
    font-size: 12px;
    font-weight: bold;
    word-wrap: break-word;
}

.crm-leads-new .crm-stats .phase .block {
    border: 1px solid #68B3C8;
    border-radius: 5px;
    background-color: #68B3C8de;
    padding: 7px;
    cursor: pointer;
}
.crm-stats .block.no-click {
    cursor: default!important;
}
/*.crm-leads-new [data-phase="no"], .crm-leads-new [data-phase="fail"], .crm-leads-new [data-phase="no-manager-process"], .crm-stats [data-phase="repeat"] {
    background-color: #EB5E28de!important;
}
.crm-leads-new [data-phase="done"] {
    background-color: #7AC29Ade!important;
}

.crm-leads-new .crm-stats .phase .block.active {
    background-color: #2e798ede;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .6);
}

.crm-leads-new .crm-stats .phase .block[data-phase="no"].active, .crm-leads-new .crm-stats .phase .block[data-phase="fail"].active, .crm-leads-new .crm-stats .phase .block[data-phase="no-manager-process"].active, .crm-leads-new .crm-stats .phase .block[data-phase="repeat"].active {
    background-color: #b5451ade!important;
}

.crm-leads-new .crm-stats .phase .block[data-phase="done"].active {
    background-color: #4c8a67de;
}

.crm-stats.op-stats [data-phase="accepted"] {
    background-color: #F3BB45!important;
}*/

.crm-leads-new .crm-stats .phase .block.active {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .6);
}

.crm-leads-new .crm-stats .phase .block .count {
    font-size: 30px;
    text-align: center;
    color: #fff;
}

.crm-leads-new .crm-stats .phase.number .block {
    background: none;
    cursor: default;
    border: none;
}

.crm-leads-new .crm-stats .phase.number .block .count {
    color: #888;
}

.crm-leads-new .stats-block-wrapper {
    transition: opacity 150ms linear;
}

.crm-stats .input-daterange {
    padding: 15px 25px;
}

.crm-stats .input-daterange {
    padding: 15px 25px;
    margin: 0;
}

.crm-stats .quick-fill-buttons {
    padding: 0 25px;
    margin-bottom: 15px;
}

.crm-stats .quick-fill-buttons .btn {
    margin: 0 7px 7px 0;
}

.crm-stats .dropdown-menu .submit button {
    margin: 0 25px 15px 25px;
}

@media screen and (max-width: 750px) {
    .crm-leads-new .sheet-body .tabs.tabs-many h6 {
        font-size: 14px;
        margin-right: 5px;
        padding: 8px;
    }
}
@media screen and (max-width: 550px) {
    .crm-leads-new .sheet-body .tabs.tabs-many h6 {
        font-size: 14px;
        margin-right: 2px;
        padding: 2px;
    }
}

.crm-leads-new .sheet-body .tabs {
    margin-top: 30px;
}

.crm-leads-new .sheet-body .tabs h6 {
    display: inline-table;
    padding: 10px;
    margin-right: 15px;
    color: #aaa;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    transition: all 150ms linear;
}

.crm-leads-new .sheet-body .tabs h6.active, .crm-leads-new .sheet-body .tabs h6:hover {
    color: #333;
    border-bottom: 1px solid #333;
}

.crm-leads-new .sheet .contact-data .phone i,
.leads-table .phone i {
    font-size: 0.85em;
    margin-right: 3px;
}

.sheet .contact-data .phone .btn-copy-info,
.leads-table .phone .btn-copy-info {
    display: inline-block;
    margin-left: 4px;
    vertical-align: text-bottom;
}

.crm-contacts .sheet .contact-data .phone .btn-copy-info {
    vertical-align: top;
}

.sheet .contact-data .phone .btn-copy-info i {
    font-size: 14px;
    color: #1b293e;
}

.crm-leads-new .sheet .contact-data .phone .label {
    cursor: pointer;
}
.crm-leads-new .sheet .contact-data .phone .label:hover {
    background-color: #145567;
}

.crm-leads-new .common-filters {
    margin-top: 30px;
    margin-bottom: -30px;
}

.crm-leads-new .showmore-btn {
    display: block;
    margin: 0 auto;
    clear: both;
}

.extended-filters .bootstrap-select > button {
    margin-top: 0!important;
}

.extended-filters .tt-dropdown-menu {
    width: 250px;
}

.extended-filters > .row {
    margin-bottom: 15px;
}

.extended-filters-toggle, .funnel-phases-toggle, .extended-call-filters-toggle {
    clear: both;
    margin-bottom: 15px;
}

.extended-filters-toggle a, .funnel-phases-toggle a, .extended-call-filters-toggle a {
    border-bottom: 1px dashed;
}

.funnel-phases-toggle {
    margin-top: 15px;
    text-align: center;
}

@media screen and (max-width: 992px) {
    .extended-filters .col-md-3 {
        margin-bottom: 10px;
    }
    .extended-filters .row, .extended-filters .btn-group {
        margin-bottom: 0!important;
    }
    .extended-filters-toggle, .extended-call-filters-toggle {
        margin-bottom: 20px;
    }
    .extended-filters-toggle.opened, .extended-call-filters-toggle.opened {
        margin-top: 15px;
    }
}

.panel-group-narrow .panel {
    padding: 5px 10px;
}

.panel-group-narrow .panel-body {
    padding: 10px;
}

.panel-group-narrow .panel-heading {
    padding: 5px 10px;
}

.crm-leads-new .sheet .contact-data .phone .start-call,
.leads-table .phone .start-call {
    color: #7AC29Ade;
    font-size: 20px;
    margin-left: 2px;
    margin-top: -2px;
}
.crm-leads-new .sheet .contact-data .phone .start-call:hover,
.leads-table .phone .start-call:hover {
    color: #21a55c;
}

.crm-leads-new .sheet .contact-data .phone .label-call-count,
.leads-table .phone .label-call-count {
    display: inline;
    position: relative;
    top: -4px;
    margin-left: 2px;
    font-size: 1em;
    padding: 3px 8px 3px 8px;
}
.crm-leads-new .sheet .contact-data .phone .label-call-count:hover,
.leads-table .phone .label-call-count:hover {
    background-color: #68B3C8;
}

.phone-widget {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10003;
    padding: 15px;
    border: 1px solid #ccc;
    background: #fff;
    border-top-left-radius: 7px;
    box-shadow: -1px -1px 15px rgba(0, 0, 0, .45);
}

.phone-widget .fa-times {
    color: #ccc;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    font-size: 20px;
    padding: 5px;
}
.phone-widget .fa-times:hover {
    color: #555;
}

.phone-widget > div {
    text-align: center;
    margin-bottom: 15px;
}

.phone-widget .phone {
    font-size: 18px;
}

.phone-widget .phone input {
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
}

.phone-widget .name {
    margin-top: 15px;
    font-size: 16px;
}

.phone-widget .name .lead-id {
    color: #70b08d;
    font-size: 14px;
}

.contact-data .phone .start-call {
    cursor: pointer;
}

.phone-calls audio {
    height: 32px;
}

.phone-calls audio::-webkit-media-controls-time-remaining-display {
    display: none;
}

.crm-leads .sheet-footer .label {
    line-height: 10px;
}

.leads.attached-items input, .managers.attached-items input {
    height: 28px;
    padding: 2px 10px;
}

.crm-lead-details .lead-events {
    margin-top: 25px;
}

.crm-lead-details .lead-events .lead-event {
    margin-bottom: 5px;
}

.crm-lead-details .lead-events .lead-event .color {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 5px;
}

.crm-lead-details .lead-events .lead-event .title {
    color: #7ca9e0;
    cursor: pointer;
}

.crm-lead-details .lead-events .lead-event .title.overdue {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: #e74c3c;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.crm-lead-details .lead-events .lead-event .date {
    font-size: 12px;
    color: #999;
    margin-left: 7px;
}

.card-content .modal.in .form-group {
    margin: 0;
}

.crm-events .event-finished {
    opacity: 0.5;
}

.crm-events .event-finished .fc-content, .crm-events .event-finished .fc-list-item-title {
    text-decoration: line-through;
}

#event-modal .timestamps {
    text-align: right;
    font-size: 13px;
    coloir: #333;
}

#event-modal .comments {
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
    margin-top: 15px;
    margin-bottom: 55px;
}

#event-modal .comments textarea {
    height: 90px;
}

/*#event-modal .comments textarea:focus {
    height: 150px;
}*/

#event-modal .comments .btn-add-comment {
    margin-top: 10px;
}

#event-modal .comments .comment {
    margin-bottom: 15px;
}

#event-modal .comments .comment .author {
    margin-bottom: 2px;
}

#event-modal .comments .comment .author > * {
    display: inline-table;
    vertical-align: middle;
}

#event-modal .comments .comment .author img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

#event-modal .comments .comment .author .name {
    margin: 0 10px 0 5px;
    font-weight: bold;
}

#event-modal .comments .comment .author .date {
    color: #777;
}

#event-modal .comments .comment .text {
    margin-left: 45px;
}

#event-modal .comments .comment .actions {
    margin-left: 5px;
    font-size: 13px;
}

#event-modal .comments .comment .actions i {
    cursor: pointer;
}

#event-modal .starts label {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#event-modal .starts .bootstrap-switch {
    transform: scale(0.75);
    margin-top: -6px;
    margin-bottom: 0;
}

#event-modal .starts b {
    margin-left: -7px;
    cursor: pointer;
}

.sheet .lead-expand i, .sheet .lead-collapse i {
    font-size: 24px;
}

.navbar .navbar-nav > li a.progress-wrapper {
    padding-left: 0;
    padding-right: 0;
}
.navbar .navbar-nav > li a.progress-wrapper:hover .progress > span {
    text-shadow: none;
    color: #444;
}

.navbar .navbar-nav > li .progress {
    width: 222px;
    position: relative;
    height: 22px;
    margin-bottom: 0;
}

.navbar .navbar-nav > li .progress > span {
    position: absolute;
    top: 3px;
    font-size: 12px;
    color: #fff;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, .65);
    text-align: center;
    width: 100%;
}

.navbar .navbar-nav > li > a.add-payment-btn {
    margin-bottom: 8px;
    margin-top: 12px;
}

.add-payment-btn [data-balloon][data-balloon-pos='left']:hover:after, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:after {
    padding-top: 5px;
}
.add-payment-btn [data-balloon]::after {
    font-size: 12px;
}

.top-up-form > * {
    display: inline-table;
    vertical-align: top;
}

.top-up-form .btn {
    margin-left: 15px;
}

.sheet-header .checkbox {
    margin: 0;
}

.sheet-header .checkbox label {
    padding-right: 0;
    padding-left: 5px;
}

.sheet .sheet-header .date.has-checkbox {
    left: 50%;
    transform: translateX(-50%);
    top: -11px;
}

.sheet .sheet-header .id.has-checkbox {
    margin-top: 5px;
    margin-bottom: -5px;
}

.crm-leads .mass-actions,
.crm-contacts .mass-actions {
    margin-bottom: 20px;
    z-index: 10;
    position: relative;
}

.crm-leads .mass-actions > * {
    display: inline-block;
}

.crm-leads .mass-actions .selected-status,
.crm-leads .mass-connect-actions .selected-status,
.crm-contacts .mass-actions .selected-status {
    margin-right: 10px;
}

.crm-leads .mass-actions .btn, .crm-contacts .mass-actions .btn {
    padding: 5px 10px;
}

.crm-leads .mass-actions .btn i, .crm-contacts .mass-actions .btn i {
    color: white;
}

.crm-leads .mass-actions .fa-times, .crm-contacts .mass-actions .fa-times {
    cursor: pointer;
}

.crm-leads .mass-actions a.disabled {
    pointer-events: none;
    color: #ccc !important;
    cursor: not-allowed;
}

.crm-leads .lead-linked:before {
    /*content: '';
    border-bottom: 4px double #7AC29A;
    border-radius: 20px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, .25);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 0;
    z-index: -1;
    transition: all 100ms linear;
    background: #fff;*/
    content: '';
    border-top: 4px double #bbb;
    border-radius: 20px;
    box-shadow: 0px -3px 3px rgba(0, 0, 0, .15);
    position: absolute;
    width: 100%;
    height: 100%;
    top: -5px;
    left: 0;
    z-index: -1;
    transition: all 100ms linear;
    background: #fff;
}

.crm-leads .lead-linked:hover::before {
    /*box-shadow: 0px 2px 2px rgba(0, 0, 0, .1);
    top: 10px;
    border-bottom: 1px solid #7AC29A;*/
    /*box-shadow: 0px -2px 2px rgba(0, 0, 0, .1);
    top: -10px;
    border-top: 1px solid #7AC29A;*/
}

.crm-leads .btn-list-linked,
.crm-leads .btn-list-connected,
.crm-contacts .btn-list-contact-connected {
    display: none;
}

.crm-leads .lead-linked .btn-list-linked,
.crm-leads.crm-lead-details .lead-linked .btn-list-linked,
.crm-leads .lead-connected .btn-list-connected,
.crm-leads.crm-lead-details .lead-connected .btn-list-connected,
.crm-contacts .contact-connected .btn-list-contact-connected,
.crm-contacts.crm-contact-details .contact-connected .btn-list-contact-connected {
    display: inline-block;
}

.sheet-actions .btn-list-connected {
    margin-top: -2px;
}

.crm-lead-details .btn-list-linked {
    margin-left: 5px;
}

.modal button.close {
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 10px;
}

[data-notify="container"] {
    z-index: 12000 !important;
}

.strike {
    text-decoration: line-through;
    opacity: .6;
}

.loading-spin {
    position: absolute;
    top: 9px;
    right: 25px;
    font-size: 16px;
    color: #999;
}

.clear-typeahead-selection {
    position: absolute;
    top: 35px;
    right: 10px;
    cursor: pointer;
}
.clear-typeahead-selection:hover {
    opacity: 0.6;
}

.reorder-table-row, .n-resize, .reordering-table {
    cursor: n-resize;
}

.delete-table-row {
    cursor: pointer;
}

.reordering-row {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    opacity: 1!important;
}

.reordering-table tbody tr {
    opacity: 0.5;
}

.gplus .btn, .gplus .label, .g-plus .crm-stats .bootstrap-tagsinput  {
    border-radius: 6px;
}

.gplus.login .logo img {
    border-radius: 0;
}

.gplus.login .main-panel {
    position: relative!important;
    background: hsl(243deg 40% 40%);
}
.gplus.login .main-panel:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 50%;
    border-radius: 100%;
    top: -50%;
    left: 0;
    box-shadow: 0 150px 220px rgba(243, 86, 146, 1);
    animation: animate_login 45s infinite;
}
.gplus.login.no-gradient .main-panel:after {
    display: none!important;
}
@keyframes animate_login {
    25% {
        box-shadow: 0 150px 220px rgba(243, 86, 146, 1);
    }

    50% {
        box-shadow: 0 150px 220px rgb(142, 68, 173);
    }

    75% {
        box-shadow: 0 150px 220px rgba(93, 248, 240, 1);
    }

    100% {
        box-shadow: 0 150px 220px rgba(243, 86, 146, 1);
    }
}

.gplus .sidebar-new .logo img {
    border-radius: 0;
    margin: 5px 5px 5px 0;
}

.edit-langs {
    margin: 15px auto;
    text-align: center;
}

.edit-langs a {
    margin: 0 3px;
}

.edit-langs a.active {
    color: #555;
}

.experts .list-unstyled a {
    text-decoration: none!important;
}

.card .card-expert {
    display: flex;
}

.card .card-expert .img {
    margin-right: 10px;
    margin-bottom: 10px;
}

.card .card-expert img {
    width: 150px;
    max-width: initial
}

.card .card-expert .expert-description {
    margin-top: 10px;
    font-size: 12px;
    color: #777;
}

.faq-user > * {
    display: inline-table;
    vertical-align: middle;
}

.faq-user img {
    width: 35px;
    margin-right: 5px;
}

.faq-user i {
    font-size: 35px;
    margin-right: 5px;
}

.seo-add-article > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.seo-add-article input {
    max-width: 90px;
    display: inline;
}

.seo-articles .seo-article {
    margin-bottom: 15px;
}

.seo-articles .seo-article > * {
    display: inline-block;
    vertical-align: middle;
}

.seo-article img {
    max-width: 50px;
    margin-right: 5px;
}

.seo-article .fa-times, .seo-link .fa-times {
    cursor: pointer;
}

.seo-article .checkbox {
    margin: 0 15px;
    min-height: 22px!important;
}

.seo-link {
    margin-bottom: 5px;
}

.seo-link a {
    margin-right: 5px;
}

.lead-data .btn-toggle-lock-for-developer {
    color: #7AC29A;
    opacity: .8;
    transition: opacity 150ms linear;
    cursor: pointer;
    margin-right: 3px;
}
.lead-data .btn-toggle-lock-for-developer:hover {
    opacity: 1;
}

.lead-data .btn-toggle-lock-for-developer.never-logged {
    opacity: 1;
    color: #EB5E28!important;
}

.sheet-actions .dropdown-toggle {
    margin-left: 5px;
}

.articles .dropdown .dropdown-toggle {
    max-height: 350px;
    overflow-y: auto;
}

.sheet-actions .dropdown-menu {
    left: unset;
    right: -20px;
    top: 30px;
}

.sheet-actions .dropdown-menu a, .sheet-footer .dropdown-menu a {
    font-size: 13px;
}
.sheet-actions .dropdown-menu > li > a:hover, .sheet-actions .dropdown-menu > li > a:focus, .sheet-footer .dropdown-menu > li > a:hover, .sheet-footer .dropdown-menu > li > a:focus {
    background: #ececec;
    color: #555;
}
.sheet-actions .dropdown-menu a i {
    width: 14px;
    margin-right: 5px;
}

.client-source-center .card .card-expert img {
    width: 230px;
}

.lead-data h6 {
    text-align: left;
}

.text-orange {
    color: #b96a08!important;
}

.text-blue {
    color: #68B3C8!important;
}

.crm-lead-views {
    padding-top: 0px;
}

.crm-lead-views a {
    text-decoration: underline;
}

.crm-lead-views a.active {
    color: #555;
    text-decoration: none;
}

.sheet .sheet-actions .fa-exclamation-triangle {
    margin-right: 5px;
}

.btn-group.no-vertical-align a {
    margin-left: 0;
    margin-right: 5px;
}

.btn-group.no-vertical-align.phase-dropdown-container a,
.btn-group.no-vertical-align.manager-dropdown-container a {
    margin-right: 0;
}
.btn-group.no-vertical-align.phase-dropdown-container a:hover,
.btn-group.no-vertical-align.manager-dropdown-container a:hover {
    filter: brightness(0.93);
}

.btn-group.no-vertical-align {
    vertical-align: unset;
}

.btn-group.no-vertical-align ul li,
.leads-table .tags-btn-group ul li {
    padding: 2px 3px;
}

.btn-group.no-vertical-align ul .label {
    color: #fff;
    cursor: pointer;
}

.btn-group.no-vertical-align ul .label i {
    color: #eee;
    transition: none;
    opacity: 1;
    font-size: 12px;
}

.btn-group.no-vertical-align .dropdown-menu {
    right: -10px;
}

.btn-group.no-vertical-align .dropdown-menu {
    transition: none!important;
}

.btn-group.no-vertical-align.open .dropdown-toggle {
    box-shadow: none!important;
}

.sheet-body .tags span,
.leads-table .tags span {
    margin-bottom: 3px;
}

.crm-lead-details  .sheet-body .tags {
    padding-top: 10px;
}

.sheet .process .label {
    white-space: unset;
}

.crm-stats .bootstrap-tagsinput {
    background: #fff;
    border-radius: 20px;
    min-height: 40px;
    min-width: 100%;
    text-align: left;
}

.gplus .crm-stats .bootstrap-tagsinput {
    border-radius: 6px;
}

.crm-stats .bootstrap-tagsinput input {
    height: 32px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.crm-stats .bootstrap-tagsinput input::placeholder {
    color: #ccc;
}

.crm-stats .twitter-typeahead {
    text-align: left;
}

.crm-stats .bootstrap-tagsinput.tt-hint {
    display: none;
}

.leads-row .tags > span,
.leads-table .tags > span {
    cursor: pointer;
}

.crm-leads-new .common-filters > div {
    display: inline-block;
    margin-right: 20px;
}

.crm-stats .row .budget input {
    width: 50%;
}

.crm-stats .page-search .budget {
    margin: 0;
}

.crm-stats .page-search {
    margin-bottom: 10px;
}

.page-search .tt-suggestion:hover {
    cursor: pointer;
}

.crm-settings .card input, .crm-settings .bootstrap-select {
    max-width: 400px;
    margin: 5px 0;
}

.crm-leads-new .page-search.budget input {
    padding-right: 5px;
}

ul.cant-call-dropdown:after, ul.cant-call-dropdown:before {
    right: unset;
    left: 16px;
}
ul.cant-call-dropdown:before {
    border-bottom: 11px solid #ddd;
}

.sheet-footer .label {
    transform: translateY(-1px);
}

.sheet-footer a:not(.pull-right) {
    margin-left: 5px;
}
.sheet-footer a:first-of-type {
    margin-left: 0;
}

.sheet-footer .cant-call-dropdown {
    left: unset;
    right: -12px;
}

.sheet-footer .cant-call-dropdown:before, .sheet-footer .cant-call-dropdown:after {
    display: none;
}

.crm-contacts .sheet-header .name {
    font-size: 18px;
}

.crm-contacts .sheet-header .name .btn-copy-info {
    vertical-align: baseline;
    margin-left: 7px;
}

.crm-contacts .sheet .tags {
    font-size: 12px;
    margin-bottom: 2px;
    margin-left: 0;
}
.crm-contacts .sheet .tags a.tag {
    margin-bottom: 0;
}

.text-italic {
    font-style: italic;
}

.crm-contacts .deals td {
    padding: 10px 5px 5px 5px!important;
}

.crm-contacts .deals td .label {
    margin-bottom: 2px;
    margin-left: 5px;
}

.crm-contacts .deals table td:last-of-type {
    text-align: left;
}

.crm-contact-details .sheet .sheet-body .contact {
    border-bottom: 0;
}

.crm-contact-details .details-right h6 {
    margin-bottom: 25px;
}

.crm-contact-details .timeline, .crm-contact-details .documents {
    margin-bottom: 35px;
}

.crm-deal-details .sheet-header .title {
    font-size: 16px;
}

.crm-deal-details .timeline[data-tab="history"] {
    margin-top: 15px;
}

.crm-edit-deal .row.extra-field {
    margin-bottom: 15px;
}

.no-shadow {
    box-shadow: none!important;
}

.sheet .deal-payments {
    overflow-x: auto;
}

.crm-deals.crm-leads-new .crm-stats .phases {
    margin-bottom: 15px;
}

.crm-deals.crm-leads-new .crm-stats .phase {
    width: fit-content;
    margin: 0 5px;
}

.crm-leads-new .crm-stats .phase [data-phase="warning"] {
    background: #F3BB45;
}

body .content table .table-columns-selector .btn.btn-xs {
    padding-top: 3px;
    padding-bottom: 3px;
}

.table-columns-selector ul {
    max-height: 200px;
    overflow-y: auto;
    margin-left: 10px;
}

.table-columns-selector .dropdown-menu li a {
    cursor: pointer!important;
}

th[draggable] a,
th[draggable] {cursor: move;}
th[draggable] a:hover,
th[draggable] a {display: block; text-decoration: none; color: #333333;}
.th-draggable .drag {background-color: rgba(0, 0, 0, 0.25); opacity: 0.25}
.th-draggable .dnd-drag {opacity: 0.25}
.th-draggable .over {background-color: rgba(0, 0, 0, 0.15);}

.table {
    color: #333;
}

tr.lead-marked {
    box-shadow: 0 1px 4px red;
}

.board-column-header .budget {
    color: #d8d8d8;
}

.bs-searchbox {
    margin-bottom: 5px;
}

.sheet .lead-data .processes .process {
    position: relative;
}

.sheet .lead-data .processes .process .actions {
    display: none;
    opacity: 0;
    transition: opacity 200ms linear;
    position: absolute;
    left: -20px;
    top: 0;
    width: 20px
}
.sheet .lead-data .processes .process:hover .actions {
    display: block;
    opacity: 1;
}

.sheet .lead-data .processes .process .actions > a {
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
}

.board-item .sheet .lead-data .processes .process .actions {
    left: -27px;
    width: 27px;
}

#lead-link-reason-modal .modal-body,
#lead-connect-reason-modal .modal-body,
#contact-connect-reason-modal .modal-body,
#fail-reason-modal .modal-body {
    margin: 0 15px;
}

#fail-reason-modal .btn-cancel-fail-reason-move {
    margin-right: auto;
}

.photo.prevent-change .photo-category {
    opacity: 0.65;
}

.howto-wrapper .dropify-wrapper {
    margin-top: 10px;
    display: block;
}

.howto-wrapper .btn-add-howto {
    margin-top: 8px;
}

.howto-wrapper .btn-remove-step {
    font-size: 20px;
    cursor: pointer;
}

#staff_user_logo {
    max-width: 75px;
}

#doc-category-settings-modal .checkbox {
    margin-bottom: 5px;
}

.access-chapter-link {
    display: inline-block;
    margin-top: 10px;
    border-bottom: 1px dashed;
}

.text-center {
    text-align: center;
}

.lead-meta-data {
    display: none;
    margin-top: 10px;
}

.lead-meta-data-link {
    display: inline-block;
    margin-top: 25px;
    border-bottom: 1px dashed;
}

.cell-info {
    width: 460px;
    padding: 15px 20px 90px 15px;
    position: fixed;
    top: 0px;
    right: 0px;
    background: #fff;
    height: 100%;
    overflow-y: auto;
    z-index: 2;
}

.cell-info .close {
    margin-bottom: 10px;
}

.cell-info .image {
    margin-bottom: 15px;
}

.cell-info .view-block table, .cell-info.company-info-block table {
    margin-top: 15px;
}

.cell-info .view-block table tr td:first-of-type, .cell-info.company-info-block table tr td:first-of-type {
    color: #aaa;
}

@media screen and (max-width: 767px) {
    .cell-info {
        width: 100vw !important;
    }
}

.company-info-block.c-loading > * {
    filter: blur(3px);
    opacity: 0.55;
    pointer-events: none;
}

.company-info-block .spinner {
    display: none;
}

.company-info-block.c-loading .spinner {
    opacity: 1;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    width: 100%;
    font-size: 25px;
    color: #333;
    text-align: center;
    filter: none;
}

.company-info-block h4 i {
    margin-left: 5px;
}

.company-info-block .image-preview {
    text-align: center;
    margin-bottom: 15px;
}

.company-info-block .image-preview img {
    max-width: 100%;
    max-height: 150px;
}

.company-info-block .status-line {
    margin-bottom: 25px;
}

.company-info-block .status-line span {
    margin-right: 15px;
}

.company-info-block .phone, .company-info-block .email {
    font-size: 16px;
    font-weight: bold;
}

.company-info-block .phone i, .company-info-block .email i, .company-info-block [data-phone] {
    cursor: pointer;
}
.company-info-block .phone i:hover, .company-info-block .email i:hover, .company-info-block .value i:hover, .company-info-block [data-phone]:hover {
    opacity: .55;
}

.company-info-block .current-time {
    font-style: italic;
    color: #737373;
}

.company-info-block .email {
    margin-top: -15px;
}

.company-info-block .email i {
    margin-left: 7px;
}

.company-info-block table .language .value .btn {
    box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
}

.company-info-block .value i {
    margin-left: 3px;
}

.company-info-block [contenteditable] {
    padding: 3px 5px;
    border: 1px solid #ccc;
}

.sheet .btn-send-presentation {
    cursor: pointer;
    margin: 0 3px;
}
.sheet .btn-send-presentation:hover {
    opacity: .55;
}

.filters .select-manager ul {
    max-width: 270px;
    overflow-x: hidden;
}

.table-center {
    text-align: center;
}

.table-right {
    text-align: right;
}

#commercial-screenshot-modal .modal-content {
    text-align: center;
}

#commercial-screenshot-modal img {
    max-width: 100%;
}

.sidebar-new a.disabled {
    opacity: .5;
    filter: blur(1px);
}
.sidebar-new a.disabled:hover {
    background: none!important;
    color: #68B3C8!important;
}

.plan .btn-wrapper button {
    width: 100%;
}

.plan .choose-period a span {
    color: #3f945d;
    font-size: 12px;
    font-weight: bold;
}


.send-to-email {
    margin-left: 5px;
}

h6 .btn-sm {
    line-height: 12px;
}

#add-deal-btn, #add-document-btn, #add-event-btn {
    margin-left: 5px;
}

#add-document-modal {
    z-index: 1060;
}

#add-document-modal .dropify-wrapper {
    height: 150px;
    margin-bottom: 10px;
}

.swal2-title {
    line-height: 36px!important;
}


.profile-settings .profile-picture i {
    font-size: 75px;
}


.profile-settings .profile-picture img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}

.profile-pic-label {
    padding-left: 5.5px;
    margin-top: 11px;
}

.sheet .lead-expand i.fa-spin.fa-spinner {
    font-size: 16px;
}

#generate-document-modal img {
    max-width: 100%;
}

#generate-document-modal table td, #generate-document-modal table th {
    padding: 5px;
    border: 1px solid #999;
}

#generate-document-modal .table-wrapper {
    max-width: 100%;
    overflow-x: auto;
}

.payment-status-wrapper {
    display: flex;
    justify-content: flex-end;
}

.payment-status-wrapper span:last-of-type {
    margin-left: 5px;
    margin-top: 2px;
}

.payment-status-wrapper span:last-of-type:hover {
    color: #000;
}

.toggle-paid {
    cursor: pointer;
    width: 14px;
}

.deal-payments .marked {
    background-color: rgba(255, 0, 0, .08);
}

.btn-delete-deal {
    cursor: pointer;
}

.filename .rename {
    margin-right: 3px;
}

.filename .rename:hover {
    opacity: .6;
}

.ctbar-1-legend {
    width: 5rem;
    height: 2rem;
    border: 2px solid white;
    background-color: rgb(104, 179, 200);
}

.ctbar-2-legend {
    width: 5rem;
    height: 2rem;
    border: 2px solid white;
    background-color: #F3BB45;
}

.ct-chart .ct-area {
    fill-opacity: 1;
}

.card .ct-label.ct-horizontal.ct-end.vertical {
    white-space: nowrap;
    writing-mode: vertical-lr;
    transform: translateY(-12%);
    cursor: default;
}

.chart-lgd {
    display: flex;
    justify-content: center;
    width: 100%;
}

.lgd-item {
    display: flex;
    margin-right: 15px;
    margin-top: 20px;
}

.crm-leads .sheet .screenshot-wrapper {
    width: 216px;
    height: 276px;
    margin: 0 auto;
}
.crm-leads.crm-lead-details .sheet .screenshot-wrapper {
    width: 270px;
    height: 345px;
}

.crm-leads .sheet .screenshot-wrapper iframe {
    transform: scale(0.4);
    transform-origin: 0 0;
    overflow: hidden;
}
.crm-leads.crm-lead-details .sheet .screenshot-wrapper iframe {
    transform: scale(0.5);
}

.crm-leads .sheet .screenshot-wrapper iframe {
    overflow: hidden;
}

.alert.alert-danger a {
    text-decoration: underline;
    color: #2f5964;
}
.messages .msg > p {
    word-break: break-word;
}

.messages .channels-list .channel-item {
    padding: 10px 5px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    opacity: .75;
    transition: all 150ms linear;
    position: relative;
}
.messages .channels-list .channel-item:hover {
    background-color: #f0f0f0;
    opacity: 1;
}
.messages .channels-list .channel-item:hover .delete-channel {
    display: block;
}
.messages .channels-list .channel-item.active {
    background-color: #e5e5e5;
    opacity: 1;
}

.messages .channels-list .channel-item i {
    font-size: 18px;
}
.messages .channels-list .channel-item i.fa-facebook {
    color: #3578e5;
}
.messages .channels-list .channel-item i.fa-instagram {
    color: red;
}
.messages .channels-list .channel-item i.fa-whatsapp {
    color: #25d366;
}
.messages .channels-list .channel-item i.fa-telegram {
    color: #0088cc;
}
.messages .channels-list .channel-item i.fa-comment {
    color: #888;
    font-size: 16px;
}
.messages .channels-list .channel-item i.fa-viber {
    color: #7e51a1;
}
.messages .channels-list .channel-item i.fa-smile-beam {
    color: #6f80dd;
}

.messages .channels-list .channel-item .channel-source-icon,
.messages .dialogs-list .dialog-item .channel-source-icon {
    position: relative;
    display: inline-block;
    width: 20px;
    margin-right: 2px;
}

.messages .channel-source-icon .channel-source-logo {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.messages .channels-list .channel-item .channel-source-badge,
.messages .dialogs-list .dialog-item .channel-source-badge {
    position: absolute;
    top: -2px;
    right: 3px;
    color: #2fcc44;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    text-shadow:
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}

.messages .channels-list .channel-item .channel-source-badge.api,
.messages .dialogs-list .dialog-item .channel-source-badge.api {
    right: -2px;
    top: 2px;
    font-size: 7px;
    letter-spacing: .3px;
}

.messages .channels-list .channel-item .unread-badge {
    position: absolute;
    top: 1px;
    right: 2px;
}

.messages .channels-list .channel-item .channel-integration-warning {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    line-height: 1;
    vertical-align: middle;
}

.messages .channels-list .channel-item .channel-integration-warning i {
    color: #EB5E28;
    font-size: 12px;
}

.messages .channels-list .channel-item .channel-integration-warning[data-balloon]::after {
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;
}

.messages .channels-list .channel-item .delete-channel i {
    font-size: 12px;
    color: tomato;
    opacity: 0.75;
}

.messages .channels-list .channel-item .set-channel-permissions i,
.messages .channels-list .channel-item .group-channel i {
    font-size: 12px;
    opacity: 0.75;
}

.messages .channels-list .channel-item .delete-channel:hover i,
.messages .dialogs-list .dialog-item .mute-dialog:hover i,
.messages .dialogs-list .dialog-item .btn-copy-dialog-url:hover i,
.messages .channels-list .channel-item .mute-channel:hover i .set-channel-permissions:hover i,
.messages .channels-list .channel-item .mute-channel:hover i .group-channel:hover i,
.messages .channels-list .channel-item .toggle-unread-messages-counter:hover i
{
    opacity: 1;
}

.messages .channel-list-actions {
    padding: 0 5px;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    display: none;
}

.messages .channel-item:hover .channel-list-actions {
    display: flex;
    gap: 10px;
}

.messages .channels-list .channel-item .mute-channel i,
.messages .channels-list .channel-item .toggle-unread-messages-counter i,
.messages .dialogs-list .dialog-item .mute-dialog i,
.messages .dialogs-list .dialog-item .btn-copy-dialog-url i {
    font-size: 13px;
    color: #348ea9;
    opacity: 0.75;
}

.messages .dialogs-list .dialog-item .actions {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 5;
    padding: 0 5px;
    background: rgba(255, 255, 255, .9);
    gap: 5px;
}

.messages .dialogs-list .dialog-item:hover .actions {
    display: flex;
}

@media screen and (max-width: 950px) {
    .messages .channels-list .channel-item .set-channel-permissions i, .messages .channels-list .channel-item .group-channel i, .messages .channels-list .channel-item .delete-channel i {
        font-size: 15px;
    }
    .messages .channels-list .channel-item .mute-channel i, .messages .channels-list .channel-item .toggle-unread-messages-counter i, .messages .dialogs-list .dialog-item .mute-dialog i, .messages .dialogs-list .dialog-item .btn-copy-dialog-url i {
        font-size: 16px;
    }
    .messages .channel-list-actions, .messages .dialogs-list .dialog-item .actions {
        padding: 3px 7px;
    }
}

.messages .channels-list .channel-item .subtitle {
    display: block;
    font-size: 12px;
    opacity: .5;
    margin-left: 19px;
    margin-top: 2px;
}

.messages .card-title a {
    text-decoration: none;
}

.messages .card-chat .card-title .btn-copy-dialog-url {
    margin-right: 10px;
    font-size: 12px;
    color: #348ea9;
    opacity: .75;
}
.messages .card-chat .card-title .btn-copy-dialog-url:hover {
    opacity: 1;
}
.messages .card-chat .card-title .btn-copy-dialog-url i {
    width: 12px;
}

.messages .chat li.new {
    background: #eee;
}

.messages .dialog-item .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .65);
    text-align: center;
    top: 0;
    left: 0;
    opacity: 1;
    padding: 0;
}

.messages .dialog-item .loading i {
    margin-top: 15px;
    color: #aaa;
}

.messages .card-content ol.chat {
    transition: max-height 250ms linear;
}
.messages .card-chat .chat.loading-dialog {
    max-height: 150px;
}

.padding-0 {
    padding: 0!important;
}

.margin-0 {
    margin: 0!important;
}

.board-preview-wrapper {
    position: fixed;
    right: 45px;
    bottom: 25px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 4px 7px rgba(0, 0, 0, .25);
    width: 250px;
    height: 55px;
    border-radius: 5px;
    z-index: 10;
}

.board-preview-wrapper .preview-phase {
    background: #ddd;
    border-radius: 3px;
    height: 100%;
    margin-right: 2px;
    flex: 1;
}
.board-preview-wrapper .preview-phase:last-of-type {
    margin-right: 0;
}

/*.board-preview-wrapper .preview-phase.bg-lead-red {
    background: #fdc7b3de;
}
.board-preview-wrapper .preview-phase.bg-lead-green {
    background: #9edbb7de;
}*/

.board-preview-wrapper .preview-phases-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}

.board-preview-wrapper .preview-handle {
    height: 100%;
    border-radius: 5px;
    border: 3px solid #68B3C8;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .05);
    cursor: col-resize;
}

@media screen and (max-width: 550px) {
    .board-preview-wrapper {
        right: 15px;
        bottom: 15px;
        box-shadow: 0 4px 9px rgba(0, 0, 0, .2);
    }
}

.work-time-inputs > input {
    display: inline-block;
    width: 100px;
}

.swal2-content .checkbox label::after {
    top: 1px;
}

.swal2-content .checkbox {
    font-size: 16px;
}

#viber-settings-modal .app, #telegram-settings-modal .app, #telegram-numbers-settings-modal .number {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

#viber-settings-modal .btn-register-viber,
#telegram-settings-modal .btn-register-telegram,
.reconnect-number-alert-box .btn-register-number,
#telegram-numbers-settings-modal .btn-send-code,
#telegram-numbers-settings-modal .btn-register-number {
    margin-top: 5px;
}

#viber-settings-modal .btn-delete-viber, #telegram-settings-modal .btn-delete-telegram {
    margin-top: 5px;
}

.cell-info .buttons-group .btn {
    margin-bottom: 5px;
}

.rotate-45deg {
    transform: rotate(45deg);
}

.rotate--45deg {
    transform: rotate(-45deg);
}

.period-type {
    display: inline-block;
    position: relative;
    top: 3px;
    vertical-align: middle;
    font-size: 12px;
    text-align: left;
    margin-right: 10px;
}
.period-type > a {
    display: block;
}
.period-type > a.active {
    font-weight: bold;
}
.period-type > a:last-of-type {
    margin-top: 1px;
}
.period-type > a:not(.active) {
    margin-left: 11px;
}

@media screen and (max-width: 992px) {
    .period-type {
        margin-bottom: 15px;
    }
}

.modal .sheet .sheet-header .date {
    text-align: center;
    width: 100%;
    top: -14px;
}

.funnel-settings-modal tr:first-of-type td {
    border-top: none;
}

.funnel-settings-modal tr td:first-of-type {
    width: 16px;
}

.funnel-settings-modal .phase-color, .funnel-settings-modal .phase-name {
    display: inline-table;
    vertical-align: middle;
}

.funnel-settings-modal .phase-color {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: -10px;
}

.swal-funnel-settings .swal2-modal .form-control {
    margin: 5px;
}
.swal-funnel-settings .swal2-content {
    margin-bottom: -20px!important;
}

.swal-funnel-settings {
    pointer-events: initial!important;
}

.funnel-settings-modal .btn-delete-phase:hover, .funnel-settings-modal .btn-delete-phase:active, .funnel-settings-modal .btn-delete-phase:focus {
    color: tomato;
}

.delete-phase-block {
    font-size: 16px;
    text-align: left;
}

.delete-phase-block p {
    margin-top: 10px;
}

.delete-phase-block .radio {
    margin-top: 25px;
}

.delete-phase-block .bootstrap-select {
    width: 200px!important;
    margin-left: 10px!important;
    top: 2px;
}

.installment-settings {
    padding: 15px;
    background: #f4f4f4;
    position: relative;
    clear: both;
}
.installment-settings:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    top: -10px;
    left: 15px;
    transform: rotate(45deg);
    content: '';
    background: #f4f4f4;
}
.modal-body .installment-settings:before {
    display: none;
}

.installment-settings .form-control {
    background-color: #fbfbfb;
}

.installment-schedule-settings {
    display: flex;
    gap: 10px;
}

.installment-schedule-settings > span {
    margin-top: 10px;
}

.installment-schedule-settings .btn {
    height: 40px;
    margin-left: 20px;
}

.installment-schedule-settings .day {
    max-width: 100px;
}

#payment-schedule-modal .payment-status-wrapper .label {
    color: #fff!important;
}

@media screen and (max-width: 990px) {
    .installment-schedule-settings {
        flex-wrap: wrap;
    }
    .installment-schedule-settings .btn {
        margin-left: 0;
    }
    .installment-schedule-settings .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        margin-bottom: 0;
    }
}

.custom-installment-row {
    display: flex;
    gap: 10px;
}

.custom-installment-row > span {
    margin-top: 10px;
}

.installment-custom .payment-field,
.installment-custom .until-field {
    max-width: 150px;
}

.installment-custom .btn {
    height: 40px;
}

#add-deal-modal .row {
    margin-bottom: 0!important;
}

/* Keep header/close button always reachable and make long content (e.g. installment
   calculator with discount fields) scroll inside the modal body instead of the whole
   viewport, so the form never gets cut off on shorter screens. */
#add-deal-modal .modal-content {
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

#add-deal-modal .modal-header {
    flex: 0 0 auto;
}

#add-deal-modal .modal-body {
    overflow-y: auto;
    flex: 1 1 auto;
}

.sheet .card-chat .msg p {
    color: #252422;
}

.phase-settings-toggle-done, .phase-settings-toggle-fail {
    cursor: pointer;
    user-select: none;
}
.phase-settings-toggle-done:hover, .phase-settings-toggle-fail:hover {
    opacity: .7;
}

.phase-settings-toggle-done {
    color: #036a03;
}

.phase-settings-toggle-fail {
    color: #df2909;
}

.utm-tags-expand {
    cursor: pointer;
}
.utm-tags-expand:hover {
    opacity: .75;
}

.rooms-square-wrapper {
    padding: 15px;
    background: #f4f4f4;
    position: relative;
    clear: both;
    margin-top: 7px;
}

.rooms-square-wrapper:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    top: -10px;
    left: 20px;
    transform: rotate(45deg);
    content: '';
    background: #f4f4f4;
}

.rooms-square-wrapper .form-control {
    background-color: #fbfbfb;
}

@media only screen and (max-width: 991px) {
    .rooms-square-wrapper:before {
        left: 20px;
    }
}

.rooms-square-wrapper .dropdown-menu:after, .rooms-square-wrapper .dropdown-menu:before {
    display: none;
}

.payment-stats {
    text-align: center;
    width: 100%;
    margin: 25px auto 20px auto;
}

.payment-stats-item {
    display: inline-block;
    margin-right: 7px;
}

.payment-stats-item .block {
    border: 1px solid #68B3C8;
    border-radius: 5px;
    background-color: #68B3C8de;
    padding: 7px;
    cursor: pointer;
}

.payment-stats-item .block .count {
    font-size: 30px;
    text-align: center;
    color: #fff;
}

.payment-stats-item .title {
    font-size: 12px;
    font-weight: bold;
}

.installment-dates {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 12px;
}

.btn-retrieve-leads i {
    opacity: 0;
    transition: opacity 150ms linear;
}
.btn-retrieve-leads:hover i {
    opacity: 1;
}

.report-failed-deals .sheet-actions .tags-btn-group .dropdown-toggle {
    display: block!important;
}

.tags-btn-group .dropdown-menu,
.manager-dropdown-container .dropdown-menu,
.phase-dropdown-container .dropdown-menu, .lead-field-dropdown .dropdown-menu {
    max-height: 300px;
    max-width: 236px;
    overflow: auto;
    color: #333;
}

.lead-field-dropdown .dropdown-toggle .fa-chevron-down, .manager-dropdown-container .dropdown-toggle .fa-chevron-down {
    color: #333;
}

.lead-field-dropdown .dropdown-toggle:hover, .manager-dropdown-container .dropdown-toggle:hover {
    opacity: .8;
}

.report-failed-deals .sheet-actions .dropdown-toggle:last-of-type {
    display: none;
}

.modal .sheet .tags {
    margin-left: 0!important;
}

.linked-leads-modal .showmore-btn {
    margin-bottom: 25px;
}

.linked-leads-modal .modal-body.leads-row {
    overflow-x: unset;
}

.non-available-apartment {
    opacity: 0.6;
    cursor: not-allowed !important;
}

.btn-retrieve-leads {
    white-space: nowrap;
}

#event-modal .fa-map-marker-alt {
    margin-left: 5px;
}

input[data-readonly] {
    pointer-events: none;
    color: #9A9A9A!important;
    background-color: #E3E3E3!important;
}

.filtered-info {
    margin-bottom: 20px;
}

.crm-leads .showmore-btn {
    margin-bottom: 25px;
}

.leads-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    margin: 0!important;
}

.leads-list > .lead-wrapper:first-of-type {
    margin-left: -20px;
}

.leads-list > .lead-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-basis: calc(25% - 20px);
}

.leads-list > .lead-wrapper .sheet {
    width: 100%;
}

@media (min-width: 992px) {
    .modal .leads-list > .lead-wrapper {
        /* always 3 items inside leads preview modal */
        flex-basis: calc(33.33333% - 20px)!important;
    }
}

@media (min-width: 992px) and (max-width: 1358px) {
    .leads-list > .lead-wrapper {
        flex-basis: calc(33.33333% - 20px);
    }
}

@media (min-width: 768px) and (max-width: 1074px) {
    .leads-list > .lead-wrapper {
        flex-basis: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    .leads-list > .lead-wrapper {
        flex-basis: 100%;
    }
    .leads-list > .lead-wrapper:first-of-type {
        margin-left: 0;
    }
    .leads-list {
        gap: 0;
    }
}

.board.muuri {
    transition: opacity 200ms linear;
}


@media screen and (max-width: 992px) {
    .navbar-header {
        display: flex;
        flex-direction: row-reverse;
    }
    .navbar-header .navbar-brand {
        width: 100%;
    }
    .navbar-nav.navbar-right {
        display: none!important;
    }
}

@media screen and (max-width: 1192px) {
    .filters .select-manager .dropdown-menu {
        left: -50px;
    }
}

.cell > .top-left > *, .cell > .bottom-left > * {
    text-align: left;
}

.cell > .top-right > *, .cell > .bottom-right > * {
    text-align: right;
    float: right;
    clear: both;
}

.gplus .fa-spin {
    animation: fa-spin 1.4s infinite linear;
}

@media screen and (max-width: 749px) {
    .iframe-view .col-xs-5, .iframe-view .col-xs-7 {
        width: 100%!important;
    }
}

.editable .cell > *:not(.center) {
    max-width: 50%;
    word-break: break-word;
}

.sheet-skeleton {
    opacity: .65;
}

.sheet-skeleton .ph {
    background-image: linear-gradient(90deg, #ddd 0px, #ededed 40px, #ddd 80px);
    background-size: 600px;
    will-change: background-position;
    border-radius: 5px;
    animation: shine-skeleton 3s infinite linear;
}

.sheet-skeleton .sheet-header {
    text-align: center;
}

.sheet-skeleton .sheet-header .id {
    width: 93px;
    height: 20px;
    margin-top: -8px;
}

.sheet-skeleton .name {
    width: 100px;
    height: 20px;
}

.sheet-skeleton table .ph {
    display: block;
}

.sheet-skeleton .lead-data .ph:first-of-type {
    width: 75px;
    height: 17px;
    display: inline-block;
}
.sheet-skeleton .lead-data .ph:last-of-type {
    width: 35px;
    height: 17px;
    display: block;
    float: right;
}

.sheet-skeleton-partial .ph {
    height: 24px;
    width: 50%;
    max-width: 150px;
    margin-bottom: -4px;
}

.sheet-skeleton.sheet .lead-details {
    cursor: default!important;
}
.sheet-skeleton.sheet .lead-details:hover {
    opacity: initial;
}

.sheet-skeleton .lead-details i {
    color: #ddd!important;
}

.sheet-skeleton.sheet .sheet-body .contact {
    padding-bottom: 10px!important;
}

.sheet.sheet-skeleton .sheet-body .contact {
    border-bottom: 0px;
}

.sheet-skeleton .sheet-footer .ph {
    display: block;
    width: 115px;
    height: 17px;
}

@keyframes shine-skeleton {
    0% {
        background-position: -32px;
    }
    40%, 100% {
        background-position: 208px;
    }
}

.crm-contact-details .deals {
    overflow: auto;
}

.crm-contact-details .sheet .lead-data {
    visibility: visible;
    position: unset;
}

.crm-contact-details .sheet .lead-data .processes {
    display: block;
}


.c3-custom-tooltip {
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 12px;
    color: #333;
}

.crm-lead-details .sheet .sheet-header .btn-copy-info,
.crm-contact-details .sheet .sheet-header .btn-copy-info,
.crm-deal-details .sheet .sheet-header .btn-copy-info {
    opacity: 1;
    margin-left: 5px;
}

.crm-contact-details .sheet .sheet-header .btn-copy-info {
    margin-left: 7px;
}

.sheet .btn-copy-info,
.leads-table .leads-table-phone .btn-copy-info {
    opacity: 0;
    transition: opacity 150ms linear;
    cursor: pointer;
}

.sheet .contact-data .phone:hover .btn-copy-info,
.sheet:hover .sheet-header .btn-copy-info,
.zoom-meeting-entry .btn-copy-info,
.leads-table .phone:hover .btn-copy-info {
    opacity: 1;
}

@media (max-width: 768px) {
    .sheet .btn-copy-info,
    .leads-table .leads-table-phone .btn-copy-info {
        opacity: 1; /* Always visible on mobile */
    }
}

.sheet .phone object a,
.leads-table .leads-table-phone .phone object a {
    white-space: pre-wrap;
}

.open-modal {
    cursor: wait;
}

.set-task-start-time {
    border-bottom: 2px dotted #7bbcce;
    text-decoration: none;
    margin-left: 5px;
}

.close-integration-window-messenger, .close-integration-window, .close-integration-window-ga {
    text-align: right;
}

.chat .action-message p {
    color: #676767;
    font-style: italic;
}

.chat .action-message button {
    margin-top: 10px;
}

.board-column-header .checkbox {
    margin: 0;
    padding-left: 0;
}

#transfer-leads-modal .clear-filter-param {
    display: none;
}

#transfer-leads-modal .phase-select-wrapper {
    min-width: 320px;
    width: 320px;
}

#choose-deals-modal {
    z-index: 100002;
}

.text-strike, .text-strike > * {
    text-decoration: line-through;
}

th.checkboxes[data-balloon][data-balloon-pos="up"]:after {
    margin-bottom: 0;
}

.modal-content .event .under-title {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.modal-content .event .under-title .event-kind {
    margin-left: 15px;
}

#lead-edit-modal .modal-content {
    background: #f5f5f5;
}

#lead-edit-modal .lead-edit-modal-loading {
    display: none;
    z-index: 1;
}

#lead-edit-modal.is-loading .lead-edit-modal-loading {
    display: block;
}

#lead-edit-modal.is-loading #iframe-sliding-window {
    visibility: hidden;
}

#lead-edit-modal button.close {
    right: 3px;
    top: -3px;
}

.lead-edit-modal .footer, .lead-edit-modal .alert-warning {
    display: none;
}

#lead-edit-modal #iframe-sliding-window {
    padding: 5px;
}

#duplicates {
    margin-top: 15px;
}

.dot {
    height: 7px;
    width: 7px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 1px;
}

.error-field {
    background-color: #FFC0A4 !important;
    color: #EB5E28 !important;
    border-color: #EB5E28 !important;
}

.bg-yellow {
    background-color: #ffeabe;
}

#check_duplicates {
    margin-left: 7px;
}

.duplicate-leads-container {
    margin-top: 5px;
}

.duplicate-leads-container span.text-bold {
    font-weight: bold;
}

.duplicate-leads-container span.contact-name {
    color: #68635D;
}

.duplicate-leads-container span.contact-id,
.duplicate-leads-container span.lead-id {
    color: #429CB6;
}

.duplicate-leads-container > div {
    padding: 3px 0;
}

.btn-action-icon i {
    width: 0;
    opacity: 0;
    transition: all 250ms linear;
}

th[non-draggable], tr[non-draggable] {
    cursor: initial;
    user-select: none;
}

.crm-stats .help-box-wrapper {
    display: inline-block;
    margin-right: 30px;
}

.timeline-item .checkbox label {
    padding-left: 0;
}

.timeline.with-checkbox .timeline-item .message {
    width: calc(100% - 40px - 130px);
}

.sheet .mass-actions > * {
    margin-top: 10px;
    vertical-align: middle;
}

.repeat-lead-icon {
    height: 16px;
    margin-top: -4px;
}

.sheet .parent-lead-link {
    top: -28px;
    position: absolute;
    font-size: 14px;
}

.sheet-header.additional-space {
    margin-top: 20px;
}

.iframe-view footer.footer {
    display: none;
}

a.show-eye {
    margin-left: 16px;
}

a.show-eye i {
    opacity: 0;
    transition: opacity 150ms linear;
}

.padding-bottom-0 {
    padding-bottom: 0!important;
}

body.apartment-search-opened .main-panel {
    overflow: hidden;
}

.bootstrap-select button.error{
    background-color: #FFC0A4;
    color: #EB5E28;
    border-color: #EB5E28;
}

.fields-config-buttons {
    margin-right: 5px;
    display: none;
}

.fields-config-buttons a {
    color: #000000;
    margin-left: 3px;
}

.fields-config-buttons a:hover {
    color: #68B3C8;
}

.fields-config-save-block {
    display: none;
    margin: 15px 0 10px 0;
}

.sortable-field.not-visible,
.note-fields .not-visible {
    opacity: 0.4;
}

.nested-field-config-buttons {
    display: none;
}

.nested-field-config-buttons a {
    color: #000000;
}

.nested-field-config-buttons a:hover {
    color: #68B3C8;
}

.note-textarea-wrapper .nested-field-config-buttons {
    position: absolute;
    left: -10px;
    top: 45px;
}

a.toggle-required:before, a.toggle-active:before {
    left: 0px!important;
}
a.toggle-required:after, a.toggle-active:after {
    left: -4px!important;
}

#add-lead-object-btn {
    margin-right: 5px;
}

/* Highlight newly created custom field */
.highlight-updated {
  animation: highlight 3000ms ease-out;
}
@keyframes highlight {
  from {
    background-color: rgba(247, 194, 0, 0.2);
  }
}

/* Highlight card (used in plugins) */
.highlight-card {
    animation: highlight-card 3000ms ease-out;
    box-shadow: 0 0 5px rgba(255, 0, 0, .75);
}
@keyframes highlight-card {
    0% {
        box-shadow: 0 0 0 rgba(255, 0, 0, .45);
    }
    5% {
        box-shadow: 0 0 5px rgba(255, 0, 0, .45);
    }
    15% {
        box-shadow: 0 0 12px rgba(255, 0, 0, .45);
    }
    30% {
        box-shadow: 0 0 5px rgba(255, 0, 0, .45);
    }
    40% {
        box-shadow: 0 0 12px rgba(255, 0, 0, .45);
    }
    55% {
        box-shadow: 0 0 5px rgba(255, 0, 0, .45);
    }
}

.payments .btn-lg {
    font-size: 16px;
    padding: 8px 24px;
}

.payments .card-header {
    margin-bottom: 15px;
}

.payments table thead th {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.payments .modal-lg {
    width: 95vw!important;
    max-width: 1015px;
}

.payments .label-sm {
    font-size: 9px;
    line-height: 12px;
}

body.payment-status .card-content {
    text-align: center
}

body.payment-status .status-icon {
    font-size: 55px;
}

body.payment-status .crm-leads-new .loading i {
    font-size: 45px;
}

.pay-button-wrapper .bootstrap-select {
    max-width: 240px;
}

.pay-button-wrapper .bootstrap-select .btn {
    margin: 10px 0;
}

.pay-button-wrapper .bootstrap-select .fab, .pay-button-wrapper .bootstrap-select .far {
    font-size: 17px;
    margin-right: 3px;
}

.nav-tabs .btn-group i {
    width: 18px;
}

.crm-contacts .board-item .sheet .sheet-header .checkbox {
    top: -1px;
}

.crm-contacts .contact-data {
    word-break: break-all;
}

.crm-contacts .connected-contacts-modal .sheet .sheet-body .contact {
    border-bottom: none;
    padding-bottom: 0;
}

.swal2-container {
    z-index: 10000000 !important;
}

.add-deal .form-group {
    margin-right: 0;
    margin-left: 0;
}

table.floatThead-table {
    background: #f7f7f7;
    box-shadow: inset 0 -1px #ccc;
}

.pagination-container {
    display: flex;
}

.pagination-container .pagination {
    margin-right: 20px;
}

.pagination-container .bootstrap-select.btn-group {
    margin-top: -1px;
}

.pagination-container .bootstrap-select.btn-group .btn {
    border-radius: 20px;
    border: 2px solid #66615B;
    padding: 7px 18px;
    box-shadow: none;
}

.pagination-container .bootstrap-select.btn-group .btn span.filter-option {
    margin-right: 2px;
}

.pagination-container .pagination-text {
    margin-top: 28px;
    margin-left: -10px;
}

.pagination-container .bootstrap-select.btn-group .dropdown-menu.inner {
    overflow-y: unset;
}

.label-fancy {
    background: linear-gradient(-45deg, #48a38e, #e73c7e, #23a6d5, #23d5ab);
    background-size: 350% 350%;
    animation: gradient 15s ease infinite;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
}

@keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
}

.updates-container .update-post-header h4 {
    margin: 0;
}

#update-posts-modal .modal-header h4 {
    margin-top: 25px;
}

.updates-container .update-post-header span {
    color: #999;
    font-size: 12px;
    margin-bottom: -15px;
}

.updates-container .update-post {
    margin-bottom: 20px;
}

.updates-container .update-post img, .updates-container .update-post iframe, .updates-container .update-post video {
    text-align: center;
    max-width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    border-radius: 10px;
}

#update-posts-modal .modal-content {
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(10px);
}

.filter-by-tag-logics-wrapper {
    margin-top: 6px;
    text-align: left;
    opacity: .75;
    transform: scale(0.9);
    margin-left: -10px;
}

.filter-by-tag-logics-wrapper > div {
    display: inline-block;
}

.filter-by-tag-logics-wrapper > div:first-child {
    margin: 0 5px 0 5px;
}

.filter-by-tag-logics-wrapper label {
    padding-left: 7px;
}

#lead_dialog .documents .document img {
    max-width: 100%;
}


.local-time-wrapper {
    color: #777;
}

.reconnect-number-alert-box input {
    border: 1px solid #999!important;
    background-color: #fff!important;
}

.guest-view.building-table h2 {
    color: #fff;
}

.lead-page-controls {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 25px;
}

.lead-page-controls .lead-top-buttons-wrapper {
    order: 2;
    margin-left: auto;
}

#multifunnel-settings-modal table {
    width: 335px;
    border: 1px solid #e1e1e1;
}

#multifunnel-settings-modal table td {
    border-top: 1px solid #e1e1e1;
}

#multifunnel-settings-modal table thead th {
    background: #efefef;
    font-size: 16px;
    text-align: center;
    padding: 7px 0;
}

#multifunnel-settings-modal table thead th i {
    cursor: pointer;
    margin-left: 5px;
}

#multifunnel-settings-modal.funnel-settings-modal .phase-name {
    max-width: calc(100% - 22px);
}

#multifunnel-settings-modal .modal-body {
    width: 100%;
    overflow: auto;
}

#multifunnel-settings-modal .modal-body .funnel-list {
    width: max-content;
    display: flex;
    align-items: flex-start;
    gap: 35px;
}

#multifunnel-settings-modal {
    padding: 0!important;
}

#multifunnel-settings-modal .modal-dialog {
    width: 98vw;
}

.swal-funnel-settings.swal2-modal {
    overflow: visible!important;
}

.swal-funnel-settings .phase-link {
    background: #f4f4f4;
    padding: 15px;
    margin-bottom: 25px;
    position: relative;
}

.swal-funnel-settings .phase-link .btn-remove-phase-link {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.crm-leads .delete-phase-block .bootstrap-select {
    width: 320px!important;
}

body .swal2-modal {
    font-family: 'Roboto', "Helvetica", Arial, sans-serif;
}

.leader-line {
    z-index: 9999;
    opacity: .15;
}

.sheet .contact-data .phone .phone-number-status {
    display: inline-block;
    vertical-align: text-bottom;
    cursor: pointer;
}

.crm-contact-details .sheet .contact-data .phone .phone-number-status {
    margin-left: 4px;
}

.crm-contact-details .sheet .contact-data .phone .phone-number-status i, .crm-contact-details .sheet .contact-data .phone .btn-copy-info i {
    transform: translateY(2px);
}

.sheet .contact-data .phone .phone-number-status i {
    font-size: 14px;
    color: #999;
}

.sheet .contact-data .phone .phone-number-status i.fa-check-circle {
    color: green;
}

.sheet .contact-data .phone .phone-number-status i.fa-exclamation-circle {
    color: red;
}

.login-captcha-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

.login-captcha-container .error-message {
    color: red;
    display: none;
}

.move-leads-modal {
    min-height: 219px !important;
    overflow: visible;
}

.move-leads-modal .swal2-content {
    margin: 20px 0 60px 0;
}

.move-leads-modal hr.swal2-spacer {
    display: none !important;
}

.channel-select-buttons button.active:hover {
    background-color: #66615B;
    color: #FFFFFF;
}

.crm-lead-details .timeline[data-tab="messages"] {
    margin-top: 10px;
}

.crm-leads-new .timeline[data-tab="messages"] .channel-messages > .card-content > ol.chat {
    max-height: min(65vh, 640px);
    overflow-y: auto;
}

@media (max-width: 767px) {
    .crm-leads-new .timeline[data-tab="messages"] .channel-messages > .card-content > ol.chat {
        max-height: 60vh;
    }
}

.zoom-meeting-entry .open-zoom-summary {
    color: blue;
}

.zoom-meeting-entry .open-zoom-summary,
.zoom-meeting-entry .delete-zoom-meeting {
    opacity: 1;
}

.zoom-meeting-entry .open-zoom-summary:hover,
.zoom-meeting-entry .delete-zoom-meeting:hover {
    opacity: 0.7;
}

.zoom-meeting-entry .btn-copy-info {
    color: #1b293e;
    opacity: .4;
}
.zoom-meeting-entry .btn-copy-info:hover {
    opacity: 1;
}

.zoom-meeting-entry .open-zoom-summary,
.zoom-meeting-entry .btn-copy-info,
.zoom-meeting-entry .delete-zoom-meeting {
    cursor: pointer;
}

.zoom-meeting-entry .btn-copy-info,
.zoom-meeting-entry .delete-zoom-meeting {
    margin-left: 3px;
}

.payments-page .payment {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.payments-page .payment .actual-payment, .crm-deal-details .payment .actual-payment {
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.payments-page .payment .actual-payments, .crm-deal-details .payment .actual-payments {
    margin-left: 15px;
    padding: 15px;
    background: #f4f4f4;
}

.payments-page .payment .actual-payments .form-control, .crm-deal-details .payment .actual-payments .form-control {
    background-color: #fbfbfb;
}

.payments-page .payment .actual-payments h6, .crm-deal-details .payment .actual-payments h6 {
    margin-top: 0;
    margin-bottom: 15px;
}

.payments-page .payment .actual-payments .actions a, .crm-deal-details .payment .actual-payments .actions a {
    font-size: 18px;
    margin-right: 10px;
}

.payments-page .btn-add-new-payment {
    margin-bottom: 5px;
}

.payments-page .payment .fa-trash-alt {
    color: tomato!important;
}

.actual-payment .actions {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
}

.notification-item {
    position: relative;
    padding: 15px 12px;
    display: flex;
    align-items: flex-start;
    word-wrap: break-word;
    border-bottom: 2px solid #f1f1f1;
}

.notification-item-body {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 28px;
}

.notification-item-actions {
    position: absolute;
    top: 0;
    right: 0;
}

.notification-item-pin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 0;
    background: transparent;
    color: #b3b3b3;
    transition: opacity 150ms linear, color 150ms linear;
    -webkit-tap-highlight-color: transparent;
}

.notification-item-pin:hover,
.notification-item-pin:active {
    color: #23ccef;
    opacity: .8;
    background: transparent;
}

.notification-item-pin.is-pinned {
    color: #23ccef;
}


.notification-icon {
    margin-right: 12px;
    font-size: 20px;
    cursor: pointer;
    width: 16px;
    text-align: center;
}

.notification-item.unread {
    background-color: #efefef;
}

.notification-item:hover {
    background-color: #e9e9e9;
}

.notification-time {
    margin-top: 5px;
    color: #8f8f8f;
    font-size: 12px;
}

.notification-actions-block {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.notification-actions-main,
.notification-actions-side {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.notification-actions-side {
    margin-left: 0;
}

.notification-action-button,
.notification-action-link {
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;
}

.notification-action-status {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.notification-action-status--success {
    background: #e8f7ef;
    color: #2f8d63;
}

.notification-action-status--danger {
    background: #fdecea;
    color: #c4524a;
}

.notification-action-status--warning {
    background: #fff5de;
    color: #b47d11;
}

.notification-action-status--info {
    background: #edf5fb;
    color: #3f83a4;
}

.notification-list {
    max-height: 400px;
    width: 345px;
    overflow-y: auto;
    padding: 0;
}

.notification-count {
    padding: 2px 5px;
    border-radius: 50%;
    font-size: 9px;
    position: absolute;
    top: 5px;
    right: 2px;
}

.icon-color-success {
    color: #54b07d;
}

.icon-color-info {
    color: #429cb6;
}

.icon-color-warning {
    color: #f0a810;
}

.icon-color-danger {
    color: #c84513;
}

.notification-footer {
    border-top: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 10px;
}

.notification-footer .all-read-btn, .notification-footer .view-all-btn, .notification-footer .btn-open-tg-settings {
    margin: 0;
}

.loading-spinner {
    text-align: center;
    padding: 10px;
}

a#notification-bell {
    margin-top: 15px;
}

.desktop-notification .btn-open-tg-settings i {
    color: #0088cc;
    font-size: 30px;
    transition: opacity 150ms linear;
}
.desktop-notification .btn-open-tg-settings:hover i {
    opacity: .6;
}

@media (max-width: 991px) {
    a#mobile-notification-bell {
        margin-top: 14px;
        color: #9A9A9A;
    }

    .mobile-notification {
        display: flex;
        margin: 14px 15px 17px 0;
    }

    .mobile-notification .notification-count {
        right: unset;
        left: 4px;
        top: 8px;
    }

    .mobile-notification .dropdown-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        z-index: 1050;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        transform: translateY(-100%);
        transition: transform 0.3s ease;
    }

    .mobile-notification .notification-list {
        width: 100%;
        max-height: 100%;
        overflow-y: auto;
    }

    .notification-actions-block {
        flex-direction: column;
        align-items: stretch;
    }

    .notification-actions-side {
        margin-left: 0;
    }

    .mobile-notification .notification-header {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        background-color: #f8f9fa;
        border-bottom: 1px solid #ddd;
        cursor: auto;
    }

    .mobile-notification .btn-close {
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        line-height: 1;
    }

    .main-panel.no-scroll {
        overflow: hidden;
        position: fixed;
    }

    .desktop-notification {
        display: none;
    }
    .notification-footer .btn-open-tg-settings {
        display: none;
    }
}

@media (min-width: 992px) {
    .mobile-notification {
        display: none;
    }

    .desktop-notification {
        display: block;
    }
}

/* print element inside #printSection as PDF */
@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body.print-pdf * {
        visibility: hidden;
    }

    #printSection, #printSection * {
        visibility: visible;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.btn-tag-call {
    margin-left: 3px!important;
}

.leads-found-results, .contact-found-results {
    color: #777;
    margin-top: -20px;
}

.recon-body {
    margin-top: 50px;
    margin-bottom: 50px;
}

.recon-body .title {
    margin-bottom: 25px;
    text-align: center;
}

.recon-body table {
    margin: 0 auto;
}

#editLead .documents-section label.error {
    margin-top: 17px;
}

.documents-section .dropify-wrapper.error {
    border: 3px solid #ff7777;
}

.note-item .note-text .n-text, .processes .process .actual-note {
    max-height: 100px;
    overflow: hidden;
    position: relative;
}

.leads-table .td-expandable {
    min-width: 90px;
}

.note-item .note-text .n-text .btn-note-expand,
.processes .process .actual-note .btn-note-expand,
.leads-table .td-expandable .btn-note-expand {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0px 5px;
    background: #fff;
    border-radius: 3px;
    color: #68B3C8;
    border: 1px solid #68B3C8;
    cursor: pointer;
    transition: all 150ms linear;
    box-shadow: -2px 0px 4px 6px rgba(255, 255, 255, 1);
}

.leads-table .td-expandable .btn-note-expand {
    box-shadow: -2px 0px 4px 6px rgb(243, 243, 244);
    background: #f3f3f4;
    right: unset;
}

.note-item.marked .note-text .n-text .btn-note-expand {
    box-shadow: unset!important;
}

.note-item .note-text .n-text .btn-note-expand:hover,
.processes .process .actual-note .btn-note-expand:hover,
.leads-table .td-expandable .btn-note-expand:hover{
    color: #fff;
    background: #68B3C8;
}

.iframe-view .main-panel {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
}

.iframe-close-unit .main-panel {
    background: white;
}

.iframe-view .main-panel {
    transition: none!important;
}

.iframe-close-unit .main-panel {
    background: #fff!important;
}

.btn-clone-funnel:hover {
    opacity: 0.7;
}

.event-icons-select {
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-left: -5px;
    margin-right: -5px;
}

.event-kind .btn:hover .event-icons-select i, .event-kind .btn:focus .event-icons-select i, .event-kind .open .btn .event-icons-select i {
    color: #fff!important;
}

.btn-clone-funnel {
    color: #68B3C8;
}

#id-phase-select-wrapper ul {
    max-width: 450px;
}

.input-group-btn .duration-unit-btn {
    padding-left: 5px;
    padding-right: 5px;
}

.lead-note-swal2-modal .swal2-textarea {
    max-height: 180px;
    resize: none;
    overflow-y: hidden;
    height: 44px;
    padding: 8px 8px 8px 13px;
}

.swal2-modal.move-leads-modal .bs-searchbox .form-control {
    max-width: unset;
}

.phase-select-wrapper .dropdown-menu.open {
    width: 100%;
}

.phone-widget .dropup .dropdown-menu:before, .phone-widget .dropup .dropdown-menu:after {
    left: auto;
    right: calc(50% - 11px);
}

.phone-widget .dropup.open .dropdown-menu {
    right: 0;
}

.table-skeleton {
    opacity: 0.65;
    filter: blur(2px);
    transition: opacity 0.3s ease, filter 0.3s ease;
}

.non-switchable {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.leads-table-cant-call-submenu {
    position: relative;
    display: none;
    margin-top: 5px;
    padding: 5px 0;
}

.leads-table-cant-call-submenu a {
    display: block;
    padding: 8px 15px;
    margin-left: 20px;
    text-decoration: none;
}

.leads-table-cant-call-submenu a:hover {
    background-color: #66615B;
    color: rgba(255, 255, 255, 0.85);
}

.leads-table-actions .leads-table-actions-dropdown i {
    margin-right: 8px;
}

.leads-table .tr-lead-marked {
    box-shadow: inset 0 1px 4px red;
}

.event-modal-client-19740 .start_time_wrapper {
    width: 75px;
}

.event-modal-client-19740 .event .dates .starts {
    margin-right: 0;
}

.confirm-email-verification-block {
    display: none;
}

.email-verified-icon {
    display: none;
    color: green;
}
.email-verified-icon.shown {
    display: inline;
}

#events-mass-action-bar-wrapper {
    margin: 20px 0;
}

#events-mass-action-bar-wrapper .selected-events-status {
    margin-right: 10px;
}

@media screen and (max-width: 760px) {
    .utm-tag-filters .col-sm-12 {
        flex-wrap: wrap;
    }
}

#kanban-board .event-header .checkbox {
    margin-top: -3px!important;
}

.events-mass-action-bar .fa-times {
    cursor: pointer;
}

#ad-settings-modal .dropdown-menu {
    max-width: 420px;
}

.leads-table-container-skeleton tbody tr {
    height: 55px;
    opacity: .65;
}
.leads-table-container-skeleton tbody tr:hover {
    background: #fff!important;
}

.leads-table-container-skeleton tbody tr span {
    display: block;
    height: 20px;
    width: 80%;
    border-radius: 5px;
    background-image: linear-gradient(90deg, #ddd 0px, #ededed 40px, #ddd 80px);
    background-size: 600px;
    will-change: background-position;
    animation: shine-skeleton 3s infinite linear;
}

.leads-table-sort {
    display: inline-flex;
    align-items: center;
}

.leads-table-sort-arrows {
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
}

.leads-table-sort-arrows i {
    font-size: 14px;
    opacity: 0.25;
    line-height: 1;
}

.leads-table-sort-arrows i:hover {
    cursor: pointer;
    opacity: 0.5;
}

.leads-table-sort-arrow-up {
    margin-right: 2px;
}

.leads-table-sort.is-active .leads-table-sort-arrows i {
    opacity: 0.2;
}

.leads-table-sort.is-active .leads-table-sort-arrows i:hover {
    opacity: 0.5;
}

.leads-table-sort.is-active.is-asc .leads-table-sort-arrow-up {
    opacity: 0.95;
}

.leads-table-sort.is-active.is-desc .leads-table-sort-arrow-down {
    opacity: 0.95;
}

.lead-custom-field-filters {
    margin-top: 20px;
    display: none;
}

.lead-custom-field-filters .row {
    margin-bottom: 10px;
}

.unit-custom-field-filters {
    border-top: 1px solid gainsboro;
    padding-top: 20px;
}

/* Export leads dropdown */
.export-leads-dropdown .dropdown-content {
    position: absolute;
    overflow: visible !important;
    background-color: #fff;
    min-width: 66px;
    width: max-content;
    width: -webkit-max-content;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1001;
    height: max-content;
    padding: 15px;
    width: 275px;
    margin-top: 20px;
    border-radius: 5px;

    /* animation */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.5s ease;
    display: block;
}

.export-leads-dropdown .dropdown-content a {
    display: block;
    text-decoration: none;
    padding: 8px 12px;
    color: #555;
}

.btn-export-leads-dropdown-toggle {
    cursor: pointer;
    text-decoration: none;
}

.btn-export-leads-dropdown-toggle .caret {
    transition: transform 0.3s ease;
}

.btn-export-leads-dropdown-toggle .caret.rotate {
    transform: rotate(180deg);
}

.export-leads-dropdown .dropdown-content.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.export-leads-dropdown .dropdown-content .bootstrap-select .dropdown-menu {
    max-height: 161px;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    overflow: hidden;
}

/* White arrow */
.export-leads-dropdown .dropdown-content::before {
    content: "";
    position: absolute;
    top: -12px;
    border-bottom: 11px solid #F1EAE0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    display: inline-block;
}

/* White arrow */
.export-leads-dropdown .dropdown-content::after {
    content: "";
    position: absolute;
    top: -11px;
    border-bottom: 11px solid #FFFFFF;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    display: inline-block;
}

.export-leads-dropdown .dropdown-content.left-aligned {
    right: 0;
    left: auto;
}

.export-leads-dropdown .dropdown-content.left-aligned::after,
.export-leads-dropdown .dropdown-content.left-aligned::before {
    right: 50px;
}
/* END Export leads dropdown */

.crm-leads-new .page-search.range-input input {
    padding-right: 5px;
}

.crm-stats .row .range-input input {
    width: 50%;
}

.deal-info-form .documents,
.book-info-form .documents {
    margin-bottom: 15px;
}

.deal-info-form .documents .document,
.book-info-form .documents .document {
    margin-bottom: 20px;
}

/* Unit stage change in deals table */
.unit-stage-wrapper .unit-stages-ul {
    display: none;
}

.swal2-content .unit-stages-ul {
    margin-top: 20px;
    text-align: left;
}

.swal2-content .unit-stages-ul li {
    list-style: none;
    cursor: pointer;
    margin-bottom: 4px;
}
/* END Unit stage change in deals table */

.btn-download-offer-wrapper {
    display: inline-block;
}

.toggle-additional-phones {
    display: inline-block;
    margin-top: 10px;
    border-bottom: 1px dashed;
}

.contact-data .extra-phones .name {
    margin-top: 15px;
}

.phone [data-balloon][data-balloon-pos="up"]:before {
    margin-bottom: 6px;
}

.tags-filter .bootstrap-tagsinput {
    padding-right: 36px;
}

.tags-filter-caret {
    position: absolute;
    right: 24px;
    top: 10px;
    z-index: 5;
    text-decoration: none;
    padding: 0px 2px 0px 10px;
}

.tags-filter-dropdown {
    position: absolute;
    top: unset;
    margin-top: 0;
    left: 20px;
    right: 0;
    max-width: 250px;
    max-height: 300px;
    overflow: auto;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.tags-filter-dropdown > li > a:hover,
.tags-filter-dropdown > li > a:focus {
    background-color: #428bca;
    cursor: default;
    border-radius: 0;
}

.page-search .tt-suggestions {
    max-width: 500px;
}

.page-search .tt-suggestion {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-search .tt-suggestion > div {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-search .tt-suggestion .fa-archive {
    display: inline;
    position: initial!important;
    margin: 0;
    color: #777;
}

.btn-delete-deal-form {
    display: none;
}
.btn-delete-deal-form:hover {
    opacity: 0.9;
}
#editLead .btn-delete-deal-form {
    display: block;
    float: right;
    margin-right: 20px;
    color: red;
    cursor: pointer;
}

.note-item .note-text .document .fileicon {
    text-align: center;
    font-size: 20px;
    color: #555;
}

.lead-note-image-sm {
    width: 70px;
    vertical-align: text-bottom;
}

.document.new-document .image-preview {
    padding: 10px 0 10px 0;
}

.note-item .note-text .document .filename {
    font-size: 12px;
    color: #66615b;
}

.note-item .note-documents {
    margin-top: 10px;
}

.note-item .note-documents .document {
    display: inline-block;
    margin-right: 2px;
    padding: 5px 7px;
}

.note-item .note-documents .document:hover {
    background: #efefef;
}

#lead-note-docs-container [data-gallery] {
    padding: 10px 0 10px 0;
}

#lead-note-docs-container .dropify-wrapper {
    height: 80px;
}

#lead-note-docs-container .dropify-wrapper .dropify-message p {
    margin-top: -2px;
}

@media screen and (max-width: 420px) {
    .reload-sliding-iframe {
        display: none;
    }
}

.telegram-post-preview {
    border: 1px solid #ccc;
    background: url("/static/images/banners/tg-bg.2b69565c286f.jpg");
    background-repeat: repeat;
    max-height: 1000px;
    overflow-y: auto;
}

.telegram-post-preview .post {
    max-width: 90%;
    margin: 15px auto 15px auto;
    border-radius: 15px 15px 15px 0;
    background: #fff;
}

.telegram-post-preview .post .text {
    padding: 10px;
}

.telegram-post-preview .post .images {
    height: 300px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
}

.telegram-post-preview .post .images .first-row {
    flex: 1 1 47%;
    width: 50%;
    height: 60%;
    object-fit: cover;
}

.telegram-post-preview .post .images .second-row {
    flex: 1 1 30%;
    width: 33%;
    height: 50%;
    object-fit: cover;
}

.telegram-post-preview .post .images .main {
    max-width: 100%;
    object-fit: cover;
}

.telegram-post-preview .post .channel-title {
    padding: 6px 10px;
    color: #208ba9;
    font-weight: bold;
}

.network-offline-notify {
    width: auto !important;
    max-width: 520px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.35;
    z-index: 2147483647!important;
}

.network-offline-notify .network-offline-title {
    display: block;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 4px;
}

.crm-lead-details .lead-expanded > tbody > tr:hover,
.crm-lead-details .lead-expanded > thead > tr:hover {
    background: #f3f3f3;
    box-shadow: 0 0 0 5px #f3f3f3;
    border-radius: 5px;
}

.sms-cost-table {
    width: 100%;
    margin: 0 0 4px;
    border-collapse: collapse;
    font-size: 12px;
}

.sms-cost-table td {
    border: 0 !important;
    padding: 2px 0;
    vertical-align: middle;
}

.sms-cost-table td:first-child {
    color: #9A9A9A;
}

.sms-cost-table td:last-child {
    text-align: right;
    font-weight: 500;
    color: #333;
}

.sms-cost-divider {
    margin: 4px 0 6px;
    border-color: #eee;
}

.sms-cost-total-row {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    font-size: 12px;
}

.sms-cost-total-label {
    margin-right: 4px;
    font-weight: 600;
    color: #66615b;
}

.sms-cost-total {
    font-weight: 700;
    color: #333;
}

.sms-progress-wrapper {
    font-size: 12px;
}

.sms-progress-header {
    margin-bottom: 2px;
}

.recent-input-history {
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    box-shadow: 0 6px 18px rgba(0,0,0,.2);
    overflow: hidden;
}

.recent-input-history__item {
    padding: 8px 10px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recent-input-history__item:hover,
.recent-input-history__item.is-active {
    background: #1e88e5;
    color: #fff;
}

/* Trust status badges (auth-log, sessions) */
.badge-trust-ok { background: #e6f7ec; color: #1f8a4c; }
.badge-trust-warn { background: #f1f3f5; color: #555; }
.badge-trust-danger { background: #fde8e8; color: #c8392f; }

.whatsapp-mass-modal {
    max-width: 860px;
}

.whatsapp-mass-modal .modal-content {
    border-radius: 8px;
}

.whatsapp-mass-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

.whatsapp-mass-panel {
    border: 1px solid #edf0f5;
    border-radius: 8px;
    padding: 16px;
    min-height: 520px;
    min-width: 0;
    overflow: hidden;
}

.whatsapp-mass-summary-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.whatsapp-mass-summary-row > i {
    color: #4c9bd6;
    width: 22px;
    text-align: center;
    font-size: 18px;
}

.whatsapp-mass-sender-row {
    align-items: flex-start;
}

.whatsapp-mass-sender-current {
    flex: 1;
}

.btn-whatsapp-mass-toggle-senders {
    margin-left: auto;
    cursor: pointer;
    color: #7c8da0;
    margin-top: 2px;
}

.whatsapp-mass-senders {
    border: 1px solid #edf0f5;
    border-radius: 8px;
    margin: 6px 0 14px;
    overflow: hidden;
}

.whatsapp-mass-sender-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    cursor: pointer;
}

.whatsapp-mass-sender-option:hover,
.whatsapp-mass-sender-option.active {
    background: #f7fbff;
}

.whatsapp-mass-template-list {
    max-height: 300px;
    overflow: auto;
    min-width: 0;
}

.whatsapp-mass-template-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid #edf0f5;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.whatsapp-mass-template-item.active,
.whatsapp-mass-template-item:hover {
    border-color: #60a9d6;
    background: #f7fbff;
}

.whatsapp-mass-template-radio {
    color: #8aa7bc;
    padding-top: 3px;
}

.whatsapp-mass-template-info {
    flex: 1;
    min-width: 0;
}

.whatsapp-mass-template-title {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.whatsapp-mass-template-description {
    color: #7a8794;
    font-size: 12px;
    max-height: 34px;
    overflow: hidden;
}

.whatsapp-mass-template-side {
    width: 92px;
    text-align: right;
    flex-shrink: 0;
}

.whatsapp-mass-template-status {
    color: #31a565;
    background: #edf9f0;
    border-radius: 12px;
    padding: 2px 7px;
    font-size: 11px;
    white-space: nowrap;
    display: inline-block;
    line-height: 1.2;
}

.whatsapp-mass-template-meta {
    color: #8b96a1;
    font-size: 11px;
    margin-top: 4px;
    line-height: 1.25;
    word-break: break-word;
}

.whatsapp-mass-preview {
    min-width: 0;
}

.whatsapp-mass-phone {
    border: 2px solid #354050;
    border-radius: 28px;
    overflow: hidden;
    width: 320px;
    min-width: 320px;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
}

.whatsapp-mass-phone-head {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #edf0f5;
}

.whatsapp-mass-avatar {
    background: #3aa75a;
    color: #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.whatsapp-mass-phone-body {
    background: #f5f7fa;
    padding: 12px;
    min-height: 460px;
}

.whatsapp-mass-bubble {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}

.whatsapp-mass-media-wrap {
    position: relative;
}

.whatsapp-mass-media-actions {
    position: absolute;
    top: 8px;
    right: 8px;
    display: none;
    gap: 6px;
    z-index: 2;
}

.whatsapp-mass-media-wrap:hover .whatsapp-mass-media-actions {
    display: flex;
}

.whatsapp-mass-media-action {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, .95);
    color: #3f4d5a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-mass-bubble img,
.whatsapp-mass-bubble video {
    width: 100%;
    display: block;
    border-radius: 0 !important;
}

.whatsapp-mass-document {
    padding: 12px;
    background: #f4f6f8;
}

.whatsapp-mass-text {
    padding: 12px;
    white-space: pre-wrap;
}

.whatsapp-mass-variable-placeholder {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 4px;
    background: #eef5fb;
    color: #2f8dcc;
    font-weight: 600;
}

.whatsapp-mass-footer {
    color: #89939e;
    font-size: 12px;
    padding: 0 12px 10px;
}

.whatsapp-mass-button {
    display: block;
    padding: 11px;
    border-top: 1px solid #edf0f5;
    color: #2f8dcc;
    text-align: center;
    background: #fff;
}

.whatsapp-mass-mapping-row {
    display: grid;
    grid-template-columns: 110px 24px 1fr;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.whatsapp-mass-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.whatsapp-mass-section-title h5 {
    margin: 0;
}

.whatsapp-mass-main-extra {
    margin-top: 16px;
}

.whatsapp-mass-feature-slider {
    border: 1px solid #edf0f5;
    border-radius: 8px;
    padding: 20px 24px 16px;
    background: #fff;
}

.whatsapp-mass-feature-track {
    position: relative;
    min-height: 150px;
}

.whatsapp-mass-feature-slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    opacity: 0;
    transform: translateX(18px);
    transition: opacity .35s ease, transform .35s ease;
    pointer-events: none;
}

.whatsapp-mass-feature-slide.active {
    display: flex;
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.whatsapp-mass-feature-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #d9e7f5;
    color: #2f8dcc;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 26px;
    background: #f7fbff;
}

.whatsapp-mass-feature-copy {
    min-width: 0;
}

.whatsapp-mass-feature-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 6px;
    color: #23313f;
}

.whatsapp-mass-feature-description {
    font-size: 15px;
    line-height: 1.6;
    color: #6e7d8b;
}

.whatsapp-mass-feature-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    color: #2f8dcc;
    font-weight: 600;
}

.whatsapp-mass-feature-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 12px;
}

.whatsapp-mass-feature-dot {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    padding: 0;
    background: #d7dee7;
}

.whatsapp-mass-feature-dot.active {
    background: #2f8dcc;
}

.btn-whatsapp-mass-map-back {
    border: 0;
    background: transparent;
    color: #7c8da0;
    padding: 0;
    line-height: 1;
}

.btn-whatsapp-mass-map-back:hover,
.btn-whatsapp-mass-map-back:focus {
    color: #2f8dcc;
    outline: none;
}

.whatsapp-mass-mapping-key {
    border: 1px solid #edf0f5;
    border-radius: 6px;
    padding: 8px;
    background: #fff;
    font-family: monospace;
}

.whatsapp-mass-mapping-row .bootstrap-select {
    width: 100% !important;
}

.whatsapp-mass-mapping-row .whatsapp-mass-text-input {
    display: block;
    margin-top: 0;
}

.whatsapp-mass-mapping-row.has-select .whatsapp-mass-text-input {
    display: none;
    margin-top: 8px;
}

.whatsapp-mass-mapping-row.has-select:has(.whatsapp-mass-mapping-select option[value="custom-value"]:checked) .whatsapp-mass-text-input {
    display: block;
}

.whatsapp-mass-progress-head {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 20px 20px 8px;
}

.whatsapp-mass-progress-icon {
    width: 86px;
    height: 86px;
    border: 6px dotted #77dc6a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2e92d0;
    font-size: 40px;
    animation: whatsapp-mass-progress-spin 4.8s linear infinite;
}

.whatsapp-mass-progress-icon i {
    animation: whatsapp-mass-progress-counter-spin 4.8s linear infinite;
}

.viber-mass-progress-icon {
    border-color: #6F62EA;
    color: #6F62EA;
}

@keyframes whatsapp-mass-progress-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes whatsapp-mass-progress-counter-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

.event-lead-reminder {
    clear: both;
    margin: 12px 0;
    padding-left: 26px;
}

.event-lead-reminder-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
}

.event-lead-reminder-warning {
    margin: 10px 0 0;
}

.event-lead-reminder-panel {
    margin-top: 10px;
    border: 1px solid #e5e8ef;
    border-radius: 6px;
    padding: 16px;
}

.event-lead-reminder-grid {
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(260px, 1.1fr);
    gap: 18px;
}

.event-lead-reminder-preview-body {
    min-height: 180px;
}

.event-lead-reminder-preview .whatsapp-mass-phone {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .event-lead-reminder {
        padding-left: 0;
    }

    .event-lead-reminder-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .whatsapp-mass-feature-slider {
        padding: 16px 18px 14px;
    }

    .whatsapp-mass-feature-slide.active {
        gap: 14px;
    }

    .whatsapp-mass-feature-title {
        font-size: 18px;
    }

    .whatsapp-mass-feature-description {
        font-size: 14px;
        line-height: 1.5;
    }
}

/* rrweb sessions on lead card: mirror visitor-sessions report (manage.css always loads on lead) */
.crm-lead-details .sessions-table .play-cell {
    width: 60px;
    text-align: center;
}
.crm-lead-details .sessions-table .session-play-wrap {
    position: relative;
    display: inline-block;
}
.crm-lead-details .sessions-table .session-play {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.crm-lead-details .sessions-table .lead-gen-marker,
.crm-lead-details .sessions-table .deal-marker {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 2px #fff;
    z-index: 2;
}
.crm-lead-details .sessions-table .lead-gen-marker {
    top: -4px;
    right: -7px;
    background: #f5a623;
    color: #fff;
}
.crm-lead-details .sessions-table .lead-gen-marker i {
    color: #fff;
}
.crm-lead-details .sessions-table .deal-marker {
    bottom: -4px;
    right: -7px;
    background: #2bb3a3;
    color: #fff;
}
.crm-lead-details .sessions-table .deal-marker i {
    color: #fff;
}
.crm-lead-details .sessions-table .lead-gen-row {
    background: rgba(245, 166, 35, 0.08);
}

/* Incoming call pop-up (G-PLUS CALL) */
.incoming-call-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 900px;
    min-height: 860px;
    max-height: 94vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: #16263d;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, .45);
    z-index: 10000;
    text-align: center;
}
.incoming-call-popup .icp-header {
    padding: 18px 24px;
    font-size: 16px;
    text-align: left;
    color: #aebfd3;
    border-bottom: 1px solid #1f3a5f;
}
.incoming-call-popup .icp-header .fa-phone-volume {
    color: #2bb3a3;
    margin-right: 8px;
}
.incoming-call-popup .icp-close {
    float: right;
    color: #aebfd3;
}
.incoming-call-popup .icp-close:hover {
    color: #fff;
}
.incoming-call-popup .icp-body {
    padding: 40px 40px 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.incoming-call-popup .icp-avatar {
    width: 220px;
    height: 220px;
    margin: 0 auto 34px;
    border-radius: 50%;
    border: 2px solid #2bb3a3;
    background: #1f3a5f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 90px;
    color: #aebfd3;
}
.incoming-call-popup .icp-name {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 10px;
}
.incoming-call-popup .icp-phone {
    font-size: 26px;
    color: #2bb3a3;
    margin-bottom: 34px;
}
.incoming-call-popup .icp-details {
    display: inline-block;
    text-align: left;
    font-size: 18px;
}
.incoming-call-popup .icp-row {
    margin-bottom: 5px;
}
.incoming-call-popup .icp-row span {
    color: #aebfd3;
}
.incoming-call-popup .icp-new-badge {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    padding: 3px 12px;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.incoming-call-popup .icp-badge-new {
    background: #f5a623;
}
.incoming-call-popup .icp-badge-client {
    background: #2bb3a3;
}
.incoming-call-popup .icp-btn-white {
    background: #fff;
    color: #16263d;
    border: 1px solid #fff;
}
.incoming-call-popup .icp-btn-white:hover {
    background: #e9ecef;
    color: #16263d;
}
.incoming-call-popup .icp-footer {
    padding: 0 40px 36px;
}
.incoming-call-popup .icp-footer .btn {
    margin: 0 4px;
}
.incoming-call-pill {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: #16263d;
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 10000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
    font-size: 13px;
}
.incoming-call-pill i {
    color: #2bb3a3;
    margin-right: 6px;
}