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

:root {
    --geoln-graphite: #3b4147;
    --geoln-graphite-deep: #242a30;
    --geoln-action: #d42028;
    --geoln-action-hover: #b91c24;
    --geoln-action-pressed: #981920;
    --geoln-action-soft: #fff4f4;
    --geoln-white: #ffffff;
    --manage-primary: #315f9d;
    --manage-primary-hover: #254d83;
    --manage-info: #286f89;
    --manage-info-hover: #1f5b70;
    --manage-success: #24795a;
    --manage-success-hover: #1d634a;
    --manage-warning: #a86617;
    --manage-warning-hover: #895113;
    --manage-danger: #b44c62;
    --manage-danger-hover: #96394e;
    --manage-default: #64748b;
    --manage-default-hover: #4f5f73;
}

.main-panel {
    background:
        linear-gradient(135deg, rgba(38, 132, 255, .08) 0%, rgba(255, 255, 255, 0) 34%),
        linear-gradient(225deg, rgba(122, 194, 154, .12) 0%, rgba(255, 255, 255, 0) 30%),
        #f6f8fb;
}

.login .main-panel {
    background: url("/static/images/pages/login-page-bg.c25b06fb7869.jpg") no-repeat center center fixed!important;
}

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

.payments .main-panel {
    background: #fff!important; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #efefbb, #d4d3dd)!important; /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #efefbb, #d4d3dd)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

body .btn.btn-default {
    --manage-button: var(--manage-default);
    --manage-button-hover: var(--manage-default-hover);
}

body .btn.btn-primary {
    --manage-button: var(--manage-primary);
    --manage-button-hover: var(--manage-primary-hover);
}

body .btn.btn-info {
    --manage-button: var(--manage-info);
    --manage-button-hover: var(--manage-info-hover);
}

body .btn.btn-success {
    --manage-button: var(--manage-success);
    --manage-button-hover: var(--manage-success-hover);
}

body .btn.btn-warning {
    --manage-button: var(--manage-warning);
    --manage-button-hover: var(--manage-warning-hover);
}

body .btn.btn-danger {
    --manage-button: var(--manage-danger);
    --manage-button-hover: var(--manage-danger-hover);
}

body .btn.btn-default,
body .btn.btn-primary,
body .btn.btn-info,
body .btn.btn-success,
body .btn.btn-warning,
body .btn.btn-danger {
    color: var(--manage-button);
    border-color: var(--manage-button);
}

body .btn.btn-default:hover,
body .btn.btn-default:focus,
body .btn.btn-default:active,
body .btn.btn-default.active,
body .btn.btn-default.btn-fill,
body .btn.btn-primary:hover,
body .btn.btn-primary:focus,
body .btn.btn-primary:active,
body .btn.btn-primary.active,
body .btn.btn-primary.btn-fill,
body .btn.btn-info:hover,
body .btn.btn-info:focus,
body .btn.btn-info:active,
body .btn.btn-info.active,
body .btn.btn-info.btn-fill,
body .btn.btn-success:hover,
body .btn.btn-success:focus,
body .btn.btn-success:active,
body .btn.btn-success.active,
body .btn.btn-success.btn-fill,
body .btn.btn-warning:hover,
body .btn.btn-warning:focus,
body .btn.btn-warning:active,
body .btn.btn-warning.active,
body .btn.btn-warning.btn-fill,
body .btn.btn-danger:hover,
body .btn.btn-danger:focus,
body .btn.btn-danger:active,
body .btn.btn-danger.active,
body .btn.btn-danger.btn-fill {
    color: #fff;
    background-color: var(--manage-button);
    border-color: var(--manage-button);
}

body .btn.btn-default.btn-fill:hover,
body .btn.btn-default.btn-fill:focus,
body .btn.btn-default.btn-fill:active,
body .btn.btn-primary.btn-fill:hover,
body .btn.btn-primary.btn-fill:focus,
body .btn.btn-primary.btn-fill:active,
body .btn.btn-info.btn-fill:hover,
body .btn.btn-info.btn-fill:focus,
body .btn.btn-info.btn-fill:active,
body .btn.btn-success.btn-fill:hover,
body .btn.btn-success.btn-fill:focus,
body .btn.btn-success.btn-fill:active,
body .btn.btn-warning.btn-fill:hover,
body .btn.btn-warning.btn-fill:focus,
body .btn.btn-warning.btn-fill:active,
body .btn.btn-danger.btn-fill:hover,
body .btn.btn-danger.btn-fill:focus,
body .btn.btn-danger.btn-fill:active {
    background-color: var(--manage-button-hover);
    border-color: var(--manage-button-hover);
}

body .btn.btn-default.btn-simple,
body .btn.btn-default.btn-simple:hover,
body .btn.btn-default.btn-simple:focus,
body .btn.btn-default.btn-simple:active,
body .btn.btn-primary.btn-simple,
body .btn.btn-primary.btn-simple:hover,
body .btn.btn-primary.btn-simple:focus,
body .btn.btn-primary.btn-simple:active,
body .btn.btn-info.btn-simple,
body .btn.btn-info.btn-simple:hover,
body .btn.btn-info.btn-simple:focus,
body .btn.btn-info.btn-simple:active,
body .btn.btn-success.btn-simple,
body .btn.btn-success.btn-simple:hover,
body .btn.btn-success.btn-simple:focus,
body .btn.btn-success.btn-simple:active,
body .btn.btn-warning.btn-simple,
body .btn.btn-warning.btn-simple:hover,
body .btn.btn-warning.btn-simple:focus,
body .btn.btn-warning.btn-simple:active,
body .btn.btn-danger.btn-simple,
body .btn.btn-danger.btn-simple:hover,
body .btn.btn-danger.btn-simple:focus,
body .btn.btn-danger.btn-simple:active {
    color: var(--manage-button);
    background-color: transparent;
    border-color: transparent;
}

body .label-default {
    background-color: var(--manage-default);
}

body .label-primary {
    background-color: var(--manage-primary);
}

body .label-info {
    background-color: var(--manage-info);
}

body .label-success {
    background-color: var(--manage-success);
}

body .label-warning {
    background-color: var(--manage-warning);
}

body .label-danger {
    background-color: var(--manage-danger);
}

.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);
}

