*/ padding-bottom: 20px; padding-top: 10px; } #PriceList .expand-content textarea { height: 80px; width: 500px; resize: horizontal; } .ui.form .field { margin-bottom: 11px; } .ui.form.prs-fields { max-width: none; width: 339px; border-left: solid 1px #E7E7E7; display: flex; flex-direction: column; align-items: stretch; font-weight: bold; } .ui.form .field > label, .prs-fields label { font-size: inherit; color: #7F8FA4; display: block; margin-bottom: 5px; } .prs-input-fields { min-height: 0; overflow-y: auto; padding-top: 15px; padding-left: 33px; padding-right: 59px; } .prs-input-fields + div { padding-left: 20px; margin-left: 13px; margin-right: 59px; margin-bottom: 21px; flex-shrink: 0; text-align: right; } .prs-input-fields.overflowed { border-bottom: 1px solid #E7E7E7; } .prs-input-fields.overflowed + div { z-index: 0; box-shadow: 0 -20px 20px -20px rgba(0, 0, 0, 0.25); } #FillBefore12 { margin-bottom: 19px; font-weight: normal; } .prs-dates { display: flex; } .prs-dates > * { flex-grow: 1; } .prs-dates > .field:first-child { margin-right: 6px; width: 140px; } .prs-dates > .field:last-child { width: 100px; } .ui.form .prs-dates input { padding-left: 4px; padding-right: 2px; } #ShipToAddr { height: 76px; } .prs-fields #Name { height: 97px; } .prs-sums { display: inline-table; margin-top: 19px; margin-bottom: 12px; } .prs-sums .sum-label, #FillBefore12 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; } .prs-sums .sum-label { color: #7F8FA4; } .prs-submit > .ui.primary.button { width: 100%; height: 46px; background-color: #4a90e2; font-size: 18px; } .control-buttons { display: flex; flex-wrap: wrap; padding-top: 11px; padding-bottom: 6px; border-bottom: 1px solid #DEDEDE; font-size: 12px; line-height: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; } .control-buttons button { flex-shrink: 0; margin-bottom: 10px; color: #7F8FA4; background-color: transparent; display: flex; justify-content: space-between; background-repeat: no-repeat; background-position: top; background-origin: content-box; } .control-buttons button:not(.small-btn) { width: 83px; height: 83px; flex-direction: column; align-items: center; } .control-buttons button.small-btn { text-align: left; border-radius: 4px; padding-left: 13px; padding-right: 13px; } .control-buttons button .text { transition: 0.3s ease-in-out color; } .control-buttons button .icon-container { position: relative; /*width: 100%;*/ } .control-buttons button .icon-container > img { border-radius: 7px; transition: 0.3s ease-in-out background-color; } .control-buttons button .icon-container > .hover-icon { position: absolute; top: 0; /*left: 50%; transform: translateX(-50%);*/ left: 0; opacity: 0; z-index: 11; transition: 0.3s ease-in-out; } .control-buttons button .icon-container > .small-icon { margin-right: 5px; } .control-buttons button:hover:not(:disabled) > .icon-container > .hover-icon { opacity: 100%; } .control-buttons button:not(:disabled):hover > .text, .control-buttons button.group-button.pressed-btn > .text { color: #39404A; } .control-buttons button:not(:disabled):hover img, .control-buttons button.group-button.pressed-btn img { background-color: #EDF4FC; } .control-buttons button > img { border: 2px solid transparent; } .control-buttons button.small-btn:hover:not(:disabled), .control-buttons button.small-btn.group-button.pressed-btn { background-color: #EDF4FC; } .control-buttons button:not(.pressed-btn) + .functions-group { display: none; } .control-buttons .list-copy { width: 104px; } .control-buttons .with-separator { border-right: 1px solid #DEDEDE; } .control-buttons .with-separator:disabled { border-right-color: #BEBEBE; /*to keep border color same as enabled*/ } .control-buttons .functions-group { background-color: white; z-index: 1; position: absolute; box-shadow: 0px 2px 10px 0px #999999; padding: 13px 6.5px 3px; } .control-buttons .functions-group > .group-arrow { position: absolute; border-width: 8px; border-style: solid; border-color: white transparent transparent white; top: -7px; transform: rotate(45deg); box-shadow: -3px -3px 7px -4px #999999; } @media (min-width: 560px) { .control-buttons .functions-group:not(.has-one-child) { column-count: 2; column-rule: 1px solid #DEDEDE; column-gap: 13px; padding-bottom: 13px; } } #OrderList { min-height: 260px; } .control-buttons { padding-left: 59px; padding-right: 59px; } #OrderList { margin-left: 59px; margin-right: 59px; } @media (max-width: 570px) { .control-buttons { padding-left: 10px; padding-right: 10px; } #OrderList { margin-left: 10px; margin-right: 10px; } } @media (max-width: 500px) { #OrderList { min-height: 500px; } } @media (max-width: 350px) { #OrderList { margin-left: 0px; margin-right: 0px; } #OrderList .w2ui-grid-toolbar { padding-left: 10px; padding-right: 10px; } } #ErrorPage #ErrorDetails, #ErrorPage #ErrorDetails:not(:checked) + * { display: none; } #ErrorPage #ErrorDetails + * { overflow-x: auto; } #ErrorPage .error-buttons { display: flex; } #ErrorPage .error-buttons { display: flex; } #ErrorPage .error-details-button { margin-left: auto; display: flex; align-items: center; background-color: ButtonFace; padding: 0 6px; } .hidden, [hidden] { display: none !important; } .full-height { height: 100% !important; } /* There is another "grid.less" file in "Styles\w2ui". */ .columns-checker { width: 690px; margin: 0 10px 0 10px !important; padding: 1px; } .column-checker { display: inline-flex !important; } .column-checker input { margin-right: 2px; } /* borders and static shadows */ .w2ui-grid { border: none; /*scroll shadows*/ } .w2ui-grid .w2ui-grid-body { border-top: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-radius: 4px; /* Selected rows get a dashed border which has a lower priority than solid, so removing border of the next row. Expanded row gets its own border at the bottom. */ } .w2ui-grid .w2ui-grid-body *, .w2ui-grid .w2ui-grid-body table td, .w2ui-grid .w2ui-grid-body table .w2ui-head { border-width: 1px; border-color: #E7E7E7; /* removing default w2ui borders */ border-style: none; } .w2ui-grid .w2ui-grid-body .w2ui-grid-fcolumns table tr, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr, .w2ui-grid .w2ui-grid-body table td { border-left-style: solid; } .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords td:first-child { /* Removing border from the cell so as to not obstruct row border. */ border-left-style: none; } .w2ui-grid .w2ui-grid-body .w2ui-grid-records td:first-child { /* removing the border from the second spacer */ border-left: none; /* also removing left border for the first cell. */ } .w2ui-grid .w2ui-grid-body .w2ui-grid-records td:first-child + td { border-left: none; } .w2ui-grid .w2ui-grid-body .w2ui-grid-fcolumns, .w2ui-grid .w2ui-grid-body .w2ui-grid-columns { box-shadow: none; } .w2ui-grid .w2ui-grid-body .w2ui-record, .w2ui-grid .w2ui-grid-body .w2ui-record + [line=bottom], .w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded-row, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords .w2ui-expanded-row { /* Using "top" here because it effectively has lower priority than "bottom". */ border-top-style: solid; } .w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded-row td, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords .w2ui-expanded-row td { /* Removing the border from the cell so as to not overlap the border of the next row. The border should be added on row level. */ border-bottom-style: none; } .w2ui-grid .w2ui-grid-body .w2ui-record.w2ui-selected + .w2ui-record, .w2ui-grid .w2ui-grid-body .w2ui-record.w2ui-selected + [line=bottom], .w2ui-grid .w2ui-grid-body .w2ui-expanded-row + .w2ui-record, .w2ui-grid .w2ui-grid-body .w2ui-expanded-row + [line=bottom] { border-top-style: none; } .w2ui-grid .w2ui-grid-body .w2ui-expanded-row:not(.w2ui-selected) + .w2ui-record, .w2ui-grid .w2ui-grid-body .w2ui-expanded-row:not(.w2ui-selected) + [line=bottom] { /* Placing the border on the next row so as to not overlap a possible dashed border (dashed borders normally have lower priority than a solid border). On select or hover this border will be replaced. The color is copied from w2ui styles. */ border-top: 1px solid #b2bac0; } .w2ui-grid .w2ui-grid-body table .w2ui-col-number, .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data:not(.w2ui-col-expand) { vertical-align: top; } .w2ui-grid .w2ui-grid-body table .w2ui-col-number > div, .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data:not(.w2ui-col-expand) > div { line-height: 14px; /* Repeading padding-top from w2ui styles for .w2ui-grid-data */ padding-top: 3px; margin-top: 5px; } .w2ui-grid .w2ui-grid-body table tr:not(.w2ui-expanded-row) td.w2ui-grid-data:not(.w2ui-col-expand) > div { height: unset; max-height: 31px; /* Max. two lines of text. */ white-space: pre-line; } .w2ui-grid .w2ui-grid-body table tr:not(.w2ui-expanded-row) td.w2ui-grid-data:not(.w2ui-col-expand) > div.w2ui-editable { /* When editing a cell. */ height: 44px; max-height: unset; margin-top: 0; } .w2ui-grid .w2ui-grid-body table .w2ui-col-expand > div { max-height: unset; } .w2ui-grid.scroll-down .w2ui-grid-fcolumns, .w2ui-grid.scroll-down .w2ui-grid-columns { box-shadow: 0px 2px 4px var(--grid-shadow-color); clip-path: inset(0 0 -4px 0); } .w2ui-grid.scroll-down .w2ui-grid-columns { /* not adding the 0.5px on the left makes part of the shadow appear on that side */ clip-path: inset(0 0 -4px 0.5px); } .w2ui-grid.scroll-down-end .w2ui-grid-summary, .w2ui-grid.scroll-down-end .w2ui-grid-fsummary { /* also true when the whole list is visible without scrolling. */ box-shadow: initial; } .w2ui-grid.scroll-right .w2ui-grid-fcolumns, .w2ui-grid.scroll-right .w2ui-grid-frecords, .w2ui-grid.scroll-right.scroll-down-end .w2ui-grid-fsummary { box-shadow: 2px 0 4px var(--grid-shadow-color); clip-path: inset(0 -4px 0 0); } .w2ui-grid.scroll-right .w2ui-grid-fsummary { box-shadow: 2px -2px 4px var(--grid-shadow-color); clip-path: inset(-4px -4px 0 0); } .w2ui-grid.scroll-down.scroll-right .w2ui-grid-fcolumns { box-shadow: 2px 2px 4px var(--grid-shadow-color); clip-path: inset(0 -4px -4px 0); } .w2ui-grid .w2ui-grid-summary, .w2ui-grid .w2ui-grid-fsummary { box-shadow: 0px -2px 4px 0px var(--grid-shadow-color); clip-path: inset(-4px 0 0 0); border-top-left-radius: initial; border-top-right-radius: initial; } .w2ui-grid .w2ui-grid-fsummary { border-bottom-right-radius: initial; } .w2ui-grid .w2ui-grid-fsummary + .w2ui-grid-summary { border-bottom-left-radius: initial; } .w2ui-grid .w2ui-grid-summary td:first-child { /* removing the border from the second spacer */ border-left: none; /* also removing left border for the first cell. */ } .w2ui-grid .w2ui-grid-summary td:first-child + td { border-left: none; } /* checkboxes */ .w2ui-grid .ui.checkbox label { padding: unset; /* check mark */ } .w2ui-grid .ui.checkbox label:before { border-radius: 4/14rem; } .w2ui-grid .ui.checkbox input:checked ~ label:before { border: none; /*background is set in ContourEnterpriseWebGrid*/ } .w2ui-grid .ui.checkbox input:checked ~ label:after { color: white; } .w2ui-grid .ui.checkbox input[disabled] { cursor: default; } .w2ui-grid .ui.checkbox input[disabled] ~ label { opacity: 1; } /* record background and highlights; cell highlights */ .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-record, .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-expanded-row, .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-empty-record, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-record, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-expanded-row, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-empty-record { background-color: transparent; } .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected:not(.w2ui-record-editing) .w2ui-col-number, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-selected:not(.w2ui-record-editing) .w2ui-col-number { color: white; } .w2ui-grid .w2ui-grid-body table .w2ui-col-number { background-color: var(--grid-header-color); } #grid_PriceList_fcolumns, #grid_PriceList_frecords, #grid_PriceList_scroll1, #grid_PriceList_fsummary { width: 105px !important; } #grid_PriceList_fcolumns .w2ui-col-number, #grid_PriceList_frecords .w2ui-col-number, #grid_PriceList_fsummary .w2ui-col-number { width: 58px !important; } #grid_PriceList_fcolumns .w2ui-col-expand, #grid_PriceList_frecords .w2ui-col-expand, #grid_PriceList_fsummary .w2ui-col-expand { width: 46px !important; } #grid_PriceList_columns, #grid_PriceList_records, #grid_PriceList_summary { left: 105px !important; } #grid_PriceList_records .amount-cell { max-height: unset; height: 42px; margin-top: 1px; } /*Дополнительный элемент для грида. Используется в CECommonScripts.js.*/ .expandContentTemplate { display: none; } .w2ui-reset, .w2ui-reset table tr td, .w2ui-reset input { font-family: inherit; font-size: 12px; } .w2ui-reset input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]) { font-size: inherit; } /* Для грида из CEWebCoreTools.TagHelpers.ControllerGridTagHelper This is a copy from ContourEnterpriseWeb/../CECommonStyle.css */ .w2ui-grid { height: 100%; padding-top: 15px; } .w2ui-grid .w2ui-grid-body .w2ui-grid-fcolumns .w2ui-head > div, .w2ui-grid .w2ui-grid-body div.w2ui-col-header, .w2ui-grid .w2ui-grid-body div.w2ui-resizer { height: 56px !important; } .w2ui-grid .w2ui-grid-body table .w2ui-col-number { background-color: transparent; } .w2ui-grid .w2ui-grid-body table .w2ui-head { background-image: none; background-color: #F9FAFB; /*gridHeaderColor*/ font-weight: 600; color: inherit; } .w2ui-grid .w2ui-grid-body table .w2ui-head > div { padding-top: 14px; padding-left: 7.5px; padding-right: 5px; white-space: normal; } .w2ui-grid .w2ui-grid-body div.w2ui-col-header { padding-right: 5px !important; } .w2ui-grid .w2ui-grid-body div.w2ui-col-header > div.w2ui-sort-up, .w2ui-grid .w2ui-grid-body div.w2ui-col-header > div.w2ui-sort-down { margin-right: 0; } .w2ui-grid .w2ui-grid-body table .w2ui-col-number { color: inherit; } .w2ui-grid .w2ui-grid-body table .w2ui-col-number.w2ui-head { cursor: auto; } .w2ui-grid .w2ui-grid-body .w2ui-grid-data[data-name-column] { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; } /*CESelfService.TagHelpers.GridTagHelperExtender.OnInitCustomRender*/ .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data .state-field { text-align: end; line-height: 22px; } .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data .state-field label { border-radius: 50px; font-weight: 800; /* Extra Bold */ font-size: 9px; letter-spacing: 0.8px; padding: 6px 8px 5px 8px; background-color: black; color: white; } .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data .state-field.other label { background-color: whitesmoke; color: black; } /*Элемент из CECommonScripts.setupGrid, событие "renderExpandButton"*/ /*Ширина колонки определяется по параметру "expandColumnWidth" в CECommonScripts.setupGrid */ .w2ui-grid .w2ui-grid-data.w2ui-col-expand > .expand-button > .expand-icon { width: 30px; height: 30px; border: 1px solid rgba(255, 255, 255, 0.16); background-color: #E0E1E2; border-radius: 5px; cursor: pointer; margin: auto; } /*Стрелка вверх/вниз.*/ .w2ui-grid .w2ui-grid-data.w2ui-col-expand > .expand-button > .expand-icon > .expand-triangle { width: 8px; margin: 13px auto; border: 4px solid transparent; border-top: 4px solid #5A5A5A; } .w2ui-grid tr.w2ui-expanded > .w2ui-grid-data.w2ui-col-expand > .expand-button > .expand-icon > .expand-triangle { border-top: unset; border-bottom: 4px solid #5A5A5A; } .ce-toolbar-icon { height: 100%; background-position: center; background-repeat: no-repeat; } .w2ui-grid .w2ui-grid-toolbar { background-color: transparent; padding: 0px 1px; margin: 7px 0px 12px; box-shadow: none; border-bottom: none; } .w2ui-grid .w2ui-grid-toolbar > * { height: 36px; min-width: 36px; } .w2ui-grid .w2ui-grid-toolbar .w2ui-toolbar-search { height: 36px; } .w2ui-grid .w2ui-grid-toolbar .w2ui-toolbar-search table { height: 100%; } .w2ui-grid .w2ui-grid-toolbar .w2ui-button { margin: 0px 0px 0px 5px; padding: 0 2px; } .w2ui-grid .w2ui-grid-toolbar .w2ui-button .w2ui-tb-text { color: #5C5D5D; } .w2ui-grid .w2ui-grid-toolbar .w2ui-button .w2ui-tb-down { margin-left: auto; } .w2ui-grid .w2ui-grid-toolbar .w2ui-button:not(.ce-grid-search-selector) { border-width: 0px; } .w2ui-grid .w2ui-grid-toolbar .w2ui-button:not(.ce-grid-search-selector) > * { border-width: 1px; } .w2ui-grid .w2ui-grid-toolbar .w2ui-button:not(.ce-grid-search-submit) { /* Копия некоторых стилей из w2ui над ".w2ui-grid .w2ui-toolbar-search .w2ui-search-all" */ border-radius: 3px; border: 1px solid #b9b9b9; } .w2ui-grid .w2ui-grid-toolbar .w2ui-button.ce-grid-filter-button { padding: 0px 5px; margin-left: 13px; } .w2ui-grid .w2ui-grid-toolbar .w2ui-button.ce-grid-filter-button::before { content: url(/images/filter.svg); margin-left: 5px; margin-right: 7px; } .w2ui-grid .w2ui-grid-toolbar .w2ui-button.ce-grid-filter-button.active { background-color: #4A90E2; } .w2ui-grid .w2ui-grid-toolbar .w2ui-button.ce-grid-filter-button.active::before { content: url(/images/filter-white.png); } .w2ui-grid .w2ui-grid-toolbar .w2ui-button.ce-grid-filter-button.active .w2ui-tb-text { color: white; /*activeToolbarForeColor*/ } .w2ui-grid .w2ui-grid-toolbar .w2ui-button.ce-grid-filter-button.active .w2ui-tb-down div { border-top-color: white; /*activeToolbarForeColor*/ } .w2ui-grid .w2ui-grid-toolbar .w2ui-button.ce-grid-filter-button.active .searches { /*display: inline;*/ color: #4A90E2; background-color: white; /*activeToolbarForeColor*/ font-weight: bold; border-radius: 8px; margin-left: 5px; padding: 2px 5px; } .w2ui-grid .w2ui-grid-toolbar .ce-grid-search-submit { background-color: #4A90E2; padding: 0; } .w2ui-grid .w2ui-toolbar-search { width: auto; margin: 0px; } .w2ui-grid .w2ui-toolbar-search input::placeholder { font-family: Lato, Roboto, Lucida Grande, Open Sans, Tahoma, sans-serif; font-size: 12px; color: #B0B0B1; /*line-height: 21px;*/ } .w2ui-grid .w2ui-toolbar-search .w2ui-search-clear { margin-left: -26px; } .w2ui-grid .w2ui-toolbar-search .w2ui-search-clear::before { /*w2ui по умолчанию использует 'x' как крестик*/ content: url("/images/Error Icon.png"); opacity: unset; left: 4px; } .w2ui-grid .w2ui-toolbar-search .w2ui-search-clear:hover::before { content: url("/images/Error Icon on hover.png"); } .w2ui-reset.w2ui-grid .w2ui-toolbar-search input.w2ui-search-all:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]) { width: 476px; height: 100%; margin-top: unset; padding-left: 13px; } .w2ui-grid-toolbar.multi-row [id^=tb_][id$=_toolbar_item_w2ui-search] { max-width: 476px; flex: auto; } .w2ui-grid-toolbar.multi-row [id^=tb_][id$=_toolbar_item_w2ui-search] table { width: 100%; } .w2ui-grid-toolbar.multi-row.w2ui-reset .w2ui-toolbar-search input.w2ui-search-all:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]) { width: 100%; } @media (max-width: 600px) { #OrderList .w2ui-grid-toolbar.multi-row { /*Для PriceList другой дизайн используется. Только в OrderList разбиваем тулбар на несколько строк.*/ margin-top: 3px; margin-left: -4px; } #OrderList .w2ui-grid-toolbar.multi-row > * { margin-top: 4px; margin-left: 4px; } #OrderList .w2ui-grid-toolbar.multi-row [id^=tb_][id$=_toolbar_item_w2ui-search] { width: 100%; max-width: none; } #OrderList .w2ui-grid-toolbar.multi-row .w2ui-button.ce-grid-filter-button { margin-left: 13px; } #OrderList .w2ui-grid-toolbar.multi-row [id^=tb_][id$=_toolbar_item_w2ui-search-advanced] { width: auto; flex-grow: 1; } } @media (max-width: 420px) { #OrderList .w2ui-grid-toolbar.multi-row .w2ui-button.ce-grid-filter-button { margin-left: 4px; } #OrderList .w2ui-grid-toolbar.multi-row [id^=tb_][id$=_toolbar_item_ce-w2ui-search] { flex: 1 1 50px; min-width: 50px; } #OrderList .w2ui-grid-toolbar.multi-row [id^=tb_][id$=_toolbar_item_w2ui-search-advanced] { width: 100%; } } /* Webkit скролбар появляется над содержимым (в Chrome например; это хорошо, ибо содержимое не перетаскивается при появлении скрола) и он залезает под заголовком. Необходимо чтобы скролбар был видимым и чтобы на его можно было нажимать. При этом необходимо иметь фон под заголовком, чтобы содержимое страницы не рисовалось в нём при скроле вниз. */ header { height: 89px; /*headerHeight*/ width: 100%; padding: 0 59px; /*contentPaddingHorizontal*/ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.13); overflow-x: hidden; /*чтобы элементы заголовка не вылазили над телом страницы*/ font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif; font-size: 17px; color: #7F8FA4; flex-shrink: 0; /*Если находимся внутри flex container.*/ z-index: 1; display: flex; align-items: center; } header > * { display: inline-block; pointer-events: auto; } .header-client-info, .header-debt, .header-overdue-debt, .header-user-tooltip { font-family: Lato, Roboto, Lucida Grande, Open Sans, Tahoma, sans-serif; } .header-logo { margin-right: 25px; } .header-logo img { max-width: 156px; } .header-user { overflow: visible; margin-left: 10px; padding-right: 10px; margin-right: -10px; } .header-user > *:not(img) { position: absolute; } .header-user-tooltip { background: #353C48; font-size: 14px; font-weight: bold; color: white; border-radius: 2px; padding: 5px 10px; width: fit-content; max-width: none; white-space: nowrap; right: 10px; max-width: 95%; text-align: right; align-content: center; display: none; } .header-user:hover .header-user-tooltip { display: block; } .header-navigation-item { margin: 4px 10px; text-decoration-line: none; } .header-navigation-item.active, .header-navigation-item:hover, .header-navigation-item:focus { color: #7F8FA4; } .header-navigation-item .short-text { display: none; } .header-client-info { letter-spacing: 0.03em; margin-left: auto; /*Перенос в правый край.*/ min-width: fit-content; } .header-client-info td { text-align: right; } .header-debt { color: black; } .header-overdue-debt { color: #F73636; } .header-debt, .header-overdue-debt { padding-left: 8px; padding-right: 8px; letter-spacing: unset; font-weight: 600; /*semibold*/ } #LogoutForm { max-width: none; right: 15px; } #LogoutForm:not(.show-form) { display: none; } @media (max-width: 900px) { .header-client-info { display: none; } .header-user { margin-left: auto; /*Перенос в правый край.*/ } } @media (max-width: 650px) { header { padding: 0 10px; /*Меняем contentPaddingHorizontal*/ } } @media (max-width: 479px) { header { flex-wrap: wrap; height: auto; overflow: initial; } .header-logo { order: 1; flex: 1; min-width: 50%; margin: 5px; } .header-logo img { max-width: fit-content; width: 100%; } .header-user, header > * { order: 2; } .header-navigation-item { order: 3; width: 100%; margin: 5px 0; margin-left: 10px; } } @media (max-width: 200px) { .header-navigation-item .short-text { display: unset; } .header-navigation-item .full-text { display: none; } } .field.with-verification { display: flex; position: relative; } .field.with-verification input::placeholder { font-size: smaller; } .field.with-verification.has-name:not(.show-code) > :is(input, textarea):not(.name) { display: none; } .field.with-verification .overlap { align-self: center; position: absolute; right: 3px; top: 3px; height: 30px; display: flex; flex-direction: row; background: linear-gradient(90deg, transparent, var(--input-background-color) 10px); padding-left: 8px; pointer-events: none; } .field.with-verification .overlap * { pointer-events: auto; } .field.with-verification .overlap > * { background-color: transparent; } .field.with-verification .overlap > .lookup-button { padding: 0; margin: 0; height: 30px; width: 30px; } .field.with-verification .overlap > .lookup-button:hover, .field.with-verification .overlap > .lookup-button:focus { background-color: #CACBCD; } .field.with-verification .overlap > .lookup-button .icon { margin: 0; } .field.with-verification .overlap:has(> .lookup-button) + textarea.name { padding-right: 33px; } .field.with-verification .clear-button { border: none; /*display: none;*/ } .field.with-verification .clear-button .icon { content: url("/images/CloseGreyCircle.ico"); width: auto; height: auto; } .field.with-verification .clear-button:hover .icon { content: url("/images/CloseRedCircle.ico"); } div.lookup-overlay { display: flex; flex-direction: column; box-shadow: 0px 2px 10px #999; border-radius: 4px; overflow: hidden; max-height: 350px; } div.lookup-overlay > * { width: 100%; } div.lookup-overlay .w2ui-grid { height: unset; padding: 0; min-height: 100px; min-width: 100px; flex: 1 1; } div.lookup-overlay .w2ui-grid .w2ui-grid-body { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top: none; border-left: none; border-right: none; } div.lookup-overlay .lookup-functions { display: none; } /*div.lookup-overlay .lookup-functions button { font-family: inherit; font-size: 100%;*/ /* KPIDashboard меняет размер шрифта во всех кнопках. */ /*width: 100%; height: 2.5rem; background-color: #F9FAFB; color: #39404A; border-style: none; } div.lookup-overlay .lookup-functions button:hover { background-color: #EAF2FC; color: black; } div.lookup-overlay .w2ui-grid .w2ui-grid-body div.centered {*/ /* Это чтобы .context-menu-button имел эффективно "margin: max(3px, auto)". */ /*padding: 0; margin: auto; height: fit-content; width: fit-content; }*/ div.lookup-overlay .context-menu-button { display: none; /*height: 20px; width: 20px; background-image: url(/images/ListActions.svg); background-repeat: no-repeat; background-position: center;*/ } /*div.lookup-overlay .context-menu-button:hover, div.lookup-overlay .context-menu-button:active, div.lookup-overlay .context-menu-button.active { background-color: #D9E2EE; }*/ .lookup-context-menu.menu .lookup-context-item.item { padding-left: 48px !important; background-color: white; width: 100%; } .lookup-context-menu.menu .lookup-context-item.item:not(:hover), .lookup-context-menu.menu .lookup-context-item.item:hover { /*переопределить "background: rgba(0, 0, 0, 0.05);" в semantic.css*/ background-repeat: no-repeat; background-position: 16px; } .lookup-context-menu.menu .lookup-context-item.item:not(:hover)[data-value=edit] { background-image: url("/images/edit_small_enabled.svg"); } .lookup-context-menu.menu .lookup-context-item.item:not(:hover)[data-value=delete] { background-image: url("/images/delete_small_enabled.svg"); } .lookup-context-menu.menu .lookup-context-item.item:not(:hover)[data-value=copy] { background-image: url("/images/copy_small_enabled.svg"); } .lookup-context-menu.menu .lookup-context-item.item:hover[data-value=edit] { background-image: url("/images/edit_small_hover.svg"); } .lookup-context-menu.menu .lookup-context-item.item:hover[data-value=delete] { background-image: url("/images/delete_small_hover.svg"); } .lookup-context-menu.menu .lookup-context-item.item:hover[data-value=copy] { background-image: url("/images/copy_small_hover.svg"); } .w2ui-overlay { box-shadow: 0px 2px 10px #999999; } .w2ui-overlay > div { border: none; background-color: white; } .w2ui-overlay.top-arrow:before { content: "▲"; /* Ещё можно бы использовать ⏶ или 🞁 */ top: -8px; } .w2ui-overlay.bottom-arrow:before { content: "▼"; margin-top: 0px; } .w2ui-overlay.top-arrow:before, .w2ui-overlay.bottom-arrow:before { transform: scaleX(2); color: white; position: absolute; font-size: 12px; line-height: 8px; text-shadow: 0 0 3px #999999; border: none; } .w2ui-overlay.top-arrow:after, .w2ui-overlay.bottom-arrow:after { content: none; } .w2ui-overlay .w2ui-grid-searches { /* Стили для диалога, который запускается из кнопки тулбара грида "Adv. search". */ border-top: none !important; background-color: white; font-size: 14px; } .w2ui-overlay .w2ui-grid-searches * { font-size: inherit; } .w2ui-overlay .w2ui-grid-searches .fields { grid-template-columns: fit-content(30%) minmax(auto, max-content) auto; grid-auto-rows: 38px; grid-gap: 8px 10px; padding: 8px; padding-top: 16px; } .w2ui-overlay .w2ui-grid-searches .fields .label { padding-left: 16px; /*searchesOverlayLabelPadding*/ padding-right: 10px; text-align: left; color: #7F8FA4; } .w2ui-overlay .w2ui-grid-searches .fields .operator, .w2ui-overlay .w2ui-grid-searches .fields .value { height: 100%; } .w2ui-overlay .w2ui-grid-searches .fields .operator { min-width: min-content; } .w2ui-overlay .w2ui-grid-searches .fields input { color: #7F8FA4; } .w2ui-overlay .w2ui-grid-searches .operator { color: #5C5D5D; } .w2ui-overlay .w2ui-grid-searches .add-button { color: #179EF4; margin-top: 10px; margin-left: 16px; /*searchesOverlayLabelPadding; Место Padding ставим Margin, ибо так лучше рисуется фон.*/ } .w2ui-overlay .w2ui-grid-searches .actions { background-color: #F9FAFB; /*gridHeaderColor*/ } /*это повтор из semantic.css*/ .w2ui-overlay .w2ui-grid-searches .fields select.operator { padding: 0px 1em; } .w2ui-reset.w2ui-overlay .w2ui-grid-searches .fields input.numeric[type=text]:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]) { /*Это включает data-searchable-type "date" и "time".*/ width: 108px; } .w2ui-reset.w2ui-overlay .w2ui-grid-searches .fields input.numeric[type=text]:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio])[data-searchable-type=datetime] { width: 145px; } .w2ui-reset.w2ui-overlay .w2ui-grid-searches input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]) { height: 100%; padding: 0px 1em; } @media (max-width: 560px) { /*Меняем расположение элементов, когда стиль начинает разваливаться из-за недостаточной ширины.*/ .w2ui-overlay .w2ui-grid-searches .fields { grid-template-columns: minmax(auto, min-content) auto; } .w2ui-overlay .w2ui-grid-searches .fields .label { grid-column-start: 1; grid-column-end: -1; /*align-self: end;*/ } } @media (max-width: 450px) { .w2ui-overlay .w2ui-grid-searches .fields { grid-template-columns: unset; } .w2ui-overlay .w2ui-grid-searches .fields .label { grid-column-start: unset; grid-column-end: unset; } .w2ui-reset.w2ui-overlay .w2ui-grid-searches .fields input[type=text]:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]) { max-width: unset; } } .w2ui-overlay .w2ui-grid-searches-column-select { grid-gap: 14px; padding: 14px; max-width: 450px; grid-template-columns: repeat(3, auto); } @media (max-width: 500px) { .w2ui-overlay .w2ui-grid-searches-column-select { max-width: 320px; grid-template-columns: repeat(2, auto); } } @media (max-width: 350px) { .w2ui-overlay .w2ui-grid-searches-column-select { max-width: 100%; grid-template-columns: auto; } }