body, html {
    font-family: 'Roboto', sans-serif;
}
h5 {
    color:#00b7f4 !important;
    font-weight: bold;
}
input, select, .select2-selection {
    border: 1px solid #00b7f4 !important;
}
.container-fluid {
    padding-left:45px;
}
#sidemenu {
    background-color: #d9dada;

}
#sidemenu  li {
    list-style: none;
    margin-left:20px;
    padding-left:0px;
}
#sidemenu  {
    list-style: none;
    margin-left:0px;
    padding-left:0px;
}
.panel {
    width:150px;
    float:left;
    height:550px;
    position:fixed;
    left:-140px;

}
.slider-arrow {
    padding:5px;
    width:25px;
    float:left;
    background:#d9dada;
    font:400 12px Arial, Helvetica, sans-serif;
    color:#000;
    text-decoration:none;
    position:relative;
    left:0px;

}


.side-navbar {
    width: 40px;
    height: 100%;
    position: fixed;
    margin-left: -300px;
    background-color: #efefef;
    transition: 0.5s;
    z-index: 1000000;
}

/*.nav-link:active,*/
/*.nav-link:focus,*/
/*.nav-link:hover {*/
/*    background-color: #ffffff26;*/
/*}*/

.my-container {
    transition: 0.4s;
    z-index: 1000000;
}

.active-nav {
    margin-left: 0;
}

/* for main section */
.active-cont {
    margin-left: 45px;
}

#menu-btn {
    background-color: #dbdbdb;
    color: #fff;
    margin-left: -2px
}
.side-navbar a {
    color:#fff;
}
#sidebar .nav-link {
    text-align: center;
    padding: 0px;
}
#sidebar .nav-link a {
    font-size:0.8rem;
    line-height: 10px;
    color:#000;
}
#sidebar .nav-link a:hover {
    text-decoration: none;
    color: #262626;
}
#sidebar .nav-link {
    line-height: 13px;
    margin-bottom:16px;
}
.swal2-container {
    z-index: 1000060 !important;
}
h5 {
    color:#00b7f4 !important;
    font-weight: bold;
}
input, select, .select2-selection {
    border: 1px solid #00b7f4 !important;
}
/*custom*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body, html {
    font-family: 'Roboto', sans-serif;
}

.link-item a {
    font-size: 17px;
    text-transform: uppercase;
    color:#0e1a35;
}
.link-item a:hover {
    color:#1b93fb;
    text-decoration: none;
}
.link-item a:active {
    color:#37f9db;
}
.bg-white {
    background-color: #313c51 !important;
    border-bottom:0px !important;
}
.footer {
    background-color: #313c51 !important;
    color:#ffffff !important;
}
.nav-link {
    color:#ffffff !important;
    font-size:13px;
}
.nav-link:hover {
    color:#1b93fb !important;
}
.nav-link:active {
    color:#37f9db !important;
}
.admin-link {
    color:#1b93fb !important;
    border: 1px solid #1b93fb;
    border-radius: 18px;
    width:120px;
    text-align: center;
    line-height: 1.2;
    margin-left:23px;
}
.admin-link:hover {
    color:#37f9db !important;
}
.admin-link:active {
    color:#ffffff !important;
}

html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

table {
    border-collapse: collapse;
    border: 1px solid #bdbdbd !important;
}
.table thead th {
    border-bottom: 1px solid #bdbdbd;
    text-transform: uppercase;
    color:#313c51 !important;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}
.btn-primary {
    background-color: #d1edff;
    border:1px solid #a9d0ea;
    border-radius: 3px;
    color: #235473;
}
.btn-warning {
    background-color: #ffddd1;
    border:1px solid #eac0b1;
    border-radius: 3px;
    color: #9f6350;
}
.btn-warning:hover {
    color:#fff;
}
.filter-form .btn-primary {
    background-color: rgba(209, 237, 255, 0.5);
    color: rgba(35, 84, 115, 0.65);
}
.filter-form .btn-warning {
    background-color: rgba(255, 221, 209, 0.5);
    color: rgba(159, 99, 80, 0.65);
}
.filter-form .btn-primary:hover {
    background-color: rgba(209, 237, 255, 0.8);
    color: #235473;
}
.filter-form .btn-warning:hover {
    background-color: rgba(255, 221, 209, 0.8);
    color: #9f6350;
}
table{
    border-color: #bdbdbd !important;
    background-color: #fff !important;
}
table > thead > tr > th{
    border-color: #bdbdbd !important;;
}
table > tbody > tr > td{
    border-color: #bdbdbd !important;;
}
label {
    color:#313c51 !important;
}
.form-group:not(.row) {
    border: 1px solid #bdbdbd;
    padding: 4px;
    padding-top: 15px;
    position: relative;
    min-height: 58px !important;
}

.form-group:not(.row) label:not(.custom-control-label) {
    display: inline-block !important;
    position: absolute;
    top: -12px;
    margin-left: 20px;
    background-color: #f8fafc;
    padding-left:10px;
    padding-right:10px;
}
input, select, .select2-selection, textarea {
    border: 0px !important;
    background-color: #F3F6FC !important;
}
.quick_search {
    background-color: #f8fafc !important;
}
input:focus, select:focus, .select2-selection, textarea:focus {
    outline: none !important;
    box-shadow: none !important;

}
button[type=submit]:active, input[type=submit]:active {
    color: #ffffff !important;
    background-color: #5ec0fa !important;
    outline: none !important;
    box-shadow: none !important;
}
button[type=submit]:hover, input[type=submit]:hover {
    color: #313c51 !important;
    background-color: #1b93fb !important;
}
button[type=submit]:not(.row, .notApply), input[type=submit]:not(.row, .notApply) {
    margin: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
button[type=submit], input[type=submit] {
    background-color: #313c51 !important;
    border:0px !important;
    border-radius: 10px;
    color: #5ec0fa !important;
    text-transform: uppercase !important;
    min-width: 200px;
    text-align: center !important;

}
.loadAmoLink {
    position: absolute;
    top: 0px;
    height: 100%;
    border: 0px;
    border-radius: 0px;
    right: 0;
    width:170px;
}
.pagination .page-link {
    border: 1px solid #1b93fb !important;
    color:#626262;
}
.page-link {
    background-color: #ffffff !important;
}
.active .page-link {
    color:#1b93fb !important;
}
a[rel=prev]:active, a[rel=next]:active {
    color:#313c51!important;
}
a[rel=prev]:hover, a[rel=next]:hover {
    color:#1b93fb!important;
}
a[rel=prev], a[rel=next] {
    color:#626262 !important;
}
a[rel=prev]:hover, a[rel=next]:hover {
    color:#1b93fb !important;
}
.pagination {
    align-items: center;
    justify-content: center;
}
.container-fluid {
    padding:0px;
}
a {
    color: #313c51;
}
a:hover {
    color: #1b93fb;
    text-decoration: none;
}
a:active {
    color: #37f9db;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #313c51;
    border-color: #313c51;
}
body {
    background-color: #f8fafc;
}
table {
    background-color: #fff;
}

.authForm input {
    background-color: #f8fafc !important;
}
.nav-link.active {
    color: #37f9db !important;
}
.fa-copy {
    color:silver;
}
.open-klimek-menu img {margin-right:15px;}

.flex-fixed-width-menu {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
}

.flex-fixed-width-short-column {
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
}

.menu-item img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.menu-item a {
    color: #6b6b6b;
    font-size:9px;
}
.menu-item {
    margin-bottom:20px;
}

.menu-item:hover img {
    -webkit-filter: grayscale(0.8);
    filter: grayscale(0.8);
}
.menu-item:hover a {
    color: #2c2c2c;
}
.side-menu {
    background-color: #fff;
    border-radius: 15px;
    padding-top:15px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:1px;
}
.rounded-container {
    background-color: #fff;
    border-radius: 15px;
    padding:15px;
}
.filter-form .form-group {
    border:0px;
}
.filter-form .btn {
    border:0px;
}
.queue {font-size:12px;
    margin-top:10px;
    margin-bottom:10px;
    color: #777777;
}
.sum-block {
    font-size:12px;
    color: #777777;
}
.filter-form select {
    color:#777777;
}
.filter-form input {
    padding-left:16px;
}
.stages-container {
    overflow-x: hidden;
    white-space: nowrap;
    /*overflow: hidden;*/
    /*position: relative;*/
}
.content {width: 100vw;
    position: relative;}