.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;
}

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

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

.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: rgba(255, 255, 255, .92);
    border-bottom: 1px solid rgba(31, 45, 61, .08);
    box-shadow: 0 12px 32px rgba(31, 45, 61, .06);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    backdrop-filter: saturate(160%) blur(14px);
}

.main-panel .navbar-default .navbar-brand {
    color: #172033;
    font-weight: 700;
}

.main-panel .navbar-default .navbar-nav > li > a:not(.btn) {
    color: #42526e;
}

.main-panel .navbar-default .navbar-nav > li > a:not(.btn):hover,
.main-panel .navbar-default .navbar-nav > li > a:not(.btn):focus {
    color: var(--manage-success);
}

.main-panel .navbar-default .navbar-form .input-group {
    border: 1px solid #dce4ee;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.main-panel .navbar-default .navbar-form .input-group-addon,
.main-panel .navbar-default .navbar-form .form-control {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.main-panel .navbar-default .navbar-toggle .icon-bar {
    background-color: #172033;
}

.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: var(--manage-success);
}

.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;
}

.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;*/
}

.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;
}



/* Account controls */

.modal .button:not(.special),
.modal button:not(.special) {
    border-color: rgba(59, 65, 71, 0.34) !important;
    background-color: transparent !important;
    color: var(--geoln-graphite) !important;
    box-shadow: inset 0 0 0 1px rgba(59, 65, 71, 0.34) !important;
    transition: background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease !important;
}

.modal .button:not(.special):hover,
.modal .button:not(.special):focus,
.modal button:not(.special):hover,
.modal button:not(.special):focus {
    border-color: var(--geoln-graphite) !important;
    background-color: rgba(59, 65, 71, 0.08) !important;
    color: var(--geoln-graphite-deep) !important;
}

.pagination a,
.pagination span {
    border-color: rgba(59, 65, 71, 0.28) !important;
    border-radius: 999px !important;
    background-color: var(--geoln-white) !important;
    color: var(--geoln-graphite) !important;
}

.pagination .active a,
.pagination .active span,
.pagination a:hover,
.pagination a:focus-visible,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    border-color: var(--geoln-action) !important;
    background-color: var(--geoln-action) !important;
    color: var(--geoln-white) !important;
}

.modal input[type="text"]:focus,
.modal input[type="tel"]:focus,
.modal input[type="number"]:focus,
.modal input[type="email"]:focus,
.modal select:focus,
.modal textarea:focus {
    border-color: var(--geoln-action) !important;
    box-shadow: 0 0 0 1px var(--geoln-action) !important;
}

.modal input[type="checkbox"]:checked + label::before,
.modal input[type="radio"]:checked + label::before {
    border-color: var(--geoln-action) !important;
    background-color: var(--geoln-action) !important;
}

.modal input[type="checkbox"]:focus + label::before,
.modal input[type="radio"]:focus + label::before {
    border-color: var(--geoln-action) !important;
    box-shadow: 0 0 0 2px rgba(212, 32, 40, 0.2) !important;
}

.modal h4 a {
    color: var(--geoln-graphite) !important;
    text-decoration-color: rgba(59, 65, 71, 0.38) !important;
    text-underline-offset: 0.16em !important;
}

.modal h4 a:hover,
.modal h4 a:focus-visible {
    color: var(--geoln-action-hover) !important;
    text-decoration-color: var(--geoln-action) !important;
}

.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 {
    color: #c1dee6;
}

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

.payments .plan {
    border-radius: 5px;
    border: 1px solid #555;
    padding: 15px;
}

.payments .plan .header {
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #555;
    padding: 0 0 15px;
}

.payments .plan .price {
    text-align: right;
    font-size: 25px;
    margin-top: 10px;
}

.payments .plan .price-sub {
    text-align: right;
    font-size: 18px;
    color: #777;
    margin-bottom: 10px;
}

.payments .plan .price-sub .label {
    font-size: 10px;
    text-transform: initial;
}

.payments .plan .sub {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.payments .plan li.all {
    text-align: center;
    margin-bottom: -15px;
    font-size: 14px;
}

.payments .plan li.all i {
    color: #559955;
    font-size: 22px;
    margin-top: 5px;
}

.payments .plan li {
    border-bottom: 1px solid #aaa;
    padding: 10px 0;
    font-size: 13px;
}
.payments .plan li:last-of-type, .payments .plan li.all {
    border-bottom: none;
}

.payments .plan {
    margin-bottom: 3em;
}
.payments .plan:hover {
    background-color: rgba(255, 255, 255, .35);
}

.payments .plan button {
    margin: 0 auto;
    display: block;
}

.payments .current {
    font-size: 20px;
    margin-bottom: 1.5em;
}

.payments .current .date {
    color: #777;
    font-size: 14px;
}

.red {
    color: tomato;
}

.green {
    color: #1dbb1d!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 1px 9px rgba(0, 0, 0, 0.5);
}

.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;
}

.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 {
    --dashboard-ink: #172033;
    --dashboard-muted: #68758a;
    --dashboard-border: #dfe7f0;
    --dashboard-surface: rgba(255, 255, 255, .94);
    --dashboard-green: var(--manage-success);
    --dashboard-blue: var(--manage-info);
    --dashboard-red: var(--manage-danger);
    --dashboard-amber: var(--manage-warning);
}

