/** {-webkit-appearance: none;}*/
body {margin:0; padding:0; font-size:14px;font-family:Verdana;}
#site-overlay {position:fixed;display:none;background:rgba(255,255,255,0.6);width:100%;height:100vh;z-index:1000;}
#site-loading {margin:auto;width:150px; height:150px;background-image:url("../img/ajax-loader.gif");background-size:cover;}
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;}
.dashed {cursor:pointer;border-bottom:1px gray dashed;}
.pointer {cursor:pointer;}
/*.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:4px;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;
}

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


#main-wrap {display:flex;width:100%;height:100vh;position:fixed;top:0;left:0;}
#left-menu {flex:0 0 200px; background: #22405b;color:white;display:flex;flex-direction: column;justify-content: space-between;}
#left-menu > div > div {margin:auto;/*width:198px;*/padding:3px;/*text-align: center;*/flex:1 0 50px;}
#left-menu .center-menu > div {border:1px #3e5f7e solid; margin:1px;/*display: flex;*/overflow-y:auto;}
#left-menu a {margin:auto;text-decoration: none;color:white;font-weight:normal;font-size:12px;}
#left-menu .center-menu > div > a > div {width:100%;height:36px;vertical-align: middle;display: table-cell;}
#left-menu .center-menu {flex: 1 0 100px;padding-top: 24px;overflow-y: auto;}
#left-menu .center-menu > div:hover {background: #165d6a;}
#left-menu .center-menu > div.activen {background: #2e3891;}
#left-menu h4 {color:#7a8d9f;font-weight:normal;font-size: 11px;}

#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;
    display: flex;
    flex-direction: column;
}
.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;}
#lead-redact-block {flex: 0 0 340px;}
#lead-log-block {flex: 1 0 300px;overflow-y: scroll; height: calc(100vh - 148px);}
#lead-log-log {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;}
.l-c-table td {white-space: nowrap; font-size:12px;color:darkslategray;}
.l-c-table th {color:gray;font-weight:normal;}

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

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

.redtr, .redtr * {color:red!important;}

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


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

.whatsapp-btn {
    width: 84px;
    height: 24px;
    background: url(/img/whatsapp.svg) left center no-repeat;
    font-size: 12px;
    padding-left: 28px;
    margin: 7px;
    background-size:contain;
}
.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;}


#right-wrap {flex: 0 0 300px; background: #22405b; color:white; padding:10px;}
#started-evs-inner table {width:100%;font-size:12px;}
#started-evs-inner * {color:white;}
.attachments-files {display:flex; flex-wrap:wrap;}
.attachments-files > .attachments-item {padding:10px;}

.table-params {width:100%;font-size:12px;}
.table-params td {
    padding: 3px;
    border: 1px #a1a1a1 solid;
}
.ev-form-top {
    /*background: #22405b;
    color: white;*/
    position: absolute;
    left: 200px;
    top: 0;
    width: calc(100% - 228px);
    padding: 4px 14px;
    display:flex;
    justify-content: space-between;;
}
.ev-form-top > div {
    display:flex;
}
.ev-form-top > div > div {margin:auto 0;}
.ev-form-main {margin-top: 60px;min-height: calc(100vh - 140px);}
.top-buttons-ev-actions {display:flex;justify-content: space-between;}
.top-buttons-ev-actions .item-btn {padding:4px 8px; border-radius:4px; background:#3a87fd; margin:2px;cursor:pointer;}
.top-buttons-ev-actions .item-btn.active {background:white;color:black;border:1px #3a87fd solid;}
.top-buttons-ev-actions .item-btn:hover {opacity:0.8;}
.top-users-info > div {color:black; font-size:11px; line-height:11px; white-space: nowrap; margin-left:7px;}
.btn-form-ev-bottom {background:#7a7a7a;color:white;cursor:pointer;padding:7px 14px;border-radius:7px;border:0;margin-right:4px;}
.btn-form-ev-bottom:hover {opacity:0.8;}
.ev-sm-item {padding:2px; border-bottom:1px white solid;font-size: 11px;line-height: 12px;}
.top-ev-parameters-block > div {padding-right:10px;}
.view-add-form-eid.activen * {background: #363632;}

#ev-files-add{
    max-width: 512px;
    margin: auto;
}
.bottom-menu > div {padding:7px 0!important;border-top:1px gray solid;}
.bottom-menu .options-block.activen {background:#363632;}

.padding-left-20 {padding-left:20px!important;}
.padding-left-40 {padding-left:40px!important;}
.options-block-colored:nth-child(1) {background:#22405b;}
.options-block-colored:nth-child(2) {background: #305b83;}
.options-block-colored:nth-child(3) {background: #3b70a3;}
.options-block-colored:nth-child(4) {background: #4382bc;}
.options-block-colored:nth-child(1):hover {background: #284e6e!important;}
.options-block-colored:nth-child(2):hover {background: #356d9a!important;}
.options-block-colored:nth-child(3):hover {background: #3f84bb!important;}
.options-block-colored:nth-child(4):hover {background: #396c9c!important;}
.defects-block-params-step {padding-left:14px;}
.defects-block-params-step td {font-size:10px;padding-bottom: 7px;}
.defects-block-params-step select {width:90%;}
.form-fit input[type=text],.form-fit input[type=date],.form-fit input[type=number] {width:100%;}
.dashed {text-decoration:none; color:gray; border-bottom:1px gray dashed; cursor:pointer;}
.document-svg {background: url("document.svg") center no-repeat; background-size: contain; width:16px; height:16px; display:inline-block;margin: 0 3px; cursor:text;}
.document-svg.disabled {opacity:0.3;}
.ev-params-redact-form tr:nth-child(odd) {background:#dce6e9;}
.ev-form-bottom {position: fixed;bottom: 10px;}