/* файл стилей для кастомизации CRM Clientbase.ru
разработчик - Кравченко Антон, www.ClientbasePro.ru, +7 831 235-1050, mail@10crm.ru */





    /* скрываем "связанные таблицы" во всех карточках */
.connected-tables,
#linked_tables {
    display:     none;
}
    /* курсор над всплывашкой с отметкой */
#SetMode:hover,
.imgInSubtable:hover {
    cursor:      pointer;
}

    /* единые настройки для таблиц отчётов */
table.reportTable {
    border-collapse:           collapse;
    border:                    none;
    text-align:                center;
    width:                     100%;
    margin:                    7px 0;
    table-layout:              fixed;
}
    /* строка с итогами */
table.reportTable .total-row,
table.reportTable .total-row-bold {
    background-color:          Gainsboro;
}
table.reportTable .total-row-bold td,
table.reportTable .total-row-bold th {
    font-weight:               bold;
}

    /* подсветка строк в таблице */
table.reportTable tr:not(.total-row-bold):hover {
    background-color:          Cornsilk;
}
table.reportTable td,
table.reportTable th {
    padding:                   3px;
    vertical-align:            middle;
    border-top:                1px solid #B3BFC9;
    border-bottom:             1px solid #B3BFC9;
    border-left:               1px dashed #B3BFC9;
    border-right:              1px dashed #B3BFC9;
    text-align:                center;    
}
    /* итоговые ячейки */
table.reportTable .all {
    font-size:                 14px;
}
    /* ячейки */
table.reportTable .cell {
    font-size:                 13px;
}
table.reportTable .text-left-align {
    padding-left:              8px;
    text-align:                left;    
}
table.reportTable .text-right-align {
    text-align:                right;    
}
    /* ячейки с потенциально возможными суммами */
table.reportTable td span.potential {
    color:                     grey;
    font-size:                 12px;
}
 /* подсветка span элементов с потенциальными суммами */
table.reportTable td span.potential:hover {
    background-color:          grey;
    color:                     white;
    padding:                   2px 2px;
}
    /* select-ы внутри ячеек */
table.reportTable td select,
div.reportFilters table td select
{
    border-radius:             4px;
}
    /* элемент группировка данных, по нажатию сворачивает/раскрывает подстроки */
table.reportTable td .key_ {
    float:                     left;
    font-size:                 13px;
    border:                    1px solid grey;
    border-radius:             3px;
    padding:                   0 6px;
    cursor:                    pointer;
}

    /* блок с фильтрами по отчётам */
div.reportFilters {
    border-top:                1px solid #E3E3E3;
    border-bottom:             1px solid #E3E3E3;
    background-color:          #F5F5F5;
    text-align:                center;
    margin-top:                7px;
}
    /* таблица внутри блока с фильтрами */ 
div.reportFilters table {
    margin:                    0px;
    padding:                   0px;
    border:                    none;
    border-collapse:           collapse;
}
    /* ячейка внутри таблицы внутри блока с фильтрами */
div.reportFilters table td {
    border:                    none;
    margin:                    0;
    padding:                   0 15px;
}
    /* ячейка внутри таблицы внутри блока с фильтрами */
div.reportFilters table td span {
    white-space:               nowrap;
    line-height:               32px;
    font-size:                 14px;
    text-align:                center;
}
    /* заголовки радиобаттонов затеняем */
div.reportFilters table td span label {
    color:                     #C0C0C0;
    padding-right:             7px;
}
    /* select внутри блока с фильтрами */ 
div.reportFilters select {
    padding:                   4px 20px 4px 3px;
    line-height:               normal;
}


    /* календарик */
.date {
    font-size:                 14px;
    height:                    25px; 
    text-align:                center;
    border-radius:             4px;
    width:                     100px !important;
}
.selected label {
    color:                     black !important;
}
.multi {
    display:                   none;    
}

    /* убираем левую границу ячейки */
.left-border-none {
    border-left:               none !important;
}
    /* убираем правую границу ячейки */
.right-border-none {
    border-right:              none !important;
}

    /* толстые границы */
.left-border-bold {
    border-left:               2px solid #808080 !important;
}
.right-border-bold {
    border-right:              2px solid #808080 !important;
}
.top-border-bold {
    border-top:                2px solid #808080 !important;
}
.bottom-border-bold {
    border-bottom:             2px solid #808080 !important;
}


    /* подсветка отрицательных значений */
.red {
    color:                     red;
}
.red-background {
    background:                LightSalmon;
}

    /* подсветка положительных значений */
.green {
    color:                     green;
}
.green-background {
    background:                PaleGreen;
}

    /* span со ссылкой для открытия таблиц (детализация данных из отчёта) */
.open {
    cursor:                    pointer;
    float:                     right;
    background:                url('images/external-link-24.png') no-repeat;
    width:                     24px;
    height:                    24px;
    border:                    none;
}
.open:hover {
    opacity:                   1;
}



    /* span со ссылкой для загрузки отчётов формате Excel */
.xls {
    cursor:                    pointer;
    float:                     right;
    background:                white url('images/xls-20.png') no-repeat;
    width:                     20px;
    height:                    20px;
    border:                    none;
}

    /* подсветка серым кликабельных ячеек при наведении */
.linked:not(:empty):hover {
    background: Gainsboro;
    cursor: pointer;
}


    /* выделение текста жирным */
.bold {
    font-weight:               bold;
}
    /* Запрет переноса слов */
.nowrap {
    white-space:               nowrap;
}