.dashboard .main-panel > .content {
    padding: 24px 28px 42px;
}

.dashboard .dashboard-shell {
    max-width: 1500px;
    padding-right: 18px;
    padding-left: 18px;
}

.dashboard .dashboard-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(218px, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.dashboard .dashboard-stat-card.card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    min-height: 176px;
    margin: 0;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    background: var(--dashboard-surface);
    box-shadow: 0 16px 38px rgba(31, 45, 61, .08);
    overflow: hidden;
}

.dashboard .dashboard-stat-content {
    display: flex;
    gap: 14px;
    min-width: 0;
    padding: 20px 20px 16px;
}

.dashboard .dashboard-stat-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--dashboard-blue);
    background: #eaf5f8;
    font-size: 22px;
    line-height: 48px;
    text-align: center;
}

.dashboard .dashboard-stat-icon.icon-success {
    color: var(--dashboard-green);
    background: #e8f5f0;
}

.dashboard .dashboard-stat-icon.icon-danger {
    color: var(--dashboard-red);
    background: #fff0f3;
}

.dashboard .dashboard-stat-icon.icon-warning {
    color: var(--dashboard-amber);
    background: #fff5e7;
}

.dashboard .dashboard-stat-icon.icon-info {
    color: var(--dashboard-blue);
    background: #eaf5f8;
}

.dashboard .dashboard-stat-copy {
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
}

.dashboard .dashboard-stat-title {
    margin: 0 0 8px;
    color: var(--dashboard-muted);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.dashboard .dashboard-stat-number {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    color: var(--dashboard-ink);
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
}

.dashboard .dashboard-stat-number-link {
    color: inherit;
    text-decoration: none;
    transition: color 150ms ease;
}

.dashboard .dashboard-stat-number-link:hover,
.dashboard .dashboard-stat-number-link:focus {
    color: var(--dashboard-blue);
    text-decoration: none;
}

.dashboard .dashboard-new-indicator {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--dashboard-green);
    box-shadow:
        0 0 0 4px rgba(36, 121, 90, .14),
        0 0 14px rgba(36, 121, 90, .58);
}

.dashboard .dashboard-new-indicator-danger {
    background: var(--dashboard-red);
    box-shadow:
        0 0 0 4px rgba(180, 76, 98, .14),
        0 0 14px rgba(180, 76, 98, .5);
}

.dashboard .dashboard-stat-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 44px;
    padding: 12px 18px;
    border-top: 1px solid var(--dashboard-border);
    color: var(--dashboard-blue);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.dashboard .dashboard-stat-link:hover,
.dashboard .dashboard-stat-link:focus {
    color: var(--manage-info-hover);
    background: #f4f8fd;
    text-decoration: none;
}

.dashboard .dashboard-secondary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.dashboard .dashboard-panel {
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    background: var(--dashboard-surface);
    box-shadow: 0 16px 38px rgba(31, 45, 61, .06);
}

.dashboard .dashboard-panel-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.dashboard .dashboard-panel-heading h2 {
    margin: 0;
    color: var(--dashboard-ink);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
}

.dashboard .dashboard-panel-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    color: var(--dashboard-green);
    background: #e8f5f0;
    line-height: 34px;
    text-align: center;
}

.dashboard .dashboard-panel-body {
    color: var(--dashboard-muted);
    font-size: 15px;
}

.dashboard .dashboard-subscription-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 1199px) {
    .dashboard .dashboard-stats-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media (max-width: 767px) {
    .dashboard .main-panel > .content {
        padding: 18px 14px 30px;
    }

    .dashboard .dashboard-shell {
        padding-right: 0;
        padding-left: 0;
    }

    .dashboard .dashboard-stats-grid,
    .dashboard .dashboard-secondary-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard .dashboard-stat-content {
        padding: 18px;
    }
}

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

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

.crm-leads .row.iframe-view .sheet {
    border-radius: unset;
    box-shadow: unset;
    padding: 0;
}

.crm-leads.crm-leads-new .row.iframe-view .sheet {
    padding: 16px;
}

.crm-leads.crm-leads-new .row.iframe-view .sheet > * {
    border-bottom: 0;
}

.crm-leads.crm-leads-new .row.iframe-view .details-right {
    margin-top: 14px;
    border-top: 1px solid var(--leads-border);
}

.iframe-view .main-panel, .sliding-window .close, .sliding-window {
    /*background: #fff!important;*/
}

.page-search .help-box .fa-question-circle {
    top: 12px;
}

.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;
}

.crm-leads .mark-lead {
    color: #9a3112;
    /*margin: 0 4px 0 1px;*/
}

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

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

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

.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;
}

.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 .form-group {
    margin: 0;
}

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

.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: 5px;
}

.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: 10px 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 .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 .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;
}

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 .search-bar input {
    border-radius: 20px;
    height: 40px;
    padding: 5px 53px 5px 20px;
    border: none;
    width: 100%;
}
.crm-leads-new .page-search .search-bar input::placeholder, .crm-leads-new .page-search .search-bar i {
    color: #d8d8d8;
}

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

.crm-leads-new .page-search .search-bar i {
    cursor: pointer;
    position: absolute;
    padding: 5px;
    top: 9px;
    transition: color 150ms linear;
}
.crm-leads-new .page-search .search-bar i:hover {
    color: #777;
}
.crm-leads-new .page-search .search-bar i:last-of-type {
    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 {
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 7px 25px rgba(0, 0, 0, .2);
}
.crm-leads-new .content .btn:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}
.crm-leads-new .content .btn:active {
    box-shadow: inset 0 1px 15px rgba(0, 0, 0, .2);
}

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