.stages-container .stage-col {
    width:312px;
    display: inline-block;
}
.stage-col-header {
    font-size:0.8rem;
    text-align: center;
    padding-bottom:7px;
    border-bottom:2px solid;
}
.stage-sub-header {
    color: #939393;
}
.stage-header {
    text-transform: uppercase;
}
.blue-stage .stage-col-header {

}
.orange-stage .stage-col-header {
    padding-bottom:7px;
    border-bottom:2px solid #ffcda4;
}
.stage-leads, .task-leads {
    margin-top:12px;
    font-size:0.8rem;
}
.stage-lead {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    padding:5px;
    margin-bottom: 5px;
}
.row-1, .row-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.row-2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top:4px;
    margin-bottom:4px;
}
.row-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.row-2 a {
    color: #2121a9;
    font-size:0.88rem;
}
.tag {
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    padding-left: 4px;
    padding-right:4px;
    font-size:0.75rem;
    cursor: pointer;
    margin-right:4px; margin-bottom:4px;
}
.tag:hover {
    opacity:0.8;
}
.blue-tag { background-color: #8ad3ff }
.orange-tag { background-color: #ffbf8a}
.green-tag { background-color: #c3ff8a
}
.block-eclipsed {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.full-name-client {
    padding-right:16px;
    flex-basis: 100%;
}
.stage-lead {
    background-color: whitesmoke;
}
.content {

}
.stage-lead {cursor: inherit}
.stage-col {
    vertical-align: top;
}

.side-menu-one {
    width:70px;
    display: inline-block;
    vertical-align: top;
}
.side-menu-two {
    width:300px;
    display: inline-block;
    vertical-align: top;
}
.page-content {
    /*width: calc(100% - 435px);*/
    width: calc(100% - 396px);
    display: inline-block;
    vertical-align: top;
}
.page-content-full-width {
    width: calc(100% - 90px) !important;
}
.page-content-fw {
    width: calc(100% - 135px) !important;
}
.content {
    width: max-content;
    width:-moz-max-content;
}
.stage-leads, .task-leads {
    min-height: calc(100vh - 186px);
}
.lead-placeholder {
    min-height: 83px;
    background-color: #fffff6;
    border: 1px solid #e5e5c9;
    border-radius: 3px;
    padding:5px;
    margin-bottom: 5px;
}
.pipeline-placeholder {
    min-height: 24px;
    background-color: #fffff6;
    border: 1px solid #e5e5c9;
    border-radius: 3px;
    padding:5px;
    margin-bottom: 5px;
    width: calc(100% - 200px);
}
html, body {
    height: 100%;
    margin: 0px;
}
main {
    height:calc(100vh - 111px);
}
.page-wrapper {
    height:100%;
}
.page-content, .content, .viewport {
    height:100%;
}

.page-content, .content, .viewport22 {
    height:100%;
}
.rounded-container {
    height:100%;
}
.stage-col-header {
    background-color: #fff;
}
.stage-col-header {
    /*position: fixed;*/
    /*width:312px;*/
}
.stage-leads, .task-leads {
    /*margin-top:56px;*/
}
.stop-scroll {
    overflow: hidden !important;
}
.hide {
    display: none;
}
.actions-container {
    height: 50px;
    background-color: #fff;
    position: relative;
    width: 100%;
    left: 0;
    right: 0px;
    bottom: 50px;
    background-color: rgba(224, 235, 255, 0.61);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    text-align: center;
}
.action-button {
    display: inline-block;
    width:210px;
    height:100%;
    text-align: center;
    vertical-align: top;
}
.action-button-red-drag {
    background-color: rgba(255, 225, 225, 0.9) !important;
}
.action-button-red {
    border-top:3px solid #da9c9c;
    background-color: rgba(255, 225, 225, 0.3);
}
.action-button-gray-drag {
    background-color: rgba(220, 220, 220, 0.9) !important;
}
.action-button-gray {
    border-top:3px solid #989898;
    background-color: rgba(220, 220, 220, 0.3);
}
.action-button-green-drag {
    background-color: rgba(235, 255, 229, 0.9) !important;
}
.action-button-green {
    border-top:3px solid #93c085;
    background-color: rgba(235, 255, 229, 0.3);

}
.action-button-red img {margin-top:6px; height:32px;}
.action-button-gray div, .action-button-green div {
    margin-top:10px;
}
.background-red {
    background-color: #eeaeae;
}
.background-gray {
    background-color: #b7b7b7;
}
.background-green {
    background-color: #beeeae;
}
.disable-scroll {
    overflow-x: hidden !important;
    overflow-x: -moz-scrollbars-horizontal !important;
    overflow-x: hidden !important;
}
.pipelines-link:hover {
    color: #626262;
}
.pipelines-link {
    vertical-align: -2px;
    display: inline-block;
    margin-left:5px;
    font-size:1.2rem;
    color: #a6a6a6;
}

.border-color-1 { border-color: #BE3465;}
.border-color-2 { border-color: #3F71A0;}
.border-color-3 { border-color: #42736B;}
.border-color-4 { border-color: #2A87A6;}
.border-color-5 { border-color: #5F5383;}
.border-color-6 { border-color: #852F54;}
.border-color-7 { border-color: #885656;}
.border-color-8 { border-color: #9d2323;}
.border-color-9 { border-color: #e16769;}
.border-color-10 { border-color: #5b748d;}
.border-color-11 { border-color: #2877c5;}
.border-color-12 { border-color: #98cbff;}
.border-color-13 { border-color: #729315;}
.border-color-14 { border-color: #8ebe05;}
.border-color-15 { border-color: #87f2c0;}
.border-color-16 { border-color: #f9deff;}
.border-color-17 { border-color: #f3beff;}
.border-color-18 { border-color: #ccc8f9;}
.border-color-19 { border-color: #eb93ff;}
.border-color-20 { border-color: #f2f3f4;}
.border-color-21 { border-color: #e6e8ea;}

.background-color-1 { background-color: #BE3465 !important; color: #fff !important; }
.background-color-2 { background-color: #3F71A0 !important; color: #fff !important; }
.background-color-3 { background-color: #42736B !important; color: #fff !important; }
.background-color-4 { background-color: #2A87A6 !important; color: #fff !important; }
.background-color-5 { background-color: #5F5383 !important; color: #fff !important; }
.background-color-6 { background-color: #852F54 !important; color: #fff !important; }
.background-color-7 { background-color: #885656 !important; color: #fff !important; }
.background-color-8 { background-color: #9d2323 !important; color: #fff !important; }

.background-color-10 { background-color: #5b748d !important; color: #fff !important; }
.background-color-11 { background-color: #2877c5 !important; color: #fff !important; }
.background-color-12 { background-color: #98cbff !important; }
.background-color-13 { background-color: #729315 !important; color: #fff !important; }
.background-color-14 { background-color: #8ebe05 !important; color: #fff !important; }

.background-color-16 { background-color: #f9deff !important; }
.background-color-17 { background-color: #f3beff !important; }
.background-color-18 { background-color: #ccc8f9 !important; }
.background-color-19 { background-color: #eb93ff !important; }
.background-color-20 { background-color: #f2f3f4 !important; }
.background-color-21 { background-color: #e6e8ea !important; }

.color-select-item {
    display: inline-block;
    width:20px;
    height:20px;
    border-radius: 10px;
    cursor: pointer;
    border:1px solid #fff;
}
.stage-color-label {
    display: inline-block;
    width:20px;
    height:20px;
    border-radius: 10px;
    border:1px solid #fff;
    vertical-align: -4px;
    margin-right:10px;
}
.color-select-item input {
    display: none;
}
.color-select-item-active {
    border:1px solid #a1a1a1;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.simple-form .btn-primary {
    background-color: rgba(209, 237, 255, 0.5) !important;
    color: rgba(35, 84, 115, 0.65) !important;
    border:1px solid #a9d0ea !important;
    border-radius: 3px !important;
    width:auto !important;
    min-width:auto !important;
}
.simple-form .btn-primary:hover {
    background-color: rgba(209, 237, 255, 0.8) !important;
    color: #235473 !important;
}
.simple-form .btn-warning {
    background-color: #ffddd1;
    border:1px solid #eac0b1;
    border-radius: 3px;
    color: #9f6350;
}

.simple-form .btn-warning:hover {
    color:#fff !important;
}
.hover-row:hover  .col-item {
    background-color: #f3f3f3;
}
.menu-item {
    border:1px solid #fff;
    border-radius: 12px;
}
.active-menu {
    border:1px solid #dadada !important;
    background-color:whitesmoke;
}
.iziModal-loader {

}
.stage-col-min .stage-header {
    margin-right:15px;
    margin-left:15px;
    padding-top:5px;
}
.stage-col-min {
    width:auto !important;
    font-size:0.9rem;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    border-radius: 6px;
}
.stage-col-min .stage-col-header:hover {
    background-color: #d9efff !important;
    cursor: pointer;
    border-radius: 6px;
}
.selected-stage-min {
    border-left:1px solid #949494;
    border-right:1px solid #949494;
    border-top:1px solid #949494;
    border-bottom:1px solid #949494;
    border-radius: 6px;

}
.selected-stage-min .stage-col-header {
    background-color: #d9efff !important;
    border-radius: 6px;
}

#custom-tabs .nav-item a {
    color: #989898 !important;
}
#custom-tabs .nav-item a.active {
    color: #000000 !important;
}
.tab-container {
    margin-top:12px;
}
.tab-two-columns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0px;
    align-items: stretch;
    height: calc(100vh - 100px);
}
.tab-three-columns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0px;
    align-items: stretch;
   height: calc(100vh - 132px);
}
.tab-left-column {
    flex: 0 0 278px;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 30px;
    padding-right:12px;
}
.tab-three-columns .tab-left-column {
    padding-right: 7px !important;
}
.tab-three-columns .feed-list {
    padding-right: 15px !important;
}
.tab-three-columns .tab-right-column {
    padding-left: 10px !important;
}
.tab-right-side-column {
    flex: 0 0 220px;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 30px;
    padding-right:12px;
    margin-right: 14px;
}
.tab-right-column {
    flex-basis: 100%;
    overflow-y: auto;
}
.tab-title-mini {
    margin-top:20px;
}
.tab-title-mini h4 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #dadada;
    line-height: 0.1em;
    font-weight: bold;
    font-size:0.7rem;
    text-transform: uppercase;
    color: #919191;
    margin: 10px 0 20px;
}
.tab-title-mini h4 span {
    background:#fff;
    padding:0 10px;
}
.tab-content-form {
    font-size:0.8rem;
}
.tab-content-form .row {
    margin-bottom:4px;
}
.tab-content-form input {
    font-size: 0.7rem;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 20px;
}
/*.tab-content-form {display: none;}*/
.tab-title-mini {
    cursor: pointer;
}
.tab-title-mini:hover h4 {
    color: #191986 !important;
}
.lead-tags {
    width:100% !important;
}
/*.mini .select2-search__field {*/
/*    margin-top:0px !important;*/
/*}*/
/*.mini .select2-results__option {*/
/*    padding:2px !important;*/
/*    font-size: 0.7rem !important;*/
/*}*/
/*.tab-content .select2-container--default .select2-selection--multiple .select2-selection__choice {*/
/*    vertical-align: inherit;*/
/*}*/
/*.tab-content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {*/
/*    font-size:0.77rem;*/
/*}*/
/*.tab-content .select2-container--default .select2-selection--multiple .select2-selection__choice__display {*/
/*    font-size:0.6rem;*/
/*    vertical-align: 1px !important;*/
/*}*/
/*.tab-content .select2-selection {*/
/*    min-height:20px !important;*/
/*    padding-bottom:0px;*/
/*}*/
.fstResultItem {
    font-size:0.8rem !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
}
.fstChoiceItem {
    display: inline-block;
    font-size: 0.8em !important;
    position: relative;
    margin: 0 0.21667em 0.21667em 0 !important;
    padding: 0.33333em 0.33333em 0.33333em 1.5em;
    float: left;
    border-radius: 0.25em;
    border: 1px solid #43A2F3;
    cursor: auto;
    color: #fff;
    background-color: #43A2F3;
    -webkit-animation: fstAnimationEnter 0.2s;
    -moz-animation: fstAnimationEnter 0.2s;
    animation: fstAnimationEnter 0.2s;
}
.fstMultipleMode .fstControls {
    padding:0px !important;
}
.fstElement {
    border:0px !important;
}
.fstMultipleMode .fstQueryInput {
    margin-bottom:0px !important;
    height: 26px !important;
    font-size:0.8rem !important;
}
.fstElement {
    width:100% !important;
    background-color: #f8fafc !important;
    border-radius: 0.2rem !important;
}
.fstMultipleMode .fstControls {
    width: 100% !important;
}
.fstQueryInput {
    background-color: transparent !important;
    color: #999 !important;
}

.fstMultipleMode .fstQueryInput {
    width:6px !important;
    background-color: transparent !important;
    color: #999 !important;
}
.fstToggleBtn {
    font-size: 0.8rem !important;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 0.33333em 1.33333em 0.33333em 0.33333em !important;
    min-width: 100% !important;
    cursor: pointer;
    color: #797979 !important;
}
.fstControls .fstQueryInput {
    background-color: #f8fafc !important;
    font-size:0.8rem !important;
}
.fstNoResults {
    font-size:0.8rem !important;

}
.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #D7D7D7;
    background: #fff;
    cursor: default;
    overflow: auto;
    z-index:1000;
    font-size:0.8rem;
    box-shadow: 0 0.2em 0.2em rgb(0 0 0 / 10%);

}
.autocomplete-suggestion:hover {
    background-color: #43A2F3;
    color:#fff;
    cursor: pointer;
}
.autocomplete-suggestion {
    color: #858585;
    padding-left:4px;
}
.contact-row:not(:last-child) {
    border-bottom:1px solid #e5e5e5;
    padding-bottom:10px;
}
.contact-row {
    margin-top:10px;
}
.editable-container {
    display: none;
}
.editable-placeholder {
    color: #858585;
}
.placeholder-edit {
    cursor: pointer;
    color: #858585;
}
.context-menu-list {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    font-size:0.8rem !important;
}
.context-menu-item {
    padding-left:10px !important;
}
.confirm {
    color:green;
    cursor:pointer;
}
.cancel {
    color:red;
    cursor:pointer;
}
.editable-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
}
.editable-form input {
}
.editable-form-el {
    flex: 0 0 130px;
}
.editable-actions {
    flex: 0 0 40px;
}

.editable-placeholder-value {
    display: inline-block;
    margin-left:4px;
    width: 142px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}
.editable-placeholder-full .editable-placeholder-value {
    width: 122px !important;
}
.placeholder-write, .placeholder-call, .placeholder-del {
    cursor: pointer;
}
.add-contact {
    text-align: center;
    color: #bbbbbb;
    cursor: pointer;
    padding:5px;
    border:1px dotted #bbbbbb;
    margin-top:5px;
}
/*.autocomplete-suggestions {*/
/*    width:180px !important;*/
/*}*/
.feed {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    overflow-y: auto;
    width: calc(100% - 10px);
}
.feed-message {
    flex: 0 0 90px;
}
.feed-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;

}

/*.iziModal .iziModal-wrap, .iziModal .iziModal-content, .tab-content, .tab-container, .tab-two-columns, .tab-left-column {*/
/*    height:calc(100% - 100px) !important;*/
/*}*/
.iziModal-content {padding: 15px !important;}

.feed-filter-item {
    display: inline-block;
    width:auto;
    padding-left:10px;
    padding-right:10px;
    background-color: #fff;
    border-radius: 2px;
    border:1px solid #e0e0e0;
    text-align: center;
    font-size:0.9rem;
    color: #626262;
    cursor: pointer;
}
.lead-search-inp {
}
.feed-filter-item:hover:not(.feed-filter-item-active) {
    background-color: #e4f8ff;
    border:1px solid #c1e6f3;
    color: #205972;
}
.feed-filter-item input {
    display: none;
}
.feed-filter-item-active {
    background-color: #b5e9ff;
    border:1px solid #90cfea;
    color: #144960;
}
.feed-list {
    padding-right:20px;
    /*margin-top:10px;*/
}
.feed-item {
    padding: 10px 15px;
    border:1px solid #042C50;
    border-radius: 5px;
    margin-bottom:5px;
    background-color: #CDDBE84D;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
}
.feed-icon {
    flex: 0 0 33px;
    text-align: center;
    vertical-align: top;
}
.feed-content {
    flex-basis: 100%;
    vertical-align: top;
}
.feed-item-info {
    color: #366A99;
    font-size:0.8rem;
}
.feed-item-content {
    color: #2a2a2a;
    font-size:0.9rem;
}
.system-notification {
    margin-top:25px;
    margin-bottom:25px;
    color: #a1a1a1 !important;
    font-size:0.8rem;
    margin-left:56px;
}
.btn-save-lead:not(.btn-save) {
    position: absolute;
    bottom: 20px;
    left: 10px;
}
.feed-message ul {
    margin:0px; padding:0px;
}
.feed-message ul li {
    display: inline-block;
    margin-right:10px;
    color: #005993;
    font-size:0.8rem;
    cursor: pointer;
}
.feed-message ul li:hover {
    color: #003354;
}
.feed-message-container {
    padding: 0px 5px 5px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    background: #fff;
    margin-bottom:25px;
    margin-right:25px;
}
.feed-active-tab {
    /*color: #888888 !important;*/
}
.feed-message-container input {
    display: none;
}
.feed-form-item {
    /*display: none;*/
}
.note_text {
    height: 60px;
    resize: vertical;
    border:0px;
    overflow-y: hidden;
    width: 100%;
    font-size:0.9rem;
    background-color: transparent !important;
}
.chat_message, .task_text {
    height: 60px;
    resize: vertical;
    border:0px;
    overflow-y: hidden;
    width: 100%;
    font-size:0.9rem;
    background-color: transparent !important;
}
.feed-form-item a {
    font-size:0.9rem;
}
.file-picker-info {
    /*display: inline-block;*/
    margin-left:10px;
    font-size:0.9rem;
    color: #888888 !important;
    width:147px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.file-picker-info2 {
    /*display: inline-block;*/
    margin-left:10px;
    font-size:0.9rem;
    color: #888888 !important;
    width:147px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.file-picker-info-task {
    /*display: inline-block;*/
    margin-left:10px;
    font-size:0.9rem;
    color: #888888 !important;
    width:147px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.leadFiles {
    display: none;
}
.mailFiles {
    display: none;
}
.taskFiles {
    display: none;
}
.chat-message-for, .chatMessageFor, .taskDate {
    font-size:0.9rem;
}
.taskFor, .taskTag {
    display: inline-block;
    font-size:0.9rem;
}
.addFeedBtn {
    /*position: absolute;*/
    /*bottom: 30px;*/
    /*right: 21px;*/
    margin-bottom:4px;
    background-color: #fff;
    display: none;
}
.file-picker {
    vertical-align: top;
}
.file-picker2 {
    vertical-align: top;
}
.feed-filter-search {
    display: inline-block;
    max-width: 120px;
}
.feed-filter-search input {
    max-width: 100%;
    width: 100%;
}
.feed-message-container {
    padding-bottom:0px !important;
}
.table-loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.41);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 100;
    text-align: center;
}
.form-loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.41);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 100;
    text-align: center;
}
.page-loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.41);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 100;
    text-align: center;
}
.search-loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.41);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 100;
    text-align: center;
}
.mail-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height:27px;
    border-bottom:1px solid #e1e1e1;
}
.mail-title {
    flex: 0 0 70px;
    font-size:0.9rem;
    color: #888888;
    vertical-align: top;
}
.mail-field {
    flex-basis: 100%;
    vertical-align: top;
}
.mail-field input, .mail-field select {
    width:100%;
    display: block;
    font-size:0.9rem;
    color: #333333;
    background-color: #fff !important;
    vertical-align: top;
}
.mailTemplate {
    padding-top:2px;
}
.trumbowyg-box,
.trumbowyg-editor {
    min-height: unset!important;
}

.trumbowyg-editor,
.trumbowyg-textarea {
    min-height: 100px!important;
    resize: vertical!important;
}
.stage-col-min input {
    display: none;
}
.stage-lead {
    min-height:84px;
}
.lead-date .text-warning {
    color: #e4b248 !important;
}
.main-loader {
    margin-left:15px;
    display: none;
}
.refresh-lead {
    display: inline-block;
    margin-right:20px;
}
.services-row {
    margin-bottom:4px;
}
.zero-paddings {
    margin-left:0px !important;
    margin-right:0px !important;
}
.col-zero-paddings {
    padding-right: 9px !important;
    padding-left: 0px !important;
}
.row-completed {
    color: #008000;
    text-decoration: line-through;
}
.leadLinkRow .openModal {
    cursor: pointer;
    color:#2121a9;
}
.leadLinkRow .openModal:hover {
    cursor: pointer;
    color: #141493;
}

/*.taskSide .openTaskLink {*/
/*    cursor: pointer;*/
/*    color:#2121a9;*/
/*}*/
/*.taskSide .openTaskLink:hover {*/
/*    cursor: pointer;*/
/*    color: #141493;*/
/*}*/

.customDate {display: none;}
.progress-title {
    font-size:0.9rem;
}
.progress-bar {

}
.openLeadLink {
    display: block;
    margin-bottom:0px;
}
.openTaskLink:hover {
    color: #313c51;
}
.openTaskLink {
    display: block;
    font-size: 0.8rem !important;
    /*color: #777777 !important;*/
}
.nav-pills .active {
    color:#fff !important;
}
.nav-pills .nav-link:not(.active) {
    color: rgba(0, 0, 0, 0.38) !important;
}
.hidden-el {display: none;}
.hidden-el2 {display: none;}
.task-row {cursor: pointer}
.simple-container {
    overflow: auto;
    height: auto;
}
.tasks-table tr td {
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.acceptBtn i { color: #006500;}
.acceptBtn {
    display: inline-block;
    font-size:1rem;
    background-color: #d8ffd8;
    border: 1px solid #aadeaa;
    border-radius: 8px;
    color: #006500;
    padding:5px;
    text-align: center;
}
.acceptBtn:hover {
    background-color: #cafdca;
    border: 1px solid #9bd79b;
    color: #004800;
}

.supplierBtn i { color: #d1b9ff;}
.supplierBtn {
    display: inline-block;
    font-size:1rem;
    background-color: #e8ddff;
    border: 1px solid #e0d0ff;
    border-radius: 8px;
    color: #4b18ae;
    padding:5px;
    text-align: center;
}
.supplierBtn:hover {
    background-color: #e1d3ff;
    border: 1px solid #d8c4ff;
    color: #400ea1;
}

.rejectBtn i { color: #650000;}
.rejectBtn {
    display: inline-block;
    font-size:1rem;
    background-color: #ffd8d8;
    border: 1px solid #deaaaa;
    border-radius: 8px;
    color: #650000;
    padding:5px;
    text-align: center;
}
.rejectBtn:hover {
    background-color: #fdcaca;
    border: 1px solid #d79b9b;
    color: #480000;
}
.rejectBtn2 {
    font-size:1rem;
    background-color: #eaeaea;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    color: #4e4e4e;
    padding:5px;
    text-align: center;
}
.rejectBtn2:hover {
    background-color: #d8d8d8;
    border: 1px solid #b8b8b8;
    color: #353535;
}

.blockBtn i { color: #001465;}
.blockBtn {
    display: inline-block;
    font-size:1rem;
    background-color: #d8e0ff;
    border: 1px solid #aab3de;
    border-radius: 8px;
    color: #001165;
    padding:5px;
    text-align: center;
}
.blockBtn:hover {
    background-color: #cad2fd;
    border: 1px solid #9bacd7;
    color: #000e48;
}
.newLeadItem {
    padding:5px;
    border:1px solid #d0d0d0;
    border-radius: 8px;
    margin-bottom:10px;
    margin-right:20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.newLeadItem:hover {
    box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
}
.open-mail {
    font-width: bold;
    text-decoration: underline;
    cursor: pointer;
}
.open-mail:hover {
    color: #525252;
}
.call-cell {
    background-color: #eaeaff;
}
.phone-cell {
    background-color: #f7ffea;
}
#openMail .iziModal-content {
    padding-bottom: 17px !important;
    padding-right: 17px !important;
}
.tab-left-column .scroll-content {
    margin-left: 0px !important;
    margin-right: 2px !important;
}
.hidden-column {display: none !important;}
.stagesLine {overflow: hidden !important;}
.lead-has-updates {
    color:deepskyblue;
    display: inline-block;
    margin-right:1px;
}
.moveToFolderLink {
    color:gray;

}
.moveToFolderContainer {
    display: inline-block;
    margin-left:6px;
    vertical-align: middle;
}
.moveToDirectory {
    display: inline-block;
    margin-left:6px;
}
.btnMoveToFolder {
    height: 19px;
    font-size: 0.8rem;
    border: 1px solid silver;
    padding-top: 0px;
    line-height: 0;
}
.moveToDirectory {
    display: none;
}
.selectric .label {
    line-height: 34px !important;
    height: 34px !important;
}
.selectric {
    border:0px;
    background: #f8fafc;
}
.task-icon-wrapper {
    width:25px;
    height:25px;
    text-align: center;
    display: inline-block;
    margin-right:4px;
    cursor: pointer;
}
.task-icon-wrapper-active {
    background-color: #1d1d9d;
    color:#fff;
}
.main-menu-action-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;}
.main-menu-actions {
    display: inline-block; width:160px;
}
.main-menu-action-block a {
    color:#fff;
    font-size: 0.9rem;
}
.main-menu-action-block a:hover {
    color: #7dbbda;
}
.file-cont {
    visibility: collapse;
}
.file-cont .fileuploader {
    visibility: visible;
}
.fileuploader {
    max-width: 560px;
    margin:0px !important;
    font-size:0.7rem;
    padding:0px;
    background-color: #fff;
}
.customStyleBtn {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    line-height: normal;
    font-size: 0.7rem;
    visibility: visible;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    transition: .7s cubic-bezier(.17,.67,0,1.01);
    display: inline-block;
    margin: 0;
    padding: 14px 22px;
    border: none;
    border-radius: 30px;
    outline: 0;
    font-weight: 700;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    background: linear-gradient(135deg, #c8e1ff 0, #e5d5ff 100%);
    background-size: 140% auto;
    background-position: center;
    color: #452d6b;
    box-shadow: 0 4px 18px rgba(0,0,0,.08);
    user-select: none;
    margin-right: 5px !important;
}
.customStyleBtn:hover {
    color: #67508c;
}

.drop_uploader.drop_zone .text_wrapper {
    margin-top: 0px !important;
}
.drop_uploader.drop_zone .text {
    font-family: inherit !important;
    font-size: 15px;
    color: #9B9B9B;
}
.file_browse {
    vertical-align: baseline;
}
.drop_uploader.drop_zone ul.files li {
    font-family: inherit !important;
    font-size: 13px;
    color: #000000;
    background-color: #f5f5f5;
    border-top: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
    margin: 0;
    padding: 2px;
}
.drop_uploader.drop_zone ul.files li {
    display: block;
}
.drop_uploader.drop_zone .text_wrapper i {
    font-size: 0px;
    color: #9B9B9B;
    position: relative;
    top:0px;
    margin-right: 0px;
}
.text_wrapper {text-align: left}
.drop_uploader.drop_zone ul.files {
    width: 90%;
    text-align: left;
    list-style: none;
    margin: 0px;
}
.drop_uploader.drop_zone {
    border: 0px;
    padding: 10px;
}
.drop_uploader.drop_zone ul.files li i {font-size:0px;}
.drop_uploader.drop_zone.hover {
    border: 0px;
    background-color: whitesmoke;
}
.drop_uploader.drop_zone {min-height: auto; margin:0px;}
.feedItemAction.editNote {
    font-size: 0.66rem !important;
    vertical-align: 1.5px !important;
    margin-right: 5px !important;
}
.feedItemAction.stickyItem {
    font-size: 0.66rem !important;
    vertical-align: 1.5px !important;
    margin-right: 5px !important;
}
.note-content-editable {display: none;}
.noteTextarea {
    resize: vertical;
    min-height: 100px;
}
.deleteNoteFile {
    color:red !important;
    vertical-align: middle;
}
.toggle-menu-link {
    margin-left: 12px;
    color: silver;
}
.float-filter-menu {
    position: absolute;
    z-index: 10;
    width: 300px;
    padding: 10px;
    margin-top: -1px;
    background-color: #fff;
    height: auto;
    display: none;
    border-radius: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.mass-actions-block {
    background-color: #fff;
    padding:6px;
    border-radius: 4px;
    margin-bottom:10px;
    margin-top:8px;
    display: none;
}
.mass-actions-block ul {
    margin: 0px;
    padding: 0px;
}
.mass-actions-block li {
    display: inline-block;
    padding-right: 8px;
}
.mass-actions-block li:not(:last-child) {
    border-right: 1px solid silver;
}
.mass-actions-block li:not(:first-child) {
    padding-left: 8px;
}
.action-form-block {margin-top:10px;}
.action-form-block button {width: auto !important; max-width: inherit !important;}
.action-change-resp, .action-task, .action-stage, .action-tag, .action-note, .action-mail, .action-move, .action-info , .action-date , .action-delete {
    display: none;
}
.action-form-block .fstChoiceRemove {
    margin-left:5px;
}
.form-checkboxes {display: none;}
.search-box {
    display: inline-block;
    margin-left:50px;
    width: calc(100% - 100px);

}
.search-box input {
    font-size:1.1rem;
    border: 1px solid #dedede !important;
    border-radius: 3px;
    padding-left:10px;
    width:100%;
}
.search-results {
    position: absolute;
    z-index: 10;
    width: calc(100% - 130px);
    padding: 10px;
    margin-top: 10px;
    background-color: #fff;
    height: auto;
    display: none;
    border-radius: 8px;
    max-height: calc(100vh - 180px) !important;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;
}
.search-results-item {
    margin-bottom:5px;
}
.show-hidden-leads-results {display: none;}
#iframeModal .iziModal-content {
    padding-bottom: 17px !important;
    padding-right: 17px !important;
}
.menu-counter {
    float: right;
    margin-top: -57px;
    background-color: red;
    color: #fff;
    font-size: 0.7rem;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 8px;
}
.sticky-notes {
    position: sticky;
    top: -30px;
    left: 0;
    z-index: 1;
}
.sticky-notes .feed-item:not(:last-child) {
    margin-bottom:-5px;
}
.contact-row {background-color: #fff;}
.is_main {
    vertical-align: -2px;
    padding-bottom: 0px;
    height: 0px;
}
.three-columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.column-item {
    gap:12px;
}
.no-object {color: #ababab;}
.type_id_content {display: none;}
.get-info-inn {
    color: #a8a8a8;
}
.adv-counter {
    font-size: 10px;
    background-color: red;
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 7px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    top: -4px;
}
.adv-counter-lead {
    font-size: 10px;
    background-color: red;
    height: 15px;
    width: 15px;
    border-radius: 7px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: 600;
}
.days-counter-lead {
    font-size: 10px;
    background-color: #989898;
    padding-left:4px;
    padding-right:4px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-right:3px;
    margin-left:3px;
}
.warning-days {
    background-color: red;
}
.warning-days-lead a {
    color: #ad0000;
}
.warning-days-lead {
    background-color: #ffcfcf;
}
.feed-filter {
    padding-top:5px;

    right: -7px;
}



.heading {
    color: #fff;
    margin: 30px;
    font-weight: 600;
}
.messaging img {
    max-width: 62px;
}
.inbox_msg {
    margin-top:10px;
    clear: both;
    overflow: hidden;
    padding-bottom: 50px;
}
.top_spac{ margin: 20px 0 0;}


.recent_heading {float: left; width:40%;}

.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}

.recent_heading h4 {
    color: #05728f;
    font-size: 21px;
    margin: auto;
}

.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {
    float: left;
    width: 11%;
}
.chat_ib {
    float: left;
    padding: 0 0 0 15px;
    width: 88%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
    border-bottom: 1px solid #c4c4c4;
    margin: 0;
    padding: 18px 16px 10px;
}
.inbox_chat { height: 550px; overflow-y: scroll;}

.active_chat{ background:#ebebeb;}

.incoming_msg_img {
    display: inline-block;
    width: 6%;
    position: relative;
}
.received_msg {
    display: inline-block;
    padding: 0 0 0 24px;
    vertical-align: top;
    width: 92%;
}
.received_withd_msg p {
    background: #e4e8fb none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
}
.time_date {
    color: #747474;
    display: block;
    font-size: 10px;
    margin: 3px 0 0;
}
.received_withd_msg { width: 70%;}
.mesgs {
    float: left;
    padding: 7px;
    width:100%;
}

.sent_msg p {
    background: #3F51B5 none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0; color:#fff;
    padding: 5px 10px 5px 12px;
    width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
    float: right;
    width: 70%;
    text-align: right;
}
.input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {
    background: #05728f none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 33px;
}
.messaging { background: #fff;}
.msg_history {
    /*overflow-y: auto;*/

}
.messaging {
    max-width:70%;
    margin:0 auto;
}
.credit {
    margin-bottom: 20px;
    margin-top: 20px;
}

.credit a {
    color: #fff;
    font-weight: 300;
    letter-spacing: 2px;
    border-bottom: dotted 1px;
}
.service-logo {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
}
.service-logo img {
    max-width: 50px;
}
.feed-adv-message-container {
    display: none;
}
.adv-attachment-file {
    font-size:0.9rem;
}
.incoming_msg {
    min-height: 79px;
    margin-bottom: 20px;
}
.received_withd_msg p {
   overflow-wrap: break-word;
}
.progress-line-block {
    display: inline-block;
    vertical-align: middle;
    width:300px;
    margin-bottom:0px !important;
    margin-left:14px;
}
.calling-popup {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

    width: 260px;
    height: 93px;
    border-radius: 20px;
    background-color: rgba(20, 26, 37, 0.61);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(8px);
    padding:4px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    z-index: 10000;
}
.calling-popup img {
    max-width: 58px;
}
.calling-popup div {
    gap: 20px;
}
.anim {
    width:124px;
}
.call-info {
    width:100%;
}
.client-name-call {
    margin-top:6px;
    color:#fff;
    font-size:1rem;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 170px;
}
.client-phone-call {
    color: #d7d7d7;
    font-size:0.72rem;
    font-weight: 200;
}
.lead-action-str-success {
    color: #c3ffc3;
    font-size:0.72rem;
    font-weight: 200;
}
.lead-action-str-success {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
    border: 1px solid #c3ffc3;
    margin-top:8px;
    transition: all 0.5s ease;
}
.lead-action-str-success:hover {
    border: 1px solid #64dc64;
    color: #64dc64;
    cursor: pointer;
}


.lead-action-str-fail {
    color: #85cfff;
    font-size:0.72rem;
    font-weight: 200;
}
.lead-action-str-fail {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
    border: 1px solid #85cfff;
    margin-top:8px;
    transition: all 0.5s ease;
}
.lead-action-str-fail:hover {
    border: 1px solid #41f8ff;
    color: #41f8ff;
    cursor: pointer;
}
.hidden-row {
    display: none !important;
}
/*.lead-action-str-success {*/
/*    display: none;*/
/*}*/
/*.lead-action-str-fail {*/
/*    display: none;*/
/*}*/
.calling-stack {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10000;
}
.calling-popup:not(:last-child) {
    margin-bottom:10px;
}
.calling-popup-template {
    display: none;
}
.connected-call .client-name-call {
    color: #50ff50;
}
.connected-call .client-phone-call {
    color: #50ff50;
}

.connected-call a {
    color: #50ff50;
    border: 1px solid #50ff50;
}
.connected-call a:hover {
    border: 1px solid #39d939;
    color: #39d939;
}
.connected-call {
    background-color: rgba(35, 54, 28, 0.61);
}
.task-dep-title {
    margin-bottom:5px;
    font-size:12px;
    text-align: center;
    white-space: normal !important;
}
.all-client-leads {
    display: inline-block;
    margin-bottom:7px;
    color: #1c78be;
    border-bottom:1px dotted #1c78be
}
.all-client-leads:hover {
    color: #02477a;
    border-bottom:1px dotted #02477a
}
.lead-item {
    display: inline-block;
    margin-right:5px;
}
.datepickers-container {
    z-index: 10000;
}
.selectric-weekdays {width:100px !important;}
.new-messages {
    flex-basis: 20px;
    margin-top: -1px;
}
.add-to-blacklist {
    text-decoration: none;
}

.stage-lead-company {
    height:auto;
    border-left:3px solid #75b1d3;
    background-color: #b7e5ff;
}
.hidden-contr-lead {
    display: none;
}
.collapsable-lead {
    border-left:3px solid #a1cae1;
    background-color: #daf2ff;
}
.stage-lead-company {
    cursor: pointer !important;
    transition: all 0.3s ease;
}
.stage-lead-company:hover {
    border-left:3px solid #84b4ce;
    background-color: #b3d8ec;
}
.attach-from-folder {
    display: inline-block;
    margin-top:14px;
    font-weight: bold;
}
.attach-from-folder-counter {
    display: inline-block;
    margin-left:12px;
}
.attach-from-folder2 {
    display: inline-block;
    margin-top:14px;
    font-weight: bold;
}
.attach-from-folder-counter2 {
    display: inline-block;
    margin-left:12px;
}
.feed-mail-form {
    position: relative;
}
.folder-files-picker {
    display: none;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color: rgba(255, 255, 255, 0.61);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding:20px;
    z-index: 1000;
    overflow-y: auto;
}
.folder-files-picker2 {
    display: none;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color: rgba(255, 255, 255, 0.61);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding:20px;
    z-index: 1000;
    overflow-y: auto;
}
.folder-picker {
    font-weight: bold;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size:11px;
    cursor: pointer;
}
.folder-picker:hover {
    color: #3778b6;
}
.folder-picker2 {
    font-weight: bold;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size:11px;
    cursor: pointer;
}
.folder-picker2:hover {
    color: #3778b6;
}
.folder-picker-title {
    vertical-align: -1px;
}
.folder-picker-files {
    margin-bottom: 7px;
    margin-left:18px;
    font-size:11px;
    display: none;
}
.fpf-item a {
    font-size:11px;
    vertical-align: -1px;
}
.file-checkbox {
    display: inline-block !important;
    vertical-align: -4px;
}
.file-checkbox2 {
    display: inline-block !important;
    vertical-align: -4px;
}
.select-item {
    display: flex !important;
    align-items: center;
    gap: 4px;
    margin-bottom:3px;
}
.select-item-inp {
    width: 100%;
}
.select-item-del {
    width: 40px;
}
.select-items {
    margin-bottom: 20px;
}
.select-item-inp-form {
    width: 100%;
    border: 1px solid #d2d2d2 !important;
    border-radius: 4px !important;
    padding: 5px;
}
.select-item-del {
    text-align: center;
}
.select-item-del a {
    color: #ef0000;
}
.add-select-item {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 30px;
}
.select-items-template {display: none;}
.hidden-block {display: none !important;}
.row-3 .lead-tag {
    width: calc(100% - 70px);
    white-space: normal;
}
.row-3 .lead-date {
    width: 70px;
    text-align: right;
}

/** new design **/
.crm-head-box {
    display: flex;
    gap: 30px;
    height: 50px;
    align-items: center;
    flex: 1;
    margin-bottom: 6px;
}
.crm-head-box .filter {
    width: 30px;
}
.crm-head-box .toggle-menu-link {
    margin-left: 0;
}
.crm-head-box .temp-leads {
    width: 1000px;
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 1;

    a {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.crm-head-box .search {
    width: 100%;
    flex: 1;
}
.crm-head-box .openTempLeadsModal {
    display: flex;
    background-color: #B2114B;
    height: 50px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 21px;
    letter-spacing: 0em;
    align-items: center;
    justify-content: center;
}
.crm-head-box .openBazaLeadsModal {
    display: flex;
    background-color: #B2114B;
    height: 50px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 21px;
    letter-spacing: 0em;
    align-items: center;
    justify-content: center;
}
.crm-head-box .openNoTaskLeadsModal {
    display: flex;
    background-color: #1162b2;
    height: 50px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 21px;
    letter-spacing: 0em;
    align-items: center;
    justify-content: center;
}
.page-content {
    margin-left: 14px;
}
.crm-head-box .search-box {
    margin-left: 0;
    width: 100% !important;
}
.crm-head-box .quick_search {
    height: 50px;
    color: #ACBCDA !important;
    border: 2px solid #ACBCDA !important;
    border-radius: 7px !important;
    padding-left: 49px !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;

}
.crm-head-box .quick_search::placeholder {
    color: #ACBCDA !important;
}
.crm-head-box .search-placeholder-img {
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    margin-left: 15px;
}
.crm-head-box {}
.crm-head-box {}
.crm-head-box {}
.crm-head-box {}

.new-rounded-container {
    border-radius: 30px 0 0 0;
    height: calc(100% - 22px) !important ;
}
.page-content-fw {
    width: calc(100% - 103px) !important;
}
.new-kanban-layout .stage-col-header {
    height: 49px;
    border: 0px;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 0;
    border-radius: 5px;
}

.new-kanban-layout .stage-header {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0px;
    margin-top: -6px;
}

.new-kanban-layout .stage-sub-header {
    display: flex;
    align-items: center;
    gap: 25px;
    font-size: 12px;
    line-height: 8px;
    color: #fff;
}

.new-kanban-layout .stage-lead-company {
    height: 36px;
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #D3DCED;
    border: 0;
    border-left: 4px solid #042C50;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new-kanban-layout .stage-lead-company .badge-secondary {
    background-color: #fff;
    color: #000;
    font-weight: normal;
}
.new-kanban-layout .title {

}
.new-kanban-layout .stage-lead {
    padding-left: 15px;
    font-size: 14px;
    border: 0;
}
.new-kanban-layout .collapsable-lead {
    background-color: #FDC4D759;
}
.new-kanban-layout .lead-date {
    text-align: left;
}

.new-kanban-layout .full-name-client {
    color: #042C50 !important;
    font-size: 12px;
}

.new-kanban-layout .price-client {
    display: inline-block;
    color: #042C50;
    font-size: 10px;
    padding: 0px 4px;
    border: 1px solid #042C50;
    border-radius: 3px;
    height: 16px;
    line-height: 15px;
}

.new-kanban-layout .lead-link {
    color: #366A99;
    text-transform: uppercase;
    font-size: 14px;
}

.new-kanban-layout .lead-date {
    color: #042C50;
    font-size: 12px;
}

.lead-main-filter select {
    border-right: 7px solid #F3F6FC !important;
}
.flex-pos {
    display: flex;
    align-items: center;
}
.lead-main-filter .custom-control-input~.custom-control-label::before {
    color: #fff;
    border-color: #ACBCDA;
    background-color: #fff;
}
.lead-main-filter  .custom-control-input~.custom-control-label::before {
    color: #fff;
    border-color: #ACBCDA;
    background-color: #fff;
}
.lead-main-filter  .custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: #366A99 !important;
    background-color: #366A99 !important;
}
.lead-main-filter .custom-control-input:checked~.custom-control-label::before {
    border-color: #366A99 !important;
}
.lead-main-filter .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #366A99;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);

}
.lead-main-filter .custom-switch .custom-control-input~.custom-control-label::after {
    background-color: #ACBCDA;
}
.filter-add-btn {
    background-color: #366A99 !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 24px;
    line-height: 18px;
    height: 30px;
}
.leads-filter-form .search-placeholder-img {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-left: 7px;
}
.leads-filter-form .search-inp {
    padding-left: 35px !important;
}
.leads-filter-form input::placeholder, .leads-filter-form select::placeholder {
    color: #ACBCDA;
}
.leads-filter-form input, .leads-filter-form select {
    color: #ACBCDA;
}

.leads-filter-form select {
    border-right: 7px solid #F3F6FC !important;
}

.flex-filter-btns {
    display: flex;
    gap: 2px;
    align-items: center;
}
.flex-filter-btns a {
    width: 50%;
}
.flex-filter-btns .submitFilterForm {
    background-color: #3DB8BD;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}
.flex-filter-btns .resetBtn {
    background-color: #B2114B;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}
.iziModal-header {
    background-color: #042C50 !important;
    color: #fff !important;
}
.iziModal-header-title {
    font-weight: 900 !important;
    font-size: 24px !important;
    text-transform: uppercase;
}
.iziModal .iziModal-button-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF3SURBVHgB7drbbcMwDIVhoovXGzQbVBt6BLYGKvQA8UWUJerQ0A/kLRH5vQROIJHZbDZ7Qqr6+fta/15fQt6tfbcP6HvfQtq2286+i+WAVfejQx9gt1bLIUdgKvQJ1gxe9Lzh6Avs1st6YGJFF2CT1MSI7oaFATTo7lgYNBzthoWBw9DuWBjsjh6GhQXc0MOxsEh3NA0WFuqGpsPCYs3RtFhYsBmaHptrgQ6Dzd1Bh8PmatBhsTkLOjw2V4LWp2BzBejnYHOV6CSRM6KTPKFCdBKHPsQnbfQe/vT62xij/bO/KCM2NroSGxNdgE1K/L+3KTU8QYVHa8XjYli03ng2DofWBj8EwqBbYOEsbnRLLJzJie6BhbO50D2xMIMD7YGFWWPRnliYOQY9AguzfdEjsbCDD5oBC7v0RTNhYac+aEYs7NYWrft3LSmwsOMVerEctjJjcxfoJnctk5B1gr591zIJaQdo813Ll/5fuF6EvGj7zmazWVE/l5FKt3AEf70AAAAASUVORK5CYII=) no-repeat 50% 50% !important;
}
.iziModal .iziModal-button {
    opacity: 1 !important;
}
.iziModal .iziModal-button-fullscreen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOdSURBVHgB5ZuNVdswEMfPvA6QEbwB6QQVExQmqDeADQgTQCcIG9ANnE4QMoG9Adngeldd+njKyZJsrAT19949J7L18beksyzJFcwEIi7oYMhqskuyJdlC/r+nF9uT7cg2ZK9VVe0hF1xYsjuyFVk9Il6L02nJmpT8R0OZbJ3MTeB6gx8j0sdLqAxTxBolwzWcRqhLhxOFX0ReVztCaxZKP9kM5KPmPLkCcGRT/wKJUEa3dFiBdUAherBOaCe/X8n2B4eE1rHVktZS7BscOzaXhoxb1wOl9QxTQL1Jt3LuMdzq8A0TnZ1ShiXZkzThEI8wBY/gLR47sqObgjM4FrSeugvkvR19gz2Ch+AabWBmIoR3o0QnCn5G2w+zgNZZPgdEp5UnQfAdnAi0gxsf29TEQoK5CRs4MWgd25unjPGOLCCYM1jCmRAQ/UOLUymJGLADCo29GAyc52fjL8jEQHm5LF+pLH0wAZwG3/FsjkzK7OvTLzGRpwpmGsgM+r23CUVc4HRqyIyUW+vPbUzkFY6DMzzl46rxlMscrqkCCdSQxj7rTIWC1KhxgjdUrisoEfT7oKyONCuo9+W/XS12AuCz8VMJ+w6lgvYlQ23WRdawjK565dSy1CbN/FbCihb8qoRdliy4V8L+uxou02kJ2ohvUUHB8HPIDavUQAIKRW3SJY87WXCvhBctWO3cUCgseKeEGygUFqyOSKBQfH3YQKmgf9KuhgK5kDmojXKugVJBfSL7DUploFkbKIx/Q0g80+lNGfUljQuC60mSsG968xpOBOV9i/7VwSE69Kweuhm0nsjZR17on4hL4ajc7svDg5J3TXYP+TEwnfBaNvp31mVdM0L/4lgKxk1XWxCv6cD7JLRmzAvM2lB0FtD6j3sYdlpDTu2KyruBiIx8C8yfacuDWsNDiT2ds2i0T5VQkzcpCXIfGtp9d8p14FuMw6Ske3g0dAMJrjHjS4ZUwhrjMZBKhGg+18DMoF3dT/XaBsYgokObS7s5hGPcJnTf5lcDU0C/I3OFs5evYSRyg+8xrkafJE774YIl4ZSm1aHtc3wDjHsT0PZJFnct16wxbo80orOLdzbBknhoV+vc8EcftVOmVrnOuGUftbbEr19kDf28AX1ObC42YEdPN8orYNbvnIzc9bloMe5TovekbSMeKZybeoMf96EW9+voV1PJfzUUb7ZFM8mQh6AG7Dz34QuW2rm0B9sc+aVkJ8fZPsX7Awkk3SsSjLPaAAAAAElFTkSuQmCC) no-repeat 50% 50% !important;
}
.iziModal .iziModal-button-refresh {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOdSURBVHgB5ZuNVdswEMfPvA6QEbwB6QQVExQmqDeADQgTQCcIG9ANnE4QMoG9Adngeldd+njKyZJsrAT19949J7L18beksyzJFcwEIi7oYMhqskuyJdlC/r+nF9uT7cg2ZK9VVe0hF1xYsjuyFVk9Il6L02nJmpT8R0OZbJ3MTeB6gx8j0sdLqAxTxBolwzWcRqhLhxOFX0ReVztCaxZKP9kM5KPmPLkCcGRT/wKJUEa3dFiBdUAherBOaCe/X8n2B4eE1rHVktZS7BscOzaXhoxb1wOl9QxTQL1Jt3LuMdzq8A0TnZ1ShiXZkzThEI8wBY/gLR47sqObgjM4FrSeugvkvR19gz2Ch+AabWBmIoR3o0QnCn5G2w+zgNZZPgdEp5UnQfAdnAi0gxsf29TEQoK5CRs4MWgd25unjPGOLCCYM1jCmRAQ/UOLUymJGLADCo29GAyc52fjL8jEQHm5LF+pLH0wAZwG3/FsjkzK7OvTLzGRpwpmGsgM+r23CUVc4HRqyIyUW+vPbUzkFY6DMzzl46rxlMscrqkCCdSQxj7rTIWC1KhxgjdUrisoEfT7oKyONCuo9+W/XS12AuCz8VMJ+w6lgvYlQ23WRdawjK565dSy1CbN/FbCihb8qoRdliy4V8L+uxou02kJ2ohvUUHB8HPIDavUQAIKRW3SJY87WXCvhBctWO3cUCgseKeEGygUFqyOSKBQfH3YQKmgf9KuhgK5kDmojXKugVJBfSL7DUploFkbKIx/Q0g80+lNGfUljQuC60mSsG968xpOBOV9i/7VwSE69Kweuhm0nsjZR17on4hL4ajc7svDg5J3TXYP+TEwnfBaNvp31mVdM0L/4lgKxk1XWxCv6cD7JLRmzAvM2lB0FtD6j3sYdlpDTu2KyruBiIx8C8yfacuDWsNDiT2ds2i0T5VQkzcpCXIfGtp9d8p14FuMw6Ske3g0dAMJrjHjS4ZUwhrjMZBKhGg+18DMoF3dT/XaBsYgokObS7s5hGPcJnTf5lcDU0C/I3OFs5evYSRyg+8xrkafJE774YIl4ZSm1aHtc3wDjHsT0PZJFnct16wxbo80orOLdzbBknhoV+vc8EcftVOmVrnOuGUftbbEr19kDf28AX1ObC42YEdPN8orYNbvnIzc9bloMe5TovekbSMeKZybeoMf96EW9+voV1PJfzUUb7ZFM8mQh6AG7Dz34QuW2rm0B9sc+aVkJ8fZPsX7Awkk3SsSjLPaAAAAAElFTkSuQmCC) no-repeat 50% 50% !important;
}
.lead-window {
    display: flex;
    gap: 15px;
}
.lead-left {
    width: 318px;
}
.lead-center {
    width: 100%;
    padding-right: 24px;
}
.lead-sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.lead-sidebar ul li {
    display: block;
    margin-bottom: 2px;
    background-color: #D3DCED;
    border-left: 4px solid #042C50;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.lead-sidebar ul li:hover {
    background-color: rgba(211, 220, 237, 0.8);
    border-left: 4px solid rgba(4, 44, 80, 0.8);
}
.lead-sidebar ul li h4 {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #042C50;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 0px;
}
.hidden-elem {
    display: none !important;
}
.lead-sidebar-container {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.lead-manager-box {
    display: flex;
    gap: 13px;
    align-items: center;
}
.manager-photo {
    width: 100px;
}
.manager-photo img {
    width: 100%;
    border-radius: 7px;
}
.manager-info {
    width: 100%;
}
.item-photo {
    width: 100px;
    height: 130px;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-color: #f3f3f3;
}
.manager-info .name {
    font-weight: 600 !important;
    font-size: 16px;
    color: #042C50;
}
.current-stage {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #627aa6;
    background-color: #F3F6FC;
    margin-top: -5px;
    cursor: pointer;
    border-radius: 3px !important;
    border: 0 !important;
    height: 30px;
    padding: 3px 10px;
}
.lead-dropdown {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lead-dropdown li:hover {
    opacity: 0.5;
}
.lead-dropdown li {
    background-color: #BE3465BF;
    color: #000;
    border-radius: 3px;
    border: 0 !important;
    height: 30px;
    padding: 3px 10px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}
.lead-sum-box {
    display: flex;
    gap: 25px;
    vertical-align: center;
}
.lead-sum-box .column-one, .lead-sum-box .column-two {
    width: 50%;
}
.column-one {
    display: flex;
    gap: 1px;
    flex-direction: column;
}
.column-two {
    display: flex;
    gap: 1px;
    flex-direction: column;
}
.lead-sum-box span {
    font-size: 22px;
    font-weight: 400;
}
.contr-box {
    display: flex;
    gap: 6px;
    flex-direction: column;
}

.contr-box .contr-box-item {
    display: flex;
    gap: 1px;
    flex-direction: column;
}
.contr-box .contr-box-item span {
    font-size: 16px;
    font-weight: 400;
}
.lead-sidebar .autocomplete-suggestions {
    box-shadow: none;
    border: 1px solid #D3DCED;
    color: #042C50;
}
.autocomplete-suggestion {
    color: #042C50;
    padding-left: 4px;
}
.autocomplete-suggestion:not(:last-child) {
    border-bottom: 1px solid #99aacb;
}
.autocomplete-suggestion:hover {
    background-color: #042C50;
    color:#fff;
    cursor: pointer;
}
.lead-sidebar-container .fstMultipleMode .fstControls {
    background-color: #D3DCED;
    transition: all 0.3s ease;
}
.lead-sidebar-container .fstMultipleMode .fstControls:hover {
    background-color: rgba(211, 220, 237, 0.8);
}
.lead-sidebar-container .fstMultipleMode .fstQueryInput {
    height: 32px !important;
    width: 20px !important;
    text-align: center;
    background-color: #D3DCED !important;
    color: #D3DCED !important;
}
.lead-sidebar-container .fstMultipleMode .fstQueryInput::placeholder {
    color: #D3DCED !important;
}
.lead-sidebar-container .contact-row {
    background-color: transparent !important;
}
.lead-sidebar-container .editable-placeholder {
    display: flex;
    gap: 13px;
    align-items: center;
}
.lead-sidebar-container .editable-form .editable-form-el {
    flex: 1;
}

.lead-sidebar-container .contact-row .row {
    margin-bottom: 5px;
    font-size: 12px;
}

.lead-sidebar-container .editable-form {
    align-items: center;
}
.btn-lead {
    background-color: #366A99;
    border-radius: 5px;
    border: 0;
    display: block;
    width: 100%;
    font-weight: bold;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
}
.btn-write {
    background-color: #CB7F55;
}
.btn-chat {
    background-color: #3c97b6;
    display: flex;
    gap: 10px;
    align-items: center;justify-content: center;

    svg {
        width: 26px;
        height: 26px;
    }
}
.btn-chat:hover {
    color: #fff;
}
.btn-save {
    background-color: #3DB8BD;
}
.btn-restore {
    background-color: #1ea800;
}
.lead-head-nav {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 0;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #042C50;
    border-radius: 5px;
    overflow: hidden;
}
.lead-head-nav li:not(:last-child) {
    border-right: 2px solid #042C50;
}
.lead-head-nav li {
    padding: 15px;
    text-transform: uppercase;
    background-color: #D3DCED;
    flex: 1;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    transition: all 0.4s ease;
    cursor: pointer;
}
.lead-head-nav li:hover {
    background-color: #FFFFFF;
}
.lead-head-nav li.active {
    background-color: #FFFFFF;
}
.lead-tab-content {
    margin-top: 9px;
    padding: 30px 30px 80px;
    background-color: #fff;
    border-radius: 30px;
    /*min-height: calc(100% - 72px);*/
    overflow: auto !important;
    height: calc(100vh - 144px) !important;
}
.iziModal {
    background-color: #F3F6FD !important;
}
.slider-control {
    text-align: center;
    padding: 15px;
    cursor: pointer;
}
.lead-footer-slider {
    position: fixed;
    z-index: 10000000;
    bottom: 0;
    left: 295px;
    right: 20px;
    background-color: #F3F6FC;
    border: 2px solid #042C50;
    border-radius: 30px;
    transition: all 0.4s ease;
    min-height: 0;
}
.slider-content {
    margin: 0px 30px 30px;
    max-height: 450px;
    overflow: auto;
}
.slider-down {
    border: 2px solid #F3F6FC;
    background-color: #F3F6FC !important;

}
.slider-down .slider-content {
    display: none;
}
.slider-up {
    min-height: 33%;
    /*height: 440px;*/
}
.slider-down .down {
    display: none;
}
.slider-up .up {
    display: none;
}
.feed-item-header {
    display: flex;
    gap: 4px;
    flex-direction: row;
    align-content: flex-start;
    align-items: center;

}
.feed-item-header .date {
    width: 63px;
    line-height: 15px;
}
.d-time {
    font-size: 14px;
    font-weight: 500;
}
.d-date {
    font-size: 10px;
    font-weight: 500;
}
.feed-item-header-title {
    flex: 1;
    font-size: 18px;
    font-weight: 400;
}
.feed-item-content {
    width: 100%;
    margin-top: 10px;
}
.feed-item-header-box {
    display: flex;
    gap: 10px;
    align-items: center;
}
.folders-tab-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}
.folders-tab-list li {
    position: relative;
}
.deleteFolderFile {
    position: absolute;
    right: 0;
}
.folders-tab-list li a {
    display: flex;
    gap: 15px;
    flex-direction: column;
    align-items: center;
}
.new-folder-window {
    position: absolute;
    width: 353px;
    height: 205px;
    background-color: #D3DCED;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1000000000;
    border-radius: 8px;
    padding: 35px;
    display: none;
}
.new-folder-window .close-win {
    position: relative;
    top: -30px;
    right: -291px;
    cursor: pointer;
}
.win-label {
    font-size: 16px;
    font-weight: 500;
    color: #042C50;
    margin-bottom: 4px;
    margin-top: -25px;
}
.win-form .folder-name {
    height: 40px;
    border: 0;
    background-color: #F3F6FC;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    padding-left: 12px;
}
.win-button {
    height: 56px;
    border: 0;
    background-color: #3DB8BD;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    width: 100%;
    margin-top: 15px;
    transition: all 0.4s ease;
}
.win-button:hover {
    background-color: #22868a;
}
.new-lead-contract-row {
    display: flex;
    gap: 10px;
    background-color: #CDDBE84D;
    border: 1px solid #042C50;
    border-radius: 5px;
    padding: 10px 15px;
    align-items: center;
    transition: all 0.4s ease;
    cursor: pointer;
    color: #000;
}
.fin-row {
    background-color: #FFFFA54D;
    border-color: #042C50;
}
.new-lead-contract-row:hover {
    background-color: rgba(177, 195, 211, 0.3);
    color: #000;
}
.new-lead-contract-row img {
    width: 30px;
}
.new-lead-contract-row .contract-title-cell {
    flex: 1;
}
.new-lead-contract-row .deleteContract {
    width: 30px;
    text-align: right;
}
.download-contract {
    padding: 10px 15px;
    color: #fff;
    background-color: #366A99;
    border-radius: 6px;
    margin-top: 10px;
    display: block;
    margin-bottom: 10px;
}
.download-contract:hover {
    color: #fff;
}
.gen-contract {
    padding: 10px 15px;
    color: #fff;
    background-color: #366A99;
    border-radius: 6px;
    margin-top: 10px;
    margin-bottom: 100px;
    display: inline-block !important;
}
.gen-contract:hover {
    color: #fff;
}
.contract-form-box label {
    margin-top: 10px !important;
    font-size: 16px !important;
    color: #042C50 !important;
    font-weight: 600 !important;
}
.contract-form-box input, .contract-form-box select {
    height: 40px;
    width: 100% !important;
    min-width: 100% !important;
    border-radius: 3px;
}
.contract-form-box input, .contract-form-box select  {
    padding-left: 15px;
}
.contract-form-box select {
    border-right: 10px solid transparent !important;
}
.contract-form-box input::placeholder, .select2-selection__placeholder {
    color: #ACBCDA !important;
}

.contract-form-box .select2-selection__rendered {
    line-height: 40px !important;
}
.contract-form-box .select2-container .select2-selection--single {
    height: 40px !important;
}
.contract-form-box .select2-selection__arrow {
    height: 37px !important;
}
.kp-frame {
    width: 100%;
    border: 0;
}
.new-feed-message .feed-message-container {
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.new-feed-message .tab-nav {
    display: flex;
    gap: 5px;
    align-items: center;
}
.new-feed-message .tab-nav {
    background-color: transparent;

}
.new-feed-message .tab-nav li {
    background-color: #D3DCED;
    padding-left: 20px;
    padding-right: 20px;
    height: 35px;
    display: flex;
    align-items: center;
    border-radius: 5px 5px 0 0;
    color: #042C50;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-top: 4px solid transparent;
    overflow: hidden;
}
.new-feed-message .feed-active-tab {
    background-color: #fff !important;
}
.feed-tab-box {
    background-color: #fff;
    padding: 22px;
}

.new-feed-message .tab1 {
    border-color: #B02561 !important;
}
.new-feed-message .tab2 {
    border-color: #346EA0 !important;
}
.new-feed-message .tab3 {
    border-color: #E8E85F !important;
}
.new-feed-message .tab4 {
    border-color: #B45D87 !important;
}
.new-feed-message .tab5 {
    border-color: #CB7F55 !important;
}
.new-feed-message .tab6 {
    border-color: #1A8662 !important;
}
.new-feed-message .tab7 {
    border-color: #504776 !important;
}
.feed-message .lead-tasks {
    margin-top:20px;
    color: #042C50;
    leading-trim: both;
    text-edge: cap;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.feed-message .lead-tasks td, .feed-message .lead-tasks th {
    padding: 10px;
}

.feed-message .lead-tasks thead tr {
    background-color: #d3dced !important;
}
.feed-message table.table-bordered{
    border:2px solid #042C50 !important;
}
.feed-message table.table-bordered > thead > tr > th{
    border:2px solid #042C50 !important;
}
.feed-message table.table-bordered > tbody > tr > td{
    border:2px solid #042C50 !important;
}
.feed-tab-box table {
    table-layout: fixed;
}
.new-feed-message .feed-task-form .actions {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}
.new-feed-message .feed-task-form .actions input, .new-feed-message .feed-task-form .actions select {
    height: 28px;
    border-radius: 4px;
}
.new-feed-message .feed-note-form .actions input, .new-feed-message .feed-note-form .actions select {
    height: 28px;
    border-radius: 4px;
}
.new-feed-message .feed-chat-form .actions input, .new-feed-message .feed-chat-form .actions select {
    height: 28px;
    border-radius: 4px;
}
.new-feed-message .feed-task-form textarea {
    /*margin-top: 15px;*/
    /*min-height: 253px;*/
    height: 100px !important;
    border-radius: 15px !important;
    background-color: #F3F6FC !important;
    padding: 20px;
}
.new-feed-message .feed-note-form textarea {
    margin-top: 15px;
    /*min-height: 253px;*/
    height: 100px !important;
    border-radius: 15px !important;
    background-color: #F3F6FC !important;
    padding: 20px;
}
.new-feed-message .feed-chat-form textarea {
    margin-top: 15px;
    /*min-height: 253px;*/
    height: 100px !important;
    border-radius: 15px !important;
    background-color: #F3F6FC !important;
    padding: 20px;
}
.new-feed-message .feed-task-form .actions input::placeholder, .new-feed-message .feed-task-form .actions select::placeholder, .new-feed-message .feed-task-form textarea::placeholder {
    color: #ACBCDA;
}
.new-feed-message .feed-note-form .actions input::placeholder, .new-feed-message .feed-note-form .actions select::placeholder, .new-feed-message .feed-note-form textarea::placeholder {
    color: #ACBCDA;
}
.new-feed-message .feed-chat-form .actions input::placeholder, .new-feed-message .feed-chat-form .actions select::placeholder, .new-feed-message .feed-chat-form textarea::placeholder {
    color: #ACBCDA;
}
.new-feed-mail-form textarea::placeholder, .new-feed-mail-form input::placeholder, .new-feed-mail-form select::placeholder  {
    color: #ACBCDA;
}
.mail-row .mail-title {
    color: #7e94be;
}
.mail-row {
    border-bottom: 1px solid #d6deee;
}
.new-feed-message .addFeedBtn {
    height: 50px !important;
    max-width: 250px !important;
}
.flex-center {
    display: flex;
    align-items: center;
}
.flex-end {
    justify-content: flex-end;
}
.btn-make-call:disabled, .btn-open-write-tab:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.newLeadForm .lead-head-nav {
    height: 61px;
}
.lead-center {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.lead-left {
    overflow: auto !important;
    height: calc(100vh - 70px) !important;
}
.lead-window {

}
#mailMessage {
    padding: 5px !important;
    min-height: 130px !important;
}
.lead-set-stage {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sticky-notes {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.feed-item-content {
    max-width: 90% !important;
    word-break: break-all;
    word-wrap: anywhere;
}
.xdsoft_datetimepicker {
    z-index: 100000;
}
.action-block {
    display: flex;
    gap: 15px;
    align-items: center;
}
.nav-arrows {
    display: flex;
    gap: 10px;
    align-items: center;
}
.nav-arrows a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 300 !important;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    width: 30px;
    height: 30px;
}
.nav-arrows a svg {
    width: 18px;
    height: 18px;
    opacity: 0.3;
    transition: 0.3s;
}
.nav-arrows a:hover svg {
    opacity: 0.5;
}
.tasks-container .stage-col-header {
    background-color: #5b748d; color: #fff;
}
.background-color-9 { background-color: #e16769 !important; color: #fff !important; }
.background-color-15 { background-color: #87f2c0 !important; }
.task-leads .openLeadLink {
    font-size: 12px;
    color: #313c51;
}
.new-kanban-layout .openTaskLink {
    color: #366A99;
    text-transform: uppercase;
    font-size: 14px;
}
.task-leads .half-op {
    opacity: 0.5;
    font-weight: 300;
}
.task-leads .lead-tag {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
}
.task-leads .lead-tag .tag {
    border-radius: 9px;
    padding-left: 8px;
    padding-right: 8px;
}
.task-actions-window {
    display: flex;
    gap: 10px;
    align-items: center;
}
.task-actions-window .fw-flex {
    flex: 1;
}
.task-actions-window .task-item a {
    font-size: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.task-actions-window .edit-item a {
    font-size: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.task-actions-window a.active {
    background-color: #5b748d !important;
    color: #fff;
}
.show-task-box {
    display: flex;
    gap: 18px;
    flex-direction: column;
}
.show-task-box .task_complete_text, .taskDate:not(.contract_date), .taskFor, .task_text {
    background-color: #fff !important;
    border-radius: 5px;
}
.task_text {
    padding: 12px;
}
.hor-flex {
    display: flex;
    align-items: center;
    gap: 5px;
}
.btn-add-task-result, .btn-edit-task-result {
    background-color: #3DB8BD;
    color: #fff;
    font-weight: 900;
    border: 0;
    height: 35px;
}
.btn-add-task-result:hover, .btn-edit-task-result:hover {
    background-color: #28999d;
}
.btn-edit-task-result {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 110px !important;
}
.task-form-box .selectric {
    background-color: #fff !important;
    border-radius: 5px;
}
.feed-task-form .selectric {
    background-color: #fff !important;
    border-radius: 5px;
}
.task-form-box {
    display: flex;
    gap: 5px;
    align-items: center;
}
.feed-task-form {
    display: flex;
    gap: 5px;

    flex-direction: column;
}
.middle-task-box {
    display: flex !important;
    gap: 5px;
    align-items: center;
}
.flex-column2 {
    display: flex;
    gap: 5px;
    align-items: center;
}
.created_at {
    font-weight: 300;
    margin-right: 12px;
    opacity: 0.4;
}
.lead-head-nav li img {
    width: 20px;
}
.active-text-link {
    color: #0303c4 !important;
    text-decoration: underline;
}
.schedule-table table {
    font-size: 12px !important;
}
.schedule-table table input {
    padding: 3px;
    height: 20px;
}

.schedule-table table .month-cell {
    text-align: center;
}
.month-check-state {
    display: none;
}
.check-cell .month-check {
    height: 14px;
}
.check-cell {
    vertical-align: center;
}
.check-cell > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 20px !important;
}
.add-schedule-table-row {
    display: inline-block;
    margin-top: 4px;
    font-size: 12px;
}
.add-inv-table-row {
    display: inline-block;
    margin-top: 4px;
    font-size: 12px;
}
.object_work_cell {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
}
.object_work_cell input {
    height: 15px !important;
    width: 15px !important;
    min-width: 15px !important;
}
.object_work_cell span {
    flex: 1;
    font-weight: normal !important;
}
.schedule-table-inv input {

}
.schedule-table-inv table {
    font-size: 12px !important;
}
.schedule-table-inv table input {
    padding: 3px;
    height: 20px;
}
.lead-head-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}
.display-mode-doc-switcher {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;

    svg {
        width: 18px;
        height: 18px;
    }

    a {
        border-radius: 3px;
        padding-left: 8px;
        padding-right: 8px;
        background-color: #f3f3f3;

        display: inline-flex;
        align-items: center;
        gap: 4px;
    }

    a.active {
        background-color: #042a4c;
        color: #fff;

        svg path {
            color: #ffffff;
            fill: #ffffff;
        }
    }

    a:hover {
        color: #000;
    }
    a.active:hover {
        color: #fff;
    }
}
.folders-list-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.files-list-item {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    justify-content: space-between;

    .deleteFolderFile {
        /*left: 0;*/
        /*right: auto;*/
        position: inherit !important;
    }
}
.flex-lead-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;

    a {
        padding: 5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        background-color: #f3f3f3;
    }
}
.task-lead-box {
    input[type=text], select, textarea {
        width: 100%;
    }
}
.target-company-title, .task-act-box input, .target-company-title-contract {
    display: block !important;
    width: 100%;
}
.btn-task-create:disabled {
    opacity: 0.3;
}
.temp-reject-box {
    position: relative;
}
.reject-comment-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    top: 38px;
    width: 350px;
    z-index: 100;
    left: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.filter-box-form {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;

}
.period-form {
    display: flex;
    align-items: center;
    gap: 4px;

    input {
        background-color: #fff;
        border: 1px solid #cdcdcd !important;
    }
}
.period-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-top: 4px;
    font-size: 12px;
}