Your IP : 3.133.132.103
.crm-block-cont-right-wrap-item{max-height:257px; overflow-y:auto; overflow-x:hidden;}
.crm-block-cont-right-item{min-height:1px; padding:0 3px 10px 0; zoom: 1;}
.crm-block-cont-right-item .crm-block-cont-right-title{border-bottom:1px solid #dcdcdc; color:#7a7a7a; display:block; font-size:11px; font-weight:normal; margin-left:2px; padding:0 0 3px 4px;}
.crm-added-item .crm-block-cont-right-title{margin-bottom:11px;}
.crm-block-cont-right-item > span{color:#000; display:block; padding:0 0 5px 16px; zoom: 1;}
.crm-block-cont-right-item > span a{color:#000!important; text-decoration:none!important;}
.crm-block-cont-right-item a:hover{color:#000; text-decoration:underline!important;}
.crm-block-cont-right-item span i{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat 0 -283px; cursor:pointer; display:block; margin:1px 0 -2px -16px; float:left; height:13px; width:13px;}
.crm-block-cont-right-item span i:hover{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -17px -283px;}
.crm-block-cont-tabs-wrap{margin:0 0 7px;}
.crm-block-cont-tabs-wrap.crm-single-entity{margin:0 0 0; display:none}
.crm-block-cont-tabs{display:inline-block; margin-right:3px; padding-left:3px;}
.crm-block-cont-tabs >span{display:block; cursor:pointer; padding-right:3px;}
.crm-block-cont-tabs > span > span {color:#000!important; font-weight:bold; line-height:18px; text-decoration:none; display:block; height:19px; padding:0 5px;}
.crm-block-cont-tabs:hover{background:url(/bitrix/js/crm/images/crm-sprite.gif) no-repeat 0 -41px; }
.crm-block-cont-tabs:hover > span{background:url(/bitrix/js/crm/images/crm-sprite.gif) no-repeat right -41px; }
.crm-block-cont-tabs:hover > span > span{background:#ececec;}
.crm-block-cont-tabs.selected{background:url(/bitrix/js/crm/images/crm-sprite.gif) no-repeat 0 0!important; }
.crm-block-cont-tabs.selected > span{background:url(/bitrix/js/crm/images/crm-sprite.gif) no-repeat right 0!important; }
.crm-block-cont-tabs.selected > span > span{background:url(/bitrix/js/crm/images/crm-sprite.gif) repeat-x 0 -20px!important; }
.crm-block-cont-block-deal span{display:inline-block; cursor:pointer; vertical-align:top; padding:3px 5px; position:relative; width:170px; max-height: 32px; overflow: hidden;}
.crm-block-cont-block-deal span span {padding: 0;}
.crm-block-cont-block-deal span i{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat; display:none; height:11px; top:5px; right:5px; width:11px; position:absolute;}
.crm-block-cont-block-deal span ins{text-decoration:none!important;}
.crm-block-cont-block-deal-selected i{background-position:-19px -583px!important;}
.crm-block-cont-block-deal span:hover{background-color:#f0f0f0;}
.crm-block-cont-block-deal span:hover i{background-position:-19px -474px; display:block;}
.crm-block-cont-block-deal-selected:hover i{background-position:-19px -583px!important; display:block;}
.crm-block-cont-block-quote span{display:inline-block; cursor:pointer; vertical-align:top; padding:3px 5px; position:relative; width:170px; max-height: 32px; overflow: hidden;}
.crm-block-cont-block-quote span span {padding: 0;}
.crm-block-cont-block-quote span i{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat; display:none; height:11px; top:5px; right:5px; width:11px; position:absolute;}
.crm-block-cont-block-quote span ins{text-decoration:none!important;}
.crm-block-cont-block-quote-selected i{background-position:-19px -583px!important;}
.crm-block-cont-block-quote span:hover{background-color:#f0f0f0;}
.crm-block-cont-block-quote span:hover i{background-position:-19px -474px; display:block;}
.crm-block-cont-block-quote-selected:hover i{background-position:-19px -583px!important; display:block;}
.crm-block-cont-search input{border-top:1px solid #b0b0b0; border-left:1px solid #b0b0b0; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; height:15px; padding:2px 0; margin:0 0 7px; width:378px;}
.crm-block-cont-search-wait{background:url(/bitrix/js/crm/images/crm-wait.gif) no-repeat 0 0!important; height: 29px; display: block; margin-top: 4px; line-height: 29px; padding-left: 34px}
.crm-block-cont-search-no-result{height: 29px; display: block; margin-top: 4px; line-height: 29px; padding-left: 7px;}
.crm-block-cont-search-tab{display:inline-block; margin-right:2px;}
.crm-block-cont-search-tab span{display:inline-block; height:21px; vertical-align:top; width:4px; }
.crm-block-cont-search-tab a{display:inline-block; color:#000!important; font-weight:bold; line-height:21px; height:21px; padding:0 3px; text-decoration:none; vertical-align:top;}
.crm-block-cont-search-tab:hover span{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -4px -599px;}
.crm-block-cont-search-tab:hover span:first-child{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -0px -599px;}
.crm-block-cont-search-tab:hover a{background:url(/bitrix/js/main/core/images/controls-sprite.png) repeat-x 0 -621px;}
.crm-block-cont-search-tab.selected span{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -12px -599px!important;}
.crm-block-cont-search-tab.selected span:first-child{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -8px -599px!important;}
.crm-block-cont-search-tab.selected a{background:url(/bitrix/js/main/core/images/controls-sprite.png) repeat-x 0 -643px!important;}
.crm-block-cont-blocks-wrap {max-height:170px; min-height:103px; margin-top:7px; overflow:auto; position:relative; }
.crm-block-cont-item{display:inline-block; cursor:pointer; overflow:hidden; vertical-align:top; position:relative;}
.crm-block-cont-block-lead .crm-block-cont-item{color:#b2b2b2; margin:0 5px 11px 0; height:31px; width:175px;}
.crm-block-cont-block-lead .crm-block-cont-contact-info {width:170px;}
.crm-block-cont-block-contact .crm-block-cont-item{color:#b2b2b2; margin:0 5px 11px 0; height:31px; width:175px;}
.crm-block-cont-block-company .crm-block-cont-item{color:#b2b2b2; margin:0 5px 11px 0; height:31px; width:175px;}
.crm-block-cont-item:hover{background-color:#f0f0f0;}
.crm-block-cont-item .crm-avatar{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat scroll 0 -664px transparent; left:3px; top:3px; height:24px; position:absolute; width:24px; display: block; overflow: hidden}
.crm-block-cont-item i{ display:block; height:11px; top:10px; right:5px; width:11px; position:absolute;}
.crm-block-cont-item:hover i{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -19px -474px;}
.crm-block-cont-item-selected:hover i{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -19px -583px!important; }
.crm-block-cont-contact-info{display:inline-block; float:right; width:146px; min-height: 28px; }
.crm-block-cont-contact-info span{color:#999; font-size:11px;line-height:13px; display:block; white-space:nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.crm-block-cont-contact-info ins {color:#000; display:block; font-size:12px; margin-top:1px; line-height:14px; text-decoration:none!important; white-space:nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding:0;}
.crm-block-cont-item-selected ins{color:#666!important}
.crm-block-cont-var-id, .crm-block-cont-var-url { display: none }
.crm-block-cont-block-company .crm-block-cont-item .crm-avatar{background:url(/bitrix/js/crm/images/crm-company.gif) no-repeat; }
.crm-block-content{font-family:Arial,sans-serif; overflow:hidden; position:relative;}
.crm-block-content a{outline:none; text-decoration: none!important;}
.crm-box-layout{margin:3px 7px 0 0;}
.crm-single-column.crm-box-layout{margin:3px 2px 0 0 !important;}
.crm-box-layout td{padding:0; vertical-align:top;}
.crm-block-cont-right{border:none; height:217px; padding:0 6px 0 4px; width:378px;}
.crm-block-cont-right{ width:191px;}
.crm-box-layout .crm-block-cont-right{background-color:#f5f5f5; border:1px solid #e2e2e2; padding:5px 5px 5px 6px;}
.crm-single-column .crm-block-cont-right{display:none!important;}
.crm-box-layout .crm-block-cont-left{width:378px; padding:0 11px 0 4px;}
.crm-box-layout.crm-single-column .crm-block-cont-left{ padding:0 4px 0 4px;}
table.field_crm { margin-bottom: 3px }
table.field_crm td.field_crm_entity_type { vertical-align: top; border-left: 1px solid #c7c7c7; padding-left: 11px; padding-right: 7px; text-align: right; font-weight: bold; background: none; padding-bottom: 2px}
table.field_crm td.field_crm_entity { background: none; padding-bottom: 2px}
.crm-button-open a { border-bottom: 1px dashed #0069C4; outline: medium none; text-decoration: none;}
.crm-button-open a:hover { border-bottom: 1px dashed #E00000;}
.crm-element-item-delete { background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat scroll -10px -129px transparent; cursor: pointer; display: inline-block; height: 15px; margin: 0 8px 0 3px; vertical-align: middle; width: 13px; opacity: .3}
.crm-element-item-delete:hover { background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat scroll -10px -129px transparent; opacity: 1; }
.crm-place-holder {position:absolute; top:0; left:980px; display:none;}
div.crm_balloon_company div.bx-user-info-fields span.field-name { font-weight: bold!important; color: #646365; padding-top: 2px; display: inline-block; }
div.crm_balloon_company div.bx-user-info-seporator { font-weight: bold!important; color: #646365 }
div.crm_balloon_company .bx-user-photo .no-photo {
background-image: url(/bitrix/components/bitrix/crm.company.show/templates/.default/images/company-100x100.png);
}
div.crm_balloon_contact div.bx-user-info-fields span.field-name { font-weight: bold!important; color: #646365; padding-top: 2px; display: inline-block; }
div.crm_balloon_contact div.bx-user-info-seporator { font-weight: bold!important; color: #646365 }
div.crm_balloon_no_photo div.bx-user-info-fields span.field-name { font-weight: bold!important; color: #646365; padding-top: 2px; display: inline-block; }
div.crm_balloon_no_photo div.bx-user-info-seporator { font-weight: bold!important; color: #646365 }
div.crm_balloon_no_photo .bx-user-info-leftcolumn { display: none }
div.crm_balloon_no_photo .bx-user-info-data { padding-left: 50px; }
div.crm_balloon_no_photo .bx-user-info-data-cont-video { width: 300px }
div.bx-crm-view,
div.bx-crm-edit
{
font: 100% Arial,Sans-Serif;
}
.bx-crm-view a:not(.ui-btn),
.bx-crm-view a:visited:not(.ui-btn),
.bx-crm-view a:hover:not(.ui-btn),
.bx-crm-view a:active:not(.ui-btn) { color:#0069c4; }
div.bx-crm-view-menu div.bx-interface-toolbar span.bx-context-button-text { color:#000; }
div.bx-crm-view-menu span.btn-edit { background:url(../images/lead-mini-sprite.png) no-repeat 3px -50px!important; }
div.bx-crm-view-menu span.btn-delete { background:url(../images/lead-mini-sprite.png) no-repeat 5px -114px !important; }
div.bx-crm-view-menu span.btn-new { background:url(../images/lead-mini-sprite.png) no-repeat 3px -610px !important; }
div.bx-crm-view-menu span.btn-copy { background:url(../images/lead-mini-sprite.png) no-repeat 3px -18px !important; }
div.bx-crm-view-menu span.btn-list { background:url(../images/lead-mini-sprite.png) no-repeat 1px -245px !important; }
div.bx-crm-view-tab-block { border-bottom:1px solid #c9c9c9; padding:0 10px; margin: 10px 0 0; }
a.bx-crm-view-tab { border: 0 !important; display:inline-block; margin-right:4px; height:33px; vertical-align:top; }
span.bx-crm-view-tab-left, span.bx-crm-view-tab-text, span.bx-crm-view-tab-right { background:url(../images/lead-mini-sprite.png) no-repeat 50px 50px; display:inline-block; height:29px; margin-top:4px; vertical-align:top; width:3px; }
span.bx-crm-view-tab-text { background-position:0 -533px; background-repeat:repeat-x; color:#4a4a4a; font-size:13px; font-weight:bold; height:22px; padding:7px 15px 0; width:auto; }
span.bx-crm-view-tab-lock {
display: inline-block;
position: relative;
top: 1px;
width: 9px;
height: 13px;
padding-left: 4px;
text-align: center;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOSAxMiI+ICA8cGF0aCBmaWxsPSIjMjhCQUU5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljk1Miw1IEw5LDUgTDksMTIgTDAsMTIgTDAsNSBMMS4wNTIsNSBMMS4wNTIsMy40MTIgQzEuMTE1MzMxNjcsMS41NTIzMjI3NCAyLjY0MTI0NDY2LDAuMDc3NDkwNDI1MSA0LjUwMiwwLjA3NzQ5MDQyNTEgQzYuMzYyNzU1MzQsMC4wNzc0OTA0MjUxIDcuODg4NjY4MzMsMS41NTIzMjI3NCA3Ljk1MiwzLjQxMiBMNy45NTIsNSBaIE02Ljk5NjQyNzgzLDUgTDcuMDA4LDMuNDEyIEM2LjkwMzAwMjI5LDIuMDc3Mjc1NzMgNS44MzU3NDU5MywxLjAyMTA4MzQ0IDQuNSwwLjkzIEMzLjE2NDI1NDA3LDEuMDIxMDgzNDQgMi4wOTY5OTc3MSwyLjA3NzI3NTczIDEuOTkyLDMuNDEyIEwyLjAwNTA0MDUzLDUgTDYuOTk2NDI3ODMsNSBaIE01LjAxOSw4Ljg3OSBMNS4wMTksMTAuMTY2IEwzLjk4MSwxMC4xNjYgTDMuOTgxLDguODc5IEMzLjc4NzY5NDg0LDguNzI1MzU2MDEgMy42NzUwMzA3Nyw4LjQ5MTkyNzg1IDMuNjc1LDguMjQ1IEMzLjY3NSw3Ljc4OTM2NTA4IDQuMDQ0MzY1MDgsNy40MiA0LjUsNy40MiBDNC45NTU2MzQ5Miw3LjQyIDUuMzI1LDcuNzg5MzY1MDggNS4zMjUsOC4yNDUgQzUuMzI0OTY5MjMsOC40OTE5Mjc4NSA1LjIxMjMwNTE2LDguNzI1MzU2MDEgNS4wMTksOC44NzkgTDUuMDE5LDguODc5IFoiLz48L3N2Zz4=) no-repeat center left;
}
span.bx-crm-view-tab-left { background-position:-13px -454px; }
span.bx-crm-view-tab-right { background-position:-17px -454px; }
a.bx-crm-view-tab:hover span.bx-crm-view-tab-text { background-position:0 -494px; }
a.bx-crm-view-tab:hover span.bx-crm-view-tab-right { background-position:-4px -494px; }
a.bx-crm-view-tab:hover span.bx-crm-view-tab-text { background-position:0 -571px; }
a.bx-crm-view-tab-active span.bx-crm-view-tab-left { background-position:0 -453px !important; height:34px !important; margin-top:0 !important; }
a.bx-crm-view-tab-active span.bx-crm-view-tab-right { background-position:-4px -453px !important; height:34px !important; margin-top:0 !important; }
a.bx-crm-view-tab-active span.bx-crm-view-tab-text { background:#fff !important; border-top:1px solid #b2b2b2 !important; height:26px !important; margin-top:0 !important; }
div.bx-crm-edit-content-separator {border-bottom:1px solid #e2e2e2; padding-bottom:18px;}
div.bx-crm-edit-title-label { color: #92907E; font-size: 13px; padding: 5px 0 6px 4px; }
div.bx-crm-edit-title-wrapper { background-color:#FFFFFF; border:1px solid #D9D9D9; height:27px; margin-bottom:8px; padding:4px 12px 0; }
input.bx-crm-edit-title { background-color: #FFFFFF; border: medium none; color: #000000; font-size: 19px !important; margin-left: -12px; outline: medium none; padding: 0 11px; width: 100%; }
div.bx-crm-edit-content-block { background-color:#eeeeee; color: #5e5e5e; margin-bottom:2px; padding:5px 25px 15px 15px; }
div.bx-crm-edit-content-block-title { color:#000; border-bottom:1px solid #d6d6d6; font: bold 15px/32px Arial,sans-serif; padding:0 0 3px 4px; position:relative; }
div.bx-crm-edit-content-block-section { border-bottom:1px solid #e2e2e2; padding-bottom:18px; }
div.bx-crm-edit-content-block-element { margin-top:9px; overflow:hidden; padding-left:60px; }
span.bx-crm-edit-content-block-element-name { display: inline-block; font-size:13px; overflow: hidden; padding-right: 10px; text-align: right; text-overflow:ellipsis; vertical-align: middle; width: 180px; }
.bx-crm-edit-disable-selection
{
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
div.bx-crm-edit-content-block-wide-element { margin-top:9px; overflow:hidden; padding-left:0; }
div.bx-crm-edit-content-block-element div.crm-fld-block-readonly
{
display: inline-block;
vertical-align: top;
}
div.bx-crm-edit-content-block-vertical-element {}
div.bx-crm-edit-content-block-vertical-element-name { padding:11px 0 4px 4px; }
div.bx-crm-edit-content-block-vertical-element-wrapper { padding:0 5px; }
div.bx-crm-edit-content-block-checkbox { font-size:13px; margin-top:14px; padding-left:33px; position:relative; }
input.bx-crm-edit-content-checkbox { margin:0; left:13px; top:2px; position:absolute; }
div.bx-crm-edit-content-checkbox-label { color:#000; vertical-align:middle; }
div.bx-crm-edit-content-checkbox-description { color:#8f8f8f; font-size:11px; }
div.bx-crm-edit-crm-entity-field,
div.bx-crm-edit-user-field,
div.bx-crm-edit-field
{
vertical-align: top;
max-width: 485px;
}
.crm-offer-info-table div.bx-crm-edit-user-field .field-item { position: relative;}
.crm-offer-info-table div.bx-crm-edit-user-field {
max-width: none;
}
div.bx-crm-edit-user-field div.bx-ius-layout div.mli-layout
{
display: inline-block;
}
div.bx-crm-edit-user-field div.bx-ius-layout div.mli-layout input
{
height: 27px;
padding: 0 2px;
width: 250px !important;
}
div.bx-crm-edit-user-field div.fields input.string,
div.bx-crm-edit-user-field div.fields input.integer
{
height: 27px;
padding: 0 2px;
vertical-align: top;
}
div.bx-crm-edit-user-field div.fields input.string
{
width: 250px !important;
}
div.bx-crm-edit-user-field div.fields input.integer
{
width: 75px !important;
}
.crm-offer-info-table div.bx-crm-edit-user-field select
{
width: 250px;
}
div.bx-crm-edit-file-field
{
display: inline-block;
vertical-align: top;
}
span.required { color: red; }
.bx-crm-edit-fm-item
{
margin: 0 0 9px 0;
}
.bx-crm-edit-input
{
border: 1px solid #d9d9d9;
background-color:#fff;
-moz-box-shadow: 0 0 0 1px #f6f6f6;
-webkit-box-shadow: 0 0 0 1px #f6f6f6;
box-shadow: 0 0 0 1px #f6f6f6;
display: inline-block;
height: 27px;
line-height: 27px;
margin-right: 10px;
outline:none;
padding: 0 3px;
vertical-align:middle;
width: 250px;
}
div.bx-crm-edit-content-block-element select { padding:3px; width:256px; }
.bx-crm-deal-category-selector-dialog select { padding:5px; width:256px; }
div.crm-offer-info-data-wrap div.bx-crm-edit-user-field div.mli-search-results,
div.bx-crm-edit-content-block-element div.bx-crm-edit-user-field div.mli-search-results
{
z-index: 10;
}
.bx-crm-edit-text-area {
border:1px solid #d9d9d9;
height:75px;
margin:0;
resize:none;
padding:3px;
vertical-align:top;
width:485px;
}
.crm-offer-info-table .bx-crm-edit-text-area,
.crm-offer-info-table .crm-offer-textarea
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: -2px;
width: 100%;
}
.bx-crm-edit-input-small { width:110px!important; }
.bx-crm-edit-label { color:#7C7C7C; font:12px/14px Arial,sans-serif; border-bottom:1px dashed #7C7C7C; cursor:pointer; vertical-align:middle; margin-left: 6px; }
.bx-crm-edit-description { color: #8F8F8F; font-size: 11px; }
span.bx-crm-edit-datetime-link
{
display: inline-block;
border-bottom:1px dashed #5e5e5e;
padding-top:9px;
cursor: pointer;
}
input.webform-button-text
{
border: medium none;
background: none repeat scroll 0 0 transparent;
}
div.crm-product-row-container
{
background-color: #ffffff;
padding: 8px;
}
div.bx-crm-dialog-quick-create-popup { margin-top: 10px; }
div.bx-crm-dialog-quick-create-field { padding-bottom:10px; position:relative; }
span.bx-crm-dialog-quick-create-field-title
{
display:inline-block;
color:#333;
overflow:hidden;
text-overflow:ellipsis;
text-align:right;
padding-right:10px;
vertical-align:middle;
width:120px;
}
div.bx-crm-dialog-quick-create-error-wrap
{
color: #ff0000;
margin: 4px;
word-wrap: break-word;
overflow: hidden;
width:250px;
}
.bx-crm-dialog-quick-create-field-text-input
{
border:1px solid #bdbdbd;
box-shadow:inset 0 1px 1px #e9e8e8;
-moz-box-shadow:inset 0 1px 1px #e9e8e8;
-webkit-box-shadow:inset 0 1px 1px #e9e8e8;
display:inline-block;
height:22px;
margin-right:10px;
outline:none;
padding:0 3px;
vertical-align:middle;
width:260px;
}
select.bx-crm-dialog-quick-create-field-select
{
outline:none;
height:23px;
width:268px;
}
textarea.bx-crm-dialog-quick-create-field-text-input { height:60px; resize:none; padding:3px; }
input.bx-crm-dialog-quick-create-field-checkbox
{
margin: 0;
padding: 0;
position: relative;
top: -1px;
vertical-align: middle;
}
label.bx-crm-dialog-quick-create-field-checkbox-label
{
display: block;
padding: 0 0 0 130px;
}
span.bx-crm-dialog-quick-create-field-checkbox-label-text
{
padding: 0 0 0 5px;
}
div.bx-crm-entity-info-wrapper,
div.bx-crm-entity-buttons-wrapper
{
float: left;
}
span.bx-crm-edit-crm-entity-add,
span.bx-crm-edit-crm-entity-change
{
display: inline-block;
border-bottom:1px dashed #5e5e5e;
margin-right: 15px;
padding:0;
cursor: pointer;
}
a:link.bx-crm-entity-info-link,
a:visited.bx-crm-entity-info-link,
a:hover.bx-crm-entity-info-link
{
text-decoration: none;
color: #5E5E5E;
border-bottom:1px dashed #5e5e5e;
display: inline-block;
}
div.bx-popup-menu td.popupmenu div.popupitem td.gutter div.btn-delete { background:url(../images/lead-mini-sprite.png) no-repeat 2px -116px !important; }
div.bx-popup-menu td.popupmenu div.popupitem td.gutter div.btn-new { background:url(../images/lead-mini-sprite.png) no-repeat 2px -612px !important; }
div.bx-popup-menu td.popupmenu div.popupitem td.gutter div.btn-copy { background:url(../images/lead-mini-sprite.png) no-repeat 2px -21px !important; }
.crm-main-wrap {
color:#000;
font-size:14px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
-webkit-font-smoothing: antialiased;
}
.crm-header{
background-color: #ffffff;
color:#000;
font-size:14px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
-webkit-font-smoothing: antialiased;
height:107px;
position:relative;
}
.crm-search-block {
display: block;
overflow: hidden;
padding: 0;
background: #fff;
float: right;
margin-top: -9px;
width: 320px;
}
.template-bitrix24 .crm-search-block {
float: none;
margin: 0;
}
.crm-search {
border-radius:2px;
border:1px solid;
border-color:#ced0d1 #d1d3d5 #d3d6d8;
box-shadow:inset 0 1px 2px 0 #e3e3e3;
display:block;
height:31px;
}
.crm-search-btn {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat center -504px;
cursor:pointer;
display:block;
float:right;
height:31px;
width:37px;
border: none;
}
.crm-search-btn:focus {
outline: none;
}
.crm-search-btn:hover {background-position:center -477px}
.crm-search-inp-wrap {
display:block;
overflow:hidden;
padding:5px 0 0 9px;
}
.crm-search-inp {
background:#fff;
border:none;
color:#000;
height:19px;
font-size:14px;
font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica));
outline:none;
padding:0;
width:100%;
}
.crm-search-inp:-moz-placeholder{color: #c2c2c2;}
.crm-search-inp::-moz-placeholder{color: #c2c2c2;}
.crm-search-inp::-webkit-input-placeholder{color: #c2c2c2;}
.crm-search-inp:-ms-input-placeholder {color: #c2c2c2;}
.crm-menu-resize .crm-menu-item-wrap {height:57px;}
.crm-menu-resize .crm-menu-item {height:33px;}
.crm-menu-resize .crm-menu-icon {display:none;}
.crm-menu-resize .crm-menu-name {padding-top:7px;}
.crm-menu-resize .crm-menu-more .crm-menu-name:before {top:16px;}
.crm-menu-resize .crm-search-block {padding-top:0;}
.crm-menu-resize .crm-menu-icon-counter {top:-8px; left:68px;}
.crm-header-inner {
background-color: #fff;
height: 107px;
position: relative;
}
.bx-pin.crm-menu-fixed {
-webkit-box-shadow: 0 4px 10px 0 #c6c9cb;
box-shadow: 0 4px 10px 0 #c6c9cb;
margin-left: -15px;
margin-right: -15px;
height: 46px;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
position: fixed;
top: 0;
z-index: 987;
}
.crm-menu-fixed .crm-menu-item-wrap {min-height: 0; height:36px;}
.crm-menu-fixed .crm-menu-item {min-height: 0; height:33px;}
.crm-menu-fixed .crm-menu-icon {display:none;}
.crm-menu-fixed .crm-menu-name {padding-top:7px;}
.crm-menu-fixed .crm-menu-more .crm-menu-name:before {top:13px;}
.crm-menu-fixed .crm-search-block {padding-top:1px;}
.crm-menu-fixed .crm-menu-icon-counter {top:-8px; left:68px;}
.crm-menu-fixed .crm-menu-shadow,
.crm-menu-fixed .crm-menu-icon-counter {display: none;}
.crm-menu-fixed-btn {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -3752px;
cursor: pointer;
height: 37px;
top: 20px;
right: 0;
opacity: 0.8;
position: absolute;
width: 4%;
}
.crm-menu-unfixed-btn {
background-position: center -4168px;
}
.crm-menu-fixed .crm-menu-fixed-btn {
top: 1px;
right: 15px;
}
.crm-menu-fixed-btn:hover {
opacity: 1;
}
.crm-list-wrap {
color:#000;
font-size:14px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
-webkit-font-smoothing: antialiased;
}
.crm-list-top-bar {
background:#fff;
border-radius: var(--ui-border-radius-md);
padding: 10px 12px 9px 12px;
margin-bottom: var(--ui-space-stack-2xs, 8px);
}
/*.crm-list-top-bar ~ .crm-grid,
.crm-list-top-bar + div > .crm-grid {
--main-grid-top-border-radius: 0;
}*/
.crm-toolbar-alignment-right {float:right; text-align:right;}
.crm-toolbar-btn,
.crm-toolbar-btn-split-bg {
background-color:#fff;
border: 1px solid #c6cdd3;
border-radius:1px;
display:inline-block;
color:#535c69!important;
cursor:pointer;
font-size:12px;
font-weight: bold;
height:33px;
line-height: 33px;
text-decoration: none;
text-transform: uppercase;
padding:0 13px 0 36px;
position:relative;
vertical-align:top;
-webkit-transition: background-color 0.25s linear;
transition: background-color 0.25s linear;
}
.crm-toolbar-btn:hover,
.crm-toolbar-btn-split-r:hover .crm-toolbar-btn-split-bg,
.crm-toolbar-btn-split-l:hover .crm-toolbar-btn-split-bg{
background:#dddee1;
color: #535c69;
text-decoration: none;
}
.bx-ie8 .crm-toolbar-btn,
.bx-ie8 .crm-toolbar-btn-split-bg {
border: 1px solid;
border-color: #e0e6e7 #d7d9d9 #b8b9b9;
}
.crm-toolbar-btn-icon {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat 100px;
height:19px;
left:9px;
top:8px;
position:absolute;
width:18px;
z-index: 2;
}
.crm-toolbar-btn-split {
float: left;
display: inline-block;
}
.crm-toolbar-btn-split-l,
.crm-toolbar-btn-split-r {
cursor: pointer;
display: inline-block;
height: 35px;
overflow: hidden;
position: relative;
vertical-align: top;
}
.crm-toolbar-btn-split-r {width: 23px;}
.crm-toolbar-btn-split-l .crm-toolbar-btn-split-bg {
padding-right: 30px;
margin-right: -15px;
}
.crm-toolbar-btn-split-l:before {
border-right: 1px solid #cccfd0;
content: "";
bottom: 1px;
top: 1px;
right: 0;
position: absolute;
z-index: 2;
}
.crm-toolbar-btn-split-r:after {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -24px -1617px;
content: "";
height: 5px;
position: absolute;
top: 16px;
right: 8px;
width: 7px;
}
.crm-toolbar-btn-split-r .crm-toolbar-btn-split-bg {
margin-left: -15px;
padding-left: 15px;
}
.crm-toolbar-btn-split-r:active:before {
display: none;
}
.crm-toolbar-label1 {
color: #2C4247;
display:inline-block;
float: right;
font-size:14px;
font-weight:bold;
height:23px;
padding:6px 13px 0 13px;
position:relative;
text-decoration: none;
vertical-align:top;
white-space: pre;
}
.crm-toolbar-label2 {
color: #2C4247;
display:inline-block;
float: left;
font-size:14px;
font-weight:bold;
height:26px;
margin:0 3px;
padding:9px 11px 0 11px;
position:relative;
text-decoration:none;
text-shadow:0 1px #fff;
vertical-align:top;
white-space: pre;
}
.btn-new {margin:0 3px;}
.crm-filter-light-btn .crm-toolbar-btn-icon {background-position:center -1345px;}
.btn-new .crm-toolbar-btn-icon {background-position:0 -583px; top:9px;}
.crm-list-table {
border:none;
border-spacing:0;
margin-top:1px;
padding:0;
width:100%;
}
.bx-crm-interface-grid {font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica));}
.crm-list-header-cel {
background:#e9e9e9;
background:-webkit-linear-gradient(top, #efefef, #e3e3e3);
background:-moz-linear-gradient(top, #efefef, #e3e3e3);
background:-o-linear-gradient(top, #efefef, #e3e3e3);
background:-ms-linear-gradient(top, #efefef, #e3e3e3);
background:linear-gradient(top, #efefef, #e3e3e3);
color:#41474f;
font-size:13px;
height:40px;
padding:0 0 0 15px;
text-shadow:0 1px #fff;
}
table.bx-interface-grid tr.bx-grid-gutter > td {height:0; border:none;}
div.empty {height:0;}
.crm-list-checkbox-cell.crm-list-header-cel {border-radius:0 0 0 2px;}
.crm-list-responsible-cell.crm-list-header-cel {border-radius:0 0 2px 0;}
.crm-list-cell {
border-top:1px solid #e3ebed;
height:59px;
padding:0 10px 0 15px;
}
.crm-list-checkbox-cell,
.crm-list-menu-cell {
text-align:center;
vertical-align:middle;
padding:0;
width:38px;
}
.crm-checkbox {}
.crm-list-menu-img {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat -42px -583px;
margin:0 auto;
height:11px;
width:11px;
}
.crm-list-stage-cell {width:400px;}
div.crm-list-stage-bar {
background:#fff;
border:1px solid #cdd0d3;
border-radius:2px;
height:8px;
min-width: 170px;
max-width:350px;
position:relative;
}
.crm-lead-header-header div.crm-list-stage-bar {
min-width: 100px;
}
table.crm-feed-info-table td.crm-feed-info-right-cell div.crm-list-stage-bar {
max-width:240px;
min-width:240px;
width: 240px;
}
.crm-list-stage-bar .crm-list-stage-cell {margin-top:-7px;}
.crm-list-stage-bar-title {
color:#a5a9ab;
font-size:11px;
padding:5px 0 0 3px;
line-height:14px !important;
}
table.crm-list-stage-bar-table {
border-spacing:0;
height:8px;
width:100%;
}
div.bx-crm-view-form table.crm-list-stage-bar-table td.crm-list-stage-bar-part,
div.bx-crm-interface-form table.crm-list-stage-bar-table td.crm-list-stage-bar-part,
div.feed-post-text-block table.crm-list-stage-bar-table td.crm-list-stage-bar-part,
table.bx-interface-grid table.crm-list-stage-bar-table td.crm-list-stage-bar-part,
table.main-grid-table table.crm-list-stage-bar-table td.crm-list-stage-bar-part,
.crm-entity-widget-content-block-inner table.crm-list-stage-bar-table td.crm-list-stage-bar-part
{
border-bottom-style: none !important;
border-left:1px solid rgba(0,0,0,.1);
padding:0 !important;
width:20px !important;
}
table.bx-interface-grid tr.crm-interface-grid-row-emphasized td { background-color: #fbf6e5 !important; }
.bx-ie8 table.bx-interface-grid table.crm-list-stage-bar-table td.crm-list-stage-bar-part,
.bx-ie8 table.main-grid-table table.crm-list-stage-bar-table td.crm-list-stage-bar-part
{
border-left:1px solid #e5e5e5;
}
table.crm-list-stage-bar-table td.crm-list-stage-bar-part:first-child {border:none !important;}
table.crm-list-stage-bar-table td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
cursor: pointer;
height:8px;
margin-right:-1px;
min-width:5px;
position:relative;
}
table.crm-list-stage-bar-table td.crm-list-stage-bar-part:first-child div.crm-list-stage-bar-block {
border-radius: 1px 0 0 1px;
}
table.crm-list-stage-bar-table td.crm-list-stage-bar-part:last-child div.crm-list-stage-bar-block {
border-radius: 0 1px 1px 0;
}
table.crm-list-stage-bar-table td.crm-list-stage-passed {
border-color:#4386bf;
}
table.crm-list-stage-bar-table td.crm-list-stage-passed div.crm-list-stage-bar-block {
background:#ace9fb;
-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);
box-shadow:inset -1px 0 0 rgba(0,0,0,.1);
}
.bx-ie8 table.crm-list-stage-bar-table td.crm-list-stage-passed div.crm-list-stage-bar-block {border-left: 1px solid #2e9acb;}
table.crm-list-stage-bar-table td.crm-list-stage-bar-part div.crm-list-stage-bar-block div.crm-list-stage-bar-btn {
border-top:3px solid rgba(111,113,115,.39);
border-bottom:3px solid rgba(111,113,115,.39);
display:none;
height:100%;
left:-1px;
top:-3px;
right: 0;
position:absolute;
width:100%;
}
.bx-ie8 table.crm-list-stage-bar-table td.crm-list-stage-bar-part div.crm-list-stage-bar-block div.crm-list-stage-bar-btn {
border-top:3px solid #c7c8c9;
border-bottom:3px solid #c7c8c9;
}
.crm-list-stage-bar-part:first-child .crm-list-stage-bar-btn {
border-radius:5px 0 0 5px;
border-left:3px solid rgba(111,113,115,.39);
left: -3px !important;
}
.crm-list-stage-bar-part:last-child .crm-list-stage-bar-btn {
border-radius:0 5px 5px 0;
border-right:3px solid rgba(111,113,115,.39);
}
.crm-list-bar-popup-table {cursor:pointer;}
.crm-list-bar-popup-table .popup-window-content-row .popup-window-center-column {
height:50px;
vertical-align:middle;
text-align:center;
min-width:150px;
max-width:200px;
}
.crm-list-bar-popup-text {
display:inline-block;
font-size:11px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
-webkit-font-smoothing: antialiased;
font-weight:bold;
padding:5px;
}
table.crm-list-stage-bar-table td.crm-list-stage-bar-part:first-child div.crm-list-stage-bar-btn {left:-3px;}
table.crm-list-stage-bar-table td.crm-list-stage-bar-part div.crm-list-stage-bar-block:hover .crm-list-stage-bar-btn {display:block;}
div.crm-list-stage-end-good table.crm-list-stage-bar-table td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
background:#b0d63a;
-webkit-box-shadow:inset -1px 0 0 rgba(0,0,0,.1);
box-shadow:inset -1px 0 0 rgba(0,0,0,.1);
}
.bx-ie8 div.crm-list-stage-end-good table.crm-list-stage-bar-table td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
border-left: 1px solid #8aad19;
}
div.crm-list-stage-end-bad table.crm-list-stage-bar-table td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
background:#ffbebd;
box-shadow:inset -1px 0 0 rgba(0,0,0,.1);
}
.bx-ie8 div.crm-list-stage-end-bad table.crm-list-stage-bar-table td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
border-left: 1px solid #ee7e7e;
}
.crm-nearest-activity-wrapper {
padding-right:20px;
position:relative;
}
.crm-list-deal-date {
color:#2067b0;
font-size:12px;
}
.crm-list-deal-date .crm-link {border-bottom:1px dashed #2067b0;}
.crm-list-deal-date .crm-link:hover {text-decoration:none;}
.crm-link {
color:#2067b0;
text-decoration:none;
}
.crm-link:hover {color:#2067b0; text-decoration:underline;}
.crm-list-deal-name {
color:#000;
display:block;
font-size:12px;
min-width:80px;
max-width:140px;
padding-top:3px;
}
.crm-list-deal-plus {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat -19px -652px;
cursor:pointer;
height:20px;
margin-top:-12px;
top:50%;
right:0;
position:absolute;
width:20px;
}
.crm-list-deal-plus:hover {background-position: 2px -652px}
.crm-list-deal-plus:active {background-position: -39px -652px}
.crm-list-deal-responsible {font-size:11px;}
.crm-list-deal-responsible-grey {color:#969696; font-size:10px;}
.crm-list-deal-responsible-name {color:#2067B0; padding-left:5px; text-decoration:none; white-space:nowrap;}
.crm-list-deal-responsible-name:hover {color:#2067B0; text-decoration:underline;}
.crm-add-deal-test {
color:#8d8d8d;
display:block;
font-size:12px;
white-space:nowrap;
}
.crm-add-deal-link {
border-bottom:1px dashed #2067b0;
display:none;
color:#2067b0;
font-size:12px;
text-decoration:none;
}
.crm-add-deal-link:hover {text-decoration:none;}
.crm-list-table tr:hover .crm-add-deal-link {display:inline-block;}
.crm-list-table tr:hover .crm-add-deal-test {color:#000;}
.crm-list-client-block {
display:inline-block;
text-decoration:none;
}
.crm-list-client-block:hover {text-decoration:none;}
.crm-list-client-name {
color:#2067b0;
display:block;
font-size:14px;
white-space:nowrap;
}
.crm-list-client-description {
color:#565e6a;
display:block;
font-size:11px;
max-width:120px;
overflow:hidden;
text-overflow:ellipsis;
}
.crm-list-deal-today {background-color:#fbf6e5 !important;}
.crm-list-enitity-action-need {background-color:#fbeded !important;}
.crm-nearest-activity-time-expiried .crm-link {color:#e32727; border-color:#e32727;}
.crm-list-quote-today {background-color:#fbf6e5 !important;}
.crm-list-quote-time-expired,
.crm-list-quote-time-expired *
{
color:#e32727;
border-color:#e32727;
}
.crm-list-invoice-today {background-color:#fbf6e5 !important;}
.crm-list-invoice-time-expired,
.crm-list-invoice-time-expired *
{
color:#e32727;
border-color:#e32727;
}
.crm-list-responsible-img-cell {width:40px;}
.crm-list-responsible-cell {
width:200px;
padding:0 6px;
}
.crm-list-responsible-block {
display:inline-block;
text-decoration:none;
padding-left:46px;
position:relative;
}
.crm-list-responsible-block:hover {text-decoration:none;}
.crm-list-responsible-img-wrap{
background:url(../images/crm-control-panel-sprite-26.png) no-repeat 3px -609px #fff;
border:1px solid #ececec;
-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);
box-shadow:0 0 2px rgba(0,0,0,.1);
display:inline-block;
height:30px;
margin-top:-19px;
left:0;
top:50%;
padding:3px;
position:absolute;
vertical-align:middle;
width:30px;
}
.crm-list-responsible-img-wrap img {border:none; margin:0;}
.crm-list-responsible-name {
display:inline-block;
color:#2067b0;
font-size:14px;
vertical-align:middle;
}
.crm-list-responsible-block:hover .crm-list-responsible-name {text-decoration:underline;}
.crm-list-top-bar .crm-menu-bar-btn {
background:#f4f7f8;
background:-webkit-linear-gradient(top, #fafcfc, #ecf2f4);
background:-moz-linear-gradient(top, #fafcfc, #ecf2f4);
background:-o-linear-gradient(top, #fafcfc, #ecf2f4);
background:-ms-linear-gradient(top, #fafcfc, #ecf2f4);
background:linear-gradient(to bottom, #fafcfc, #ecf2f4);
border-radius:3px;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.15);
box-shadow:0 0 0 1px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.15);
display:inline-block;
color:#505d67 !important;
cursor:pointer;
font-weight:bold;
font-size:13px;
height:23px;
text-decoration: none;
padding:6px 13px 0 30px;
position:relative;
vertical-align:top;
}
.crm-list-top-bar .crm-menu-bar-btn:hover {
background:#fbfcfc;
background:-webkit-linear-gradient(top, #fcfcfc, #fafcfc);
background:-moz-linear-gradient(top, #fcfcfc, #fafcfc);
background:-o-linear-gradient(top, #fcfcfc, #fafcfc);
background:-ms-linear-gradient(top, #fcfcfc, #fafcfc);
background:linear-gradient(to bottom, #fcfcfc, #fafcfc);
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.15), inset 0 -1px 0 #fff;
box-shadow:0 0 0 1px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.15), inset 0 -1px 0 #fff;
text-decoration: none;
}
.crm-list-top-bar .crm-menu-bar-btn:active,
.crm-list-top-bar .crm-menu-bar-btn.crm-menu-bar-btn-active{
background:#fbfcfc;
background:-webkit-linear-gradient(top, #d7dfe2, #edeff0);
background:-moz-linear-gradient(top, #d7dfe2, #edeff0);
background:-o-linear-gradient(top, #d7dfe2, #edeff0);
background:-ms-linear-gradient(top, #d7dfe2, #edeff0);
background:linear-gradient(to bottom, #d7dfe2, #edeff0);
-webkit-box-shadow: inset 0 1px 0 #b0b7bb, inset 0 -1px 0 #e6e8e9, inset 0 1px 1px 1px #bdc4c7, inset 0 0 0 1px #cfd3d6;
box-shadow: inset 0 1px 0 #b0b7bb, inset 0 -1px 0 #e6e8e9, inset 0 1px 1px 1px #bdc4c7, inset 0 0 0 1px #cfd3d6;
}
.crm-list-top-bar .crm-menu-bar-btn-green {
background-color: #86ad00!important;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 1px 0 #cbdc00;
box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 1px 0 #cbdc00;
border: solid 1px;
border-color:#97c004 #7ea502 #648900;
background-image: -webkit-linear-gradient(bottom, #729e00, #97ba00)!important;
background-image: -moz-linear-gradient(bottom, #729e00, #97ba00)!important;
background-image: -ms-linear-gradient(bottom, #729e00, #97ba00)!important;
background-image: -o-linear-gradient(bottom, #729e00, #97ba00)!important;
background-image: linear-gradient(bottom, #729e00, #97ba00)!important;
color:#fff !important;
height:17px;
text-shadow:0 1px rgba(0,0,0,0.1);
-webkit-font-smoothing: antialiased;
padding:5px 15px;
}
.crm-list-top-bar .crm-menu-bar-btn.crm-menu-bar-btn-green:hover {
background-color:#9ec710!important;
background-image: -webkit-linear-gradient(top, #acce11, #8abb0d)!important;
background-image: -moz-linear-gradient(top, #acce11, #8abb0d)!important;
background-image: -ms-linear-gradient(top, #acce11, #8abb0d)!important;
background-image: -o-linear-gradient(top, #acce11, #8abb0d)!important;
background-image: linear-gradient(top, #acce11, #8abb0d)!important;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 #d5e71a inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 #d5e71a inset;
border-color:#97c004 #7ea502 #648900;
text-decoration:none;
}
.crm-list-top-bar .crm-menu-bar-btn.crm-menu-bar-btn-green:active,
.crm-list-top-bar .crm-menu-bar-btn.crm-menu-bar-btn-green-active
{
background:#698f00!important;
-webkit-box-shadow: inset 0 2px 1px rgba(66,84,17,.71)!important;
box-shadow: inset 0 2px 1px rgba(66,84,17,.71) !important;
border-color:transparent #698f00 #698f00 !important;
border-top:none;
height:16px!important;
padding:7px 15px 5px !important;
}
.crm-setting-btn {
background:url(../images/crm-control-panel-sprite-26.png) repeat-x 0 -747px;
border:1px solid rgba(139,153,157,0.72);
border-radius:4px;
-webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5);
box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5);
cursor:pointer;
display:inline-block;
height:30px;
vertical-align:top;
position:relative;
width:36px;
}
.crm-setting-btn:after {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat 0 -784px;
content:"";
height:15px;
left:11px;
top:7px;
position:absolute;
width:14px;
}
.crm-setting-btn:hover {
background-position:0 -675px;
-webkit-box-shadow:0 1px 0 0 #98a5a7;
box-shadow:0 1px 0 0 #98a5a7;
}
.crm-setting-btn:active,
.crm-setting-btn.crm-menu-bar-btn-active {
background-position:0 -711px;
-webkit-box-shadow:0 1px 0 0 #d7dfe2, 0 -1px 0 0 #869499, inset 0 1px 1px 0 #485152;
box-shadow:0 1px 0 0 #d7dfe2, 0 -1px 0 0 #869499, inset 0 1px 1px 0 #485152;
border-top-color:#525f5f;
height:29px;
margin-top:1px;;
}
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn,
.bx-ie9 .crm-list-top-bar .crm-menu-bar-btn {
border-radius:4px;
background:url(../images/crm-control-panel-sprite-26.png) repeat-x 0 -675px;
box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 0 #FFF inset, 0 0 1px rgba(255, 255, 255, 0.5) inset !important;
}
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn {border:1px solid #959c9d !important;}
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn:hover {background:#f5f5f5!important; }
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn,
.bx-ie9 .crm-list-top-bar .crm-menu-bar-btn,
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn:active,
.bx-ie9 .crm-list-top-bar .crm-menu-bar-btn:active {height:19px!important;}
.bx-ie8 .crm-list-top-bar a.adm-inp-active,
.bx-ie8 .crm-list-top-bar span.adm-inp-active,
.bx-ie9 .crm-list-top-bar a.adm-inp-active,
.bx-ie9 .crm-list-top-bar span.adm-inp-active
{
border-radius: 2px;
background: #b8c6cb!important;
box-shadow: inset 0 1px 2px 0 #848d98 !important;
background: -ms-linear-gradient(top, rgba(179,194,200,.96), rgba(202,215,219,.96))!important;
background: linear-gradient(top, rgba(179,194,200,.96), rgba(202,215,219,.96))!important;
border-color: #767e8a #89929c #b0bcc1 !important;
height: 29px;
outline:none;
padding:5px 13px 5px;
color:#3f4b54;
}
.bx-ie8 .crm-list-top-bar a.adm-inp-active,
.bx-ie8 .crm-list-top-bar span.adm-inp-active,
.bx-ie9 .crm-list-top-bar a.adm-inp-active,
.bx-ie9 .crm-list-top-bar span.adm-inp-active {
height:19px!important;
}
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn,
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn:active {padding-top:6px!important; padding-bottom:4px!important;}
.bx-ie9 .crm-list-top-bar .crm-menu-bar-btn,
.bx-ie9 .crm-list-top-bar .crm-menu-bar-btn:active { padding-top:7px!important; padding-bottom:3px !important;}
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn-green,
.bx-ie9 .crm-list-top-bar .crm-menu-bar-btn-green {
background:url(../images/crm-control-panel-sprite-26.png) repeat-x 0 -807px!important;
border:1px solid #73991a !important;
border-top-color:#a4c926 !important;
box-shadow:none!important;
height:18px!important;
padding-top:5px!important;
padding-bottom:5px!important;
}
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn-green:hover,
.bx-ie9 .crm-list-top-bar .crm-menu-bar-btn-green:hover {
background:url(../images/crm-control-panel-sprite-26.png) repeat-x 0 -841px !important;
box-shadow: none!important;
border:1px solid #74991a !important;
border-top-color:#97c004 !important;
border-bottom-color:#648900 !important;
text-decoration:none;
height:18px!important;
padding-top:5px!important;
padding-bottom:5px!important;
}
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn-green:active,
.bx-ie8 .crm-list-top-bar .crm-menu-bar-btn-green-active,
.bx-ie9 .crm-list-top-bar .crm-menu-bar-btn-green:active,
.bx-ie9 .crm-list-top-bar .crm-menu-bar-btn-green-active
{
background:url(../images/crm-control-panel-sprite-26.png) repeat-x 0 -841px !important;
box-shadow: none!important;
border:1px solid #74991a !important;
border-top-color:#97c004 !important;
border-bottom-color:#648900 !important;
height:18px!important;
padding-top:6px!important;
padding-bottom:5px!important;
text-decoration:none;
}
.bx-ie8 .adm-filter-setting {border:1px solid #8b999d;}
.bx-crm-view-menu {
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
min-height: 32px;
-webkit-font-smoothing: antialiased;
text-align:right;
padding:0 0 17px;
}
.bx-crm-view-menu .bx-context-button {
border-radius:4px;
color:#384347!important;
display:inline-block;
font-size:14px;
height:26px;
margin:0 3px;
opacity: 0.6;
padding:9px 11px 0 28px;
position:relative;
text-decoration:none;
vertical-align:top;
-webkit-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
}
.bx-crm-view-menu .bx-context-button-icon {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat 100px 100px;
height:24px;
left:4px;
top:4px;
position:absolute;
width:24px;
}
.bx-crm-view-menu .crm-menu-bar-btn .bx-context-button-icon {display: none;}
.bx-crm-view-menu .crm-btn-new .bx-context-button-icon {background-position: center -1170px;}
.bx-crm-view-menu .crm-btn-edit .bx-context-button-icon {background-position: center -1170px;}
.bx-crm-view-menu .crm-btn-copy .bx-context-button-icon {background-position: center -1201px;}
.bx-crm-view-menu .crm-btn-convert .bx-context-button-icon{background-position: center -1235px;}
.bx-crm-view-menu .crm-btn-delete .bx-context-button-icon{background-position: center -1262px;}
.bx-crm-view-menu .crm-btn-view .bx-context-button-icon,
.bx-crm-view-menu .crm-btn-review .bx-context-button-icon{background-position: center -1581px;}
.bx-crm-view-menu .crm-btn-download .crm-toolbar-btn-icon{background-position: center -1638px;}
.bx-crm-view-menu .crm-btn-letter .crm-toolbar-btn-icon{background-position: center -1675px;}
.bx-crm-view-menu .crm-btn-print .crm-toolbar-btn-icon{background-position: center -1709px;}
.bx-crm-view-menu .crm-btn-follow .bx-context-button-icon {background-position: center -2143px;}
.bx-crm-view-menu .crm-btn-nofollow .bx-context-button-icon{background-position: center -2779px;}
.bx-crm-view-menu .crm-btn-portrait .bx-context-button-icon{background-position: -22px -5212px;}
.bx-crm-view-menu .crm-btn-convert-blocked .bx-context-button-icon{background-position: center -4762px;}
.bx-crm-view-menu .crm-btn-convert {
margin-right: 0;
padding-right: 0;
}
.crm-btn-convert-wrap {
display: inline-block;
padding-right: 30px;
position: relative;
vertical-align: top;
}
.crm-btn-convert-text {
color: #2368a1;
}
.crm-btn-convert-arrow {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -1605px;
cursor: pointer;
right: 0;
top: 4px;
opacity:0.6;
height: 24px;
position: absolute;
width: 24px;
}
.crm-btn-convert-arrow:hover {
opacity: 1;
}
.crm-convert-item .menu-popup-item-icon {
display: none;
}
.crm-btn-menu-arrow {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -1611px;
cursor: pointer;
opacity: 0.7;
height: 16px;
width: 8px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
}
.crm-toolbar-btn-planner-wrap {
float: left;
cursor: pointer;
}
.crm-toolbar-button {
opacity: 1;
}
.crm-toolbar-btn-planner-icon {
position: absolute;
left: 8px;
width: 14px;
height: 15px;
background: url(../images/crm-interface-toolbar-sprite.svg) no-repeat;
}
.crm-toolbar-btn-planner-link {
color: #2067b0;
}
.crm-toolbar-arrow {
right: 20px;
}
.bx-crm-view-menu .crm-btn-more {padding: 9px 23px 0 11px!important;}
.bx-crm-view-menu .crm-btn-more .bx-context-button-icon {
background-position: center -1604px;
left: auto!important;
right: 0;
}
.bx-crm-view-menu .bx-context-button:hover,
.bx-crm-view-menu .bx-context-button-active {
opacity: 1;
}
.bx-crm-view-menu .crm-btn-letter,
.bx-crm-view-menu .crm-btn-print,
.bx-crm-view-menu .crm-btn-download,
.bx-crm-view-menu .crm-btn-dropdown-document,
.bx-crm-view-menu .crm-toolbar-menu-left,
.bx-crm-view-menu .crm-toolbar-btn-split {
display: block;
float: left;
margin-right: 9px;
}
.crm-detail-lead-wrap-wrap {
border:1px solid #b2c6cc;
background:#f8fafb;
border-radius:4px;
box-shadow:0 1px 2px rgba(88,112,118,.2);
color:#000;
font-size:14px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
-webkit-font-smoothing: antialiased;
margin-bottom:25px;
overflow:hidden;
}
.crm-detail-lead-wrap {padding:5px 18px 23px;}
.crm-detail-title {
color:#5c6470;
border-bottom:1px solid #d5dee2;
box-shadow:0 1px 0 #fff;
height:22px;
padding:5px 0 10px;
}
.crm-contact-locked-icon {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat scroll -21px -1107px transparent;
display:inline-block;
margin:3px 7px 0 0;
vertical-align:middle;
height:20px;
width:19px;
cursor: pointer;
}
.crm-contact-unlocked-icon {
background-position: -21px -1508px;
}
.crm-detail-title .crm-detail-info-resp-img {
background-position:center -1137px;
display:inline-block;
margin-right:8px;
height:22px;
vertical-align:top;
position:static;
width:22px;
}
.crm-detail-title .crm-detail-info-resp-img img {height:22px;}
.crm-detail-title-name {
font-size:20px;
font-weight:bold;
max-width: 365px;
margin-right:15px;
overflow: hidden;
text-overflow:ellipsis;
vertical-align:top;
white-space:nowrap;
}
.crm-detail-title-name .crm-detail-info-item-editable { overflow: visible; }
.crm-detail-title .crm-instant-editor-fld-text
{
display: inline-block;
overflow: hidden;
text-overflow:ellipsis;
max-width: 530px;
}
.crm-title-name-wrap {
display:inline-block;
vertical-align:top;
padding-right: 40px;
}
.crm-detail-title-number {
display:inline-block;
font-size:13px;
font-weight: normal;
max-width:515px;
overflow:hidden;
text-overflow:ellipsis;
padding-top:5px;
vertical-align:top;
white-space:nowrap;
}
.crm-detail-title-btns {display:inline-block; float:right; margin-top: 3px; text-align:right;}
.crm-detail-toggle {
border-bottom:1px dashed #2067b0;
color:#2067b0 !important;
display:inline-block;
font-weight:bold;
text-decoration:none;
vertical-align:top;
}
.crm-detail-toggle:hover {text-decoration:none;}
.crm-detail-pref-btn {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat -11px -1296px;
cursor:pointer;
display:inline-block;
height:20px;
vertical-align:top;
width:34px;
}
.crm-detail-pref-btn:hover {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat -11px -1315px;
}
.crm-detail-info-blocks-wrap {
border-bottom:1px solid #d5dee2;
box-shadow:0 1px 0 #fff;
}
.crm-detail-info-blocks {
margin-top:20px;
max-width:900px;
position:relative;
}
.crm-detail-info-blocks-table {
border-spacing:0;
padding:0;
table-layout: fixed;
width:100%;
}
.crm-detail-info-block {
border:none;
height:120px;
padding:0;
vertical-align:top;
width:33%;
}
.crm-detail-info-item-border_1,
.crm-detail-info-item-border_2 {
background:#e4eaed;
bottom:40px;
left:67%;
min-height:100px;
top:0;
position:absolute;
width:1px;
}
.crm-detail-info-item-border_1 {left:33%;}
.crm-detail-stage {
width: 100%;
}
.crm-detail-stage-name {
color:#a3a7ad;
font-size:12px;
margin-top:-7px;
padding-bottom:3px;
}
.crm-detail-info-item {
min-height:19px;
padding:0 0 0 50px;
}
.crm-instant-editor-fld-editable .crm-instant-editor-data-input {display:inline-block;}
.crm-instant-editor-fld-editable .crm-instant-editor-fld-text,
.crm-instant-editor-fld-editable:hover .crm-instant-editor-fld-btn {display:none!important;}
.crm-detail-title .crm-instant-editor-fld-editable .crm-instant-editor-fld-suffix {display:none!important;}
.crm-instant-editor-fld-text,
.crm-instant-editor-fld-suffix {cursor:pointer;}
.crm-detail-editable-locked .crm-instant-editor-fld-text,
.crm-detail-editable-locked .crm-instant-editor-fld-suffix {cursor:default;}
.crm-title-name-wrap .crm-instant-editor-fld-btn {
margin: 5px 0 0 7px;
}
.crm-detail-title .crm-instant-editor-fld-editable .crm-instant-editor-data-input,
.crm-detail-title .crm-detail-info-item-editable .crm-detail-info-inp {
height:30px;
margin: -4px -10px 0 -7px;
font-size: 20px;
font-weight: bold;
padding: 0 10px 0 5px;
}
.crm-detail-info-block:first-child .crm-detail-info-item {padding-left:0;}
.crm-item-popup-num-block .menu-popup-item-icon {display:none;}
.crm-detail-info-item-name {
color:#697581;
display:block;
font-size:12px;
float:left;
min-width:60px;
padding-right:10px;
line-height: 19px;
vertical-align: middle;
}
.crm-detail-info-empty {
color: #535c69;
font-size: 13px;
line-height: 38px;
height: 38px;
padding: 1px 0 0 3px;
}
.crm-detail-info-head-firm .crm-detail-info-empty {
margin-left: -10px;
}
.crm-detail-info-item-handset.crm-detail-info-item-list {
padding-right: 44px;
}
.crm-detail-info-item-name-tel-sip {
padding-top: 3px;
}
.crm-detail-item-text-alignment {
display: inline-block;
min-height: 20px;
padding-right: 25px;
position: relative;
}
.crm-detail-info-item .crm-instant-editor-fld-btn,
.crm-title-name-wrap .crm-instant-editor-fld-btn,
.crm-detail-comments-text-wrap .crm-instant-editor-fld-btn {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat center -1042px;
display:none;
cursor:pointer;
margin-top:1px;
vertical-align:top;
height:18px;
width:21px;
}
.crm-detail-item-text-alignment .crm-instant-editor-fld-btn {
right: 3px;
top: -1px;
position: absolute;
}
.crm-title-name-wrap .crm-instant-editor-fld-btn {margin: 5px 0 0 7px;}
.crm-detail-editable-locked .crm-instant-editor-fld-btn {background-position:center -1474px; cursor:default;}
.crm-detail-info-item:hover .crm-instant-editor-fld-btn,
.crm-title-name-wrap:hover .crm-instant-editor-fld-btn {display:inline-block;}
.crm-instant-editor-fld-btn:hover {background-position: center -1074px;}
.crm-detail-editable-locked .crm-instant-editor-fld-btn:hover {background-position:center -1474px;}
.crm-item-sum .crm-instant-editor-fld {
display:inline-block;
cursor:pointer;
font-weight:bold;
font-size:15px;
vertical-align:top;
}
.crm-item-sum .crm-instant-editor-fld-suffix {
display:inline-block;
font-weight:bold;
font-size:15px;
vertical-align:top;
}
.crm-instant-editor-fld-editable .crm-instant-editor-fld-suffix {display: none;}
.crm-item-type {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor:pointer;
display:inline-block;
padding-right: 25px;
position:relative;
width: 100%;
}
.crm-item-type-text {
border-bottom:1px dashed #80868E;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.crm-item-type-text-corner {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat 100px;
display: inline-block;
height:10px;
vertical-align: top;
margin: 5px -16px 0 4px;
width:12px;
}
.crm-item-type:hover .crm-item-type-text-corner {background-position: -19px -784px;}
.crm-item-possibility {display:inline-block; vertical-align:top;}
.crm-instant-editor-data-input,
.crm-detail-info-inp {
border:1px solid #B7B7B7;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.13) inset;
display:none;
font-size:13px;
line-height:17px;
font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica));
height:17px;
margin:-1px 3px 0 -5px;
max-width: 530px;
padding:0 3px;
}
.crm-item-sum .crm-instant-editor-data-input {
font-weight:bold;
font-size:15px;
height:23px;
margin:-3px 5px -3px -5px;
padding: 0 10px 0 3px;
}
.crm-item-date i {color:#a3a3a3; font-style:normal; margin:0 9px;}
.crm-item-date span { white-space:nowrap; }
.crm-item-date-calendar {display:inline-block;}
.crm-item-client .crm-detail-info-item-name {padding-top:13px;}
.crm-item-photoless-client-block {
display:inline-block;
height:36px;
text-decoration:none;
padding:2px 0 2px 0;
position:relative;
}
.crm-item-client-block {
cursor:pointer;
display:inline-block;
min-height:36px;
text-decoration:none;
padding:2px 0 2px 43px;
position:relative;
}
.crm-item-client-block:hover {text-decoration:none}
.crm-item-client-alignment {
display: inline-block;
height: 36px;
margin-left: -1px;
vertical-align: middle;
width: 1px;
}
.crm-item-client-alignment-block {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
.crm-detail-lead-resize .crm-item-client-alignment-block { padding-top:3px; }
.crm-item-client-img {
background:url(../images/crm-control-panel-sprite-26.png) no-repeat 2px -610px #535c6a;
border-radius: 50%;
height:30px;
left:0;
top:50%;
margin-top:-18px;
padding:2px;
position:absolute;
width:30px;
}
.crm-item-client-img image{
border: none;
}
.crm-item-client-name {
color:#000;
font-size:14px;
}
.crm-item-client-block:hover .crm-item-client-name {
text-decoration:underline;
}
.crm-item-client-description {color:#000; font-size:11px;}
.crm-item-tel-list {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -4221px;
display:inline-block;
border-radius: 50%;
cursor:pointer;
height:19px;
vertical-align:top;
position:absolute;
right: 0;
top: -1px;
width:19px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.crm-item-tel-list:hover {
background-color:#c3d7e4;
}
.crm-item-tel-list:active {
background:#e6edf0;
border-color:#ced3d6 #dae0e3 #e3e9ec;
border-radius:3px;
box-shadow:inset 0 1px 1px #dce2e5;
}
.crm-item-tel-list:before {
border-left: 1px solid #cbdce2;
content:"";
height: 14px;
left: -2px;
top: 3px;
position:absolute;
width: 1px;
}
.crm-detail-info-resp-slider-container{
position:relative;
}
.crm-detail-info-resp-slider-container-overflow{
position:relative;
overflow:hidden;
}
.crm-detail-info-resp-slider-arrow{
position:absolute;
width: 27px;
height:27px;
bottom:0;
opacity:.3;
cursor:pointer;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px;
background-position: center -3791px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.crm-detail-info-resp-slider-arrow-left{
left:-27px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.crm-detail-info-resp-slider-arrow-right{
right:-27px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.crm-detail-info-resp-slider-arrow:hover{
opacity:1;
background-color:#BAD7E2;
}
.crm-detail-info-resp-slide-box{
overflow:hidden;
position:relative;
left:0;
}
.crm-detail-info-resp-slide{
float:left;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
min-height: 75px;
}
.crm-detail-info-resp-slide-counter-container{
position:absolute;
left:5px;
width:45px;
height:27px;
bottom:0;
text-align:center;
}
.crm-detail-info-resp-slide-counter{
display:inline-block;
height:17px;
line-height:17px;
vertical-align:middle;
margin:5px;
padding:0 5px;
font-size:11px;
color:#535c69;
text-align:center;
border:1px solid rgba(128,134,142,.3);
border-radius:8px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.crm-detail-info-resp-slider-container{
position:relative;
}
.crm-detail-info-resp-slider-container-overflow{
position:relative;
overflow:hidden;
}
.crm-detail-info-resp-slider-arrow{
position:absolute;
width: 27px;
height:27px;
bottom:0;
opacity:.3;
cursor:pointer;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px;
background-position: center -3791px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.crm-detail-info-resp-slider-arrow-left{
left:-27px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.crm-detail-info-resp-slider-arrow-right{
right:-27px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.crm-detail-info-resp-slider-arrow:hover{
opacity:1;
background-color:#BAD7E2;
}
.crm-detail-info-resp-slide-box{
overflow:hidden;
position:relative;
left:0;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.crm-detail-info-resp-slide{
float:left;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.crm-detail-info-resp-slide-waiter{
background: url(../images/waiter-blue-64px.gif) no-repeat center;
min-height:75px;
-webkit-background-size:32px;
background-size:32px;
}
.crm-detail-info-resp-slide-counter-container{
position:absolute;
left:5px;
width:45px;
height:27px;
bottom:0;
text-align:center;
}
.crm-detail-info-resp-slide-counter{
display:inline-block;
height:17px;
line-height:17px;
vertical-align:middle;
margin:5px;
padding:0 5px;
font-size:11px;
color:#535c69;
text-align:center;
border:1px solid rgba(128,134,142,.3);
border-radius:8px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.crm-detail-info-resp-block {
background:#d5ecf6;
padding:0 0 4px 9px;
position:relative;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.crm-lead-header-inner-table tr:hover .crm-detail-info-resp-block {
background-color: #d3e8f0;
}
.crm-lead-header-inner-cell:hover .crm-detail-info-resp-block {
background-color: #d3e8f0;
}
.crm-detail-info-resp-header {
height:17px;
padding: 8px 6px 0 0;
}
.crm-detail-info-resp-text {color:#565e6a; font-size:12px;}
.crm-detail-info-resp-edit {
border-bottom:1px solid #a9bbc5;
float:right;
color:#7c8994;
cursor:pointer;
font-size:12px;
}
.crm-detail-info-resp-edit:hover {
color:#535c69;
border-color:#535c69;
}
.crm-detail-info-resp {
display:block;
min-height: 39px;
padding: 4px 5px 3px 50px;
position:relative;
text-decoration:none;
}
.crm-detail-info-head-firm {
padding-left: 55px;
}
.crm-detail-info-resp-img {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat scroll 100px 100px #fff;
border-radius: 50%;
height: 38px;
left:0;
top: 6px;
overflow: hidden;
position:absolute;
width: 38px;
}
.crm-detail-info-head-resp .crm-detail-info-resp-img,
.crm-detail-info-resp .crm-detail-info-resp-img {
background-position: 4px -610px;
background-color: #535c6a;
}
.crm-detail-info-head-firm .crm-detail-info-resp-img {
background-position: center -4275px;
background-color: #fff;
}
.crm-detail-info-head-cont .crm-detail-info-resp-img {
background-position: center -4372px;
background-color: #fff;
}
.crm-detail-info-head-firm .crm-lead-header-company-img {
left: 0;
top: 8px;
position: absolute;
width: 48px;
margin: 0;
text-align: center;
}
.crm-detail-info-head-firm .crm-lead-header-company-img:before {
content: "";
display: inline-block;
height: 31px;
margin-left: -1px;
vertical-align: middle;
width: 1px;
}
.crm-detail-info-head-firm .crm-lead-header-company-img img {
display: inline-block;
vertical-align: middle;
}
.crm-detail-info-resp-img img { border:none; margin:0; background-color: #fff; }
.crm-detail-resp-alignment {
height: 35px;
margin:3px 0 0 -1px;
vertical-align: middle;
width: 1px;
display: none;
}
.crm-detail-lead-resize .crm-detail-resp-alignment {
display: inline-block;
}
.crm-detail-info-resp-name {
display:block;
color:#2067b0;
font-weight:bold;
overflow:hidden;
padding: 0 0 2px 15px;
position: relative;
}
.crm-detail-info-head-resp .crm-detail-info-resp-name {
padding-left: 0;
}
.crm-detail-info-head-cont .crm-detail-info-resp-name:before,
.crm-detail-info-head-firm .crm-detail-info-resp-name:before {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px 100px;
content: "";
left: 0;
height: 10px;
position: absolute;
top: 3px;
width: 12px;
}
.crm-detail-info-head-cont .crm-detail-info-resp-name:before {
background-position: center -4480px;
}
.crm-detail-info-head-firm .crm-detail-info-resp-name:before {
background-position: center -4517px;
}
.crm-detail-info-resp:hover .crm-detail-info-resp-name { text-decoration:underline;}
.crm-detail-info-resp-descr {
color:#555;
display:block;
}
.crm-detail-comments {
border-bottom:1px solid #d5dee2;
box-shadow:0 1px 0 #fff;
padding:12px 0;
}
.crm-detail-comments-title {color:#80868e; font-size:12px; float:left; min-width:85px;}
.crm-detail-comments-text-wrap {
color:#000;
font-size:12px;
max-width:800px;
overflow:hidden;
}
.crm-detail-comments-text-wrap .crm-instant-editor-fld-btn {
position: absolute;
right:0;
top:0;
}
.crm-detail-comments-text {
display: inline-block;
cursor: pointer;
min-height: 30px;
padding:0 23px 0 15px;
position: relative;
}
.crm-detail-comments-text:hover .crm-instant-editor-fld-btn {display:block;}
.crm-detail-comments-text .crm-instant-editor-fld-text { display: inline-block; }
.crm-detail-info-bottom {padding-top:12px;}
.crm-detail-info-table {border-spacing:0;}
.crm-detail-info-table-cell,
.crm-detail-info-table table.bx-crm-view-fieldset-content-table td.bx-field-name {
border:none;
color:#80868e;
font-size:12px;
text-align:left;
vertical-align:top;
padding:0 12px 8px 0;
width:186px;
}
.crm-detail-info-table-cell-r {
border:none;
color:#000;
font-size:12px;
text-align:left;
vertical-align:top;
padding:0 0 8px 0;
}
.crm-detail-lead-resize { border:none; box-shadow:none; max-width:100%; margin-bottom:-20px;}
.crm-detail-lead-resize .crm-detail-info-blocks {max-width:100%;}
.crm-detail-lead-resize .crm-detail-info-blocks-wrap {
-webkit-box-shadow:none;
box-shadow:none;
border:none;
}
.crm-detail-lead-resize .crm-detail-stage-name,
.crm-detail-lead-resize .crm-detail-comments,
.crm-detail-lead-resize .crm-detail-info-bottom,
.crm-detail-lead-resize .crm-detail-info-resp-edit,
.crm-detail-lead-resize .crm-detail-info-resp-descr,
.crm-detail-lead-resize .crm-detail-info-item-border_1,
.crm-detail-lead-resize .crm-detail-info-item-border_2 {display:none; padding-left:0;}
.crm-detail-lead-resize .crm-item-sum,
.crm-detail-lead-resize .crm-detail-stage,
.crm-detail-lead-resize .crm-item-client {margin:0;}
.crm-detail-lead-resize .crm-item-sum,
.crm-detail-lead-resize .crm-detail-stage {display:inline-block; vertical-align:middle}
.crm-detail-lead-resize .crm-item-sum{
position: relative;
white-space:nowrap;
}
.crm-detail-lead-resize .crm-item-sum.crm-detail-info-item-editable {margin-right: -15px;}
.crm-detail-lead-resize .crm-detail-info-item {margin:0; text-align:left; padding:0;}
.crm-detail-lead-resize .crm-detail-info-item .crm-instant-editor-fld-btn {
top :0;
right: -20px;
position: absolute;
}
.crm-detail-lead-resize .crm-detail-info-item:hover .crm-instant-editor-fld-btn {
display:block;
}
.crm-detail-lead-resize .crm-detail-info-item:hover .crm-instant-editor-fld-editable .crm-instant-editor-fld-btn {
display:none;
}
.crm-detail-lead-resize .crm-detail-info-block {height:35px; text-align:center; vertical-align:middle; width:25%;}
.crm-detail-lead-resize .crm-detail-info-block:first-child {}
.crm-detail-lead-resize .crm-detail-info-block:last-child { text-align:left; }
.crm-detail-lead-resize .crm-detail-info-block.crm-detail-info-block-width-auto:first-child { width:auto;}
.crm-detail-lead-resize .crm-detail-lead-wrap {padding-bottom:3px;}
.crm-detail-lead-resize .crm-detail-info-blocks {margin-top:3px;}
.crm-detail-lead-resize .crm-detail-info-resp-block {
background:none;
margin:0;
padding:0;
}
.crm-detail-lead-resize .crm-detail-info-item-name,
.crm-detail-lead-resize .crm-detail-info-item-text,
.crm-detail-lead-resize .crm-detail-info-resp-header,
.crm-detail-lead-resize .crm-detail-info-resp {
display:block;
min-width:0;
}
.crm-detail-lead-resize .crm-item-sum .crm-detail-info-item-name,
.crm-detail-lead-resize .crm-item-sum .crm-detail-info-item-text {
display: inline-block;
float: none;
}
.crm-item-sum .crm-detail-info-item-name {
min-width: 60px;
}
.crm-detail-lead-resize .crm-item-client .crm-detail-info-item-name {
padding-top: 10px;
}
.crm-detail-lead-resize .crm-detail-info-resp {
display: block;
overflow: hidden;
padding:0 0 0 35px;
}
.crm-detail-lead-resize .crm-item-client-block {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
height:30px;
padding-left:35px;
}
.crm-detail-lead-resize .crm-item-client-name,
.crm-detail-lead-resize .crm-item-client-description {
margin-top: -2px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
}
.crm-detail-lead-resize .crm-item-client-alignment {height: 30px;}
.crm-detail-lead-resize .crm-detail-info-resp-name {
display: inline-block;
line-height: 16px;
padding:0;
vertical-align: middle;
white-space:normal;
}
.crm-detail-lead-resize .crm-detail-info-resp-header {
border:none;
-webkit-box-shadow:none;
box-shadow:none;
float: left;
padding:10px 10px 0 0;
}
.crm-detail-lead-resize .crm-detail-info-resp-img {margin-top:-12px; top:50%;}
.crm-detail-lead-resize .crm-detail-title .crm-detail-info-resp-img {margin-top:-1px;}
.crm-detail-lead-resize .crm-item-client-img,
.crm-detail-lead-resize .crm-detail-info-resp-img {background-position:center -1137px; height:22px; width:22px;}
.crm-detail-lead-resize .crm-item-client-img { margin-top:-14px; }
.crm-detail-lead-resize .crm-item-client-img img,
.crm-detail-lead-resize .crm-detail-info-resp-img img {height:22px;}
.crm-item-popup-num-block { overflow:hidden;}
.crm-item-popup-num-block .bx-crm-grid-multi-field-viewer tr td:first-child{width: 128px; padding-right: 0}
.crm-item-popup-num-block a {
color:#535c69;
display:inline-block;
font-size:13px;
font-weight: bold;
max-width: none;
vertical-align:top;
text-decoration:none;
}
.crm-item-popup-text {
display:inline-block;
color:#949797;
font-size:11px;
margin-left: 3px;
vertical-align:top;
}
.crm-list-fail-deal-block,
.crm-list-end-deal-block {
font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size:12px;
}
.crm-list-end-deal-block {
border: none;
border-spacing: 0;
padding: 14px 26px 0;
width: 380px;
}
.crm-list-fail-deal-block {
width: 380px;
}
.crm-list-end-deal-block .webform-button-text {font-size:14px; font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica));}
.crm-list-end-deal-text {
color:#555;
font-size:16px;
font-weight:bold;
line-height:27px;
text-align: left;
padding: 0 0 20px 0;
}
.crm-list-fail-deal-selector-block,
.crm-list-end-deal-selector-block {
color:#555;
font-size:14px;
font-weight:bold;
padding:20px 0 0 0;
}
.popup-window-titlebar .crm-list-fail-deal-selector-block {
padding: 16px 0 0 10px;
}
.crm-list-end-deal-buttons-block {
text-align: center;
padding: 0 0 15px 0;
white-space: nowrap;
}
.crm-list-end-deal-buttons-block .webform-small-button-decline {margin:0;}
.crm-list-end-deal-buttons-block .webform-small-button-text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 135px;
}
.crm-list-end-deal-footer-block {
border-top:1px solid #dddee1;
padding:8px 0 10px;
text-align:right;
}
.crm-list-end-deal-option {
border-bottom:1px dashed #4c85c0;
color:#4c85c0;
cursor:pointer;
display:inline-block;
font-size:12px;
font-weight:bold;
margin-right:16px;
position:relative;
}
.crm-list-end-deal-option:before{
background:url(../images/crm-control-panel-sprite-26.png) no-repeat -45px -617px;
content:"";
height:16px;
top:0;
right:-16px;
position:absolute;
width:16px;
}
.crm-list-end-deal-option-fail,
.crm-list-end-deal-option-success {
font-size:14px;
}
.crm-list-end-deal-option-fail {
border-bottom:1px dashed #cb3e3e;
color:#cb3e3e;
}
.crm-list-end-deal-option-success {
border-bottom:1px dashed #739913;
color:#739913;
}
.crm-list-end-deal-option-fail:before,
.crm-list-end-deal-option-success:before {
top:2px;
}
.crm-list-end-deal-footer-block .webform-button {margin-bottom:10px;}
.crm-list-end-deal-footer-block .webform-button-text {text-overflow:ellipsis; text-align:center; overflow:hidden; white-space:nowrap; width:175px;}
.crm-list-end-deal-selector-block .crm-list-end-deal-selector-block {
font-size:14px;
}
.crm-list-end-deal-block-section {
padding:10px 0 10px 10px;
}
.crm-list-end-deal-block-section label.crm-list-fail-deal-button-label {
font-family:Arial,sans-serif;
font-size:13px;
font-weight:bold;
margin: 0 0 0 5px;
}
.crm-list-end-deal-button-wrapper{
margin: 0 0 8px 0;
}
.crm-list-fail-deal .popup-window-top-row .popup-window-left-column,
.crm-list-fail-deal .popup-window-top-row .popup-window-right-column,
.crm-list-fail-deal .popup-window-top-row .popup-window-center-column {
background-color: transparent;
background-image: none;
border-bottom: 0 none;
}
.crm-tel-popup {
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
margin: 5px 6px 5px;
width: 270px;
}
.crm-tel-popup-user {
height: 40px;
margin-bottom: 10px;
padding: 0 0 0 47px;
position: relative;
}
.crm-tel-avatar {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 3px -609px;
border: 1px solid #ededed;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 0 1px #fdfdfd, 0 0 2px 0 #ededed;
box-shadow: inset 0 0 0 1px #fdfdfd, 0 0 2px 0 #ededed;
left: 0;
height: 30px;
padding: 3px;
position: absolute;
top: 2px;
width: 30px;
}
.crm-tel-user-alignment {
display: inline-block;
margin-left: -1px;
height: 40px;
vertical-align: middle;
width: 1px;
}
.crm-tel-user-data {
display: inline-block;
vertical-align: middle;
}
.crm-tel-user-name {
color: #2067b0;
display: block;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.crm-tel-user-name:hover {
text-decoration: underline;
}
.crm-tel-user-organ {
color: #737373;
font-size: 13px;
font-weight: bold;
}
.crm-tel-user-name,
.crm-tel-user-organ {
text-overflow: ellipsis;
max-width: 223px;
overflow: hidden;
white-space: nowrap;
}
.crm-tel-popup-num-block {
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
padding: 10px 0 12px;
text-align: center;
}
.crm-tel-popup-num {
color: #191919;
font-size: 23px;
font-weight: bold;
padding-bottom: 6px;
}
.crm-tel-popup-num-checkbox {}
.crm-tel-popup-num-check {
margin: 0;
vertical-align: middle;
}
.crm-tel-popup-num-label {
color: #000000;
font-size: 13px;
margin:1px 0 0 8px;
}
.crm-tel-popup-footer {
padding-top: 14px;
text-align: center;
}
.crm-tel-popup-call-btn {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, #90b61a;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, -webkit-linear-gradient(top, #a5c31e, #81ac17) 0 0;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, -moz-linear-gradient(top, #a5c31e, #81ac17) 0 0;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, -ms-linear-gradient(top, #a5c31e, #81ac17) 0 0;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, -o-linear-gradient(top, #a5c31e, #81ac17) 0 0;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, linear-gradient(to bottom, #a5c31e, #81ac17) 0 0;
border: 1px solid;
border-color: #a3c926 #8ab01c #739913;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #d2e12d, 0 1px 1px 0 #bfbfbf;
box-shadow: inset 0 1px 0 #d2e12d, 0 1px 1px 0 #bfbfbf;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: bold;
height: 29px;
line-height: 30px;
padding: 0 11px 0 32px;
text-shadow: 0 1px rgba(0,0,0,.2);
}
.crm-tel-popup-call-btn:hover {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, #a8ce2f;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, -webkit-linear-gradient(top, #b5d534, #98c528);
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, -moz-linear-gradient(top, #b5d534, #98c528);
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, -ms-linear-gradient(top, #b5d534, #98c528);
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, -o-linear-gradient(top, #b5d534, #98c528);
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px, linear-gradient(to bottom, #b5d534, #98c528);
}
.crm-tel-popup-call-btn:active {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat left -2743px #87b018;
border-color: #5c7619 #719414 #789e12;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px 0 #587315;
box-shadow: inset 0 1px 1px 0 #587315;
}
.crm-tel-btn {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -19px -2653px;
cursor: pointer;
border-radius: 50%;
display: block;
height: 19px;
top: 0;
right: -20px;
position: absolute;
width: 19px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.crm-tel-btn:hover {
background-color: #c3d7e4;
}
.crm-item-popup-num-block .crm-tel-btn {
right: 3px;
}
.crm-item-tel .crm-tel-btn {
margin-top: -2px;
}
div.crm-feed div.feed-wrap span.crm-feed-form-title-arrow {
display: none;
}
.crm-uniq-field {
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 3px;
color: #555;
font-size: 12px;
padding: 0 9px 23px;
width: 342px;
}
.crm-uniq-field-top {
border-bottom: 1px solid #e5e5e5;
line-height: 38px;
height: 38px;
padding-left: 9px;
}
.crm-uniq-field-top-text,
.crm-uniq-inp,
.crm-uniq-label {
display: inline-block;
margin: 0 5px 0 0;
vertical-align: middle;
}
.crm-uniq-field-top .crm-uniq-inp {
margin-left: 11px;
}
.crm-uniq-field-items .crm-uniq-label {
font-weight: bold;
margin-left: 5px;
}
.crm-uniq-field-top-text {
margin-right: 11px;
}
.crm-uniq-field-items {
padding: 20px 15px 0;
}
.crm-uniq-field-item {
display: inline-block;
height: 34px;
vertical-align: top;
width: 50%;
}
.crm-uniq-field-add {
margin-top: 10px;
}
.crm-uniq-field-add-link {
color: #1e7cac;
cursor: pointer;
font-weight: bold;
border-bottom: 1px dashed #1e7cac;
}
.crm-cont-info-popup {
border: 1px solid #bcd0d5;
background-color: #fff;
border-radius: 3px;
margin: 20px 7px;
-webkit-box-shadow: 0 1px 2px #d7dcde;
box-shadow: 0 1px 2px #d7dcde;
max-height: 265px;
overflow-x: auto;
padding: 9px 6px 10px;
width: 580px;
}
.crm-cont-info-popup-min,
.crm-cont-info-popup-light {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 16px 0 0 0;
width: 460px;
}
.crm-cont-info-popup-light {
width: 580px;
}
.crm-cont-info-table {
border: none;
border-spacing: 0;
color: #000;
width: 100%;
}
.crm-cont-info-table td {
cursor: default;
font-size: 14px;
vertical-align: top;
text-align: left;
padding: 5px 0 5px 9px;
}
.crm-cont-info-table-title td {
color: #bababa;
font-size: 12px;
padding-bottom: 0;
}
.crm-cont-info-table td:first-child {
min-width: 20%;
}
.crm-cont-info-table-tel {
white-space: nowrap;
}
.crm-cont-info-popup-min td {
width: 33%;
}
.crm-cont-info-popup-min td:last-child {
text-align: right;
padding-right: 9px;
}
.crm-cont-info-table-empty td:first-child,
.crm-cont-info-table-empty td:last-child {
width: 33%;
}
.crm-cont-info-table tr:hover td {
background-color: #f5f5f5;
}
tr.crm-cont-info-table-title:hover td {
background-color: #fff;
}
.crm-info-popup-block-main {
cursor: pointer;
display: inline-block;
padding-right: 12px;
position: relative;
}
.crm-info-popup-block-main:hover {
text-decoration: underline;
}
.crm-info-popup-block-main:before {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -38px -787px;
content: '';
height: 3px;
right: 3px;
top: 8px;
position: absolute;
width: 5px;
}
.crm-info-popup-coincidence {
background-color: #ffeb8a;
display: inline-block;
margin: -1px -3px;
padding: 1px 3px;
}
.crm-info-popup-block {
height: 17px;
overflow: hidden;
}
.crm-info-popup-block-open {
overflow: visible;
height: auto;
}
.crm-info-popup-user {
min-height: 22px;
line-height: 13px;
position: relative;
padding-left: 27px;
}
.crm-info-popup-user-img {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -19px -1140px;
border-radius: 50%;
display: inline-block;
height: 22px;
margin-left: -26px;
vertical-align: middle;
width: 22px;
}
.crm-info-popup-user-name {
display: inline-block;
margin-left: 3px;
vertical-align: middle;
}
.crm-tip-popup {
color: #7c7c7c;
font-size: 14px;
}
.crm-tip-popup-cont {
width: 150px;
}
.crm-tip-popup-item {
border-bottom: 1px solid #d6d6d6;
padding: 9px 5px 9px;
}
.crm-tip-popup-item:first-child {
padding-top: 4px;
}
.crm-tip-popup-item:last-child {
border-bottom: none;
padding-bottom: 5px;
}
.crm-tip-popup-link {
border-bottom: 1px dashed #387cb0;
cursor: pointer;
color: #4290cc;
}
.crm-cont-info-popup-title {
color: #555555;
font-weight: bold;
padding-left: 13px;
text-shadow: 0 1px #fff;
}
div.crm-invoice-term-dialog-params {
margin: 10px 0 10px 0;
padding: 0 10px 0 10px;
}
div.crm-invoice-term-dialog-params table {width: 100%; border-collapse: collapse;}
div.crm-invoice-term-dialog-params tr {height: 36px;}
div.crm-invoice-term-dialog-params td:first-child {
width: 30%;
color: #555555;
font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica));
text-align: left;
}
div.crm-invoice-term-dialog-params span.comment-header {
color: #555555;
font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica));
text-align: left;
}
div.crm-invoice-term-dialog-params div.separator {height: 16px;}
div.crm-invoice-term-dialog-params textarea.bx-crm-dialog-invoice-textarea {width: 310px; resize: vertical;}
.crm-item-table-inp,
.crm-offer-item-inp,
.crm-offer-textarea,
.crm-offer-info-data-wrap input.fields.string,
.crm-offer-info-data-wrap input.fields.integer,
.crm-offer-info-data-wrap input.fields.double {
background-color: #fff;
border: 1px solid #d9d9d9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
margin-left: -2px;
font-size: 12px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
outline: none;
padding: 0 5px;
height: 27px;
width: 100%;
}
.crm-offer-info-table input[type="text"]::-ms-clear {
display: none;
}
.crm-item-table-inp {
text-align: right;
}
.crm-offer-textarea {
height: 90px;
resize: none;
padding: 5px;
width: 80%;
}
.crm-offer-edit-btn-wrap {
display: inline-block;
height: 24px;
vertical-align: top;
width: 77px;
}
.crm-offer-editor-wrap {
display: inline-block;
vertical-align: top;
width: 80%;
}
.crm-offer-editor-title {
color: #565e6a;
font-size: 13px;
margin: 6px 0 10px;
}
.crm-offer-editor-title .crm-offer-item-inp {
width: 463px;
}
.crm-item-table-select {
background-color: #fff;
border: 1px solid;
border-color: #b9bcbe #bcc0c2 #c1c5c8;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
margin-left: -2px;
font-size: 12px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
text-align: left;
outline: none;
padding: 5px 3px 5px 0;
height: 29px;
width: 100%;
}
.crm-item-table-select[multiple="multiple"] {
height: auto;
}
.crm-item-sale-text-wrap {
display: inline-block;
margin: 6px 0 0 3%;
vertical-align: top;
width: 25%;
}
.crm-item-sale-text {
border-bottom: 1px dashed #1f67b0;
color: #1f67b0;
display: inline-block;
font-size: 12px;
text-decoration: none;
}
.crm-item-sale-text:hover {
text-decoration: none;
}
.crm-item-sale .crm-item-table-inp {
width: 72%;
}
.crm-item-sale .crm-item-cell-text {
height: 29px;
text-align: left;
padding-left: 7.5%;
white-space: nowrap;
}
.crm-item-tax .crm-item-cell-text {
padding-left: 7.5%;
}
.crm-item-sum-sale .crm-item-cell-text {
padding-right: 7.5%;
}
.crm-items-table-header .crm-item-sum-sale .crm-item-cell-text,
.crm-items-table-header .crm-item-tax .crm-item-cell-text {
padding:0 5%;
}
.crm-items-table-header .crm-item-sale .crm-item-cell-text {
height: auto;
padding: 0 33% 0 5%;
}
.crm-item-move-btn {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -2962px;
cursor: n-resize;
display: inline-block;
height: 27px;
margin:0 7px 0 7px;
opacity: 0.5;
vertical-align: middle;
width: 12px;
}
.crm-item-move-btn:hover {
opacity: 1;
}
.crm-title-block {
background-color: #e3f0f6;
border: 1px solid #d5e1e6;
-webkit-box-shadow: inset 0 1px 0 #edf5f9;
box-shadow: inset 0 1px 0 #edf5f9;
border-radius: 2px;
color: #000;
font-size: 21px;
height: 55px;
line-height: 53px;
margin-bottom: 9px;
padding: 0 46px 0 17px;
position: relative;
}
.crm-title-block-modal {
height: 22px;
line-height: 20px;
position: relative;
margin-bottom: 12px;
}
.crm-title-text {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}
.crm-title-date {
border-bottom: dashed 1px #000;
display: inline-block;
cursor: pointer;
line-height: 21px;
vertical-align: middle;
}
.crm-title-btn {
position: absolute;
padding: 0;
right: 9px;
top: 16px;
height: 23px;
width: 33px;
}
.crm-title-block-modal .crm-title-btn {
position: absolute;
top: 0;
right: 0;
padding: 0;
height: 23px;
width: 33px;
}
.crm-title-btn .crm-toolbar-btn-icon {
background-position: center -1293px;
display: block;
height: 23px;
margin-left: -5px;
position: static;
width: 33px;
}
.crm-offer-title {
background-color: #e3e8ea;
color: #5e6675;
font-size: 14px;
padding: 4px 105px 0 42px;
position: relative;
height: 36px;
line-height: 30px;
}
.crm-offer-info-table .crm-offer-title .crm-item-table-inp {
margin-left: -7px;
height: 30px;
text-align: left;
font-size: 14px;
max-width: 40%;
}
.crm-offer-info-table .crm-multi-address-item .crm-offer-title .crm-item-table-inp {
margin-top: 6px;
}
.crm-offer-drg-btn {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -2997px;
cursor: move;
top: 0;
left: 0;
opacity: 0.5;
position: absolute;
height: 40px;
width: 33px;
}
.crm-offer-drg-btn:hover {
opacity: 1;
}
.crm-offer-title-set-wrap {
right: 7px;
top: 0;
position: absolute;
}
.crm-offer-title-edit,
.crm-offer-title-add,
.crm-offer-title-del {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px 100px;
cursor: pointer;
display: inline-block;
height: 39px;
opacity: 0.6;
vertical-align: top;
width: 29px;
}
.crm-offer-title-edit:hover,
.crm-offer-title-add:hover,
.crm-offer-title-del:hover {
opacity: 1;
}
.crm-offer-title-add {
background-position: center -3167px;
}
.crm-offer-title-edit {
background-position: center -3122px;
}
.crm-offer-title-del {
background-position: center -3221px;
}
.crm-offer-main-wrap {
background-color: #f0f4f5;
border-radius: 2px;
border: 1px solid #dde7ea;
-webkit-box-shadow: inset 0 1px 0 #f8fafa;
box-shadow: inset 0 1px 0 #f8fafa;
padding: 0 0 30px 0;
margin: 0 0 10px 0;
}
.crm-offer-theme {
border-bottom: 1px solid #d3dce1;
-webkit-box-shadow: 0 1px 0 #ffffff;
box-shadow: 0 1px 0 #ffffff;
height: 53px;
line-height: 52px;
margin-bottom: 14px;
padding-left: 18px;
}
.crm-offer-theme-label {
display: inline-block;
color: #7e848c;
vertical-align: middle;
padding-right: 15px;
}
.crm-offer-inp-wrap {
display: inline-block;
vertical-align: middle;
}
.crm-offer-inp-wrap .crm-item-table-inp {
font-size: 14px;
height: 33px;
text-align: left;
}
.crm-offer-theme .crm-offer-inp-wrap {
width: 90%;
}
.crm-offer-info-table {
border: none;
border-spacing: 0;
width: 100%;
}
td.crm-offer-info-drg-btn,
td.crm-offer-info-right-btn {
padding: 7px 0 8px 0;
vertical-align: top;
}
.crm-offer-info-drg-btn,
.crm-offer-info-right-btn {
padding: 7px 0 8px 0;
vertical-align: top;
}
td.crm-offer-info-drg-btn {
border-radius: 2px 0 0 2px;
height: 27px;
padding-left: 0;
width: 36px;
}
td.crm-offer-info-right-btn {
border-radius: 0 2px 2px 0;
width: 77px;
}
.crm-offer-info-drg-btn .crm-offer-drg-btn {
background-position: center -3004px;
display: block;
height: 27px;
visibility: hidden;
position: static;
}
.crm-offer-info-table tr:hover > td > .crm-offer-drg-btn {
visibility: visible;
}
.crm-offer-title-text {
display: inline-block;
vertical-align: middle;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
}
.crm-offer-item-del,
.crm-offer-item-edit {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -2870px;
border-right: 1px solid #c2c9cc;
cursor: pointer;
display: inline-block;
height: 24px;
margin-top: 3px;
vertical-align: top;
opacity: 0;
width: 30px;
}
.crm-offer-item-del:hover,
.crm-offer-item-edit:hover{
opacity: 1;
}
.crm-offer-info-table tr:hover .crm-offer-item-del,
.crm-offer-info-table tr:hover .crm-offer-item-edit {
display: inline-block;
-moz-transition: opacity 350ms ease;
-ms-transition: opacity 350ms ease;
-o-transition: opacity 350ms ease;
transition: opacity 350ms ease;
opacity: .6;
}
.crm-offer-item-edit {
background-position: center -3129px;
border-right: none;
}
.crm-offer-info-table tr .crm-offer-item-del:hover,
.crm-offer-info-table tr .crm-offer-item-edit:hover {
opacity: 1 !important;
}
.crm-offer-info-table tr>td{
-moz-transition: background-color 350ms ease;
-ms-transition: background-color 350ms ease;
-o-transition: background-color 350ms ease;
transition: background-color 350ms ease;
}
.crm-offer-info-table tr:hover>td {
background-color: #e6edef;
}
.crm-offer-info-table tr:hover .crm-offer-theme-td {
background: none;
}
.crm-offer-info-table .diskuf-selector-table tr:hover > td.wd-fa-add-file-light-cell
{
background-color: #f8fafa
}
.crm-offer-info-table .diskuf-selector-table tr:hover > td.wd-fa-add-file-form-light-separate-cell
{
background: none;
}
.crm-offer-new-item .crm-offer-item-del {
display: inline-block;
opacity: .6;
}
td.crm-offer-info-left {
padding: 7px 14px 8px 0;
vertical-align: top;
text-align: right;
width: 150px;
}
.crm-offer-info-label {
color: #565e6a;
display: inline-block;
font-size: 13px;
margin-top: -3px;
text-align: right;
vertical-align: middle;
}
.crm-offer-info-address-row > td {
padding-top: 15px;
padding-bottom: 15px;
}
.crm-offer-info-address-row .crm-offer-drg-btn {
margin-top: 3px;
}
.crm-offer-address-title {
padding: 3px 0 3px 6px;
text-align: left;
width: 100%;
}
.crm-offer-address-title {
color: #565e6a;
font-size: 13px;
margin: 6px 0 10px;
}
.crm-offer-info-address-row div.crm-offer-disable-cover
{
background-color: #ffffff;
left: 4px;
top: 0;
height: 100%;
opacity: 0.7;
position: absolute;
width: 100%;
}
.crm-offer-info-label-address {
display: block;
color: #565e6a;
font-size: 13px;
text-align: left;
}
.crm-offer-info-label-alignment {
display: inline-block;
height: 27px;
margin-left: -1px;
vertical-align: middle;
width: 1px;
}
td.crm-offer-info-right {
padding: 7px 0 8px 0;
vertical-align: top;
width: 408px;
}
td.crm-offer-last-td {
padding: 13px 0 8px;
vertical-align: top;
}
.crm-offer-info-description {
margin: 3px 0 0 3px;
}
.crm-offer-info-descrip-tem {
color: #7e848c;
display: inline-block;
font-size: 12px;
padding-right: 15px;
position: relative;
}
.crm-offer-info-descrip-icon {
cursor: pointer;
top: 2px;
right: 0;
position: absolute;
height: 12px;
width: 15px;
}
.crm-offer-info-descrip-tel .crm-offer-info-descrip-icon {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat right -3097px;
}
.crm-offer-info-descrip-imail .crm-offer-info-descrip-icon {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat right -3064px;
}
.crm-offer-info-link {
color: #1f67b0;
cursor: pointer;
border-bottom: 1px dashed #1f67b0;
display: inline-block;
font-size: 12px;
margin: 5px 12px 0 0;
}
.crm-item-table-date {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat #fff right -2209px;
padding-right: 29px;
width: 160px;
}
.crm-offer-item-inp-disabled {
opacity: 0.6;
}
.crm-offer-info-data-wrap {
position: relative;
word-break: break-all;
word-break: break-word;
}
.crm-offer-disable-cover {
background-color: #ffffff;
left: -2px;
top: 0;
height: 100%;
opacity: 0.7;
position: absolute;
width: 100%;
}
.crm-offer-checkbox,
.crm-offer-radio {
margin: 0 5px 0 0;
vertical-align: middle;
}
.crm-offer-label {
color: #6c6e6f;
display: inline-block;
font-size: 13px;
margin-right: 15px;
vertical-align: middle;
}
.crm-offer-info-right .crm-offer-checkbox,
.crm-offer-info-right .crm-offer-label {
margin-top: 5px;
}
.crm-offer-label-inp {
margin-left: -3px;
padding-left: 1px;
vertical-align: middle;
width: 80%;
}
tr.crm-offer-new-item:hover td {
background-color: transparent;
}
tr.crm-offer-new-item:hover .crm-offer-drg-btn {
display: none;
}
.crm-offer-info-table tr.crm-offer-new-item .crm-offer-item-edit {
display: none !important;
}
.crm-offer-cancel-link {
color: #7a808c;
cursor: pointer;
font-size: 14px;
display: inline-block;
text-decoration: underline;
vertical-align: middle;
}
.crm-offer-item-btn-wrap {
margin-top: 18px;
}
.crm-offer-cancel-link:hover {
color: #000;
}
.crm-offer-info-table .webform-small-button {
vertical-align: middle;
}
.crm-offer-info-table .webform-small-button-text {
}
.crm-file-btn-block {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
font-size: 0;
}
.crm-file-btn-wrap {
display: inline-block;
vertical-align: middle;
overflow: hidden;
position: relative;
padding-right: 0;
white-space: nowrap;
font-size: 14px;
}
.crm-file-btn-wrap:after {
content: '';
display: inline-block;
margin-left: -4px;
height: 28px;
vertical-align: middle;
width: 1px;
}
.crm-file-btn-wrap .webform-small-button {
margin-right: 3px;
float: left;
}
.crm-offer-file-name {
color: #1f67b0;
cursor: default;
display: inline-block;
font-size: 14px;
text-decoration: underline;
vertical-align: middle;
overflow: hidden;
padding-left: 10px;
white-space: normal;
word-break: break-all;
}
.crm-offer-file-inp {
cursor: default;
height: 150px;
opacity: 0;
font-size: 100px;
top: -10px;
left: -10px;
position: absolute;
width: 500px;
}
.crm-offer-info-right .crm-offer-item-del {
display: inline-block;
border: none;
margin-top: 0;
width: 24px;
opacity: .6;
}
.crm-offer-info-right .crm-offer-item-edit {
margin-top: 0;
}
.crm-offer-info-table tr:hover > td.crm-offer-info-right > span.crm-offer-edit-btn-wrap > .crm-offer-item-del {
border-right: 1px solid #c2c9cc;
}
.crm-offer-info-table tr:hover > td.crm-offer-info-right > span.crm-offer-edit-btn-wrap > .crm-offer-item-edit {
display: inline-block;
opacity: .6;
}
.crm-offer-table-cap {
height: 40px;
}
.crm-offer-target-place {
border-bottom: 2px solid #a2a8b0;
}
.crm-offer-item-cap {
background-color: #fff;
margin-left: -2px;
opacity: 0.7;
width: 100%;
}
.crm-offer-items-table-td {
padding: 0 0 8px;
}
.crm-offer-popup-item .menu-popup-item-text {
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis;
}
tr.crm-offer-row[draggable="true"] {
-khtml-user-drag: element;
-webkit-user-drag: element;
-khtml-user-select: none;
-webkit-user-select: none;
}
.crm-offer-draggable-item {
background-color: rgba(150, 163, 174, 0.4);
border: 1px solid #b8bcbc;
-webkit-box-shadow: 0 1px 3px;
box-shadow: 0 2px 3px 0 rgba(0,0,0, .15);
height: 38px;
left: 12px;
top:200px;
position: absolute;
width: 485px;
z-index: 1100;
}
.crm-offer-draggable-item .crm-offer-title-text {
color: #000;
cursor: default;
display: block;
font-size: 14px;
padding: 12px 0 0 50px;
}
tr.crm-offer-row[draggable="true"]
{
-khtml-user-drag: element;
-webkit-user-drag: element;
-khtml-user-select: none;
-webkit-user-select: none;
}
.crm-lead-header-table-wrap {}
.crm-lead-header-table-inner-wrap {
background-color: #ffffff;
}
.crm-lead-header-table-wrap-fixed .crm-lead-header-table-inner-wrap {
-webkit-box-shadow: 0 7px 9px 0 #c6c9cb;
box-shadow: 0 7px 9px 0 #c6c9cb;
margin: 0 -15px;
padding: 0 15px;
}
.crm-lead-header-table {
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
.crm-lead-header-header {
background-color: #cceffb;
border-radius: 1px 1px 0 0;
height: 52px;
vertical-align:top;
padding: 0;
}
.crm-lead-header-header-left {
float: left;
width: 65%;
}
.crm-lead-header-table-company .crm-lead-header-header-left {
width: 85%;
}
.crm-lead-header-left-inner {
height: 52px;
overflow: hidden;
position: relative;
padding-left: 60px;
white-space: nowrap;
}
.crm-lead-header-title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
height: 52px;
max-width: 95%;
overflow: hidden;
padding:0 28px 0 7px;
position: relative;
vertical-align: top;
}
.crm-lead-header-title-editable {
width: 95%;
}
.crm-lead-header-company-title .crm-lead-header-title {
max-width: 100%;
}
.crm-lead-header-title:before {
display: inline-block;
content: '';
height: 52px;
margin-left: -1px;
vertical-align: middle;
width: 1px;
}
.crm-lead-header-company-title {
overflow: hidden;
}
.crm-lead-header-title-text {
display: inline-block;
max-width: 100%;
font-size: 18px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 20px;
max-height: 43px;
vertical-align: middle;
white-space: normal;
}
.crm-lead-header-title-edit {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -4438px;
border-radius: 50%;
display: none;
height: 24px;
margin-top: -12px;
opacity: 0.6;
position: absolute;
right: 0;
top: 50%;
width: 24px;
}
.crm-lead-header-title:hover .crm-lead-header-title-edit {
display: block;
}
.crm-lead-header-title-edit:hover,
.crm-lead-header-title-editable .crm-lead-header-title-edit {
background-color: #b6d4e1;
display: block;
opacity: 1;
}
.crm-lead-header-icon {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px 100px #fff;
border-radius: 50%;
height: 39px;
left: 14px;
top: 7px;
position: absolute;
width: 39px;
}
.crm-lead-header-img {
display: inline-block;
border-radius: 50%;
height: 33px;
margin: 11px 5px 0 0;
vertical-align: top;
overflow: hidden;
width: 33px;
}
.crm-lead-header-img img,
.crm-lead-header-company-img img {
border: none;
display: block;
max-height: 100%;
max-width: 100%;
margin: 0 auto;
}
.crm-lead-header-company-img {
background-color: #fff;
border: 1px solid #abc9d3;
float: left;
height: 32px;
margin: 9px 10px 0 0;
min-width: 35px;
}
.crm-header-lead-inp {
height: 30px;
background-color: #fff;
border: 1px solid #bcc0c2;
border-radius: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
margin: 11px 0 0 -6px;
font-size: 18px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
outline: none;
padding: 0 5px;
vertical-align: top;
width: 100%;
}
.crm-lead-header-offer .crm-lead-header-icon {
background-position: center -3678px;
}
.crm-lead-header-table-lid .crm-lead-header-icon {
background-position: center -3866px;
}
.crm-lead-header-table-contact .crm-lead-header-icon {
background-position: center -4372px;
}
.crm-lead-header-table-bill .crm-lead-header-icon {
background-position: center -3941px;
}
.crm-lead-header-table-deal .crm-lead-header-icon {
background-position: center -4015px;
}
.crm-lead-header-table-company .crm-lead-header-icon {
background-position: center -4275px;
margin-right: 10px;
}
.crm-lead-header-icon img {
border: none;
border-radius: 50%;
}
.crm-lead-header-status {
display: block;
padding-top: 4px;
max-width: 350px;
}
.crm-lead-header-status-title {
color: #828b93;
display: block;
margin-bottom: 3px;
font-size: 11px;
}
.crm-lead-header-status-scale {
background-color: #fff;
border-radius: 2px;
border: 1px solid #cfd6da;
display: block;
height: 8px;
margin-bottom: 5px;
position: relative;
}
.crm-lead-header-status-scale-inner {
border: 1px solid;
border-right: none;
border-radius: 2px 0 0 2px;
height: 8px;
left: -1px;
position: absolute;
top: -1px;
}
.crm-lead-header-status-blue .crm-lead-header-status-scale-inner {
background-color: #4a99da;
border: 1px solid #3e8dcf;
}
.crm-lead-header-status-sum {
color: #909090;
display: block;
margin-top: 3px;
font-size: 11px;
text-align: right;
}
.crm-lead-header-status-sum-num {
color: #000;
}
.crm-lead-header-table-company .crm-lead-header-header-center {
width: 40%;
}
.crm-lead-header-table-company .crm-lead-header-header-left .crm-lead-header-contact {
display: inline-block;
margin-top: 8px;
}
.crm-lead-header-table-lid .crm-lead-header-contact-link {
padding-left: 0;
}
.crm-lead-header-header .crm-lead-header-contact a.crm-lead-header-contact-name,
.crm-lead-header-header .crm-lead-header-contact span.crm-lead-header-contact-name {
display: inline-block;
color: #000;
font-size: 15px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
}
.crm-lead-header-offer a.crm-lead-header-contact-name {
border-bottom: 1px solid transparent;
}
.crm-lead-header-table a.crm-lead-header-contact-name:hover {
border-bottom: 1px solid #9eb9c3;
color: #000;
text-decoration: none;
}
.crm-lead-header-contact-btns {
border-left: 1px solid #b3d9e6;
height: 33px;
top: 12px;
right: 5px;
padding-left: 10px;
position: absolute;
}
.crm-lead-header-contact-btn {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px;
display: inline-block;
cursor: pointer;
height: 37px;
margin-top: -2px;
opacity: 0.8;
vertical-align:top;
width: 27px;
}
.crm-lead-header-contact-btn:hover {
opacity: 1;
}
.crm-lead-header-header-right {
float: right;
position: relative;
width: 35%;
}
.crm-lead-header-table-company .crm-lead-header-header-right {
width: 15%;
}
.crm-lead-header-right-inner {
position: relative;
padding-right: 120px;
}
.crm-lead-header-contact-btn-menu {
background-position: center -3722px;
}
.crm-lead-header-contact-btn-pin {
background-position: center -3752px;
}
.crm-lead-header-contact-btn-unpin {
background-position: center -4168px;
}
.crm-lead-header-contact-btn-close {
background-position: center -3785px;
}
.crm-lead-header-contact-btn-open {
background-position: center -3814px;
}
.crm-lead-header-company-icon img {
border: none;
display: block;
max-width: 80px;
max-height: 35px;
margin: 0 auto;
min-height: 39px;
min-width: 39px;
}
.crm-lead-header-header-right .crm-lead-header-contact-link {
display: inline-block;
overflow: visible;
vertical-align: top;
padding: 0;
}
.crm-lead-header-table-lid .crm-lead-header-header-right .crm-lead-header-contact-name {
margin-top: 8px;
}
.crm-lead-header-white {
background-color: #fff;
height: 2px;
padding: 0;
}
.crm-lead-header-blue {
background-color: #e2f5fc;
height: 12px;
padding: 0;
}
.crm-lead-header-cell {
border-left: 1px solid #d5e7ee;
background-color: #e2f5fc;
vertical-align: top;
padding: 0;
width: 30%;
}
.crm-lead-header-cell:first-child {
border: none;
}
.crm-lead-header-inner-table {
border: none;
border-spacing: 0;
min-height: 30px;
width: 100%;
}
.crm-lead-header-inner-table tr:hover td {
background-color: #d3e8f0;
}
.crm-lead-fly-item .crm-lead-header-inner-table tr:hover td,
.crm-lead-header-inner-table tr:hover .crm-lead-header-drag-zone {
background: none;
}
.crm-lead-header-inner-cell {
color: #535c69;
cursor: default;
font-size: 13px;
font-weight: bold;
vertical-align:middle;
padding: 10px 0 10px;
width: 100%;
line-height: 17px;
word-break: break-all;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.crm-lead-header-inner-cell-title {
color: #535c69;
font-weight: normal;
padding-right: 10px;
width: 20%;
padding-left: 10px;
word-break: normal;
line-height: 17px;
vertical-align: middle;
}
.crm-lead-header-comments .crm-lead-header-inner-cell-title {
max-width: 300px;
min-width: 20%;
}
.crm-lead-header-com-cell {
width: 100%;
}
.crm-lead-header-inner-cell-move {
min-width: 27px;
vertical-align: top;
padding: 0;
width: 27px;
}
.crm-lead-header-inner-move-btn {
background: #BAD7E2 url(../images/crm-control-panel-sprite-26.png) no-repeat center -4088px;
cursor: move;
height: 27px;
margin-top: 0;
width: 27px;
opacity:0;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.crm-lead-header-inner-cell-del {
min-width: 27px;
padding: 0;
width: 24px;
}
.crm-lead-header-inner-del-btn,
.crm-lead-header-inner-edit-btn {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -4133px;
cursor: pointer;
height: 27px;
width: 27px;
opacity:0;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.crm-lead-header-inner-edit-btn {
background-position: center -4333px;
}
.crm-lead-header-inner-table tr:hover .crm-lead-header-inner-move-btn,
.crm-lead-header-inner-table tr:hover .crm-lead-header-inner-del-btn,
.crm-lead-header-inner-table tr:hover .crm-lead-header-inner-edit-btn {
opacity:.7;
}
.crm-lead-header-inner-del-btn:hover,
.crm-lead-header-inner-edit-btn:hover {
opacity: 1;
background-color: #BAD7E2;
}
.crm-lead-header-edit-field,
.crm-lead-header-edit-inp {
border: 1px solid #bcc0c2;
color: #535c69;
display: block;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-weight: bold;
font-size: 13px;
margin: -6px -3px -6px -6px;
outline: none;
padding: 5px;
position: relative;
resize: none;
width: 96%;
}
.crm-lead-header-edit-field {
min-height: 16px;
}
.crm-lead-header-edit-inp {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.crm-lead-header-inner-editable .crm-lead-header-inner-cell {
background-color: #d3e8f0;
}
tr.crm-lead-header-inner-editable:hover .crm-lead-header-inner-move-btn,
tr.crm-lead-header-inner-editable:hover .crm-lead-header-inner-del-btn,
tr.crm-lead-header-inner-editable:hover .crm-lead-header-inner-edit-btn {
visibility: hidden;
}
.crm-lead-header-inner-table .crm-item-table-date {
color: #535c69;
height: 27px;
font-weight: bold;
margin: -6px -3px -5px -6px;
}
.crm-lead-header-inner-table .crm-item-table-select {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
display: block;
border-radius: 0;
color: #535c69;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-weight: bold;
font-size: 13px;
margin: -6px -3px -6px -6px;
height: 16px;
padding: 5px;
}
.crm-lead-header-inner-table .crm-item-table-select option {
margin: 0;
padding: 3px 0;
}
.crm-lead-header-lhe-view-wrapper {
max-height: 250px;
overflow: auto;
}
.crm-lead-header-boolean-edit-wrapper {
height: 16px;
}
.crm-lead-header-boolean-edit-wrapper label,
.crm-lead-header-boolean-edit-wrapper input {
margin: 0 5px 0 0;
vertical-align: middle;
}
.crm-lead-header-drag-zone {
padding: 4px;
}
.crm-lead-header-drag-zone .crm-lead-header-drag-zone-bd {
border: 2px dashed #b0babd;
border-radius: 2px;
height: 42px;
}
.crm-lead-header-drag-zone .crm-lead-header-drag-zone-bd-inactive {
border: 2px dashed transparent;
height: 20px;
}
.crm-lead-fly-item {
background-color: rgba(227, 232, 234, 0.9);
cursor: move;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
min-height: 50px;
min-width: 380px;
padding: 0 0 0 3px;
position: absolute;
z-index: 989;
}
.crm-offer-main-info-text .crm-offer-info-data-wrap:before,
.crm-offer-info-data-wrap .crm-fld-block-readonly:before {
content: '';
display: inline-block;
margin-left: -1px;
height: 27px;
vertical-align: middle;
width: 1px;
}
.crm-offer-main-info-text div.bx-crm-edit-user-field,
.crm-offer-main-info-text div.crm-fld-block-readonly {
display: inline-block;
vertical-align: middle;
min-height: 1px;
}
.crm-offer-main-info-text .crm-detail-info-resp {
display: inline-block;
height: 30px;
padding-top: 5px;
vertical-align: middle;
}
.crm-offer-main-info-text .crm-detail-info-resp-img {
top: 0;
}
.crm-offer-main-info-text .crm-tel-btn {
margin-top: 2px;
vertical-align: top;
}
.crm-offer-main-info-text .crm-item-tel {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.crm-lead-header-inf-block {
font-weight: normal;
padding: 0;
}
a.crm-lead-header-table-placeholder {
position: relative;
margin-bottom: 20px;
z-index: 1000;
}
.crm-lead-header-table-wrap-fixed {
position: fixed;
top:0;
left:0;
z-index: 988;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.crm-lead-header-cell {
height: 100%;
}
.crm-lead-header-inner-table {
min-height: 30px;
}
div.crm-lead-header-lhe-view-wrapper p {
margin: 0;
padding: 0;
}
div.crm-lead-header-enumeration-wrapper {
margin: 0 10px 0 0;
}
.crm-lead-fly-item .crm-lead-header-inner-move-btn
{
visibility: visible;
}
.crm-lead-fly-item .crm-lead-header-inner-cell
{
cursor: move;
}
.crm-dup-control-type-radio-title {
color: #555555;
margin-bottom: 17px;
padding-left: 5px;
}
.crm-dup-control-type-radio-wrap {
padding-left: 5px;
}
.crm-dup-control-type-radio {
vertical-align: middle;
margin: 0 3px 0 0;
}
.crm-dup-control-type-label {
display: inline-block;
vertical-align: middle;
margin: 2px 20px 0 0;
}
span.crm-dup-control-type-lock {
display: inline-block;
position: relative;
top: -1px;
width: 9px;
height: 12px;
padding-left: 4px;
text-align: center;
vertical-align: middle;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOSAxMiI+ICA8cGF0aCBmaWxsPSIjMjhCQUU5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljk1Miw1IEw5LDUgTDksMTIgTDAsMTIgTDAsNSBMMS4wNTIsNSBMMS4wNTIsMy40MTIgQzEuMTE1MzMxNjcsMS41NTIzMjI3NCAyLjY0MTI0NDY2LDAuMDc3NDkwNDI1MSA0LjUwMiwwLjA3NzQ5MDQyNTEgQzYuMzYyNzU1MzQsMC4wNzc0OTA0MjUxIDcuODg4NjY4MzMsMS41NTIzMjI3NCA3Ljk1MiwzLjQxMiBMNy45NTIsNSBaIE02Ljk5NjQyNzgzLDUgTDcuMDA4LDMuNDEyIEM2LjkwMzAwMjI5LDIuMDc3Mjc1NzMgNS44MzU3NDU5MywxLjAyMTA4MzQ0IDQuNSwwLjkzIEMzLjE2NDI1NDA3LDEuMDIxMDgzNDQgMi4wOTY5OTc3MSwyLjA3NzI3NTczIDEuOTkyLDMuNDEyIEwyLjAwNTA0MDUzLDUgTDYuOTk2NDI3ODMsNSBaIE01LjAxOSw4Ljg3OSBMNS4wMTksMTAuMTY2IEwzLjk4MSwxMC4xNjYgTDMuOTgxLDguODc5IEMzLjc4NzY5NDg0LDguNzI1MzU2MDEgMy42NzUwMzA3Nyw4LjQ5MTkyNzg1IDMuNjc1LDguMjQ1IEMzLjY3NSw3Ljc4OTM2NTA4IDQuMDQ0MzY1MDgsNy40MiA0LjUsNy40MiBDNC45NTU2MzQ5Miw3LjQyIDUuMzI1LDcuNzg5MzY1MDggNS4zMjUsOC4yNDUgQzUuMzI0OTY5MjMsOC40OTE5Mjc4NSA1LjIxMjMwNTE2LDguNzI1MzU2MDEgNS4wMTksOC44NzkgTDUuMDE5LDguODc5IFoiLz48L3N2Zz4=) no-repeat center left;
}
.crm-dup-control-type-info {
border: 1px solid;
border-color: #ede7d9 #eae4d2 #e5dfc9;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fdfbed, #faf6d9);
background-image: -moz-linear-gradient(top, #fdfbed, #faf6d9);
background-image: -ms-linear-gradient(top, #fdfbed, #faf6d9);
background-image: -o-linear-gradient(top, #fdfbed, #faf6d9);
background-image: linear-gradient(to bottom, #fdfbed, #faf6d9);
color: #352c0c;
font-size: 13px;
max-width: 470px;
margin-top: 20px;
padding: 11px 15px 10px;
}
.crm-offer-info-right span.bx-crm-edit-content-block-element-name {
width: auto;
}
.crm-offer-info-right .bx-crm-edit-datetime-link {
padding-top: 0;
}
tr.crm-offer-row[draggable="true"] .crm-offer-drg-btn {
cursor: move;
}
tr.crm-offer-row[draggable="false"] .crm-offer-drg-btn {
cursor: no-drop;
}
div.crm-quote-print-popup
{
min-width: 300px;
}
.bx-scroller-control {
display: inline-block;
width:16px;
cursor: pointer;
height: 16px;
}
.bx-scroller-control.plus {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -20px -3376px;
}
.bx-scroller-control.minus {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -20px -3440px;
}
body table.bx-interface-grid tr.bx-green.bx-odd td, body table.bx-interface-grid tr.bx-green.bx-over td {
background-color: #edf3de;
}
.bx-double-access-denied {
color: #d34842;
font-size: 12px;
line-height: 16px;
padding-left: 20px;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -21px -3500px;
}
.bx-help-icon {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -18px -3549px;
width:19px;
height:21px;
vertical-align: middle;
display: inline-block;
margin-left: 10px;
cursor: pointer;
}
.bx-notification-popup {
background-color: #fffcde !important;
border: 1px solid #f0f0f0 !important;
border-radius: 3px !important;
-webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important;
box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important;
}
.bx-notification {
background-color: #fffcde;
color: #000;
font-size: 15px;
min-height: 45px;
text-align: center;
padding: 12px 40px 12px 60px;
position: relative;
width: 280px;
}
.bx-notification-content-justify {
text-align: justify;
}
.bx-notification-aligner {
display: inline-block;
height: 45px;
margin-left: -1px;
vertical-align: middle;
width: 1px;
}
.bx-notification-text {
display: inline-block;
vertical-align: middle;
}
.bx-notification-footer {
text-align: center;
}
.crm-right-block {
background-color: #fff;
border: 1px solid;
border-color: #bcd0d5 #b9cdd3 #b2c6cc;
border-radius: var(--ui-border-radius-md, 3px);
-webkit-box-shadow: 0 1px 2px #dae0e0;
box-shadow: 0 1px 2px #dae0e0;
padding: 6px 6px 0;
margin: 0 0 12px 0;
}
.crm-right-block-title {
border-bottom: 1px solid #e5e5e5;
color: #000;
font-size: 16px;
font-weight: bold;
margin-bottom: 7px;
padding: 9px 8px 11px;
}
.crm-right-block-link {
cursor: pointer;
color: #2067b0;
font-size: 13px;
text-decoration: underline;
}
.crm-right-block-title .crm-right-block-link {
float: right;
font-weight: normal;
margin-top: 2px;
}
.crm-right-block-item-add {
padding: 0 0 19px 12px;
}
.crm-right-block-item {
background-color: #f0f5f5;
border-radius: var(--ui-border-radius-sm, 2px);
margin-bottom: 6px;
padding: 9px 14px 9px;
}
.crm-right-block-item-row {
padding: 4px 0;
}
.crm-right-block-item-icon {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px 100px;
display: inline-block;
height: 15px;
margin-top: 2px;
vertical-align: top;
width: 17px;
}
.crm-right-block-task .crm-right-block-item-icon {
background-position: center -1814px;
}
.crm-right-block-task-done .crm-right-block-item-icon {
background-position: center -1932px;
}
.crm-right-block-call .crm-right-block-item-icon {
background-position: center -1844px;
}
.crm-right-block-call-done .crm-right-block-item-icon {
background-position: center -1963px;
}
.crm-right-block-call-to .crm-right-block-item-icon {
background-position: center -1873px;
}
.crm-right-block-call-to-done .crm-right-block-item-icon {
background-position: center -1992px;
}
.crm-right-block-meet .crm-right-block-item-icon {
background-position: center -1904px;
}
.crm-right-block-meet-done .crm-right-block-item-icon {
background-position: center -2023px;
}
.crm-right-block-item-title-text {
border-bottom: 1px solid #2067b0;
display: inline-block;
color: #2067b0;
font-size: 13px;
font-weight: bold;
max-width: 184px;
text-shadow: 0 1px #fff;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}
.crm-right-block-item-title-text:hover {
text-decoration: none;
}
div.crm-right-block div.crm-right-block-meet-done .crm-right-block-item-title-text,
div.crm-right-block div.crm-right-block-call-to-done .crm-right-block-item-title-text,
div.crm-right-block div.crm-right-block-call-done .crm-right-block-item-title-text,
div.crm-right-block div.crm-right-block-task-done .crm-right-block-item-title-text {
color: #999c9c;
border-color: #999c9c;
text-decoration: line-through;
}
.crm-right-block-checkbox {
margin: 3px 0 0;
float: right;
}
div.crm-right-block div.crm-right-block-item .crm-right-block-date,
div.crm-right-block div.crm-right-block-item .crm-right-block-name {
display: inline-block;
color: #848787;
font-size: 13px;
}
div.crm-right-block div.crm-right-block-deadline .crm-right-block-date {
color: #d11919;
}
.crm-right-block-name {
float: right;
text-decoration: none;
}
.crm-right-block-name:hover {
color: #848787;
text-decoration: underline;
}
.crm-right-block-item-label {
color: #000;
display: inline-block;
text-decoration: none;
font-size: 13px;
}
.bx-crm-add-file-link {
min-height: 15px;
padding-left: 27px;
position: relative;
}
.bx-crm-add-file-link-text {
border-bottom: 1px dashed #7fafdf;
color: #0063c6;
cursor: pointer;
-webkit-transition: border-bottom-color 0.2s linear;
transition: border-bottom-color 0.2s linear;
}
.bx-crm-add-file-link:before {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -2343px;
height: 13px;
content: '';
left: 3px;
top: 2px;
opacity: 0.5;
position: absolute;
width: 17px;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.bx-crm-add-file-link:hover .bx-crm-add-file-link-text{
border-bottom: 1px dashed;
}
.bx-crm-add-file-link:hover:before {
opacity: 0.7;
}
.bx-crm-dialog-activity-diskuf-container {
height: 0;
overflow: hidden;
}
.bx-crm-dialog-activity-diskuf-container-inner {
background-color: #fff;
border: 1px solid #c6cdd3;
border-radius: var(--ui-field-border-radius);
margin: 0 4px 0 0;
padding: 0 14px 14px;
}
.bx-crm-dialog-activity-diskuf-container table.files-list td.files-name
{
width: auto;
}
div.bx-crm-dialog-activity-webdav-container .wduf-uploader input
{
cursor: pointer !important;
font-size: 320px !important;
height: 105px !important;
opacity: 0 !important;
position: absolute !important;
right: 0 !important;
top: -20px !important;
}
div.bx-crm-dialog-activity-webdav-container .wduf-selectdialog .wduf-simple,
div.bx-crm-dialog-activity-webdav-container .wduf-selectdialog .wduf-extended {
display: none;
}
div.bx-crm-dialog-activity-webdav-container .wduf-placeholder .files-text {
box-sizing: border-box;
color: #2067b0;
display: inline-block;
max-width: 100%;
padding-left: 25px;
position: relative;
}
div.bx-crm-dialog-activity-webdav-container .feed-add-post-loading-wrap {
display: inline-block;
margin-left: 3%;
position: relative;
vertical-align: middle;
width: 70%;
}
div.bx-crm-dialog-activity-webdav-container .feed-add-post-loading {
background-color: #fff;
border: 1px solid #bcc2c4;
border-radius: 1px;
display: block;
height: 20px;
}
div.bx-crm-dialog-activity-webdav-container .feed-add-post-load-indicator {
background-color: #2fc7f7;
border-radius: 1px;
color: #fff;
font-size: 14px;
height: 22px;
left: 0;
position: absolute;
text-align: center;
top: 0;
}
div.bx-crm-dialog-activity-webdav-container table.files-list
{
width:100%;
}
div.bx-crm-dialog-activity-webdav-container table.files-list tr td {
color: #5c6470;
font-size: 13px;
line-height: 16px;
overflow: hidden;
padding: 8px 0;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}
div.bx-crm-dialog-activity-webdav-container table.files-list td.files-size {
text-align: center;
width: 30%;
}
div.bx-crm-dialog-activity-webdav-container table.files-list td.files-del-btn .del-but {
background: url(/bitrix/components/bitrix/disk.uf.file/templates/.default/images/wduf-sprite.png?5) no-repeat scroll center -44px rgba(0, 0, 0, 0);
cursor: pointer;
display: inline-block;
height: 24px;
margin-top: 0;
width: 24px;
}
.crm-lead-address-popup-table {
border: none;
border-spacing: 0;
width: 255px;
}
.crm-lead-address-popup-label,
.crm-lead-address-popup-text {
color: #5d6672;
padding: 3px 0;
text-align: right;
vertical-align: top;
width: 20%;
}
.crm-lead-address-popup-text {
font-weight: bold;
padding: 3px 0 3px 6px;
text-align: left;
width: 100%;
}
.crm-cart-block-wrap {
height: 100%;
top: 0;
right: 0;
position: fixed;
overflow: hidden;
width: 0;
z-index: 989;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crm-cart-block {
background-color: #9ba1aa;
background-color: rgba(6, 21, 42, .4);
height: 100%;
top: 0;
left: 0;
position: absolute;
width: 100%;
-webkit-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
}
.crm-cart-icon-wrap {
margin-top: -12px;
height: 24px;
min-width: 38px;
top: 50%;
position: absolute;
width: 100%;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crm-cart-icon {
display: block;
height: 24px;
margin-top: -12px;
min-width: 38px;
vertical-align: middle;
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crm-cart-icon-top {
background: url(../images/bin-top.svg) no-repeat 0 0;
background-size: 100% 100%;
transform: rotate(0);
-webkit-transform-origin: 53px 17px;
transform-origin: 53px 17px;
height: 28%;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.crm-cart-icon-body {
background: url(../images/bin-body.svg) no-repeat 0 0;
background-size: 100% 100%;
height: 73%;
}
.crm-cart-start {width: 38px;}
.crm-cart-active {width: 168px;}
.crm-cart-active .crm-cart-icon {
height: 85px;
margin-top: -44px;
}
.crm-cart-hover .crm-cart-block {
background-color: #90b2cc;
background-color: rgba(0, 81, 143, 0.4);
}
.crm-cart-hover .crm-cart-icon-top {
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.crm-cart-finish .crm-cart-icon {
-webkit-animation-name: anim-cart-icon;
-webkit-animation-duration: 0.4s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0.2s;
-webkit-animation-timing-function: cubic-bezier(0,.65,.01,1.01);
animation: anim-cart-icon 0.4s cubic-bezier(0,.65,.01,1.01) 0.2s;
}
.crm-cart-finish .crm-cart-icon-top {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition: none;
transition: none;
}
.crm-cart-finish {
-webkit-transition: width 0.3s linear 0.65s;
transition: width 0.3s linear 0.65s;
width: 0;
}
.crm-cart-finish .crm-cart-block {
background-color: rgba(0, 105, 186, 0.52);
width: 168px;
}
@-webkit-keyframes anim-cart-icon {
0% {height:85px; margin-top: -44px;}
50% {height:200px; margin-top: -100px;}
100% {height:85px; margin-top: -44px;}
}
@keyframes anim-cart-icon {
0% { transform:scale(1, 1);}
50% {transform:scale(2.3, 2.3);}
100% {transform:scale(1, 1);}
}
.bx-ie8 .crm-cart-icon {
background: url(../images/crm-bin-sprite-ie-8.png) no-repeat center 0;
}
.bx-ie8 .crm-cart-active .crm-cart-icon {
background-position: center -56px;
}
.bx-ie8 .crm-cart-hover .crm-cart-icon {
background-position: center -173px;
height: 112px;
margin-top: -71px;
}
.bx-ie8 .crm-cart-icon-top,
.bx-ie8 .crm-cart-icon-body {
display: none;
}
.crm-container {
padding: 20px 0;
}
.crm-transaction-menu {
max-width: 235px;
min-width: 210px;
width: 20%;
float: left;
}
.crm-transaction-menu a {
position: relative;
color: #545c69;
padding: 12px 18px;
margin-bottom: 1px;
text-decoration: none;
display: block;
margin-right: 13px;
border-radius: var(--ui-border-radius-xs, 2px);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
min-height: 40px;
box-sizing: border-box;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.crm-transaction-menu a:after {
content: '';
position: absolute;
top: 50%;
right: -13px;
margin-top: -20px;
border-color: transparent;
-webkit-transition: border-color 250ms ease;
-moz-transition: border-color 250ms ease;
-ms-transition: border-color 250ms ease;
-o-transition: border-color 250ms ease;
transition: border-color 250ms ease;
border: 20px solid transparent;
border-right: 0;
border-left: 13px solid transparent;
}
.crm-transaction-menu span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.crm-transaction-menu a:hover, .crm-transaction-menu a.status_tab_active {
color: #fff;
background: #31c7f5;
}
.crm-transaction-menu a:hover:after, .crm-transaction-menu a.status_tab_active:after {
border: 20px solid transparent;
border-right: 0;
border-left: 13px solid #31c7f5;
}
.crm-transaction-stage {
overflow: hidden;
padding: 0 40px;
}
.crm-previously {
overflow: hidden;
margin-top: 45px;
}
.crm-previously-scale, .crm-previously-funnels {
width: 40%;
float: left;
margin-bottom: 20px;
}
@media only screen and (max-width: 1980px) {
.crm-previously-scale, .crm-previously-funnels {
min-width: 100%;
}
}
.crm-previously-scale {
padding-top: 18px;
}
.crm-previously-funnels {
width: 60%;
}
.crm-previously-line-top{
vertical-align: bottom;
}
.crm-previously-line-bottom {
vertical-align: top;
}
.crm-previously-line-top span,
.crm-previously-line-bottom span {
display: block;
border-top: 2px solid #e1e2e3;
border-left: 2px solid #e1e2e3;
border-radius: 5px 0 0 0;
line-height: 15px;
}
.crm-previously-line-bottom span {
border-bottom: 2px solid #e1e2e3;
border-top: none;
border-radius: 0 0 0 5px;
}
.crm-previously-table {
width: 100%;
padding: 0 0 0 0;
border-spacing: 3px;
}
.crm-previously-table tr {
}
.crm-previously-table td {
line-height: 15px;
position: relative;
}
.crm-previously-table td .stage-name {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: block;
color: #535c69;
font-size: 13px;
padding-left: 4px;
}
.crm-previously-title {
display: block;
color: #535c69;
font-size: 13px;
line-height: 15px;
padding: 0 0 0 17px;
margin-bottom: 8px;
}
.crm-previously-funnels .crm-previously-title {
text-align: center;
padding: 0;
}
.crm-previously-funnel {
width: 50%;
float: left;
text-align: center;
}
.crm-previously-funnel-subtitle {
font-size: 9px;
line-height: 15px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 6px;
display: block;
color: #388e3c;
}
.crm-previously-funnel-failure .crm-previously-funnel-subtitle {
color: #c62828;
}
.crm-previously-funnel-inner {
position: relative;
}
.triangle-left, .triangle-right {
position: absolute;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAADFBMVEX////////////////1pQ5zAAAAA3RSTlMAf5M712MZAAABj0lEQVR4Ad3PAQEAIAwEodfr33k9oAH7Q/SUiDJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5RJyiRlkjJJmaRMUiYpk5DJARof6f7RqRjxAAAAAElFTkSuQmCC);
top: 0;
left: 13px;
bottom: 0;
border-bottom: 20px solid #fff;
background-size: 100% 100%;
box-sizing: border-box;
width: 20px;
z-index: 9999;
}
.triangle-right {
right: 13px;
left: auto;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAADFBMVEX////////////////1pQ5zAAAAA3RSTlMAf5M712MZAAABj0lEQVR42t3PAQEAMAzDoP7x73k+wAGb4SmPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5pDxSHimPlEfKI+WR8kh5tG88OnGi6f5DzeifAAAAAElFTkSuQmCC);
}
.crm-previously-funnel-failure .triangle-left, .crm-previously-funnel-failure .triangle-right {
border: 0;
}
.crm-previously-funnel-stage {
position: relative;
height: 17px;
margin-bottom: 3px;
text-align: center;
font-weight: bold;
font-size: 11px;
line-height: 17px;
color: #fff;
}
.crm-previously-funnel-stage-inner {
position: relative;
}
.crm-previously-funnel.crm-previously-funnel-failure .crm-previously-funnel-stage:last-child .crm-previously-funnel-stage-inner:before,
.crm-previously-funnel.crm-previously-funnel-failure .crm-previously-funnel-stage:last-child .crm-previously-funnel-stage-inner:after {
content: '';
}
.crm-transaction-stage-content {
}
.transaction-stage {
position: relative;
padding: 15px 19px 15px 13px;
border: 1px solid #e1e2e3;
border-radius: var(--ui-border-radius-md, 3px);
margin: 10px auto;
}
.transaction-stage.transaction-initial-stage {
margin: 10px auto 55px;
}
.transaction-stage.transaction-initial-stage:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -45px;
width: 2px;
height: 35px;
margin: 0 auto;
background: #dee1e3;
}
.transaction-stage-title {
margin-bottom: 10px;
color: #545c69;
font-size: 14px;
}
.transaction-stage-phase {
position: relative;
padding: 6px 7px 6px 4px;
line-height: 15px;
background: #ace9fb;
margin-bottom: 5px;
border-radius: var(--ui-border-radius-xs);
font-size: 15px;
font-weight: bold;
color: #545c69;
overflow: hidden;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.transaction-stage-phase-edit .transaction-stage-phase-title-inner {
display: block;
padding-right: 0;
}
.transaction-stage-phase-edit .transaction-stage-phase-title {
padding-right: 0;
}
.transaction-stage-phase-edit:hover .transaction-stage-phase-title-inner {
padding-right: 26px;
}
.transaction-stage-phase-title {
position: relative;
vertical-align: middle;
display: block;
overflow: hidden;
padding: 3px 26px 2px 0;
white-space: nowrap;
}
.transaction-stage-phase-title-inner {
display: inline-block;
max-width: 100%;
position: relative;
padding-right: 26px;
line-height: 28px;
}
.transaction-stage-phase-title-input-container {
overflow: hidden;
display: block;
}
.transaction-stage-phase-title input {
outline: none;
border: 1px solid #bcbcbc;
border-radius: var(--ui-field-border-radius);
line-height: 28px;
color: #535c69;
font-size: 14px;
font-weight: bold;
padding: 0 6px;
box-sizing: border-box;
width: 100%;
}
.transaction-stage-phase-number {
float: left;
}
.transaction-stage-phase-name {
overflow: hidden;
display: block;
text-overflow: ellipsis;
max-width: 100%;
padding-right: 5px;
}
.transaction-stage-phase-icon-arrow {
width: 14px;
height: 2px;
background: #aa9c8a;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.transaction-stage-phase-icon-arrow:after {
content: '';
position: absolute;
border: 4px solid transparent;
border-right: 0;
border-left: 4px solid #aa9c8a;
right: 0;
top: -3px;
}
.transaction-stage-phase-icon {
width: 35px;
height: 35px;
background: transparent;
display: inline-block;
position: relative;
vertical-align: middle;
float: left;
margin-right: 4px;
}
.transaction-stage-phase-icon {
opacity: 0.5;
}
.transaction-stage-phase-icon.transaction-stage-phase-icon-move:hover {
opacity: 0.7;
}
.transaction-stage-phase-icon-move {
cursor: move;
}
.transaction-stage-phase-icon-burger {
width: 14px;
height: 6px;
border-top: 2px solid #545c69;
border-bottom: 2px solid #545c69;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.transaction-stage-phase-icon-burger:after {
content: '';
position: absolute;
top: 2px;
width: 14px;
height: 2px;
background: #545c69;;
}
.transaction-stage-phase-panel {
float: right;
font-size: 0;
display: none;
}
.transaction-stage-phase-panel-button {
width: 35px;
height: 35px;
background: transparent;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
}
.transaction-stage-phase-panel-button:hover {
background: rgba(0,0,0,0.08);
}
.transaction-stage-phase-panel-button:after {
content: '';
position: absolute;
width: 13px;
height: 13px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity: 0.5;
vertical-align: middle;
background: url(../images/crm-transaction-stage.png) no-repeat 0 -72px;
}
.transaction-stage-phase-dark .transaction-stage-phase-panel-button:after {
background-position: 0 -100px;
}
.transaction-stage-phase-panel-button.transaction-stage-phase-panel-button-close:after {
background-position: -15px -72px;
width: 10px;
height: 10px;
}
.transaction-stage-phase-dark .transaction-stage-phase-panel-button-close:after {
background-position: -15px -100px;
}
.transaction-stage-phase-panel-button.transaction-stage-phase-panel-button-refresh:after {
background-position: -14px -85px;
width: 13px;
height: 12px;
}
.transaction-stage-phase-dark .transaction-stage-phase-panel-button-refresh:after {
background-position: -14px -116px;
}
.transaction-stage-phase-panel-button:hover:after {
opacity: 1;
}
.transaction-stage-phase-dark .transaction-stage-phase-icon-edit:after {
background-position: 0 -116px;
}
.transaction-stage-phase-icon-edit {
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 26px;
background: transparent;
vertical-align: middle;
display: inline-block;
overflow: hidden;
float: right;
margin: 2px 0;
}
.transaction-stage-phase:hover .transaction-stage-phase-icon-edit {
width: 26px;
}
.transaction-stage-phase-icon-edit:after {
content: '';
position: absolute;
width: 11px;
height: 11px;
background: url(../images/crm-transaction-stage.png) no-repeat 0 -87px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
opacity: 0.5;
}
.transaction-stage-phase-icon-edit:hover {
background: rgba(0,0,0,0.08);
}
.transaction-stage-phase-icon-edit:hover:after {
opacity: 1;
}
.transaction-stage-phase:hover .transaction-stage-phase-panel {
display: block;
}
.transaction-stage-addphase {
line-height: 25px;
text-transform: uppercase;
text-decoration: none;
color: #545c69;
font-weight: bold;
padding-left: 4px;
display: inline-block;
margin-top: 10px;
}
.transaction-stage-addphase span {
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
font-size: 12px;
}
.transaction-stage-addphase:hover {
color: #545c69;
text-decoration: underline;
}
.transaction-stage-final {
overflow: hidden;
}
.transaction-stage-final-title {
position: relative;
text-transform: uppercase;
text-align: center;
color: #545c69;
font-weight: bold;
line-height: 30px;
margin: 15px 0 -15px;
font-size: 19px;
}
.transaction-stage-final-title:before {
content: '';
position: absolute;
width: 2px;
height: 15px;
top: -15px;
left: 0;
right: 0;
margin: 0 auto;
background: #dee1e3;
}
.transaction-stage-final-title-sub {
background: #fff;
padding: 0 5px;
}
.transaction-stage-final-result {
border-radius: 4px 4px 0 0;
border: 2px solid #e1e2e3;
border-bottom: 0;
padding: 0 10px;
overflow: hidden;
line-height: 25px;
font-weight: bold;
margin: 0 88px;
font-size: 11px;
text-transform: uppercase;
}
.transaction-stage-final-failure {
color: #c42929;
text-align: right;
width: 50%;
float: left;
}
.transaction-stage-final-success {
color: #388c3b;
width: 50%;
float: left;
}
.transaction-stage-final-column {
width: 50%;
float: left;
}
.transaction-stage-final-column .transaction-stage.transaction-stage-success {
margin-right: 15px;
position: relative;
padding-bottom: 47px;
}
.transaction-stage-final-column .transaction-stage.transaction-stage-success:after,
.transaction-stage-final-column .transaction-stage.transaction-stage-failure:after {
content: '';
position: absolute;
width: 34px;
height: 34px;
left: 0;
right: 0;
margin: auto;
margin-top: 5px;
background: #989da5 url(../images/crm-transaction-stage.png) no-repeat 0 0;
}
.transaction-stage-final-column .transaction-stage.transaction-stage-failure:after {
background: #989da5 url(../images/crm-transaction-stage.png) no-repeat 0 -36px;
bottom: 11px;
}
.transaction-stage-final-column .transaction-stage.transaction-stage-failure:before {
content: '';
position: absolute;
height: 1px;
background: #eaebed;
left: 13px;
right: 19px;
bottom: 57px;
}
.transaction-stage-final-column .transaction-stage.transaction-stage-failure {
margin-left: 15px;
padding-bottom: 67px;
}
.transaction-stage-success .transaction-stage-phase {
background: #dbf199;
}
.light-icon .transaction-stage-phase-icon-arrow {
background: #fff;
}
.light-icon .transaction-stage-phase-icon-arrow:after {
border-left: 4px solid #fff;
}
.light-icon .transaction-stage-phase-icon-burger {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.light-icon .transaction-stage-phase-icon-burger:after {
background: #fff;
}
.dark-icon .transaction-stage-phase-icon-arrow {
background: #545c69;
}
.dark-icon .transaction-stage-phase-icon-arrow:after {
border-left: 4px solid #545c69;
}
.dark-icon .transaction-stage-phase-icon-burger {
border-top: 2px solid #545c69;
border-bottom: 2px solid #545c69;
}
.dark-icon .transaction-stage-phase-icon-burger:after {
background: #545c69;
}
.crm-transaction-stage-clarification {
color: #545c69;
margin-top: 35px;
font-size: 13px;
}
.crm-transaction-stage-clarification input {
display: inline-block;
vertical-align: middle;
}
.crm-transaction-stage-clarification label {
vertical-align: middle;
line-height: 17px;
}
.crm-transaction-stage-clarification-text {
background: #edf1f2;
padding: 21px 24px;
line-height: 17px;
margin-top: 17px;
border-radius: 3px;
}
.webform-buttons-fixed {
box-shadow: 0 -2px 4px 0 #c6c9cb;
overflow: hidden;
position: fixed;
left: 240px;
right: 20px;
bottom: 0;
z-index: 2;
padding: 15px;
background: #fff;
text-align: center;
}
.crm-fixedbtn {
position: relative;
float: right;
width: 16px;
height: 16px;
margin: 11px 0 11px 11px;
cursor: pointer;
}
.crm-fixedbtn:after {
content: '';
width: 14px;
height: 14px;
background: url(../images/crm-transaction-stage.png) no-repeat -13px -131px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
opacity: 0.5;
}
.crm-fixedbtn-pin:after {
width: 8px;
height: 16px;
background-position: 0 -131px;
}
.crm-filter-view {
padding: 22px 18px 22px 20px;
width: 72px;
background-color: #fff;
border: 2px solid #eef2f4;
border-radius: 2px;
box-sizing: border-box;
}
.crm-filter-view-table,
.crm-filter-view-chart {
display: inline-block;
border-radius: 2px;
cursor: pointer;
height: 40px;
margin: 0 4px 4px;
opacity: 0.7;
position: relative;
width: 40px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.crm-filter-view-table:before,
.crm-filter-view-chart:before {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px 100px;
content: '';
height: 16px;
left: 11px;
top: 12px;
position: absolute;
width: 18px;
z-index: 2;
}
.crm-filter-view-table:before {
background-position: center -4669px;
}
.crm-filter-view-chart:before {
background-position: center -4720px;
}
.crm-filter-view-table:hover,
.crm-filter-view-chart:hover {
background-color: #e6e7e9;
opacity: 1;
}
.crm-filter-view-active {
background-color: #818992 !important;
opacity: 1;
}
.crm-filter-view-active.crm-filter-view-table:before {
background-position: center -4641px;
}
.crm-filter-view-active.crm-filter-view-chart:before {
background-position: center -4693px;
}
.crm-filter-counter-wrap {
position: absolute;
left: 20px;
top: -7px;
text-align: center;
width: 31px;
}
.crm-filter-counter {
background-color: #f43400;
border-radius: 10px;
border: 2px solid #fff;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
height: 16px;
line-height: 16px;
min-width: 11px;
padding: 0 3px;
vertical-align: top;
}
.bx-filter-folded .crm-filter-view {
padding: 22px 18px 22px 20px;
width: 72px;
height: 64px;
box-sizing: border-box;
}
.config-CRM-link-container {
position: relative;
padding: 10px 22px;
border: 2px solid #edeef0;
width: 356px;
margin-bottom: 20px;
}
.condig-CRM-popup {
display: none;
width: 450px;
top: 0;
right: -510px;
position: absolute;
padding: 20px 25px;
box-shadow: 0 0 10px 4px rgba(83,92,105,0.15);
}
.condig-CRM-popup .condig-CRM-popup-title {
display: block;
color: #000;
font-size: 15px;
font-weight: bold;
margin-bottom: 15px;
}
.condig-CRM-popup p {
font-size: 13px;
line-height: 16px;
margin: 0 0 5px;
}
.config-CRM-link-container:hover .condig-CRM-popup {
display: block;
}
.config-CRM-link {
display: block;
}
.config-CRM-link a {
line-height: 28px;
font-size: 15px;
}
.config-CRM-link a:hover {
text-decoration: underline;
}
.crm-diskuf-selectdialog-wrap {
display: inline-block;
}
.crm-offer-info-right .diskuf-selectdialog-switcher {
display: inline-block;
margin: 4px 0 10px;
}
td.wd-fa-add-file-light-cell {
padding: 10px 0;
}
.view-report-wrapper-inner-clarification {
font-size: 12px;
color: rgba(0,0,0,0.8);
padding: 5px 30px 20px;
position: absolute;
bottom: 0;
}
.view-report-sidebar {
text-align: left;
float: left;
}
.view-report-sidebar-settings {
width: 33.5%;
margin: 0 0 0 -33.5%;
}
.sidebar-tab {
position: relative;
padding: 13px 15px;
background: #e5eaed;
color: rgba(0,0,0,0.7);
font-weight: bold;
font-size: 14px;
display: block;
margin-bottom: 3px;
text-align: left;
border-radius: var(--ui-space-stack-xs);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.sidebar-tab:last-child {
margin: 0;
}
.sidebar-tab-disabled {
color: rgba(145,150,157,0.4);
cursor: default;
}
.sidebar-tab-link {
background: none;
display: inline-block;
position: absolute;
bottom: 11px;
margin: 0 11px 0 0;
}
.sidebar-tab:hover {
background: #e1e7ea;
color: rgba(0,0,0,0.7);
}
.sidebar-tab-active, .sidebar-tab-active:hover {
background: #fff;
color: #000;
}
.sidebar-tab-active:after, .sidebar-tab-active:hover:after {
content: '';
position: absolute;
width: 4px;
top: 0;
bottom: 0;
margin: auto;
right: -2px;
background: #fff;
}
.sidebar-tab-disabled:hover {
color: rgba(145,150,157,0.4);
background: #e5eaed;
}
.view-report-wrapper-container {
vertical-align: top;
position: relative;
overflow: hidden;
}
.view-report-wrapper-wrapp {
position: relative;
width: 100%;
float: left;
}
.view-report-wrapper-shell {
width: 75%;
float: left;
margin: 0 0 0 25%;
background-color: #fff;
}
.view-report-wrapper-container-inner {
overflow: hidden;
background: #fff;
}
.view-report-wrapper {
text-align: left;
padding: 35px 0 0;
background: #fff;
font-size: 0;
float: left;
border-radius: var(--ui-space-stack-xs);
}
.view-report-sidebar ~ .view-report-wrapper {
border-top-left-radius: 0;
}
.view-report-wrapper-inner {
display: block;
margin-bottom: 50px;
}
.view-report-wrapper-inner-item {
display: inline-block;
vertical-align: top;
margin: 0 16px 50px;
width: 140px;
text-align: center;
padding-top: 1px;
}
.view-report-wrapper-inner-item:hover .view-report-wrapper-inner-img {
border: 1px solid #1ec6f9;
box-shadow: 0 0 0 1px #1ec6f9;
}
.view-report-wrapper-inner-title {
font-size: 14px;
color: #3b4350;
line-height: 17px;
font-weight: bold;
display: block;
}
.view-report-wrapper-inner-img {
position: relative;
width: 106px;
height: 106px;
border: 1px solid #ededed;
display: inline-block;
margin-bottom: 15px;
transition: all .25s linear;
border-radius: var(--ui-border-radius-sm);
}
.view-report-wrapper-inner-img:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
background: url(../images/settings-sprite.png) no-repeat;
}
.view-report-wrapper-inner-img.img-1c:before { background-position: -3px -0px; width: 58px; height: 28px; }
.view-report-wrapper-inner-img.img-book:before { background-position: -3px -31px; width: 47px; height: 34px; }
.view-report-wrapper-inner-img.img-email:before { background-position: -3px -68px; width: 46px; height: 32px; }
.view-report-wrapper-inner-img.img-email-int:before { background-position: -3px -103px; width: 44px; height: 29px; }
.view-report-wrapper-inner-img.img-email-tracker:before { background-position: -1px -1019px; width: 48px; height: 29px; }
.view-report-wrapper-inner-img.img-email-tracker-sh:before { background-position: -1px -1056px; width: 48px; height: 29px; }
.view-report-wrapper-inner-img.img-curr:before { background-position: -3px -135px; width: 43px; height: 34px; }
.view-report-wrapper-inner-img.img-bp:before { background-position: -3px -172px; width: 42px; height: 33px; }
.view-report-wrapper-inner-img.img-payment:before { background-position: -3px -208px; width: 40px; height: 44px; }
.view-report-wrapper-inner-img.img-help:before { background-position: -3px -255px; width: 39px; height: 39px; }
.view-report-wrapper-inner-img.img-location:before { background-position: -3px -297px; width: 39px; height: 35px; }
.view-report-wrapper-inner-img.img-fields:before { background-position: -3px -335px; width: 38px; height: 28px; }
.view-report-wrapper-inner-img.img-properties:before { background-position: -3px -366px; width: 38px; height: 33px; }
.view-report-wrapper-inner-img.img-taxes:before { background-position: -3px -402px; width: 36px; height: 41px; }
.view-report-wrapper-inner-img.img-units:before { background-position: -3px -446px; width: 36px; height: 36px; }
.view-report-wrapper-inner-img.img-reports:before { background-position: -3px -485px; width: 35px; height: 37px; }
.view-report-wrapper-inner-img.img-shop:before { background-position: -3px -525px; width: 35px; height: 40px; }
.view-report-wrapper-inner-img.img-other:before { background-position: -3px -568px; width: 30px; height: 34px; }
.view-report-wrapper-inner-img.img-permissions:before { background-position: -3px -605px; width: 30px; height: 39px; }
.view-report-wrapper-inner-img.img-deal-category:before { background-position: -3px -722px; width: 52px; height: 40px; }
.view-report-wrapper-inner-img.img-contacts:before { background-position: -3px -647px; width: 34px; height: 41px; }
.view-report-wrapper-inner-img.img-company:before { background-position: -3px -691px; width: 46px; height: 29px; }
.view-report-wrapper-inner-img.img-deals:before { background-position: -3px -723px; width: 51px; height: 38px; }
.view-report-wrapper-inner-img.img-offers:before { background-position: -3px -764px; width: 35px; height: 41px; }
.view-report-wrapper-inner-img.img-accounts:before { background-position: -3px -808px; width: 34px; height: 42px; }
.view-report-wrapper-inner-img.img-leads:before { background-position: -3px -853px; width: 45px; height: 34px; }
.view-report-wrapper-inner-img.img-app:before { background-position: -3px -890px; width: 36px; height: 37px; }
.view-report-wrapper-inner-img.img-migration:before { background-position: -3px -930px; width: 37px; height: 40px; }
.view-report-wrapper-inner-img.img-mycompany:before { background-position: -9px -974px; width: 30px; height: 40px; }
.view-report-wrapper-inner-img.img-volume:before { background-position: -3px -1090px; width: 40px; height: 40px; }
.view-report-wrapper-inner-img.img-automation:before {
width: 50px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20115%20115%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3EAsset%201%20Copy%202%3C/title%3E%3Cg%20fill%3D%22%234F5C6B%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M90.888%2010.696l-10.19%2014.157%206.517%205.72%207.642-2.594c1.657%202.042%203.12%204.235%204.367%206.55l-5.32%206.005L96.763%2049l7.78%201.635c.385%202.62.568%205.268.546%207.917l-7.505%202.458-1.773%208.735%206.003%205.32c-.99%202.457-2.174%204.83-3.546%207.094l-7.913-1.638-5.87%206.69%202.594%207.64c-2.042%201.658-4.235%203.12-6.55%204.37l-6.003-5.32-8.46%202.857-1.637%207.777c-2.62.386-5.267.57-7.916.547l-2.59-7.643-8.735-1.773-5.32%206.005c-2.456-.99-4.828-2.175-7.092-3.547l1.773-7.917-6.685-5.863-7.65%202.595c-1.657-2.043-3.12-4.236-4.366-6.552l5.32-6.004-2.863-8.462-7.92-1.64c-.385-2.62-.567-5.267-.546-7.916l7.64-2.455%201.773-8.734-6.002-5.32c.99-2.456%202.176-4.828%203.546-7.094L24.71%2034.4l5.87-6.687-2.587-7.65c2.042-1.658%204.235-3.123%206.55-4.374l6.003%205.32%206.348-2.152L51.2.314C22.412%203.444%200%2027.834%200%2057.46c0%2031.744%2025.73%2057.48%2057.47%2057.48s57.47-25.736%2057.47-57.48c.013-18.56-8.947-35.982-24.052-46.764z%22/%3E%3Cpath%20d%3D%22M79.735%2052.503L48.78%2086.957c14.426%204.272%2029.823-2.52%2036.394-16.054%206.572-13.534%202.39-29.837-9.887-38.534L61.22%2051.916l18.515.586zM26.77%2057.466c-.006%2010.614%205.466%2020.48%2014.473%2026.094l4.643-14.968-10.21-1.398%208.718-37.543c-10.76%205.08-17.626%2015.914-17.625%2027.816z%22/%3E%3Cpath%20d%3D%22M54.79%2055.33l-.458.748%2014.91.843-30.307%2038.172%2014.176-30.26L42.43%2063.4%2061.6.164c7.07.474%2013.99%202.26%2020.408%205.262L54.788%2055.33h.003z%22/%3E%3C/g%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: center;
}
.view-report-wrapper-inner-img.img-sms-settings:before {
width: 38px;
height: 40px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2038%2044%22%3E%3Cg%20fill%3D%22%234E5C6A%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M25.636%2042.168c-.83%200-1.5-.672-1.5-1.5%200-.83.67-1.5%201.5-1.5.828%200%201.5.67%201.5%201.5%200%20.828-.672%201.5-1.5%201.5zM24.34%203.173h5v-1h-5v1zm-3%200h1v-1h-1v1zM36%200H15c-1.1%200-2%20.9-2%202v6h2.776V5.964c0-.548.444-.993.993-.993h17.676c.547%200%20.992.446.992.994v30.532c0%20.548-.445.993-.992.993H16.77c-.55%200-.994-.446-.994-.994V29H13v13c0%201.1.9%202%202%202h21c1.1%200%202-.9%202-2V2c0-1.1-.9-2-2-2z%22/%3E%3Cpath%20d%3D%22M13.8%2020.4c-1.2%200-2.3-1-2.3-2.2%200-1.2%201-2.2%202.3-2.2%201.2%200%202.3%201%202.3%202.2%200%201.2-1.1%202.2-2.3%202.2zm-6.4%200c-1.2%200-2.3-1-2.3-2.2%200-1.2%201-2.2%202.3-2.2%201.2%200%202.3%201%202.3%202.2%200%201.2-1.1%202.2-2.3%202.2zM20.2%2016c1.2%200%202.3%201%202.3%202.2%200%201.2-1%202.2-2.3%202.2-1.2%200-2.3-1-2.3-2.2%200-1.2%201-2.2%202.3-2.2zM23%2030.3V27h2c1.1%200%202-.9%202-2V12c0-1.1-.9-2-2-2H2c-1.1%200-2%20.9-2%202v13c0%201.1.9%202%202%202h15.6l5.4%203.3z%22/%3E%3C/g%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.view-report-wrapper-inner-img.img-document:before {
width: 34px;
height: 46px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2234%22%20height%3D%2246%22%3E%3Cpath%20fill%3D%22%234E5C6B%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.843%2028.952a1.99%201.99%200%200%200-1.984%201.984%201.99%201.99%200%200%200%201.984%201.984h14.11a1.99%201.99%200%200%200%201.984-1.984%201.99%201.99%200%200%200-1.985-1.984H8.843zm0-3.41h14.11a1.99%201.99%200%200%200%201.984-1.983%201.99%201.99%200%200%200-1.985-1.984H8.843a1.99%201.99%200%200%200-1.984%201.984%201.99%201.99%200%200%200%201.984%201.984zM30.267%2041.07c0%20.24-.198.44-.44.44H4.174a.444.444%200%200%201-.444-.44V4.963c0-.243.196-.442.444-.442h16.658v9.652h9.434v26.896zm3.534-28.455L20.834.954%204.175.987A3.978%203.978%200%200%200%20.197%204.964v36.105a3.977%203.977%200%200%200%203.978%203.977h25.651a3.975%203.975%200%200%200%203.975-3.977V12.614z%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.view-report-wrapper-inner-img.img-invoice:before {
width: 38px;
height: 47px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2238%22%20height%3D%2247%22%3E%3Cpath%20fill%3D%22%234E5C6B%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.012%2022.77v1.825h-1.755v-1.7c-1.2-.054-2.363-.376-3.043-.77l.537-2.095c.752.412%201.808.788%202.972.788%201.02%200%201.718-.394%201.718-1.11%200-.68-.572-1.11-1.897-1.558-1.916-.645-3.223-1.54-3.223-3.277%200-1.575%201.11-2.81%203.026-3.187v-1.7H20.1v1.575c1.2.054%202.006.304%202.597.591l-.52%202.023c-.465-.196-1.289-.609-2.578-.609-1.164%200-1.54.502-1.54%201.003%200%20.591.627.967%202.15%201.54%202.13.752%202.989%201.737%202.989%203.348%200%201.594-1.128%202.954-3.187%203.312zM19.01%206.89c-5.829%200-10.554%204.725-10.554%2010.553%200%205.83%204.725%2010.554%2010.554%2010.554%205.828%200%2010.553-4.725%2010.553-10.554%200-5.828-4.725-10.553-10.553-10.553zm8.83%2029.507h-17.66c-.949%200-1.724.775-1.724%201.723%200%20.947.775%201.723%201.723%201.723h17.661c.948%200%201.723-.776%201.723-1.723%200-.948-.775-1.723-1.723-1.723zm0-5.17h-17.66c-.949%200-1.724.776-1.724%201.724%200%20.947.775%201.723%201.723%201.723h17.661c.948%200%201.723-.776%201.723-1.723%200-.948-.775-1.723-1.723-1.723zm6.809%2012.115a.215.215%200%200%201-.215.215H3.565a.215.215%200%200%201-.215-.215V3.552c0-.118.097-.215.215-.215h30.87c.118%200%20.215.097.215.216v39.789zM35.44%200H2.56A2.568%202.568%200%200%200%200%202.56v41.775a2.568%202.568%200%200%200%202.56%202.56h32.88a2.568%202.568%200%200%200%202.56-2.56V2.56A2.567%202.567%200%200%200%2035.44%200z%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.view-report-wrapper-inner-img.img-quote:before {
width: 37px;
height: 45px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2237%22%20height%3D%2245%22%3E%3Cpath%20fill%3D%22%234E5C6B%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.19%2030.69l-8.976-8.976s-.905-.775-.905.388.13%205.924.13%205.817h-9.824v-2.844H8.083v6.205s0%205.041%205.041%205.041H26.44v5.3c0%201.293%201.064-.03%201.064-.03l8.78-8.78s.496-.238.496-1.014-.589-1.107-.589-1.107zM24.665%2016.83H9.68c-.86%200-1.564.703-1.564%201.563v.18c0%20.86.704%201.563%201.564%201.563h14.986c.86%200%201.564-.703%201.564-1.563v-.18c0-.86-.704-1.564-1.564-1.564zm1.564-4.431c0-.86-.704-1.564-1.564-1.564H9.68c-.86%200-1.564.704-1.564%201.564v.18c0%20.86.704%201.563%201.564%201.563h14.986c.86%200%201.564-.704%201.564-1.564v-.18zM3.215%2041.59V3.409c0-.114.092-.206.206-.206H30.2c.113%200%20.206.092.206.206v16.495h3.215V2.457A2.464%202.464%200%200%200%2031.164%200H2.457A2.464%202.464%200%200%200%200%202.457v40.086A2.464%202.464%200%200%200%202.457%2045H22.56v-3.202H3.42a.207.207%200%200%201-.206-.207z%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.crm-popup-setting-fields {
color: #616f7b;
font-size: 14px;
width: 570px;
}
.crm-p-s-f-block-title {
color: #80868e;
font-size: 14px;
font-weight: bold;
padding: 10px 0 14px 10px;
}
.crm-p-s-f-block-wrap {
background-color: #f5f7f8;
margin-top: 5px;
padding: 20px 18px;
}
.crm-p-s-f-block-wrap:first-child {
margin-top: 0;
}
.crm-p-s-f-text {
font-weight: bold;
margin-bottom: 23px;
}
.crm-p-s-f-block-hide {
overflow: hidden;
position: relative;
padding-bottom: 0;
height: 241px;
}
.crm-p-s-f-block-hide-inner {
padding-bottom: 8px;
}
.crm-p-s-f-items-list {
margin: 14px 0 0 -5px;
padding: 0 0 0 25px;
overflow: hidden;
}
.crm-p-s-f-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 15px 18px 0;
}
.crm-p-s-f-title {
font-weight: bold;
}
.crm-p-s-f-open-btn {
background-color: #f5f7f8;
cursor: pointer;
height: 46px;
top: 215px;
left: 0;
position: absolute;
width: 100%;
}
.crm-p-s-f-block-open .crm-p-s-f-open-btn {
display: none;
}
.crm-p-s-f-open-btn:before {
background: #f5f7f8 url(../images/crm-control-panel-sprite-26.png) no-repeat center -3792px;
border: 1px solid #e6eaec;
border-bottom: none;
content: '';
height: 21px;
top: 0;
left: 50%;
margin-left: -32px;
position: absolute;
width: 63px;
z-index: 2;
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.crm-p-s-f-open-btn:after {
border-bottom: 1px solid #e6e9eb;
content: '';
height: 1px;
left: 15px;
top: 20px;
right: 15px;
position: absolute;
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.crm-p-s-f-open-btn:hover:after,
.crm-p-s-f-open-btn:hover:before {
border-color: #c5d0d9;
}
.crm-p-s-f-checkbox-items-list {
margin: 0;
list-style: none;
padding:19px 0 0 10px;
}
.crm-p-s-f-checkbox-item {
padding-top: 19px;
}
.crm-p-s-f-checkbox-item:first-child {
padding-top: 0;
}
.crm-p-s-f-checkbox-item label,
.crm-p-s-f-checkbox-item input[type="checkbox"]{
margin: 0;
vertical-align: middle;
}
.crm-p-s-f-checkbox-item input[type="checkbox"]{
margin-right: 9px;
}
.crm-history-tab-content {
background-color: #fff;
padding: 16px;
}
.crm-duplicate-tab-content,
.crm-deal-category-tab-content,
.crm-conditionally-required-field-tab-content,
.crm-livefeed-placeholder-content
{
max-width: 950px;
}
.crm-duplicate-tab-content {
background-color: #eff5f7;
border-radius: 2px;
padding: 1px 20px;
}
.crm-history-tab-title,
.crm-duplicate-tab-title,
.crm-deal-category-tab-title {
color: #000;
font-size: 14px;
font-weight: bold;
margin: 33px 0 25px;
}
.crm-duplicate-tab-title {
margin-top: 15px;
}
.crm-history-tab-text,
.crm-duplicate-tab-text,
.crm-deal-category-tab-text,
.crm-conditionally-required-field-tab-text,
.crm-livefeed-placeholder-text
{
color: #555;
font-size: 14px;
margin: 25px 0 15px;
max-width: 950px;
}
.crm-history-tab-text a,
.crm-duplicate-tab-text a,
.crm-deal-category-tab-text a,
.crm-conditionally-required-field-tab-text a {
border-bottom: 1px solid transparent;
}
.crm-history-tab-text a:hover,
.crm-duplicate-tab-text a:hover,
.crm-deal-category-tab-text a:hover,
.crm-conditionally-required-field-tab-text a:hover {
border-bottom: 1px solid;
}
.crm-history-tab-img,
.crm-livefeed-placeholder-img
{
display: block;
margin: 20px auto 20px;
}
.crm-history-tab-buttons,
.crm-duplicate-tab-buttons,
.crm-deal-category-tab-buttons {
padding: 10px 0 20px;
text-align: center;
}
.crm-client-summary-wrapper {
display: flex;
align-items: center;
}
div.crm-client-summary-wrapper .crm-client-photo-wrapper {
display: block;
overflow: hidden;
min-width: 50px;
max-width: 50px;
text-align: left;
}
.crm-client-photo-wrapper img {
display: inline-block;
max-width: 50px;
max-height: 50px;
width: auto;
height: auto;
}
.crm-client-summary-photo {
border-radius: 50%;
display: block;
height: 50px;
margin-right: 11px;
width: 50px;
}
.ui-icon.crm-client-summary-photo > i{
background-size: cover;
}
.crm-client-def-pic {
border-radius: 50%;
height: 38px;
width: 38px;
overflow: hidden;
}
div.crm-client-summary-wrapper .crm-client-info-wrapper {
display: inline-block;
margin: 0 !important;
vertical-align: middle;
font-size: 13px;
}
.crm-client-title-wrapper {}
.crm-conv-selector-popup-contents { width: 480px; }
.crm-conv-selector-popup-contents .crm-popup-title {
color: #3b434f;
line-height: 35px;
font-weight: bold;
display: block;
}
.crm-conv-info {
border: 1px solid;
border-color: #ede7d9 #eae4d2 #e5dfc9;
border-radius: var(--ui-border-radius-xs, 2px);
-webkit-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fdfbed, #faf6d9);
background-image: -moz-linear-gradient(top, #fdfbed, #faf6d9);
background-image: -ms-linear-gradient(top, #fdfbed, #faf6d9);
background-image: -o-linear-gradient(top, #fdfbed, #faf6d9);
background-image: linear-gradient(to bottom, #fdfbed, #faf6d9);
color: #352c0c;
font-size: 13px;
max-width: 470px;
margin-top: 20px;
padding: 11px 15px 10px;
}
.crm-conv-info {
border: 1px solid;
border-color: #ede7d9 #eae4d2 #e5dfc9;
border-radius: var(--ui-border-radius-xs, 2px);
-webkit-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fdfbed, #faf6d9);
background-image: -moz-linear-gradient(top, #fdfbed, #faf6d9);
background-image: -ms-linear-gradient(top, #fdfbed, #faf6d9);
background-image: -o-linear-gradient(top, #fdfbed, #faf6d9);
background-image: linear-gradient(to bottom, #fdfbed, #faf6d9);
color: #352c0c;
font-size: 13px;
max-width: 470px;
margin-top: 20px;
padding: 11px 15px 10px;
}
.crm-offer-tabs-wrapper {
font-size: 0;
}
.crm-offer-tabs-wrap-slider-container{
position:relative;
width:537px;
padding:0 24px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.crm-offer-tabs-wrap-slider-container-overflow{
position:relative;
overflow:hidden;
}
.crm-offer-tabs-wrap-slider-arrow{
position:absolute;
width: 67px;
height:24px;
top:22px;
opacity:.3;
cursor:pointer;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px;
background-position: center -3791px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.crm-offer-tabs-wrap-slider-arrow-left{
left:-22px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.crm-offer-tabs-wrap-slider-arrow-right{
right:-22px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.crm-offer-tabs-wrap-slider-arrow:hover{
opacity:1;
background-color:#E0E5E7;
}
.crm-offer-tabs-wrap-slide-box{
overflow:hidden;
position:relative;
left:0;
}
.crm-offer-tabs-wrap-slide{
float:left;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.crm-offer-tabs-wrap-slide-waiter{
background: url(../images/waiter-white-64px.gif) no-repeat center;
min-height:100px;
-webkit-background-size:32px;
background-size:32px;
}
.crm-offer-tab-block-wrap {
display: inline-block;
vertical-align: top;
overflow: hidden;
opacity: 1;
width: 489px;
transition: height 0.3s linear,
width 0.4s cubic-bezier(0.02, 0.7, 0.47, 1) 0.15s,
opacity 0.3s linear;
background:#FBFCFC;
}
.crm-offer-tab-block-hidden {height: 0;}
.crm-offer-tab-block {
padding: 13px 15px 15px;
width: 459px;
background-color: #fdfdfe;
margin: 0 10px 10px 0;
}
.crm-offer-tab-title {
border-bottom: 1px solid #eeeff1;
padding: 0 0 8px 32px;
position: relative;
}
.crm-offer-tab-title-icon {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px 100px #eef2f4;
border-radius: 50%;
height: 24px;
left: 0;
position: absolute;
top: 0;
width: 24px;
}
.crm-offer-tab-company .crm-offer-tab-title-icon {
background-position: center -4511px;
}
.crm-offer-tab-contact .crm-offer-tab-title-icon {
background-position: center -4473px;
}
.crm-offer-tab-title-name-block {
display: inline-block;
padding-right: 30px;
position: relative;
vertical-align: top;
max-width: 400px;
}
.crm-offer-tab-title-name {
border-bottom: 1px dashed #1f67b0;
color: #1f67b0;
display: inline-block;
font-size: 15px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
cursor: pointer;
vertical-align: top;
}
.crm-offer-tab-title-descript {
color: #9fa0a1;
font-size: 12px;
max-width: 100%;
overflow: hidden;
padding: 0 0 4px;
text-overflow: ellipsis;
}
.crm-offer-tab-flag {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat scroll center -4892px;
cursor: pointer;
height: 25px;
opacity: 0.6;
width: 25px;
display: inline-block;
}
.crm-offer-tab-flag:hover {
opacity: 1;
}
.crm-offer-tab-close-btn {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -3233px;
cursor: pointer;
height: 20px;
opacity: 0.7;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.crm-offer-tab-close-btn:hover {
opacity: 1;
}
.crm-offer-tab-main-cont-wrap {
padding: 13px 0 7px;
}
.crm-offer-tab-cont {
min-height: 82px;
}
.crm-offer-tab-list-wrap {
font-size: 0;
}
.crm-offer-tab {
color: #535c69;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: bold;
height: 38px;
line-height: 38px;
padding: 0 20px;
vertical-align: top;
text-align: center;
}
.crm-offer-tab-text {
border-bottom: 1px dashed #535c69;
}
.crm-offer-tab-active {
background-color: #e4f2f8;
cursor: default;
}
.crm-offer-tab-active .crm-offer-tab-text {
border-bottom: none;
}
.crm-offer-tab-cont-wrap {
background-color: #e4f2f8;
overflow: hidden;
padding: 13px 7px 7px;
-webkit-transition: height 0.3s cubic-bezier(.02,.7,.47,1);
transition: height 0.3s cubic-bezier(.02,.7,.47,1);
}
.crm-offer-requisite {
background: transparent;
padding: 0 8px 15px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.crm-offer-requisite-active {
background-color: #fdfdfe;
}
.crm-offer-requisite-title {
border-bottom: 1px solid rgba(83,92,105,0.1);
margin-bottom: 13px;
padding: 12px 0;
display: flex;
align-items: center;
line-height: 20px;
color: #535c69;
font-size: 14px;
font-weight: bold;
}
.crm-offer-requisite-block-wrap .crm-offer-requisite-title {
border-bottom: 1px dashed rgba(83,92,105,0.1);
}
.crm-offer-requisite-block-wrap .crm-offer-requisite-title:hover {
border-bottom-color: #535c69;
}
.crm-offer-requisite-inp {
display: inline-block;
margin: -1px 10px 0 3px;
vertical-align: middle;
flex-shrink: 0;
}
.crm-offer-requisite-lable {
display: inline-block;
vertical-align: middle;
}
.crm-offer-tab-info {
position: relative;
padding: 5px 0 7px 103px;
}
.crm-offer-tab-table {
border-spacing: 0;
width: 100%;
}
.crm-offer-tab-info .crm-offer-tab-table {
border-left: 1px solid #d5e3e9;
}
.crm-offer-tab-cell {
color: #535c69;
font-size: 13px;
font-weight: bold;
vertical-align: top;
padding: 4px 10px 4px 0;
}
.crm-offer-tab-cell:first-child {
font-weight: normal;
padding-right: 10px;
padding-left: 28px;
width: 20%;
}
.crm-offer-tab-info .crm-offer-tab-cell:first-child {
padding-left: 20px;
}
.crm-offer-tab-info-img {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px 100px #fff;
border-radius: 50%;
height: 56px;
left: 21px;
position: absolute;
top: 11px;
width: 56px;
}
.crm-offer-tab-company .crm-offer-tab-info-img {
background-position: center -4924px;
}
.crm-offer-tab-contact .crm-offer-tab-info-img {
background-position: center -4978px;
}
.crm-offer-mail-icon {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -18px -5044px;
cursor: pointer;
border-radius: 50%;
display: block;
height: 19px;
top: 1px;
right: -20px;
position: absolute;
width: 19px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.crm-offer-mail-icon:hover {
background-color: #c3d7e4;
}
.crm-offer-requisite-block-wrap {
font-size: 0;
padding-top: 3px;
}
.crm-offer-requisite-option {
cursor: pointer;
display: inline-block;
vertical-align: top;
padding-right: 17px;
position: relative;
}
.crm-offer-requisite-option-caption {
cursor: auto;
display: inline-block;
font-size: 14px;
margin: 0 7px 0 0;
}
.crm-offer-requisite-option-text {
border-bottom: 1px dashed #b0c8e0;
color: #1f67b0;
display: inline-block;
font-size: 14px;
}
.crm-offer-requisite-option:hover .crm-offer-requisite-option-text {
border-bottom-color: #1f67b0;
}
.crm-offer-requisite-option-arrow {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -37px -2244px;
height: 12px;
position: absolute;
top: 5px;
right: 0;
width: 12px;
}
.crm-offer-requisite-blocks {
padding-top: 15px;
}
.crm-offer-requisite-blocks .crm-offer-requisite {
background-color: #fdfdfe;
display: inline-block;
margin: 0 10px 10px 0;
padding: 0 18px 15px;
position: relative;
vertical-align: top;
width: 400px;
}
.crm-offer-requisite-blocks .crm-offer-tab-cell {
padding-left: 0;
}
.crm-offer-requisite-blocks .crm-offer-tab-close-btn {
top: 17px;
right: 18px;
}
.crm-offer-requisite-form-wrap {
margin: 20px 0 0 0;
}
.crm-offer-info-table > tbody > tr.crm-offer-row-no-hover:hover > td {
background-color: transparent;
}
.crm-offer-requisite-table-wrap {
padding: 0;
}
.crm-offer-requisite-form-wrap .crm-offer-main-wrap {
background-color: #fff;
padding: 10px 15px 5px;
}
.crm-offer-requisite-form-wrap .crm-offer-info-table {
background-color: #f0f4f5;
margin-bottom: 10px;
}
.crm-offer-requisite-form-wrap .crm-offer-info-table tr:first-child td {
padding: 0;
}
.crm-offer-requisite-form-wrap .crm-offer-title {
background-color: #fff;
color: #000;
font-weight: bold;
}
.crm-offer-requisite-form-wrap .crm-offer-title {
height: 41px;
padding-left: 15px;
padding-top: 0;
}
.crm-offer-requisite-table-wrap .crm-offer-title-text {
height: 40px;
line-height: 40px;
}
.crm-offer-requisite-table-wrap .crm-offer-address-title {
padding-left: 15px;
width: auto;
}
.crm-offer-requisite-table-wrap .crm-offer-requisite-option {
padding-left: 15px;
}
.popup-search-result-empty {
margin: 10px -10px;
padding: 0;
font-size: 16px;
color: #565e6a;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.popup-search-result {
list-style: none;
margin: -7px -10px -5px;
padding: 0;
max-width: 396px;
}
.popup-search-result-item {
color: #80868e;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 36px;
line-height: 36px;
font-size: 14px;
overflow: hidden;
padding: 0 15px 0 20px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.popup-search-result-item:hover {
background-color: #f6f8f9;
color: #000000;
}
.search-inp-loading:before {
background: url(../images/waiter-white.gif) no-repeat 0 0;
content: '';
height: 20px;
position: absolute;
right: 8px;
top: 4px;
width: 20px;
}
.bx-requisite-dialog-title {
font-weight: bold;
font-size: 14px;
color: #80868e;
}
.bx-requisite-dialog .container-item {
background: #eef2f4;
padding: 0 10px;
margin-bottom: 5px;
text-align: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 935px;
font-size: 0;
}
.bx-requisite-dialog .field-container {
position: relative;
width: 445px;
max-width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 5px;
margin: 15px 0;
}
.bx-requisite-dialog .field-container .field-container-title {
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
line-height: 16px;
width: 155px;
text-align: right;
}
.bx-requisite-dialog .field-container-small .select-container {
width: 118px;
margin: 0 1px;
}
.bx-requisite-dialog .field-container.field-container-left {
margin-right: 25px;
}
.bx-requisite-dialog .field-container.field-container-left,
.bx-requisite-dialog .field-container.field-container-right {
display: inline-block;
}
.bx-requisite-dialog .select-container {
display: inline-block;
overflow: hidden;
position: relative;
background: #fff;
vertical-align: middle;
width: 240px;
}
.bx-requisite-dialog .select-container select {
position: relative;
padding: 0 37px 0 7px;
line-height: 36px;
border: 1px solid #c6cdd3;
margin: 0;
color: #000;
outline: none;
width: 100%;
height: 38px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 2;
background: transparent;
font-size: 14px;
border-radius: 3px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.bx-ie .bx-requisite-dialog .select-container select {
padding-right: 0;
}
.bx-ie .bx-requisite-dialog .select-container:after {
content: none;
}
.bx-requisite-dialog .select-container:after {
position: absolute;
content: '';
right: 13px;
top: 0;
bottom: 0;
margin: auto;
width: 11px;
height: 7px;
display: inline-block;
}
.bx-crm-view {
font: 13px/19px var(--ui-font-family-primary, var(--ui-font-family-helvetica))
}
.crm-portrait {
clear: both;
display: block;
overflow: hidden;
}
.task-iframe-popup .crm-portriat {
background: #fff;
margin: 30px 0 0 0;
overflow: hidden;
padding: 30px 15px 0 15px;
border-bottom: 1px solid transparent;
border-radius: var(--ui-border-radius-md);
}
.crm-portriat-wrapper {
overflow: hidden;
margin: 0 0 10px 0;
font-size: 0;
}
.crm-portrait-title {
font-size: 22px;
margin: 0 0 20px 0;
}
.crm-portrait-title-small {
font-size: 16px;
margin: 0 0 20px 0;
padding: 20px 0 0 0;
}
.crm-portrait-user {
display: -webkit-flex;
display: flex;
float: left;
vertical-align: top;
width: 49.5%;
white-space: nowrap;
background: #fff;
}
.cem-widget-round-statistic {
float: right;
width: 49.5%;
font-size: 14px;
margin-left: 0.5%;
}
.cem-widget-round-statistic
.crm-fake-widget-right {
margin: 0 1px;
width: auto;
display: block;
}
.crm-portrait-user-avatar {
display: inline-block;
vertical-align: top;
min-width: 90px;
max-width: 90px;
height: 90px;
margin: 10px;
background: #979faa url(../images/crm-portriat-no-avatar.svg) center center no-repeat;
background-size: cover;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.crm-portrait-user-info {
flex: 1;
overflow: hidden;
padding: 0 20px;
color: #000;
font-size: 15px;
letter-spacing: normal;
white-space: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.crm-portrait-user-name {
font-size: 22px;
margin: 17px 0 15px 0;
}
.crm-portrait-user-table {
width: 100%;
line-height: 20px;
table-layout: fixed;
}
.crm-portrait-user-table-col-1 {
width: 135px;
}
.crm-portrait-user-table-light {
color: #535c69;
padding: 0 20px 0 0;
overflow: hidden;
text-overflow: ellipsis;
}
.crm-portrait-user-table-dark {
color: #000;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.crm-portrait-intro {
text-overflow: ellipsis;
}
.crm-portrait-show-intro {
margin: 0 0 0 70%;
color: #4279bc;
font-size: 12px;
text-decoration: underline;
}
.crm-portrait-show-intro-hide {
display: none;
}
.crm-portrait-hide-intro {
color: #4279bc;
font-size: 12px;
text-decoration: underline;
}
.crm-portrait-intro-overflow {
position: absolute;
width: 70%;
display: block;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.crm-portrait-intro-overflow-show {
position: relative;
white-space: normal;
width: 100%;
display: inherit;
}
.crm-portrait-user-table-intro,
.crm-portrait-user-table-intro tbody,
.crm-portrait-user-table-intro tr,
.crm-portrait-user-table-intro td {
display: block;
width: 100%;
position: relative;
}
.crm-portrait-user-table-intro {
padding: 0 0 0 3px;
}
.crm-portrait-statistic {
clear: both;
display: block;
}
.crm-portrait-load {
clear: both;
width: 100%;
height: 40px;
margin: 0 0 60px 0;
position: relative;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.crm-portrait-load:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
display: block;
height: 20px;
background: url(/bitrix/js/crm/css/../images/crm-portriat-blank.png) center center repeat;
opacity: .8;
z-index: 9;
}
.crm-portrait-load-item-red,
.crm-portrait-load-item-orange,
.crm-portrait-load-item-yellow,
.crm-portrait-load-item-light,
.crm-portrait-load-item-gray,
.crm-portrait-load-item-green,
.crm-portrait-load-item-blue {
flex: 1;
height: 40px;
background: #f2f2f2;
position: relative;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.crm-portrait-load-item-red {background: #f43400;}
.crm-portrait-load-item-orange {background: #fd7e21;}
.crm-portrait-load-item-yellow {background: #f7d622;}
.crm-portrait-load-item-light {background: #eef2f5;}
.crm-portrait-load-item-gray {background: #b6c3cd;}
.crm-portrait-load-item-green {background: #21d02b;}
.crm-portrait-load-item-blue {background: #4fc2f8;}
.crm-portrait-load-item-text {
display: block;
position: absolute;
left: 0;
width: 100%;
bottom: -28px;
white-space: nowrap;
text-align: center;
color: #000;
font-size: 12px;
line-height: 28px;
}
.crm-portrait-load-bar {
position: absolute;
width: 7px;
height: 46px;
top: -6px;
background: #fff;
z-index: 99;
cursor: pointer;
-webkit-box-shadow: 0 1px 4px 1px rgba(0, 1, 1, .2);
-moz-box-shadow: 0 1px 4px 1px rgba(0, 1, 1, .2);
box-shadow: 0 1px 4px 1px rgba(0, 1, 1, .2);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.crm-portrait-load-baloon {
position: absolute;
line-height: 29px;
padding: 0 7px;
background: #545c69;
color: #fff;
font-size: 14px;
white-space: nowrap;
left: 50%;
top: -11px;
font-weight: bold;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
-webkit-box-shadow: 1px 3px 8px 2px rgba(0, 1, 1, .2);
-moz-box-shadow: 1px 3px 8px 2px rgba(0, 1, 1, .2);
box-shadow: 1px 3px 8px 2px rgba(0, 1, 1, .2);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.crm-portrait-load-baloon-right {
-webkit-transform: translate(-85%,0);
-ms-transform: translate(-85%,0);
transform: translate(-85%,0);
}
.crm-portrait-load-baloon:before {
content: '';
width: 10px;
height: 10px;
background: #545c69;
position: absolute;
margin: 0 0 0 -5px;
bottom: -4px;
left: 50%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.crm-portrait-load-baloon-right:before {
left: 85%;
}
.crm-widget-panel-paddings {
padding: 15px 15px 20px;
overflow-x: auto;
overflow-y: visible;
}
.task-iframe-popup .crm-widget-panel-paddings {
padding: 0 15px;
margin: 0 0 30px 0;
background: #fff;
}
.task-iframe-popup .crm-fake-widget-50-50 {
padding: 0 15px;
overflow: hidden;
background: #fff;
}
.crm-widget-panel-title {
color: #535c69;
font-size: 22px;
margin: 0 0 32px 0;
}
.crm-client-selector-type{
padding-bottom:20px;
padding-top: 3px;
}
.crm-client-selector-type-item-list,
.crm-client-selector-type-item-select,
.crm-client-selector-type-item-create{
display: inline-block;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size:13px;
color:#80868e;
line-height:14px;
text-align:left;
vertical-align: middle;
border-bottom:dashed 1px;
margin-right:20px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}
.crm-client-selector-type-item-list:hover,
.crm-client-selector-type-item-select:hover,
.crm-client-selector-type-item-create:hover{
color:#0b66c3;
}
.crm-client-selector-type-item-list.selected,
.crm-client-selector-type-item-select.selected,
.crm-client-selector-type-item-create.selected{
color:#0b66c3;
font-weight: bold;
}
.crm-client-selector-tabs-wrap-slider-container{
position:relative;
width:537px;
padding:0 24px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.crm-client-selector-tabs-wrap-slider-container-overflow{
position:relative;
overflow:hidden;
}
.crm-client-selector-tabs-wrap-slider-arrow{
position:absolute;
width: 67px;
height:24px;
top:22px;
opacity:.3;
cursor:pointer;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px;
background-position: center -3791px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.crm-client-selector-tabs-wrap-slider-arrow-left{
left:-22px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.crm-client-selector-tabs-wrap-slider-arrow-right{
right:-22px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.crm-client-selector-tabs-wrap-slider-arrow:hover{
opacity:1;
background-color:#E0E5E7;
}
.crm-client-selector-tabs-wrap-slide-box{
overflow:hidden;
position:relative;
left:0;
}
.crm-client-selector-tabs-wrap-slide{
float:left;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.crm-client-selector-tabs-wrap-slide-waiter{
background: url(../images/waiter-white-64px.gif) no-repeat center;
min-height:100px;
-webkit-background-size:32px;
background-size:32px;
}
.crm-client-selector-slide-counter-container{
height:27px;
text-align:left;
}
.crm-client-selector-slide-counter{
display:inline-block;
height:17px;
line-height:17px;
vertical-align:middle;
margin:5px;
padding:0 5px;
font-size:11px;
color:#535c69;
text-align:center;
border:1px solid rgba(128,134,142,.3);
border-radius:8px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.crm-client-selector-slide-counter-container a{
font-size:11px;
color:#535c69;
text-align:left;
border-bottom:1px dotted;
}
.crm-client-selector-slide-counter-container a:hover{
border-bottom:none;
}
.crm-client-selector-tab-block-wrap {
display: inline-block;
vertical-align: top;
overflow: hidden;
opacity: 1;
width: 489px;
transition: height 0.3s linear,
width 0.4s cubic-bezier(0.02, 0.7, 0.47, 1) 0.15s,
opacity 0.3s linear;
background:#FBFCFC;
}
.crm-client-selector-tab-block-hidden {height: 0;}
.crm-client-selector-tab-block {
padding: 13px 15px 15px;
width: 459px;
background-color: #fdfdfe;
margin: 0 10px 10px 0;
}
.crm-client-selector-tab-title {
border-bottom: 1px solid #eeeff1;
padding: 0 0 8px 48px;
position: relative;
}
.crm-client-selector-tab-title-icon {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px 100px #eef2f4;
border-radius: 50%;
height: 24px;
left: 0;
position: absolute;
top: 0;
width: 24px;
}
.crm-client-selector-tab-resp-img {
background: #535c6a url(../images/crm-control-panel-sprite-26.png) no-repeat scroll 100px 100px;
border-radius: 50%;
height: 38px;
left: 0;
top: 0;
overflow: hidden;
position: absolute;
width: 38px;
}
.crm-client-selector-tab-company .crm-client-selector-tab-resp-img {background-position: 0 -5171px;}
.crm-client-selector-tab-contact .crm-client-selector-tab-resp-img {background-position: 4px -610px;}
.crm-client-selector-tab-resp-img img { background-color: #fff; }
.crm-client-selector-tab-title-name-block {
display: inline-block;
padding-right: 30px;
position: relative;
vertical-align: top;
max-width: 400px;
}
.crm-client-selector-tab-title-name {
color: #1f67b0;
display: inline-block;
font-size: 15px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
cursor: pointer;
vertical-align: top;
}
.crm-client-selector-tab-title-descript {
color: #9fa0a1;
font-size: 12px;
max-width: 100%;
overflow: hidden;
padding: 0 0 4px;
text-overflow: ellipsis;
}
.crm-deal-client-selector-card:hover .crm-client-selector-tab-flag,
.crm-client-selector-tab-flag {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat scroll center -4895px;
cursor: pointer;
height: 15px;
opacity: .6;
width: 25px;
display: inline-block;
position: relative;
vertical-align: middle;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.crm-deal-client-selector-card .crm-client-selector-tab-flag{
opacity: 0;
}
.crm-client-selector-tab-close-btn {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -3233px;
cursor: pointer;
height: 20px;
opacity: 0.7;
position: absolute;
right: 0;
top: 0;
width: 20px;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.crm-deal-client-selector-card:hover .crm-client-selector-tab-flag:hover,
.crm-client-selector-tab-flag:hover {
opacity: 1;
}
.crm-client-selector-tab-close-btn:hover {
opacity: 1;
}
.crm-client-selector-tab-main-cont-wrap {
padding: 13px 0 7px;
}
.crm-client-selector-tab-cont {}
.crm-client-selector-tab-list-wrap {
font-size: 0;
}
.crm-client-selector-tab {
color: #535c69;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: bold;
height: 38px;
line-height: 38px;
padding: 0 20px;
vertical-align: top;
text-align: center;
}
.crm-client-selector-tab-text {
border-bottom: 1px dashed #535c69;
}
.crm-client-selector-tab-active {
background-color: #e4f2f8;
cursor: default;
}
.crm-client-selector-tab-active .crm-client-selector-tab-text {
border-bottom: none;
}
.crm-client-selector-tab-cont-wrap {
background-color: #e4f2f8;
overflow: hidden;
padding: 13px 7px 7px;
-webkit-transition: height 0.3s cubic-bezier(.02,.7,.47,1);
transition: height 0.3s cubic-bezier(.02,.7,.47,1);
}
.crm-client-selector-table-list-container{
max-height:200px;
overflow:auto;
}
.crm-client-selector-table-list{
border-collapse:collapse;
width:100%;
}
.crm-client-selector-table-list-cell{
border-bottom: 1px solid rgba(83, 92, 105, 0.11);
padding:12px 0;
-webkit-transition: background 200ms ease;
-moz-transition: background 200ms ease;
-o-transition: background 200ms ease;
transition: background 200ms ease;
}
.crm-client-selector-table-list tr:last-child .crm-client-selector-table-list-cell{ border:none;}
.crm-client-selector-table-list tr .crm-client-selector-table-list-cell:first-child{
width:38px;
text-align:center;
}
.crm-client-selector-table-list tr:hover .crm-client-selector-table-list-cell,
.crm-client-selector-table-list tr.selected .crm-client-selector-table-list-cell{ background-color:#D5ECF6;}
.crm-client-selector-table-list-title {
padding: 0 0 0 48px;
position: relative;
}
.crm-client-selector-table-list-title-icon {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px 100px #eef2f4;
border-radius: 50%;
height: 24px;
left: 0;
position: absolute;
top: 0;
width: 24px;
}
.crm-client-selector-table-list-title-name-block {
display: inline-block;
padding-right: 30px;
padding-top:5px;
position: relative;
vertical-align: top;
max-width: 400px;
}
.crm-client-selector-table-list-title-name {
font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size:13px;
color:#535c69;
line-height:14px;
text-align:left;
display: inline-block;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
cursor: pointer;
vertical-align: top;
}
.crm-client-selector-table-list-title-descript {
font-size:12px;
color:#80868e;
line-height:14px;
text-align:left;
max-width: 100%;
overflow: hidden;
padding: 0 0 4px;
text-overflow: ellipsis;
}
.crm-client-selector-table-list-resp-img {
background: #535c6a url(../images/crm-control-panel-sprite-26.png) no-repeat scroll 100px 100px;
border-radius: 50%;
height: 38px;
left: 0;
top: 0;
overflow: hidden;
position: absolute;
width: 38px;
}
.crm-client-selector-table-list-company .crm-client-selector-table-list-resp-img {background-position: 4px -610px;}
.crm-client-selector-table-list-contact .crm-client-selector-table-list-resp-img {background-position: 4px -610px;}
.crm-deal-client-selector-container{
max-width:650px;
margin:0 auto;
}
.crm-deal-client-selector-title{
font-size:13px;
color:#535c69;
font-weight:bold;
padding:10px 0;
margin-bottom:5px;
border-bottom:1px solid rgba(170, 175, 181, 0.2);
}
.crm-deal-client-selector-card{
width:50%;
vertical-align:top;
display:inline-block;
padding:5px 10px 10px;
position: relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.crm-deal-client-selector-card.crm-deal-client-selector-card-slider-wrap{
width:100%;
padding: 0;
}
.crm-deal-client-selector-card-list .crm-deal-client-selector-card:nth-child(2n){
padding-right:0;
}
.crm-deal-client-selector-card-list .crm-deal-client-selector-card:nth-child(2n+1){
padding-left:0;
}
.crm-deal-client-selector-card-sliders{
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.crm-deal-client-selector-card-slider{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.crm-deal-client-selector-card-slider .crm-deal-client-selector-tab-contact{
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.crm-deal-client-selector-card-slider-arrow{
position:absolute;
width: 60px;
height:24px;
bottom:18px;
opacity:.3;
cursor:pointer;
background: url(../images/crm-control-panel-sprite-26.png) no-repeat 100px;
background-position: center -3791px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.crm-deal-client-selector-card-slider-arrow-left{
left:-42px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.crm-deal-client-selector-card-slider-arrow-right{
right:-42px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.crm-deal-client-selector-card-slider-arrow:hover{
opacity:1;
background-color:#E0E5E7;
}
.crm-deal-client-selector-container .crm-client-selector-slide-counter-container{
height:27px;
text-align:left;
position: absolute;
left: 8px;
bottom:10px;
}
.crm-deal-client-selector-container .crm-client-selector-slide-counter{
}
.crm-deal-client-selector-table-list-title {
padding:12px 15px 12px 60px;
position: relative;
background:#fff;
}
.crm-deal-client-selector-table-list-title-name-block {
display: inline-block;
padding-right: 30px;
padding-top:5px;
position: relative;
vertical-align: top;
max-width: 400px;
}
.crm-deal-client-selector-table-list-title-name {
font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica));
line-height:14px;
text-align:left;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
cursor: pointer;
vertical-align: top;
}
.crm-deal-client-selector-title-name{
font-size:12px;
color:#1f67b0;
font-weight: bold;
}
.crm-deal-client-selector-table-list-title-descript {
font-family:var(--ui-font-family-primary, var(--ui-font-family-helvetica));
line-height:14px;
min-height:14px;
text-align:left;
max-width: 100%;
overflow: hidden;
padding: 0 0 4px;
text-overflow: ellipsis;
font-size:11px;
color:#697580;
}
.crm-deal-client-selector-table-list-resp-img {
background: #fff url(../images/crm-control-panel-sprite-26.png) no-repeat scroll 100px 100px;
border-radius: 50%;
border:1px solid #ddd;
left:14px;
top: 14px;
overflow: hidden;
position: absolute;
width: 37px;
height: 37px;
}
.crm-deal-client-selector-tab-contact .crm-deal-client-selector-table-list-resp-img {background-position: center -4987px;}
.crm-deal-client-selector-table-list-resp-img img { background-color: #fff; }
.crm-deal-client-selector-container .crm-client-selector-tab-close-btn{
top:10px;
right:8px;
}
.crm-deal-client-selector-add-contact,
.crm-deal-client-selector-create-contact{
margin-right:15px;
}
.crm-deal-client-selector-add-contact:hover,
.crm-deal-client-selector-create-contact:hover{
border-bottom:1px solid;
}
.crm-client-selector-tab-info { }
.crm-client-selector-tab-table {
border-spacing: 0;
width: 100%;
}
.crm-client-selector-tab-info .crm-offer-tab-table {
border-left: 1px solid #d5e3e9;
}
.crm-client-selector-tab-cell {
color: #535c69;
font-size: 13px;
font-weight: bold;
vertical-align: top;
padding: 4px 15px;
width:50%;
}
.crm-client-selector-tab-table tr:hover .crm-client-selector-tab-cell{
background-color: transparent;
}
.crm-client-selector-tab-info .crm-offer-tab-cell:first-child {
padding-left: 20px;
}
.crm-client-selector-tab-company .crm-offer-tab-info-img {
background-position: center -4924px;
}
.crm-client-selector-tab-contact .crm-offer-tab-info-img {
background-position: center -4978px;
}
.crm-client-selector-arrow {
background: url(../images/crm-control-panel-sprite-26.png) no-repeat -48px -619px;
cursor: pointer;
height: 13px;
vertical-align: middle;
width: 10px;
display: inline-block;
}
.crm-client-selector-arrow:hover {
opacity: 1;
}
.crm-client-contacts-custom-container{}
.crm-client-contacts-block {
margin-bottom:4px;
height: 19px;
}
.crm-client-contacts-block-text {
position: relative;
display: inline-block;
box-sizing: border-box;
padding: 0;
max-width: 100%;
height: 17px;
color: #535c69;
white-space: normal;
word-break: break-all;
font-size: 13px;
line-height: 17px;
}
.popup-window-content .crm-client-contacts-block-text {
position: relative;
}
.crm-client-contacts-block-text-list,
.crm-client-contacts-block-handset{max-width:calc(100% - 21px);}
.main-grid-cell .crm-client-contacts-block-handset{max-width:100%;}
.crm-client-contacts-block-handset.crm-client-contacts-block-text-list{max-width:calc(100% - 55px);}
.crm-client-contacts-block-text.crm-sum-paid {
color: #6F7171;
font-weight: bold;
font-size: 12px;
}
.crm-item-client-ballon .crm-client-contacts-block-text a {
color:#000;
font-size:13px;
text-decoration:none;
white-space:nowrap;
}
.crm-detail-editable-locked .crm-client-contacts-block-text {cursor:default;}
.crm-instant-editor-fld-editable .crm-client-contacts-block-text {overflow: visible;}
a.crm-client-contacts-block-text-tel,
a.crm-client-contacts-block-text-mail {
box-sizing: border-box;
display:inline-block;
color:#535c69;
text-decoration:none;
max-width:100%;
line-height:17px;
overflow: hidden;
vertical-align: middle;
text-overflow: ellipsis;
white-space: nowrap;
transition: border 215ms linear;
}
a.crm-client-contacts-block-text-tel:hover,
a.crm-client-contacts-block-text-mail:hover{
text-decoration: none;
}
.crm-tooltip-info .bx-ui-tooltip-field-value {
position: relative;
}
.crm-client-contacts-block-text-tel-icon,
.crm-client-contacts-block-text-mail-icon,
.crm-client-contacts-block-text-list-icon {
position: absolute;
top: 0;
right: -21px;
display: block;
width: 19px;
height: 19px;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.2s linear;
}
.crm-client-contacts-block-text-tel-icon {background: url(../images/crm-control-panel-sprite-26.png) no-repeat -19px -2653px}
.crm-client-contacts-block-text-mail-icon{background: url(../images/crm-control-panel-sprite-26.png) no-repeat -18px -5043px}
.crm-client-contacts-block-text-list-icon{background: url(../images/crm-control-panel-sprite-26.png) no-repeat center -4221px;}
.crm-client-contacts-block-text-tel-icon:hover,
.crm-client-contacts-block-text-mail-icon:hover{background-color: #c3d7e4;}
.crm-client-contacts-block-handset .crm-client-contacts-block-text-list-icon{ right:-43px;}
.crm-client-contacts-block-text-list-icon:hover {background-color:#c3d7e4;}
.crm-client-contacts-block-text-list-icon:active{background-color:#e6edf0;}
.crm-client-contacts-block-handset .crm-client-contacts-block-text-list-icon:before{
border-left: 1px solid #cbdce2;
content:"";
height: 14px;
left: -2px;
top: 3px;
position:absolute;
width: 1px;
}
.crm-client-contacts-block-address {
display: inline-block;
box-sizing: border-box;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media(max-width: 1300px) {
.crm-portrait-user-avatar {
min-width: 70px;
max-width: 70px;
height: 70px;
margin: 5px;
}
.crm-portrait-user-info {
padding: 0 10px;
}
.crm-portrait-user-info {
padding: 0 10px;
}
}
@media(max-width: 1200px) {
.crm-portrait-user-avatar {
min-width: 50px;
max-width: 50px;
height: 50px;
margin: 2px;
}
}
@media(max-width: 1145px) {
.crm-portrait-user-avatar {
display: none;
}
}
.crm-filter-view .crm-interface-filter {
cursor: pointer;
}
.crm-filter-view .crm-interface-filter-item {
display: inline-block;
width: 22px;
height: 23px;
vertical-align: middle;
-webkit-transition: opacity .3s;
transition: opacity .3s;
opacity: .5;
}
.crm-interface-filter-item-table {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15%2C14%20L2%2C14%20L2%2C4%20L0%2C4%20L0%2C15%20L0%2C16%20L16%2C16%20L17%2C16%20L17%2C4%20L15%2C4%20L15%2C14%20Z%20M0%2C0%20L17%2C0%20L17%2C4%20L0%2C4%20L0%2C0%20Z%20M3%2C10%20L14%2C10%20L14%2C11%20L3%2C11%20L3%2C10%20Z%20M3%2C7%20L14%2C7%20L14%2C8%20L3%2C8%20L3%2C7%20Z%22/%3E%0A%3C/svg%3E%0A');
background-repeat: no-repeat;
}
.crm-interface-filter-item-chart {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cg%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Crect%20width%3D%223%22%20height%3D%227%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%223%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%224%22/%3E%0A%20%20%20%20%3Crect%20width%3D%223%22%20height%3D%229%22%20x%3D%228%22%20y%3D%226%22/%3E%0A%20%20%20%20%3Crect%20width%3D%223%22%20height%3D%2215%22%20x%3D%2212%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A');
background-repeat: no-repeat;
}
.crm-interface-filter-item-kanban {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%0A%20%20%3Cg%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Crect%20width%3D%2216%22%20height%3D%222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20y%3D%227%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20x%3D%226%22%20y%3D%227%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20y%3D%2211%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20x%3D%226%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20x%3D%2212%22%20y%3D%223%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A');
background-repeat: no-repeat;
}
.crm-menu-popup-item-icon-table .menu-popup-item-icon {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15%2C14%20L2%2C14%20L2%2C4%20L0%2C4%20L0%2C15%20L0%2C16%20L16%2C16%20L17%2C16%20L17%2C4%20L15%2C4%20L15%2C14%20Z%20M0%2C0%20L17%2C0%20L17%2C4%20L0%2C4%20L0%2C0%20Z%20M3%2C10%20L14%2C10%20L14%2C11%20L3%2C11%20L3%2C10%20Z%20M3%2C7%20L14%2C7%20L14%2C8%20L3%2C8%20L3%2C7%20Z%22/%3E%0A%3C/svg%3E%0A');
background-repeat: no-repeat;
}
.crm-menu-popup-item-icon-chart .menu-popup-item-icon {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cg%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Crect%20width%3D%223%22%20height%3D%227%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%223%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%224%22/%3E%0A%20%20%20%20%3Crect%20width%3D%223%22%20height%3D%229%22%20x%3D%228%22%20y%3D%226%22/%3E%0A%20%20%20%20%3Crect%20width%3D%223%22%20height%3D%2215%22%20x%3D%2212%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A');
background-repeat: no-repeat;
}
.crm-menu-popup-item-icon-kanban .menu-popup-item-icon {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%0A%20%20%3Cg%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Crect%20width%3D%2216%22%20height%3D%222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20y%3D%227%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20x%3D%226%22%20y%3D%227%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20y%3D%2211%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20x%3D%226%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%224%22%20height%3D%223%22%20x%3D%2212%22%20y%3D%223%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A');
background-repeat: no-repeat;
}
.crm-filter-view .crm-interface-filter:hover .crm-interface-filter-item {
opacity: 1;
}
.crm-interface-filter-triangle {
display: inline-block;
margin: 0 0 3px 0;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #a5a9b0 transparent transparent transparent;
vertical-align: middle;
-webkit-transition: border-color .3s;
transition: border-color .3s;
}
.crm-interface-filter:hover .crm-interface-filter-triangle {
border-color: #707984 transparent transparent transparent;
}
.crm-interface-filter-inner {
position: absolute;
padding: 18px 20px;
background: #fff;
z-index: 1;
}
.crm-filter-nav-popup-menu-item-checked .menu-popup-item-icon {
opacity: 1;
}
.crm-filter-nav-popup-menu-item-checked-no .menu-popup-item-icon {
opacity: .5;
}
.crm-interface-toolbar-button-state .crm-interface-toolbar-button-button-default {
display: none;
}
.crm-interface-toolbar-button-state .crm-interface-toolbar-button-select {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.webform-small-button.pagetitle-button-settings-icon {
padding: 0 11px;
margin: 0 19px 0 0;
height: 38px;
line-height: 42px;
-webkit-box-shadow: inset 0 0 0 1px #c8d1d6;
box-shadow: inset 0 0 0 1px #c8d1d6;
}
.webform-small-button:hover.pagetitle-button-settings-icon {
line-height: 42px;
}
.pagetitle-button-settings-icon-item {
display: inline-block;
width: 18px;
height: 12px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%3E%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h2v2H0V0zm4%200h14v2H4V0zM0%205h2v2H0V5zm4%200h14v2H4V5zm-4%205h2v2H0v-2zm4%200h14v2H4v-2z%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.webform-small-button.crm-interface-toolbar-button {
padding: 0 12px;
height: 32px;
width: 63px;
box-sizing: border-box;
}
.crm-interface-toolbar-button-container,
.crm-interface-toolbar-button-button-container {
margin: 0 12px 0 0;
}
.ui-btn + script + .ui-btn-split {
margin: 0 12px 0 12px;
}
.bitrix24-light-theme .ui-btn + script + .ui-btn-split {
margin: 0 0 0 12px;
}
.crm-interface-toolbar-button-item {
display: inline-block;
padding: 0 13px 0 0;
border: none;
font: 12px/38px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
color: #7a818a;
text-shadow: none !important;
text-transform: uppercase;
-webkit-transition: color .25s linear;
transition: color .25s linear;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.crm-interface-toolbar-button-select {
display: none;
}
.crm-interface-toolbar-button {
margin: 0 19px 0 0;
}
.crm-interface-toolbar-button-block,
.crm-interface-toolbar-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 13px 0 13px;
height: 38px;
border: 1px solid #c8d1d6;
border-radius: 2px;
-webkit-transition: background .3s linear, color .3s linear;
transition: background .3s linear, color .3s linear;
box-sizing: border-box;
cursor: pointer;
}
.crm-interface-toolbar-button-select .crm-interface-toolbar-button-block {
width: -webkit-calc(210px - 36px);
width: calc(210px - 36px);
border-radius: 2px 0 0 2px;
}
.crm-interface-toolbar-button-text {
display: inline-block;
padding: 0 13px 0 0;
border: none;
font: 12px/38px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
color: #7a818a;
text-shadow: none !important;
text-transform: uppercase;
-webkit-transition: color .25s linear;
transition: color .25s linear;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.crm-interface-toolbar-button-add {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 36px;
height: 32px;
border: 1px solid #a1a6ac;
border-left: 0;
-webkit-transition: background .3s linear, color .3s linear;
transition: background .3s linear, color .3s linear;
box-sizing: border-box;
cursor: pointer;
}
.crm-interface-toolbar-button-add:hover,
.crm-interface-toolbar-button-block:hover,
.crm-interface-toolbar-button:hover {
background: #cfd4d8;
color: #535c69;
}
.crm-interface-toolbar-button-icon {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: inline-block;
margin: auto 0;
width: 10px;
height: 12px;
vertical-align: middle;
}
.crm-interface-toolbar-button-add-item {
margin: auto;
}
.crm-interface-toolbar-button-icon-plus {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23535C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4%204H0v2h4v4h2V6h4V4H6V0H4v4z%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: center;
}
.crm-interface-toolbar-button-icon-arrow-down {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%207%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3EPath%3C/title%3E%3Cpath%20d%3D%22M5.485%204.228L1.37.114%200%201.484l4.8%204.8.685.687%205.486-5.485L9.6.115%205.484%204.227z%22%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.task-iframe-popup .webform-small-button-blue.crm-deal-add-button,
.task-iframe-popup .webform-small-button.crm-deal-add-button-plus {
margin-right: 0;
}
.crm-pagetitle-view .pagetitle-below,
.crm-pagetitle-view .ui-side-panel-wrap-below {
display: flex;
align-items: center;
padding: 0 var(--ui-space-inline-none, 5px) 0 0;
border-top: 1px solid #dce2e6;
box-sizing: border-box;
}
.bx-sls .bx-ui-sls-container { height: 33px }
.crm-text-popup {
color: #7c7c7c;
font-size: 12px;
width: 600px;
word-wrap: break-word;
text-align: justify;
}
.bx-crm-dialog-long-run-proc-options { margin-top: 10px; }
.bx-crm-dialog-long-run-proc-options > div > span { line-height: 16px; }
.bx-crm-dialog-long-run-proc-options > div > span input,
.bx-crm-dialog-long-run-proc-options > div > span label { vertical-align: middle; }
.bx-crm-dialog-long-run-proc-options input[type="checkbox"] { margin: 0 4px 0 0; }
.bx-crm-dialog-long-run-proc-progressbar {
margin: 10px 0;
padding: 10px 0;
}
.crm_balloon_contact .bx-user-info-fields {
max-height: 100px;
overflow-y: auto;
}
.crm_balloon_contact .bx-user-info-data-name a {
display: inline-block;
margin: 0 0 1px 0;
border-bottom: 1px solid transparent;
font: 20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #2066B0;
transition: border-bottom .3s;
cursor: pointer;
}
.crm_balloon_contact .bx-user-info-data-name a:hover {
border-bottom: 1px solid #2066B0;
}
.crm_balloon_contact .bx-user-info-data-photo {
display: block;
height: 57px;
width: 57px;
border-radius: 100%;
text-align: center;
overflow: hidden;
}
.crm-btn-toolbar-add {
margin-right: 17px;
}
.crm-list-item-status {
display: inline-block;
padding: 1px 13px 0;
border-radius: 10px;
text-transform: uppercase;
font-weight: 700;
font-size: 10px;
line-height: 20px;
transition: 250ms all ease;
white-space: nowrap;
}
.crm-list-item-status-seen {
background: #e2f7fe;
color: #1097c2;
}
.crm-list-item-status-default,
.crm-list-item-status-not-paid,
.crm-list-item-status-send,
.crm-list-item-status-no-shipped,
.crm-list-item-status-cancel,
.crm-list-item-status-refund {
background: #e6e7e9;
color: #757c86;
}
.crm-list-item-status-paid,
.crm-list-item-status-shipped {
background: #e5f1bf;
color: #668d13;
}