.crm-leads-new .content .btn-success {
    background-color: var(--manage-success);
    border-color: var(--manage-success);
}
.crm-leads-new .content .btn-success:hover {
    background-color: var(--manage-success-hover);
    border-color: var(--manage-success-hover);
}
.crm-leads-new .content .btn-success:active {
    background-color: var(--manage-success-hover);
    border-color: var(--manage-success-hover);
}


.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;
}

.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 > * {
    margin: 0 5px;
}
.sheet .sheet-actions > *:last-of-type {
    margin-right: 0;
}

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

.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: var(--manage-success);
    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;
}

.sheet .sheet-body .contact 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 {
    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 .name {
    color: #000;
    font-size: 16px;
    height: 22px;
    overflow: hidden;
}

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

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

.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: nowrap;
}
.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 .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 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;
}

.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;
}

.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 .date {
    color: #777;
}

.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;
}

.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;
}

.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 > .input {
    width: calc(100% - 82px);
    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: 0;
    top: 0;
    font-size: 22px;
    padding: 5px 10px;
    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 .documents {
    margin-bottom: 10px;
}

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

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

.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 34px 7px 18px;
}

.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: #3a7585;
    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;
    }
}

.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;
}

.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:empty::before {
    content: attr(data-initial-value);
    color: #999; 
}

.event .editable:empty:focus::before {
    content: "";
}

.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 {
    width: 200px;
    position: relative;
    margin-top: 25px;
}

.event .dates .starts label, .event .dates .ends label {
    position: absolute;
    top: -20px;
    left: 0;
}

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

.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: 18px;
    color: #555;
    transition: color 150ms linear;
}

.event .footer button {
    float: right;
}

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

.event .location {
    color: #555;
}

.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 {
    margin-top: -9px;
}

.crm-integrations .swal2-container:not(.swal2-in) {
    pointer-events: unset;
}

.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 {
    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;
    cursor: default;
}

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

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

.crm-leads-new .crm-stats .phase .block {
    border: 1px solid #3a7585;
    border-radius: 5px;
    background-color: #3a7585de;
    padding: 7px;
}

.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, .page-search .input-daterange {
    padding: 15px 25px;
}

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

.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;
}

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

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

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

.sheet .contact-data .phone .btn-copy-link 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 {
    clear: both;
    margin-bottom: 15px;
}

.extended-filters-toggle a {
    border-bottom: 1px dashed;
}

@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 {
        margin-bottom: 20px;
    }
    .extended-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 {
    color: #7AC29Ade;
    font-size: 20px;
    margin-left: 2px;
    margin-top: -2px;
}
.crm-leads-new .sheet .contact-data .phone .start-call:hover {
    color: #21a55c;
}

.crm-leads-new .sheet .contact-data .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 {
    background-color: #3a7585;
}

.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: var(--manage-success);
    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: 30px;
}

.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 .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;
    color: #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 .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;
}

.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%;
}

.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;
}

.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 {
    margin-bottom: 20px;
}

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

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

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

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

.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 {
    display: none;
}

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

.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 {
    background: rgb(138,133,222);
    background: linear-gradient(73deg, rgba(138,133,222,1) 0%, rgba(198,198,238,1) 46%, rgba(0,212,255,1) 100%)!important;
}

.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 {
    margin-right: 5px;
}

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

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

.text-orange {
    color: #b96a08!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 {
    vertical-align: unset;
}