#panel {
    position:                       fixed;
    background:                     #83cc61;
    padding:                        1px;
    opacity:                        0.7;
    border-radius:                  7px;
    left:                           20px;
}

  /* трубка для звонков */
.calling {
  height:                           16px;
  cursor:                           pointer; 
  margin-left:                      3px; 
  margin-top:                       0; 
  vertical-align:                   bottom;
}


    /* раскраска элементов по результатам вызова callback телефонии */
.callingFailed,
.callingStarted {
  border:  2px solid;
  border-radius:  4px;    
}
.callingFailed {
  border-color:  red;    
}
.callingStarted {
  border-color:  lime;    
}

    /* плавающий элемент "свернуть/развернуть" группы */
#panel2 {
  background-color: #FFE4B5 !important;
  border-radius: 3px;
  margin-left: 50px;
  z-index: 999;
  opacity: .8;
  cursor: move;
}

#panel2 div {
  display: inline-block;
  margin: 7px;
  padding: 3px;
  border-radius: 3px;
}
#panel2 div:hover {
  border: 1px solid #D2691E;
  cursor: pointer;
}

  /* плавающее окно телефонии */
#incomingCall {
  position:            absolute;
  cursor:              move;
  background-color:    #eefca9;
  padding:             7px;
  border:              2px solid #83cc61;
  border-radius:       7px;
  opacity:             0.95;
  z-index:             999;
}

.ic-freeze {
  border-color:        #C71585 !important;
  background-color:    #FFDAB9 !important;
}

  /* подсветка поля после обновления AJAX */
.updated {   
  background-color:             #00FF7F !important;  
}  
.failed {    
  background-color:             #FFA07A !important;  
}

  /* увеличенный размер шрифта */
.font-size-x1_1 {
  font-size:                    1.1em !important;
}
.font-size-x1_2 {
  font-size:                    1.2em !important;
}
.font-size-x1_5 {
  font-size:                    1.5em !important;
}
.font-size-x2 {
  font-size:                    2em !important;
}

    /* подсказки Dadata */
.suggestions-nowrap {
  white-space:   nowrap;
}
.suggestions-input {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* width: 100%; */ 
}
.suggestions-input::-ms-clear {
  display: none;
}
.suggestions-wrapper {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  vertical-align: top;
  -webkit-text-size-adjust: 100%;
}
.suggestions-addon {
  display: none;
  opacity: 0;
  position: absolute;
}
.suggestions-addon[data-addon-type="spinner"] {
  background: rgba(255, 255, 255, 0.75) url("data:image/gif;base64,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") 50% 50% no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.suggestions-addon[data-addon-type="clear"] {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Zz48cGF0aCBkPSdtMjAsMjBtMTAsMGwyMCwyMGwyMCwtMjBsMTAsMTBsLTIwLDIwbDIwLDIwbC0xMCwxMGwtMjAsLTIwbC0yMCwyMGwtMTAsLTEwbDIwLC0yMGwtMjAsLTIwbDEwLC0xMCcgZmlsbD0nIzk5OScvPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0.8;
}
.suggestions-addon[data-addon-type="clear"]:hover {
  opacity: 1;
}
.suggestions-suggestions {
  background: #ffffff;
  border: 1px solid #999;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
  z-index: 9999;
  -webkit-text-size-adjust: 100%;
}
.suggestions-suggestions strong {
  font-weight: normal;
  color: #3399FF;
}
.suggestions-suggestions.suggestions-mobile {
  border-style: none;
}
.suggestions-suggestions.suggestions-mobile .suggestions-suggestion {
  border-bottom: 1px solid #ddd;
}
.suggestions-suggestion {
  padding: 4px 4px;
  overflow: hidden;
}
.suggestions-suggestion:hover {
  background: #f7f7f7;
}
.suggestions-selected {
  background: #f0f0f0;
}
.suggestions-selected:hover {
  background: #f0f0f0;
}
.suggestions-hint {
  padding: 4px 4px;
  white-space: nowrap;
  overflow: hidden;
  color: #777;
  font-size: 85%;
}
.suggestions-constraints {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.suggestions-constraints:empty {
  display: none !important;
}
.suggestions-constraints li {
  background: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: default;
  display: inline-block;
  margin: 0 4px 0 0;
  padding: 0 0.5em;
}
.suggestions-constraints li .suggestions-remove {
  height: 1em;
  width: 1em;
  display: inline-block;
  margin: 0 0 0 0.25em;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Zz48cGF0aCBkPSdtMjAsMjBtMTAsMGwyMCwyMGwyMCwtMjBsMTAsMTBsLTIwLDIwbDIwLDIwbC0xMCwxMGwtMjAsLTIwbC0yMCwyMGwtMTAsLTEwbDIwLC0yMGwtMjAsLTIwbDEwLC0xMCcgZmlsbD0nIzk5OScvPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0.8;
}
.suggestions-constraints li .suggestions-remove:hover {
  opacity: 1;
}
.suggestions-constraints li span {
  vertical-align: middle;
}
.suggestions-subtext {
  color: #777777;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.suggestions-subtext_inline {
  display: inline-block;
  min-width: 6em;
  vertical-align: bottom;
  margin: 0 0.5em 0 0;
}
.suggestions-subtext-delimiter {
  display: inline-block;
  width: 2px;
}
.suggestions-subtext_label {
  margin: 0 0 0 0.25em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 3px;
  background: #f5f5f5;
  font-size: 85%;
}
.suggestions-value[data-suggestion-status="LIQUIDATED"] {
  position: relative;
}
.suggestions-value[data-suggestion-status="LIQUIDATED"]:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  content: '';
}