| Current Path : /var/www/element/data/www/revenuestory.ru/bitrix/js/landing/ui/panel/fieldspanel/src/css/ |
| Current File : /var/www/element/data/www/revenuestory.ru/bitrix/js/landing/ui/panel/fieldspanel/src/css/style.css |
.landing-ui-panel-fields {
position: absolute;
max-width: 630px;
z-index: 323;
}
.landing-ui-view-container .landing-ui-panel-fields {
height: calc(100vh - 66px);
}
.landing-ui-panel-fields .landing-ui-panel-content-body-sidebar {
max-width: 200px;
min-width: 200px;
}
.landing-ui-panel-fields-overlay {
z-index: 322;
}
.landing-ui-panel-fields .landing-ui-form-form-settings .landing-ui-form-header,
.landing-ui-panel-fields .landing-ui-form-form-settings .landing-ui-form-description {
display: none;
}
.landing-ui-panel-fields .landing-ui-field-checkbox-item {
border-bottom: 1px #edeef0 solid;
}
.landing-ui-panel-fields .landing-ui-field-checkbox-item:first-child {
border-top: 1px #edeef0 solid;
}
.landing-ui-panel-fields .landing-ui-field-checkbox-item-label {
color: #3f4857!important;
flex-grow: 1;
padding-top: 10px;
padding-bottom: 10px;
cursor: pointer;
transition: background-color 200ms ease;
}
.landing-ui-panel-fields .landing-ui-field-checkbox-item-label:hover {
background: #fcfcfc;
}
.landing-ui-panel-fields .landing-ui-field-checkbox-item-checkbox {
z-index: 1;
}
.landing-ui-panel-content-search {
position: relative;
background: rgba(255, 255, 255, .6);
border-radius: var(--ui-border-radius-md);
padding-left: 15px;
padding-right: 20px;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 15px;
margin-right: 20px;
margin-bottom: 4px;
}
.landing-ui-panel-content-search-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%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.33%205.5c0-2.304%201.866-4.17%204.17-4.17S9.67%203.195%209.67%205.5c0%202.305-1.865%204.17-4.17%204.17-2.305%200-4.17-1.865-4.17-4.17m12.528%206.944l-3.816-3.817-.014-.008C10.64%207.73%2011%206.66%2011%205.5%2011%202.462%208.537%200%205.5%200S0%202.462%200%205.5%202.463%2011%205.5%2011c1.158%200%202.232-.36%203.118-.972.004.004.005.01.01.014l3.816%203.817c.372.37.982.37%201.354%200l.06-.063c.372-.372.372-.982%200-1.354%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: center;
position: absolute;
width: 20px;
height: 20px;
top: 50%;
transform: translateY(-50%);
right: 31px;
opacity: .5;
}
.landing-ui-panel-content-search .landing-ui-field {
margin: 0;
}
.landing-ui-panel-content-search .landing-ui-field .landing-ui-field-header {
display: none;
}
.landing-ui-panel-content-create-field {
position: absolute;
bottom: 91px;
right: 21px;
width: 391px;
display: flex;
align-items: center;
justify-content: center;
}
.landing-ui-panel-content-create-field-button {
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
font-size: 12px;
text-transform: uppercase;
background: rgba(51, 51, 51, .6);
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
border: 1px solid rgba(255, 255, 255, .67);
height: 33px;
border-radius: 33px;
line-height: 31px;
padding-left: 38px;
padding-right: 22px;
padding-top: 0;
padding-bottom: 0;
color: #ffffff;
white-space: nowrap;
cursor: pointer;
transition: background-color 200ms ease!important;
}
.landing-ui-panel-content-create-field-button::before {
background: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2013%2013%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2047%20%2845396%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%u0420%u0435%u0434%u0430%u043A%u0442%u0438%u0440%u043E%u0432%u0430%u043D%u0438%u0435-Copy%22%20transform%3D%22translate%28-739.000000%2C%20-784.000000%29%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-14%22%20transform%3D%22translate%280.000000%2C%20774.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M747%2C15%20L747%2C10%20L744%2C10%20L744%2C15%20L739%2C15%20L739%2C18%20L744%2C18%20L744%2C23%20L747%2C23%20L747%2C18%20L752%2C18%20L752%2C15%20L747%2C15%20Z%22%20id%3D%22Combined-Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
background-size: 100%;
position: absolute;
content: '';
width: 13px;
height: 13px;
top: 50%;
left: 16px;
transform: translate3d(0, -50%, 0);
}
.landing-ui-panel-content-create-field-button:hover {
background: rgba(51, 51, 51, 1);
}
.landing-ui-panel-fields .landing-ui-field-checkbox-item:last-child {
margin-bottom: 60px;
}
.landing-ui-panel-fields .landing-ui-field-checkbox-item-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
display: inline-block;
}