.btn-group.no-vertical-align 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 {
    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 {
    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-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 .cant-call {
    margin-left: 7px;
}

.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-link {
    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;
}

.crm-leads.crm-leads-new {
    --leads-ink: #172033;
    --leads-muted: #667085;
    --leads-secondary: #8a97a8;
    --leads-border: #e4ebf3;
    --leads-panel: rgba(255, 255, 255, .96);
    --leads-soft-blue: #D6F3FF;
    --leads-soft-green: #DDF7E8;
    --leads-soft-red: #FFE2E2;
    --leads-soft-orange: #FFE8D7;
    --leads-soft-neutral: #edf2f7;
}

.crm-leads.crm-leads-new .main-panel > .content {
    padding-top: 14px;
}

.crm-leads.crm-leads-new .main-panel .navbar-default .navbar-brand {
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: 0;
}

.crm-leads.crm-leads-new .content > .container-fluid {
    padding-right: 18px;
    padding-left: 18px;
}

.crm-leads.crm-leads-new .page-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
}

.crm-leads.crm-leads-new .page-controls:before,
.crm-leads.crm-leads-new .page-controls:after {
    display: none;
}

.crm-leads.crm-leads-new .crm-leads-search-col,
.crm-leads.crm-leads-new .crm-lead-views,
.crm-leads.crm-leads-new .lead-top-buttons-wrapper {
    float: none;
    width: auto;
    min-height: 0;
    margin-bottom: 0;
    padding-right: 8px;
    padding-left: 8px;
}

.crm-leads.crm-leads-new .crm-leads-search-col {
    flex: 1 1 440px;
}

.crm-leads.crm-leads-new .geoln-developer-search-col {
    display: flex;
    justify-content: center;
}

.crm-leads.crm-leads-new .geoln-developer-page-search {
    width: min(980px, 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
}

.crm-leads.crm-leads-new .page-search {
    margin: 0;
}

.crm-leads.crm-leads-new .page-search .search-bar {
    flex-grow: 1;
    position: relative;
}

.crm-leads.crm-leads-new .page-search .search-bar input {
    height: 42px;
    border: 1px solid var(--leads-border);
    border-radius: 10px;
    background: #fff;
    color: var(--leads-ink);
    font-size: 14px;
    box-shadow: 0 8px 22px rgba(31, 45, 61, .05);
}

.crm-leads.crm-leads-new .crm-lead-views {
    flex: 0 0 auto;
    display: flex;
    gap: 6px;
}

.crm-leads.crm-leads-new .lead-top-buttons-wrapper {
    flex: 0 0 auto;
    margin-left: auto;
    align-items: center;
    gap: 10px;
}

.crm-leads.crm-leads-new .lead-top-buttons-wrapper .btn,
.crm-leads.crm-leads-new .crm-lead-views .btn {
    margin: 0;
}

.crm-leads.crm-leads-new .content .btn {
    padding-top: 9px;
    padding-bottom: 9px;
    border: 1px solid transparent;
    box-shadow: 0 6px 16px rgba(31, 45, 61, .08);
}

.crm-leads.crm-leads-new .content .btn:hover {
    box-shadow: 0 4px 12px rgba(31, 45, 61, .12);
}

.crm-leads.crm-leads-new .content .btn:active {
    box-shadow: inset 0 1px 6px rgba(31, 45, 61, .18);
}

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

.crm-leads.crm-leads-new .btn-open-funnel-settings {
    margin-right: 0;
}

.crm-leads.crm-leads-new .crm-stats-row {
    margin-top: 0;
    margin-bottom: 12px;
}

.crm-leads.crm-leads-new .stats-block-wrapper {
    padding-right: 8px;
    padding-left: 8px;
}

.crm-leads.crm-leads-new .crm-stats {
    border: 1px solid var(--leads-border);
    border-radius: 8px;
    background: var(--leads-panel);
    box-shadow: 0 14px 34px rgba(31, 45, 61, .06);
    padding: 12px;
}

.crm-leads.crm-leads-new .crm-stats .filters {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    text-align: left;
}

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

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

.crm-leads.crm-leads-new .crm-stats .phases {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    gap: 12px;
    width: 100%;
    margin: 0;
    overflow: visible;
}

.crm-leads.crm-leads-new .crm-stats .phase,
.crm-leads.crm-leads-new .crm-stats.op-stats .phase {
    display: block;
    width: auto;
    min-width: 0;
    position: relative;
    min-height: 98px;
    padding: 14px 16px 16px;
    border: 1px solid rgba(31, 45, 61, .08);
    border-radius: 8px;
    background: var(--phase-color, var(--phase-soft, var(--leads-soft-neutral)));
    box-shadow: 0 8px 22px rgba(31, 45, 61, .045);
    overflow: visible;
    transition: box-shadow 150ms ease, transform 150ms ease, border-color 150ms ease;
}

.crm-leads.crm-leads-new .crm-stats .phase:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(31, 45, 61, .08);
}

.crm-leads.crm-leads-new .crm-stats .phase[data-balloon]:after {
    z-index: 5;
    font-size: 16px!important;
}

.crm-leads.crm-leads-new .crm-stats .phase .title {
    max-width: 100%;
    min-height: 0;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, .88);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.crm-leads.crm-leads-new .crm-stats .phase .block {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent!important;
    box-shadow: none;
}

.crm-leads.crm-leads-new .crm-stats .phase .block.active {
    box-shadow: none;
}

.crm-leads.crm-leads-new .crm-stats .phase.active {
    border-color: var(--phase-accent, #8fb6c4);
    box-shadow: 0 0 0 2px rgba(40, 111, 137, .14), 0 14px 28px rgba(31, 45, 61, .08);
}

.crm-leads.crm-leads-new .crm-stats .phase-incoming {
    --phase-soft: var(--leads-soft-blue);
    --phase-accent: #58b8d6;
}

.crm-leads.crm-leads-new .crm-stats .phase-accepted,
.crm-leads.crm-leads-new .crm-stats .phase-processed,
.crm-leads.crm-leads-new .crm-stats .phase-done {
    --phase-soft: var(--leads-soft-green);
    --phase-accent: #5aae7a;
}

.crm-leads.crm-leads-new .crm-stats .phase-fail,
.crm-leads.crm-leads-new .crm-stats .phase-no-manager-process {
    --phase-soft: var(--leads-soft-red);
    --phase-accent: #d97777;
}

.crm-leads.crm-leads-new .crm-stats .phase-no,
.crm-leads.crm-leads-new .crm-stats .phase-repeat {
    --phase-soft: var(--leads-soft-orange);
    --phase-accent: #d89561;
}

.crm-leads.crm-leads-new .crm-stats .phase .block .count {
    color: #fff;
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
}

.crm-leads.crm-leads-new .crm-stats .phase.number {
    min-height: 98px;
    border-style: dashed;
    background: #fff;
}

.crm-leads.crm-leads-new .board-column {
    height: 80vh;
}

.crm-leads.crm-leads-new .board-column-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
}

.crm-leads.crm-leads-new .board-column-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-leads.crm-leads-new .board-column-header .board-column-count {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    opacity: 0.85;
}

.crm-leads.crm-leads-new .board-column-content-wrapper {
    height: calc(80vh - 46px);
}

.crm-leads.crm-leads-new .board-item {
    margin: 5px 8px;
}

.crm-leads.crm-leads-new .board-item .sheet {
    margin-bottom: 0;
}

.crm-leads.crm-leads-new .board-empty-state {
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 104px;
    margin: 8px;
    border: 1px dashed #d4dde8;
    border-radius: 8px;
    background: rgba(255, 255, 255, .58);
    color: var(--leads-secondary);
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.crm-leads.crm-leads-new .board-column-content.is-empty .board-empty-state {
    display: flex;
}

.crm-leads.crm-leads-new .crm-stats .phase.number:before,
.crm-leads.crm-leads-new .crm-stats .phase.number:after {
    display: none;
}

.crm-leads.crm-leads-new .crm-stats .phase.number .block {
    border: 0;
    background: transparent!important;
}

.crm-leads.crm-leads-new .crm-stats .phase.number .title {
    max-width: 100%;
    color: var(--leads-muted);
}

.crm-leads.crm-leads-new .crm-stats .phase.number .block .count {
    color: var(--leads-muted);
}

.crm-leads.crm-leads-new .common-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 0;
    margin-bottom: 0;
}

.crm-leads.crm-leads-new .common-filters > div {
    margin-right: 0;
}

.crm-leads.crm-leads-new .common-filters .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.crm-leads.crm-leads-new .common-filters label,
.crm-leads.crm-leads-new .extended-filters-toggle a {
    color: var(--leads-muted);
    font-size: 13px;
}

.crm-leads.crm-leads-new .extended-filters {
    margin-bottom: 10px;
}

.crm-leads.crm-leads-new .extended-filters > .row {
    margin-bottom: 10px;
}

.crm-leads.crm-leads-new .leads-row {
    margin-top: 4px;
}

.crm-leads.crm-leads-new .sheet {
    border: 1px solid var(--leads-border);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(31, 45, 61, .07);
    padding: 16px;
    margin-bottom: 18px;
}

.crm-leads.crm-leads-new .sheet > * {
    border-bottom-color: var(--leads-border);
    margin: 12px 0;
    padding-bottom: 12px;
}

.crm-leads.crm-leads-new .sheet .sheet-header .id,
.crm-leads.crm-leads-new .lead-loading table,
.crm-leads.crm-leads-new .sheet .lead-data table {
    font-size: 13px;
}

.crm-leads.crm-leads-new .sheet .sheet-header .date {
    color: #000;
    font-size: 12px;
}

.crm-leads.crm-leads-new .sheet .sheet-header .id {
    color: var(--leads-muted);
    font-weight: 700;
}

.crm-leads.crm-leads-new .sheet .sheet-body .contact {
    display: block;
    margin: 12px 0;
    padding-bottom: 12px;
    border-bottom-color: var(--leads-border);
}

.crm-leads.crm-leads-new .sheet .sheet-body .contact img.contact-photo {
    width: 52px;
    height: 52px;
}

.crm-leads.crm-leads-new .sheet .sheet-body .contact i.fa-user-circle,
.crm-leads.crm-leads-new .sheet .sheet-body .contact i.fa-circle {
    color: #aeb8c6;
    font-size: 52px;
}

.crm-leads.crm-leads-new .sheet .sheet-body .contact .contact-data {
    display: block;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
}

.crm-leads.crm-leads-new .sheet .sheet-body .contact .contact-data .name {
    height: auto;
    margin-bottom: 4px;
    color: var(--leads-ink);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
}

.crm-leads.crm-leads-new .sheet .sheet-body .contact .contact-data .phone {
    height: auto;
    width: 100%;
    max-width: 100%;
    padding-bottom: 0;
    color: var(--leads-muted);
    font-size: 12px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-leads.crm-leads-new .sheet .lead-data table td,
.crm-leads.crm-leads-new .lead-loading table td {
    padding: 5px 0;
}

.crm-leads.crm-leads-new .sheet .lead-data table td:first-of-type,
.crm-leads.crm-leads-new .lead-loading table td:first-of-type {
    color: var(--leads-muted);
    font-size: 14px;
    font-weight: 700;
}

.crm-leads.crm-leads-new .sheet .lead-data table td:last-of-type,
.crm-leads.crm-leads-new .lead-loading table td:last-of-type {
    color: var(--leads-ink);
    font-size: 13px;
}

.crm-leads.crm-leads-new .board-item .sheet .lead-data table td:first-of-type,
.crm-leads.crm-leads-new .board-item .lead-loading table td:first-of-type {
    font-size: 12px;
}

.crm-leads.crm-leads-new .board-item .sheet .lead-data table td:last-of-type,
.crm-leads.crm-leads-new .board-item .lead-loading table td:last-of-type {
    font-size: 12px;
}

.crm-leads.crm-leads-new .sheet .lead-data table a {
    color: var(--manage-info);
}

.crm-leads.crm-leads-new .sheet .label,
.crm-leads.crm-leads-new .mass-actions .label {
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

.crm-leads.crm-leads-new .sheet-footer,
.crm-leads.crm-leads-new .sheet-footer a,
.crm-leads.crm-leads-new .other-objects {
    color: var(--leads-secondary);
    font-size: 12px;
}

.crm-leads.crm-leads-new .mass-actions {
    margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .crm-leads.crm-leads-new .page-controls {
        align-items: stretch;
        flex-direction: column;
    }

    .crm-leads.crm-leads-new .crm-leads-search-col,
    .crm-leads.crm-leads-new .crm-lead-views,
    .crm-leads.crm-leads-new .lead-top-buttons-wrapper {
        width: 100%;
        flex: 0 0 auto;
    }

    .crm-leads.crm-leads-new .lead-top-buttons-wrapper {
        justify-content: flex-start;
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .crm-leads.crm-leads-new .main-panel .navbar-default .navbar-brand {
        font-size: 26px;
    }

    .crm-leads.crm-leads-new .content > .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .crm-leads.crm-leads-new .crm-stats .phases {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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;
}

.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;
}

#fail-reason-modal .modal-body {
    margin: 0 15px;
}

.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;
    border-left: 2px solid #ccc;
    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;
    }
}

.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: #3a7585!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 .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;
}

