/** {-webkit-appearance: none;}*/
body {margin:0; padding:0; font-size:14px;font-family:Verdana;}
a {color: #2086ff;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
.fx {display:flex;}
.fx-between {justify-content: space-between;}
.text-right {text-align:right;}
.container {width:calc(100% - 20px);max-width:1040px;margin:auto;padding:0 10px;}
.g-scroll {overflow-x: auto;}
.text-center {text-align: center;}
.top-menu-bg {background:#4784cd;}
#top-menu {display:flex;justify-content: space-between;}
#top-menu > a {padding: 10px 14px;text-decoration:none;color:white;}
#top-menu > a.activen {background: #355d92;}
.gray {color:gray;}
/*.ezdka-item {border-bottom:1px #d9d9d9 solid;padding:7px 0;cursor:pointer;}*/
/*
.ezdka-item-a {text-decoration: none;color:inherit;}*/
.small-text, .text-small {font-size:11px;}
.btn {padding:14px;cursor:pointer;border-radius: 3px;background:#eee;border: 1px gray solid;margin: 2px 0;}
.btn-primary {background:black;color:white;}
.btn-blue {background: #099eff;color: #ffffff;border:0;}
.btn-green {background: green;color: #ffffff;border:0;}
.btn-red {background: red;color: #ffffff;border:0;}
.btn-full {width:calc(100% - 28px);}
.btn-sm {padding:2px;color:gray;font-size: 12px;}
.blocker {padding: 4px!important;}
.modal {width:100%!important;}
.redcolor, .redcolor * {color:red;}

.status-description {padding-left:10px;font-size:11px;font-style:italic;}
.top-right-info {color:gray;font-size:11px;}
.pointer {cursor:pointer;}
.call-client {font-weight:bold;text-transform: uppercase;color:gray;border-bottom:2px gray dashed;}


.form-elements li {padding:2px 0;}
.form-elements input[type=text], .form-elements input[type=number], .form-elements input[type=password], .form-elements input[type=datetime-local],  .form-elements select, .form-elements textarea
{
    width: calc(100% - 14px);
    padding:7px;
    border:1px #ccc solid;
    max-width: 300px;
}

.color-bad {color: red;}
.color-good {color: green;}

@media (max-width:1400px) {
    body {zoom: 0.8;}
}

#main-wrap {display:flex;width:100%;/*height:100vh;*/ height:-webkit-fill-available; position:fixed;top:0;left:0;}
#left-menu {flex:0 0 110px; background: #460639;color:white;display:flex;flex-direction: column;justify-content: space-between;overflow-y: auto;}
#left-menu > div > div {margin:auto;/*width:78px;*/padding:0;text-align: center;flex:1 0 50px;}
#left-menu .center-menu > div {border:1px #7e3d71 solid; margin:1px;display: flex;}
#left-menu a {margin:auto;text-decoration: none;color:white;font-weight:normal;font-size:12px;}
#left-menu .center-menu > div > a > div {/*width:72px;*/height:32px;vertical-align: middle;display: table-cell;}
#left-menu .center-menu > div:hover {background: #6a075b;}
#left-menu .center-menu > div.activen {background: #910e76;}

#left-menu .copyright {flex:0 0 30px;text-align: center;font-size:10px;}
#center-wrap {flex:1 0 800px;background: white;padding:14px;overflow: auto;z-index:1000000;}
.hidden {display:none;}
.tableform {width:100%;}
.tableform td {padding:4px;}
.tableform input, .tableform textarea, .tableform select {width:100%; resize: vertical;}

.warning {color:red;background-color: #ffdede;}
.warning + span .select2-selection {background-color: #ffdede!important;}
.table4 {font-size:13px;width:100%;}
.table4 td {padding:4px;/*border-bottom:1px #f1f1f1 solid;*/border-right:1px #f1f1f1 solid;}

.log_table {width:100%;font-size:12px;}
.log_table td, .log_table th {padding:2px;}

.log_table_contacts {width:100%;font-size:12px;}
.log_table_contacts td, .log_table th {padding:2px;}
.log_table_contacts tr td:nth-child(2) {width:50px;}
.log_table_contacts tr td:nth-child(1) {width:150px;}

#lead-redact-block {flex: 0 0 340px;}
#lead-log-block {flex: 0 0 500px;overflow-y: scroll; height: calc(100vh - 148px);}
#lead-log-log {flex: 1 0 500px;overflow: scroll; height: calc(100vh - 120px);display: flex;   flex-direction: column;}

.no-scrollbar::-webkit-scrollbar { width: 0; }
.no-scrollbar { -ms-overflow-style: none; }
.no-scrollbar { overflow: -moz-scrollbars-none; }

.seach-input-element {font-size:18px;border-radius:4px; border:1px #eee solid;padding:8px;min-width:500px;}
#autosuggest_results {position:absolute;background:#f8fff2;padding:14px;display:none;margin-top: 39px;width: 472px;}

.perm-st-buttons {display:flex;flex-wrap: wrap;}
.perm-st-button {background: #e3e3e3; padding:4px; cursor:pointer;margin:1px;border-radius:3px;}
.perm-st-button:hover {background: #dcdcdc;}
.perm-st-button.activen {background: black;color:white;}
.permission_element-0 {color:red;}
.permission_element-1 {color:orange;}
.permission_element-3 {color:yellow;}
.permission_element-7 {color:green;}

#block-tabs {display:flex;justify-content: space-between;width:100%;}
#block-tabs > .block-tab {flex: 1 0 100px;padding:4px;background:lightgray;cursor:pointer;border-radius:4px;text-align: center;margin:1px;}
#block-tabs > .block-tab.activen {background:black;color:white;}
.block-wrap {display:none;}
.block-wrap.activen {display:block;}
.center-all td, .center-all th {text-align:center;}

.call_to_client_btn {display:inline-block;background:beige;cursor:pointer;padding:3px 6px;border-radius:3px;margin:1px;}
.call_to_client_btn:hover {opacity:0.8;}
.call_to_client_btn_2 {display:inline-block;background: #e9caf5;cursor:pointer;padding:3px 6px;border-radius:3px;margin:1px;}
.call_to_client_btn_2:hover {opacity:0.8;}

.l-c-table td {white-space: nowrap; font-size:12px;color:darkslategray;}
.l-c-table th {color:gray;font-weight:normal;}
.l-c-table tr:nth-child(even), .log_table tr:nth-child(even) {background-color:#EEE;}

.l-c-table-br td {font-size:12px;color:darkslategray;}
.l-c-table-br th {color:gray;font-weight:normal;}
.l-c-table-br tr:nth-child(even) {background-color:#EEE;}

.log_table td {white-space: nowrap; font-size:12px;color:darkslategray;padding:4px;}
.log-table th {color:gray;font-weight:normal;padding:4px;text-align: center;}


.apages {text-align: center;flex: 1 0 100px;}
.apages a {background: #dfdfdf;padding:4px 6px;text-decoration: none;border-radius:12px;color:black;}
#calls-div {position:fixed; z-index:1000; right:10px;bottom:20px;width:200px;display:flex;flex-direction: column;}
.call-baloon {border-radius: 14px; transition: 1s;padding:10px;margin-bottom:1px;}

.call-baloon-in {border:1px green solid;}
.call-baloon-in.Appeared {background: #d6eaff;}
.call-baloon-in.Connected {background: #a3ffdb;}
.call-baloon-out {border:1px #c24f00 solid;}
.call-baloon-out.Appeared {background: #fff3bc;}
.call-baloon-out.Connected {background: #ffc7d4;}

.call-baloon[data-delete_counter="5"] {opacity:0.9;}
.call-baloon[data-delete_counter="4"] {opacity:0.8;}
.call-baloon[data-delete_counter="3"] {opacity:0.7;}
.call-baloon[data-delete_counter="2"] {opacity:0.6;}
.call-baloon[data-delete_counter="1"] {opacity:0.5;}

.not-required * {color:gray;}
.fx-lc-card {width:100%;}
.fx-lc-card > div {flex: 0 0 48%;overflow: auto;}
.fx-lc-card > div:nth-child(1) {background:#f1f1f1;padding:14px;}
.fx-lc-card > div:nth-child(2) {background:white;padding:14px;}
.table-form-cards {width:100%;}
.table-form-cards input[type=text],.table-form-cards select, .table-form-cards textarea {width:-webkit-fill-available;max-width: inherit;}
.tr-contact-kod[data-kod='4'] * {font-weight: bold;; color: #6527c2;}
.tr-contact-kod[data-kod='5'] * {font-weight: bold;; color: #c22459;}
.tr-contact-kod[data-kod='6'] * {text-decoration: line-through;; color: gray!important;}
.tr-contact-kod[data-kod='7'] * {font-weight: bold; color: #2161c2;}

.tr-lead-kod[data-kod='7'] * {font-weight: bold; color: #2161c2;}

.tr-lead-kod * {color: #4ac200;}
.task-small-block {font-size:12px; background:beige;padding:3px;border:1px #e1e19c solid;margin:1px;border-radius:4px;}

.redtr, .redtr * {color:red!important;}
#change-date-filter-block, #make-date-filter-block {display:none;}
[name="type_filter_date"][value='0']:checked + label + input + label + #change-date-filter-block {display:inline-block;}
[name="type_filter_date"][value='1']:checked + label + nobr + #make-date-filter-block {display:inline-block;}
#header-fixed {top:0;background:rgba(255,255,255,0.8);position: fixed; display: none;}

th.header {
    background-image: url(img/tablesorter/small.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
}

th.headerSortDown {
    background-image: url(img/tablesorter/small_desc.gif);
    background-color: #3399FF;
}

th.headerSortUp {
    background-image: url(img/tablesorter/small_asc.gif);
    background-color: #3399FF;
}

#wide-search-block {display:none; padding:24px;background: beige;border-radius:4px;margin:7px 0;}
#wide-search-block-inner {display:flex; flex-wrap:wrap;}
#wide-search-block-inner > div {flex:0 0 32%;}
#wide-search-block-close {float:right;cursor: pointer;}
.w-checkboxes-title {padding: 7px 0;background: white;font-weight: bold;}
.w-checkboxes-items {display:none;}
.w-checkboxes-title {display:flex;}
.w-checkboxes-title label {cursor:pointer;flex:1 0 50px;}

.contact-phone-hidden-field {display:none;}

.telegram-btn {
    width: 32px;
    height: 32px;
    background: url(/img/telegram.svg) left center no-repeat;
    /*font-size: 12px;
    padding-left: 28px;
    margin: 7px;*/
    background-size:contain;
    margin-right:4px;
}
.whatsapp-btn {
    width: 32px;
    height: 32px;
    background: url(/img/whatsapp.svg) left center no-repeat;
    /*font-size: 12px;
    padding-left: 28px;
    margin: 7px;*/
    background-size:contain;
    margin-right:4px;
}
.message-btn {
    width: 32px;
    height: 32px;
    background: url(/img/message.svg) left center no-repeat;
    /*font-size: 12px;
    padding-left: 28px;
    margin: 7px;*/
    background-size:contain;
    margin-right:4px;
}
.phone-ico {background:url("/img/providers/phone.png") center no-repeat; width:32px;height:32px;background-size:contain; cursor:pointer;display: inline-block; margin-right:4px;}

.wa-btn-small {
    width: 14px;
    height: 14px;
    background: url(/img/whatsapp.svg) left center no-repeat;
    background-size:contain;
    margin: 2px;
    display: inline-block;
}

.sort-field {cursor:pointer;background:url("/img/sort-gray.png") right center no-repeat; background-size:14px;padding-right: 16px;}
.sort-field.activen.sort-asc {background:url("/img/sort-asc.png") right center no-repeat;}
.sort-field.activen {background:url("/img/sort-desc.png") right center no-repeat;}


.nontarget + label {display:inline-block;}
.nontarget + label + select {display:none;}
.nontarget:checked + label {display:none;}
.nontarget:checked + label + select {display: inline-block;width:140px;}
.red {color:red;text-decoration: none;}
.help {cursor: pointer;background: url('/img/help.svg') center no-repeat; background-size:contain; width:100%; height:32px; position:relative;}

.statuslog {padding: 3px;border-radius: 4px;color: black;}

.dashed, .dashed * {text-decoration: none; border-bottom: 1px #555 dashed;cursor:pointer;}

.chats-btn {cursor: pointer;background: url('/img/providers/chats.png') left center no-repeat; background-size:contain; height:32px; width:32px; /*padding-left:36px; line-height: 30px;*/}

#user_alarm_tasks {position:fixed; background:purple;color:white;padding:14px;bottom:14px;right:38px;cursor:pointer;border-radius: 4px;}
#my_alarm_tasks {position:fixed; background: #114e80;color:white;padding:14px;bottom:14px;right:238px;cursor:pointer;border-radius: 4px;}
.green-bg {background: #bffbbe!important;}
.help_btn {float:right; width:64px;height:64px;background: url("/img/help_btn.jpg") center no-repeat; background-size: contain;}

.menu-item-active {font-weight:bold!important;}
.analitics-block *, .options-block *, .options-block-2 *  {text-align: right!important;line-height: 10px!important;font-size:10px!important;}
.analitics-block div, .options-block div,  .options-block-2 div{max-width:80px;}
.dashboad-ico {
    width: 72px;
    background-size: 44px!important;
    padding-top: 50px;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;
    color: gray;
    margin: 10px auto;
}

audio {height: 25px;}