.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.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-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 .unread-badge {
    position: absolute;
    top: -3px;
    right: -6px;
}

.messages .card-title a {
    text-decoration: none;
}

.messages .card-title span:first-of-type {
    margin-right: 10px;
}

.messages .chat li.new {
    background: #eee;
}

.messages {
    --messages-ink: #182233;
    --messages-muted: #667085;
    --messages-soft: #f7fafc;
    --messages-line: #e3ebf3;
    --messages-panel: rgba(255, 255, 255, .96);
    --messages-active: #e8f5f8;
    --messages-active-strong: #cfeaf1;
    --messages-incoming: #ffffff;
    --messages-outgoing: #d9f2fb;
    --messages-accent: #286f89;
}

.messages .main-panel > .content {
    padding-top: 16px;
}

.messages .content > .container-fluid {
    padding-right: 18px;
    padding-left: 18px;
}

.messages .messages-list-title {
    margin: 0 0 12px;
    padding-left: 2px;
    color: var(--messages-ink);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0;
}

.messages .card {
    border: 1px solid var(--messages-line);
    border-radius: 8px;
    background: var(--messages-panel);
    box-shadow: 0 14px 34px rgba(31, 45, 61, .07);
}

.messages .channels-list,
.messages .dialogs-list,
.messages .card-chat {
    min-height: calc(100vh - 155px);
}

.messages .channels-list .card-content,
.messages .dialogs-list .card-content {
    max-height: calc(100vh - 155px);
    padding: 8px!important;
    overflow-y: auto;
}

.messages .channels-list .channel-item,
.messages .dialogs-list .dialog-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    margin-bottom: 6px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--messages-ink);
    opacity: 1;
    transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.messages .channels-list .channel-item:last-of-type,
.messages .dialogs-list .dialog-item:last-of-type {
    margin-bottom: 0;
    border: 1px solid transparent;
}

.messages .channels-list .channel-item:hover,
.messages .dialogs-list .dialog-item:hover {
    transform: translateY(-1px);
    border-color: var(--messages-line);
    background: var(--messages-soft);
    box-shadow: 0 8px 18px rgba(31, 45, 61, .055);
}

.messages .channels-list .channel-item.active,
.messages .dialogs-list .dialog-item.active {
    border-color: var(--messages-active-strong);
    background: var(--messages-active);
    box-shadow: inset 3px 0 0 var(--messages-accent);
}

.messages .channels-list .channel-item > i,
.messages .channels-list .channel-item > span > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #eef4f8;
    font-size: 16px;
}

.messages .channels-list .channel-item > span {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    color: var(--messages-ink);
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messages .channels-list .channel-item .unread-badge {
    position: static;
    flex: 0 0 auto;
    margin-left: auto;
}

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

.messages .channels-list .channel-item .unread-badge .badge,
.messages .dialogs-list .dialog-item .unread-badge .badge {
    min-width: 20px;
    padding: 3px 6px;
    border-radius: 999px;
    background: var(--manage-success);
    color: #fff;
    font-size: 11px;
    line-height: 1.2;
}

.messages .dialogs-list .dialog-item > * {
    display: block;
}

.messages .dialogs-list .dialog-item .image {
    flex: 0 0 42px;
    margin-right: 0;
}

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

.messages .dialogs-list .dialog-item .image img {
    object-fit: cover;
}

.messages .dialogs-list .dialog-item .image i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4f8;
    color: #9aa8b8;
    font-size: 36px;
}

.messages .dialogs-list .dialog-item .dialog-description {
    min-width: 0;
    max-width: none;
    flex: 1 1 auto;
}

.messages .dialogs-list .dialog-item .dialog-name {
    color: var(--messages-ink);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messages .dialogs-list .dialog-item .dialog-last-message {
    height: auto;
    margin-top: 3px;
    color: var(--messages-muted);
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
}

.messages .dialogs-list .dialog-item .has-lead {
    top: 8px;
    left: 8px;
    color: var(--manage-success);
}

.messages .card-chat {
    display: flex;
    flex-direction: column;
}

.messages .card-chat .card-header {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 16px 18px 12px;
    border-bottom: 1px solid var(--messages-line);
    background: linear-gradient(180deg, #fff, #f9fbfd);
}

.messages .card-chat .card-title {
    margin: 0;
    color: var(--messages-ink);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
}

.messages .card-chat .card-title .btn,
.messages .card-chat .card-header > .btn,
.messages .card-chat .card-header > a.btn {
    margin-top: -2px;
}

.messages .card-chat .category {
    flex-basis: 100%;
    color: var(--messages-muted);
    font-size: 13px;
    line-height: 1.4;
}

.messages .card-chat .card-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    padding: 14px 18px 16px;
    max-height: calc(100vh - 255px);
    overflow-y: auto;
}

.messages .card-chat .chat {
    max-height: none;
    flex: 1 1 auto;
    min-height: 360px;
    margin-top: 0;
    padding: 2px 2px 14px;
    overflow-y: auto;
}

.messages .card-chat .chat > li {
    padding: 6px 0;
}

.messages .card-chat .chat .avatar {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    margin-top: 2px;
    border-radius: 50%;
    background: #eef4f8;
}

.messages .card-chat .chat .avatar img {
    width: 34px;
    height: 34px;
    object-fit: cover;
}

.messages .card-chat .chat .avatar i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #9aa8b8;
    font-size: 30px;
}

.messages .card-chat .other .msg,
.messages .card-chat .self .msg {
    max-width: min(74%, 720px);
    padding: 10px 12px 7px;
    border: 1px solid var(--messages-line);
    border-radius: 16px;
    box-shadow: 0 8px 18px rgba(31, 45, 61, .055);
}

.messages .card-chat .other .msg {
    margin-left: 10px;
    background: var(--messages-incoming);
}

.messages .card-chat .self .msg {
    margin-right: 10px;
    background: var(--messages-outgoing);
    border-color: #bfe5f0;
}

.messages .card-chat .other .msg:before,
.messages .card-chat .self .avatar:after {
    display: none;
}

.messages .card-chat .msg p {
    color: var(--messages-ink);
    font-size: 14px;
    line-height: 1.42;
}

.messages .card-chat .card-footer {
    float: none;
    margin-top: 6px;
    text-align: right;
}

.messages .card-chat .chat h6 {
    margin: 0;
    color: var(--messages-muted);
    font-size: 11px;
    line-height: 1.2;
    font-weight: 400;
}

.messages .chat li.new {
    background: transparent;
}

.messages .chat li.new .msg {
    box-shadow: 0 0 0 2px rgba(40, 111, 137, .13), 0 8px 18px rgba(31, 45, 61, .055);
}

.messages .card-chat hr {
    width: 100%;
    margin: 10px 0;
    border-color: var(--messages-line);
}

.messages .card-chat .send-message {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-top: 10px;
    text-align: left;
}

.messages .card-chat .send-message > .input {
    flex: 1 1 auto;
    width: auto;
}

.messages .card-chat .send-message > .input .textarea,
.messages .card-chat input.textarea {
    width: 100%;
    height: 42px;
    border: 1px solid var(--messages-line);
    border-radius: 999px;
    background: #fff;
    color: var(--messages-ink);
    font-size: 14px;
    box-shadow: inset 0 1px 2px rgba(31, 45, 61, .04);
}

.messages .card-chat .send-message > .input .attach-file {
    top: 2px;
    right: 4px;
    color: var(--messages-muted);
}

.messages .card-chat .send-message .send-button {
    flex: 0 0 auto;
    width: auto;
}

.messages .card-chat .send-message .send-button .btn {
    width: 42px;
    height: 42px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 8px 18px rgba(40, 111, 137, .2);
}

.messages .message-templates-list {
    margin-bottom: 8px;
}

.messages .message-templates-list .choose-template {
    border-radius: 999px;
    box-shadow: none;
}

.messages .card-content .no-messages {
    margin: auto;
    color: var(--messages-muted);
    font-size: 15px;
}

@media screen and (max-width: 991px) {
    .messages .channels-list,
    .messages .dialogs-list,
    .messages .card-chat {
        min-height: auto;
        margin-bottom: 14px;
    }

    .messages .channels-list .card-content,
    .messages .dialogs-list .card-content {
        max-height: 320px;
    }

    .messages .card-chat .chat {
        min-height: 420px;
    }
}

@media screen and (max-width: 550px) {
    .messages .content > .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }

    .messages .card-chat .other .msg,
    .messages .card-chat .self .msg {
        max-width: calc(100% - 48px);
    }

    .messages .card-chat .send-message {
        flex-direction: row;
    }
}

.padding-0 {
    padding: 0!important;
}

.margin-0 {
    margin: 0!important;
}

.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 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

#viber-settings-modal .btn-register-viber, #telegram-settings-modal .btn-register-telegram {
    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;
    }
}

.linked-leads-modal .sheet .sheet-header .date {
    text-align: center;
    width: 100%;
    top: -14px;
}

.lead-top-buttons-wrapper {
    display: flex;
    justify-content: flex-end;
}

.btn-open-funnel-settings {
    margin-right: 30px;
}

#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;
    }
}

#add-deal-modal .row {
    margin-bottom: 0!important;
}

.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 #3a7585;
    border-radius: 5px;
    background-color: #3a7585de;
    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;
}

.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;
}

.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) 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%;
    }
}

.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;
}

#id-add-phone-btn {
    margin-bottom: 5px;
}

@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.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-link, .crm-contact-details .sheet .sheet-header .btn-copy-link {
    opacity: 1;
    margin-left: 5px;
}

.crm-contact-details .sheet .sheet-header .btn-copy-link {
    margin-left: 7px;
}

.sheet .btn-copy-link {
    opacity: 0;
    transition: opacity 150ms linear;
    cursor: pointer;
}

.sheet .contact-data .phone:hover .btn-copy-link,
.sheet:hover .sheet-header .btn-copy-link {
    opacity: 1;
}

.sheet .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 {
    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: 200px;
    width: 200px;
}

#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;
}

.sidebar-new .subitems-icons i {
    width: 16px;
    margin-right: 5px;
}

.invisible {
    visibility: hidden;
}

.share-link, .share-link:link, .share-link:focus, .share-link:visited, .share-link:active {
    text-decoration: none;
}

.share-links {
    display: inline-block;
    margin-left: 5px;
}

.share-links a {
    margin: 3px;
}

.share-links.invisible {
    display: none;
}

.building-card .share-link {
    margin-left: 5px;
}

.card-wizard .btn-add-photo {
    margin-bottom: 25px;
}

.sheet .contact-data.payment-required {
    filter: blur(4px);
}

.sheet .btn-buy-subscription {
    margin-top: 15px;
    margin-bottom: 5px;
}

.pay-for-client-btn {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    display: block;
    margin: auto;
}

.pay-for-client-btn-container {
    margin-top: 10px;
}

.builing-card-table-header {
    display: flex;
    width: 100%;
    background-color: #f8f9fa;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.building-card-header-cell {
    flex-grow: 1;
    padding-top: 10px;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #908f85;
    border-right: 1px solid #dee2e6;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    min-height: 40px;
}

.building-card-header-cell.active {
    background-color: #66615B;
    color: white;
    font-weight: 600;
}
.building-card-header-cell:not(.active) {
    background-color: white;
}

.building-card-header-cell:not(.active):hover {
    background-color: #484541;
    color: #fff;
    cursor: pointer;
}

.building-card-header-cell:not(.active):active {
    background-color: #dae0e5;
    transform: translateY(1px);
}