ervu-lkrp-fl/frontend/src/resources/css/components-lkrp.css
Eduard Tihomirov c3540c133f SUPPORT-8783: Fix
(cherry picked from commit cf929a88b4c3c49f77729a2341a78465012b67cc)
2025-01-27 12:18:23 +03:00

1354 lines
38 KiB
CSS

.webbpm.ervu_lkrp_fl .container-inside > div > div > [page-object] {
display: flex;
}
.webbpm.ervu_lkrp_fl hbox.align-center > .horizontal-container {
justify-content: center;
}
.webbpm.ervu_lkrp_fl .error {
position: relative;
display: block;
font-family: 'InterSB';
color: var(--color-link);
padding-left: 40px;
margin-top: 16px;
}
.webbpm.ervu_lkrp_fl .error::before {
position: absolute;
content: "";
left: 0;
width: 24px;
height: 24px;
background: url(../img/svg/info.svg) no-repeat;
}
.webbpm.ervu_lkrp_fl .mute {
color: var(--border-light);
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_fl .file-name {
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_fl .progress-bar {
display: flex;
justify-content: flex-start;
width: 100%;
height: 15px;
margin-bottom: var(--indent-small);
border-radius: 10px;
background: #fff3e5;
}
.webbpm.ervu_lkrp_fl .progress-bar > div {
width: 100%;
height: 15px;
border-radius: 10px;
background: var(--color-link);
-webkit-animation: progress-line 10s infinite;
animation: progress-line 10s infinite;
}
@keyframes progress-line {
from {width: 0px;}
to {width: 100%;}
}
.webbpm.ervu_lkrp_fl .title {
font-size: var(--size-text-title);
font-family: 'InterSB';
padding-top: 0;
padding-bottom: var(--indent-small);
}
.webbpm.ervu_lkrp_fl .title .form-group {
display: block;
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl .subtitle {
position: relative;
font-size: var(--size-text-subtitle);
font-family: 'InterSB';
}
.webbpm.ervu_lkrp_fl .subtitle text {
display: flex;
align-items: center;
min-height: 48px;
position: relative;
padding-left: 60px;
margin-bottom: 16px;
}
.webbpm.ervu_lkrp_fl .subtitle text::before {
content: "";
position: absolute;
left: 0;
width: 48px;
height: 48px;
border-radius: 50px;
background-color: var(--color-bg-main);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.webbpm.ervu_lkrp_fl .subtitle text.icon-case::before {
background-image: url(../img/svg/case-wt.svg);
}
.webbpm.ervu_lkrp_fl .subtitle text.icon-shield::before {
background-image: url(../img/svg/shield-wt.svg);
}
.webbpm.ervu_lkrp_fl .subtitle text.icon-clip::before {
background-image: url(../img/svg/clip-wt.svg);
}
.webbpm.ervu_lkrp_fl .subtitle text.icon-pers::before {
background-image: url(../img/svg/pers-wt.svg);
}
.webbpm.ervu_lkrp_fl .subtitle text.icon-building::before {
background-image: url(../img/svg/building-wt.svg);
}
.webbpm.ervu_lkrp_fl .subtitle text.icon-doc::before {
background-image: url(../img/svg/doc-wt.svg);
}
.webbpm.ervu_lkrp_fl .subtitle text.icon-cross::before {
background-image: url(../img/svg/cross-wt.svg);
}
.webbpm.ervu_lkrp_fl .btn,
.webbpm.ervu_lkrp_fl .modal.show button-component.btn-main:not(.info):not(.link) .btn {
font-size: var(--size-text-secondary);
font-family: 'Inter';
color: var(--white);
padding: 14px 40px;
border: 0;
border-radius: 4px;
background: var(--color-link);
}
.webbpm.ervu_lkrp_fl .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus),
.webbpm.ervu_lkrp_fl .modal.show button-component.btn-main:not(.info):not(.link) .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus) {
color: var(--white);
background-color: var(--color-link-hover);
}
.webbpm.ervu_lkrp_fl [class^="link-"] {
position: relative;
margin-bottom: var(--indent-small);
}
.webbpm.ervu_lkrp_fl [class^="link-"] .btn {
font-size: var(--size-text-primary);
padding: 0 0 0 36px;
background-color: transparent !important;
}
.webbpm.ervu_lkrp_fl [class^="link-"] .btn::before {
content: "";
position: absolute;
left: 0;
width: 24px;
height: 24px;
}
.webbpm.ervu_lkrp_fl .link-back .btn {
color: var(--color-text-primary) !important;
}
.webbpm.ervu_lkrp_fl .link-back .btn::before {
background-image: url(../img/svg/arrow-left.svg);
}
.webbpm.ervu_lkrp_fl .link-data .btn {
color: var(--color-link);
}
.webbpm.ervu_lkrp_fl .link-data .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus) {
color: var(--color-link-hover) !important;
}
.webbpm.ervu_lkrp_fl .link-data .btn::before {
background-image: url(../img/svg/data.svg);
}
.webbpm.ervu_lkrp_fl .left-block {
width: 75%;
padding-right: var(--indent-medium);
}
.webbpm.ervu_lkrp_fl .right-block {
width: 25%;
}
.webbpm.ervu_lkrp_fl .warning-group {
background-color: var(--bg-warn);
padding: 16px;
border-radius: 4px;
}
.webbpm.ervu_lkrp_fl .warning-group .pull-right {
flex: 0;
white-space: nowrap;
}
.webbpm.ervu_lkrp_fl .warning-group .form-group {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl .warning-group .warn-title {
font-family: 'InterSB';
}
.webbpm.ervu_lkrp_fl .warning-group + field-set {
margin-top: var(--indent-medium);
}
.webbpm.ervu_lkrp_fl .warning-group + .warning-group,
.webbpm.ervu_lkrp_fl .warning-group + .data-group {
margin-top: var(--indent-small);
}
.webbpm.ervu_lkrp_fl :is(.warning-group, .modal.show) button-component:not(.info):not(.link):not(.btn-main),
.webbpm.ervu_lkrp_fl .warning-group static-route-navigation-button:not(.info):not(.link):not(.btn-main) {
padding-top: 0 !important;
margin-top: 16px;
border-top: 0 !important;
}
.webbpm.ervu_lkrp_fl :is(.warning-group, .modal.show) button-component:not(.info):not(.link):not(.btn-main) .btn,
.webbpm.ervu_lkrp_fl .warning-group static-route-navigation-button:not(.info):not(.link):not(.btn-main) .btn {
color: var(--color-link);
padding: 13px 39px;
border: 1px solid var(--color-link);
background-color: transparent;
}
.webbpm.ervu_lkrp_fl :is(.warning-group, .modal.show) button-component:not(.info):not(.link):not(.btn-main) .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus),
.webbpm.ervu_lkrp_fl .warning-group static-route-navigation-button:not(.info):not(.link):not(.btn-main) .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus) {
color: var(--color-link-hover) !important;
border-color: var(--color-link-hover);
background-color: transparent !important;
}
.webbpm.ervu_lkrp_fl .loader-group .loader {
font-size: 5px;
left: 14px;
top: 10px;
width: 6px;
height: 6px;
padding: 0;
border-radius: 10px;
}
.webbpm.ervu_lkrp_fl .loader-group .mute {
color: var(--color-light);
margin-left: 40px;
}
.webbpm.ervu_lkrp_fl .link .btn {
color: var(--color-link);
padding: 0;
background: transparent !important;
}
.webbpm.ervu_lkrp_fl .link .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus) {
color: var(--color-link-hover) !important;
}
.webbpm.ervu_lkrp_fl .info {
float: none !important;
display: flex;
justify-content: flex-end;
margin-left: auto;
}
.webbpm.ervu_lkrp_fl .info .btn {
width: 24px;
height: 24px;
padding: 0;
background-color: transparent !important;
background-image: url(../img/svg/info.svg);
}
.webbpm.ervu_lkrp_fl .info .tooltip-inner {
max-width: 600px;
}
.webbpm.ervu_lkrp_fl .data-group .form-group {
flex-direction: column;
}
.webbpm.ervu_lkrp_fl .data-group .form-group label {
color: var(--color-text-secondary);
font-weight: normal;
padding-top: 0;
white-space: nowrap;
}
.webbpm.ervu_lkrp_fl .paragraph-group > .vertical-container > * {
margin-bottom: 16px;
}
.webbpm.ervu_lkrp_fl .paragraph-group > .vertical-container > *:last-child {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl .paragraph-group + .paragraph-group {
padding-top: 24px;
margin-top: 24px;
border-top: 1px solid var(--border-light);
}
.webbpm.ervu_lkrp_fl .fieldset {
padding: 24px;
margin-bottom: 0;
border: 1px solid var(--border-light);
border-radius: 4px;
background-color: var(--bg-light);
box-shadow: none;
}
.webbpm.ervu_lkrp_fl .fieldset legend + div {
padding: 0;
}
.webbpm.ervu_lkrp_fl .fieldset .form-group {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl .fieldset .lined {
padding-top: 16px;
margin-top: 16px;
border-top: 1px solid var(--border-light);
}
.webbpm.ervu_lkrp_fl .fieldset .warning-group ~ *:not([hidden]) {
margin-top: 16px;
}
.webbpm.ervu_lkrp_fl .filter-block {
color: var(--color-light);
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_fl .filter-block .link .btn {
color: var(--color-light) !important;
text-decoration: underline;
margin-top: -2px;
}
.webbpm.ervu_lkrp_fl .filter-block .link .btn:hover {
text-decoration: none;
}
.webbpm.ervu_lkrp_fl :is(.fieldset, .warning-group) hbox:not(.subtitle) > .horizontal-container {
flex-wrap: wrap;
}
.webbpm.ervu_lkrp_fl .warning-text .horizontal-container {
flex-wrap: nowrap !important;
}
.webbpm.ervu_lkrp_fl .left-block .link .btn {
font-size: var(--size-text-primary);
}
.webbpm.ervu_lkrp_fl .left-block .fieldset hyper-link .link {
color: var(--color-text-primary);
font-size: var(--size-text-secondary);
padding-left: 20px;
background: url(../img/svg/pin.svg) 0 50% no-repeat;
}
.webbpm.ervu_lkrp_fl .left-block .fieldset hyper-link,
.webbpm.ervu_lkrp_fl .left-block .fieldset button-component:not(.info):not(.link) {
display: block;
padding-top: 24px;
margin-top: 16px;
border-top: 1px solid var(--border-light);
}
.webbpm.ervu_lkrp_fl .left-block .fieldset hyper-link + hyper-link {
padding-top: 0;
margin-top: 12px;
border: 0;
}
.webbpm.ervu_lkrp_fl .right-block field-set {
font-size: var(--size-text-secondary);
}
/*
.webbpm.ervu_lkrp_fl .right-block field-set:first-child .fieldset {
padding-top: 52px;
}
.webbpm.ervu_lkrp_fl .right-block field-set:first-child .fieldset::before {
content: "";
position: absolute;
top: 20px;
left: 20px;
width: 24px;
height: 24px;
background-image: url(../img/svg/doc.svg);
}
*/
.webbpm.ervu_lkrp_fl field-set + field-set {
margin-top: var(--indent-medium);
}
.webbpm.ervu_lkrp_fl input,
.webbpm.ervu_lkrp_fl button {
border-radius: 4px;
box-shadow: none !important;
}
.webbpm.ervu_lkrp_fl input:focus {
border-color: var(--color-link);
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-header {
border: 1px solid var(--border-light);
border-radius: 4px;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .grid-setting-icon,
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-header-cell .ag-header-icon .ag-icon,
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-header-row-column-filter :is(.ag-header-cell, .ag-header-group-cell)::after,
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-filter .ag-filter-condition,
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-filter .ag-filter-condition ~ * {
display: none !important;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-header-row:not(:first-child) .ag-header-cell,
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
border-top: 0;
}
.webbpm.ervu_lkrp_fl ag-grid-angular {
font-family: 'Inter';
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-popup .ag-select-list-item {
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-icon {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 24px;
height: 24px;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-icon:is(.ag-icon-small-down, .ag-icon-filter)::before {
position: absolute;
content: "";
width: 24px;
height: 24px;
top: 0;
left: 0;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-icon.ag-icon-small-down::before {
background-image: url(../img/svg/arrow-left.svg);
transform: rotate(-90deg);
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-icon.ag-icon-filter::before {
background-image: url(../img/svg/filter.svg);
top: -4px;
left: -4px;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-filter-select {
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-filter-select .ag-picker-field-wrapper {
font-family: 'InterSB';
border: 0;
box-shadow: none !important;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-filter-select .ag-picker-field-wrapper .ag-picker-field-display {
margin: 0;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-filter-body {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-filter-body input {
color: var(--color-light);
font-size: var(--size-text-secondary);
min-height: auto;
padding: 6px 12px !important;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-header-row {
font-family: 'InterSB';
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-row.ag-row-hover,
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-row.ag-row-hover .ag-cell {
color: var(--color-link);
border-radius: 0;
background-color: transparent !important;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-row.ag-row-hover,
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-row.ag-row-hover + .ag-row {
border-color: var(--border-light);
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-row-last:not(.ag-row-first) {
border-width: 1px 0 0;
}
.webbpm.ervu_lkrp_fl ag-grid-angular .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
border-color: var(--color-link);
}
.webbpm.ervu_lkrp_fl .grid-warning .ag-root-wrapper {
background-color: transparent;
}
.webbpm.ervu_lkrp_fl .grid-warning .ag-row,
.webbpm.ervu_lkrp_fl .grid-warning .ag-row.ag-row-hover {
border: 0 !important;
border-radius: 8px;
background-color: var(--bg-warn) !important;
}
.webbpm.ervu_lkrp_fl .grid-warning .ag-row + .ag-row {
border-top: 4px solid var(--bg-light) !important;
}
.webbpm.ervu_lkrp_fl .grid-warning .ag-row .ag-cell {
color: var(--color-text-primary) !important;
height: auto !important;
padding: var(--indent-mini);
border: 0 !important;
}
.webbpm.ervu_lkrp_fl .okved-list {
height: auto;
}
.webbpm.ervu_lkrp_fl .okved-list .ag-header {
display: none;
}
.webbpm.ervu_lkrp_fl .okved-list .ag-root-wrapper {
background-color: transparent;
}
.webbpm.ervu_lkrp_ul .okved-list :is(.ag-row, .ag-cell) {
padding: 0;
border: 0;
background-color: transparent;
}
.webbpm.ervu_lkrp_fl .okved-list .ag-row.ag-row-hover,
.webbpm.ervu_lkrp_fl .okved-list .ag-row.ag-row-hover .ag-cell {
color: var(--color-text-primary);
}
/*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/
@media (max-width: 1024px) {
.webbpm.ervu_lkrp_fl .main-block > .horizontal-container {
flex-direction: column-reverse;
}
.webbpm.ervu_lkrp_fl .main-block .left-block {
padding-right: 0;
margin-top: var(--indent-medium);
}
.webbpm.ervu_lkrp_fl .right-block {
width: 100%;
}
.webbpm.ervu_lkrp_fl .right-block .fieldset {
padding-top: 20px;
}
.webbpm.ervu_lkrp_fl .right-block .fieldset::before {
top: 20px;
left: auto;
right: 20px;
}
.webbpm.ervu_lkrp_fl .left-block {
width: 100%;
}
}
.webbpm.ervu_lkrp_fl div[page-filesentlog],
.webbpm.ervu_lkrp_fl #filesentlog,
.webbpm.ervu_lkrp_fl .journal,
.webbpm.ervu_lkrp_fl .journal > div {
height: 100%;
}
.webbpm.ervu_lkrp_fl .journal grid-v2 {
height: 100px;
flex: 1;
}
.webbpm.ervu_lkrp_fl .journal .fieldset button-component {
display: block;
margin-top: 16px;
}
.webbpm.ervu_lkrp_fl #restriction in-memory-static-grid .ag-header {
display: none;
}
@media only screen and (max-width: 480px) {
.webbpm.ervu_lkrp_fl .warning-text .horizontal-container {
flex-wrap: wrap !important;
}
.webbpm.ervu_lkrp_fl .left-block .subtitle text {
width: 100%;
padding: 60px 0 0;
}
.webbpm.ervu_lkrp_fl .left-block .subtitle text::before {
top: 0;
left: calc(50% - 48px/2);
}
.webbpm.ervu_lkrp_fl .left-block .subtitle text .form-group {
width: 100%;
}
.webbpm.ervu_lkrp_fl .left-block .subtitle text .form-group > div:last-child {
text-align: center;
width: 100%;
}
.webbpm.ervu_lkrp_fl .left-block .subtitle text + .link {
position: absolute;
right: 0;
}
.webbpm.ervu_lkrp_fl .left-block .fieldset button-component:not(.info):not(.link),
.webbpm.ervu_lkrp_fl .left-block .fieldset static-route-navigation-button:not(.info):not(.link) {
display: flex;
justify-content: center;
}
.webbpm.ervu_lkrp_fl .left-block .fieldset button-component:not(.info):not(.link) > div,
.webbpm.ervu_lkrp_fl .left-block .fieldset static-route-navigation-button:not(.info):not(.link) > div,
.webbpm.ervu_lkrp_fl .left-block .fieldset button-component:not(.info):not(.link) .btn,
.webbpm.ervu_lkrp_fl .left-block .fieldset static-route-navigation-button:not(.info):not(.link) .btn {
width: 100%;
}
.webbpm.ervu_lkrp_fl .left-block .fieldset .tooltip-inner {
max-width: 300px;
}
.webbpm.ervu_lkrp_fl .left-block :is(.fieldset, .warning-group) button-component.info {
display: none;
margin-top: 58px;
}
.webbpm.ervu_lkrp_fl .modal.show {
padding: 0 !important;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-dialog {
width: calc(100vw - 1rem);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-dialog .horizontal-container {
flex-wrap: wrap !important;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-dialog .horizontal-container button-component:not(.info):not(.link), .btn {
width: 100%;
padding: 0;
}
}
.webbpm.ervu_lkrp_fl .scroll-dialog .modal-dialog {
display: flex;
height: min-content;
max-height: calc(100vh - 1.75rem* 2);
}
.webbpm.ervu_lkrp_fl .scroll-dialog .modal-dialog .modal-body {
display: flex;
flex-direction: column;
overflow-y: hidden;
}
.webbpm.ervu_lkrp_fl .scroll-dialog .modal-dialog .modal-body .scroll-block {
overflow-y: auto;
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl .modal.show {
display: flex !important;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content {
padding: var(--indent-medium);
border-radius: 4px;
box-shadow: none;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .modal-header {
display: flex;
justify-content: center;
font-family: 'InterB';
font-size: var(--size-text-subtitle);
text-align: center;
padding: 0 0 16px 0;
border: 0;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .modal-header button.close {
display: none;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .modal-body {
padding: 0;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content button-component:not(.info):not(.link) {
margin: var(--indent-small) 0 0;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .subtitle {
font-size: var(--size-text-primary);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .warning-group {
font-size: var(--size-text-secondary);
padding-left: calc(24px + 16px*2);
margin-bottom: var(--indent-small);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .warning-group::before {
position: absolute;
content: "";
left: 16px;
width: 24px;
height: 24px;
background: url(../img/svg/info.svg) no-repeat;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .warning-group hyper-link {
padding-top: 0;
border: 0;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .warning-group hyper-link .link {
color: var(--color-link);
padding-left: 0;
background: none;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .warning-group > div > * + *:not([hidden]) {
margin-top: 8px;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content hyper-link.btn {
padding: 0;
margin: var(--indent-small) 0 0;
background: transparent !important;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content hyper-link.btn .hyper-link {
padding: 13px 38px;
border: 1px solid var(--color-link);
border-radius: 4px;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content hyper-link.btn .hyper-link:hover {
border-color: var(--color-link-hover);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content hyper-link.btn.btn-main .hyper-link {
background: var(--color-link) !important;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content hyper-link.btn.btn-main .hyper-link:hover {
background-color: var(--color-link-hover) !important;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content hyper-link.btn.btn-main .hyper-link a {
color: var(--white);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content hyper-link.btn + button-component {
padding-left: 10px;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .field-email {
margin-top: 16px;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .field-email .form-group {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .field-email .form-group div:last-child {
width: 100%;
padding: 16px;
border-radius: 4px;
border: 1px solid var(--border-light);
background-color: var(--bg-light);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .warning-message {
display: block;
font-size: var(--size-text-secondary);
padding-left: calc(24px + 16px);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .warning-message::before {
position: absolute;
content: "";
left: 0;
width: 24px;
height: 24px;
background: url(../img/svg/info.svg) no-repeat;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .warning-message + .warning-message {
margin-top: 16px;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .warning-message .form-group {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload {
display: block;
margin-top: 16px;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload label {
display: none;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload .file-upload {
position: relative;
display: flex !important;
flex-direction: column;
width: 100%;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload input.file-name {
height: 120px;
text-align: center;
padding-bottom: 72px;
border-radius: 12px;
border: 2px dashed var(--border-light);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload .file-btn {
position: absolute;
top: 50%;
left: calc((100% - 80px) / 2);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload .files-view-item {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
padding: 16px;
margin: 16px 0 0;
border: 1px solid var(--border-light);
border-radius: 4px;
background-color: var(--bg-light);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload .files-view-item > * {
margin-right: 12px;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload .files-view-item .file-icon-preview {
width: 48px;
height: 24px;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload .files-view-item .file-icon-preview::before {
width: 48px;
height: 24px;
background-image: url(../img/svg/file-xlsx.svg);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload .files-view-item .files-view-name {
color: var(--color-text-primary);
font-size: var(--size-text-secondary);
text-align: left;
text-decoration: none;
margin-top: 0;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload .files-view-item .clear {
position: relative;
top: auto;
right: auto;
width: 24px;
height: 24px;
padding: 0;
margin: 0;
background: transparent !important;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload .files-view-item .clear::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 24px;
height: 24px;
background: url(../img/svg/cross.svg) no-repeat;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content file-upload ~ button-component:not(.info):not(.link) {
padding-top: 0;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .paragraph-list > .vertical-container > * {
position: relative;
padding-left: var(--indent-small);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .paragraph-list > .vertical-container > *::before {
position: absolute;
content: "";
left: 0;
top: 12px;
width: 7px;
height: 7px;
border-radius: 10px;
background-color: var(--color-text-primary);
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .paragraph-list > .vertical-container > * .form-group {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl .modal.show .modal-content .paragraph-list > .vertical-container > *:last-child {
margin-bottom: var(--indent-small);
}
.webbpm.ervu_lkrp_fl [class*="win-"] .modal-content::before {
content: "";
position: relative;
width: 64px;
height: 64px;
left: calc(50% - 64px / 2);
margin-bottom: 24px;
background-repeat: no-repeat;
}
.webbpm.ervu_lkrp_fl .win-error .modal-content::before {
background-image: url(../img/svg/win-error.svg);
}
.webbpm.ervu_lkrp_fl .win-success .modal-content::before {
background-image: url(../img/svg/win-success.svg);
}
/* temp fix + add flex-wrap*/
.webbpm.ervu_lkrp_fl :is(.fieldset, .warning-group) .horizontal-container text + button-component:not(.info) {
margin-top: -2px;
}
.webbpm.ervu_lkrp_fl .dialog-link {
cursor: pointer;
}
/*---------------- HOME ----------------*/
.webbpm .header-landing {
background-color: var(--color-text-primary) !important;
z-index: 1;
}
.webbpm .header-landing > div {
display: flex;
flex-direction: row;
align-items: center;
font-family: 'InterSB';
}
.webbpm .header-landing .header-logo {
width: 62px;
height: 40px;
background: url(../img/svg/mil-logo.svg) no-repeat 0 50%;
}
.webbpm .header-landing .header-title {
color: var(--white);
font-size: var(--size-text-secondary);
margin-left: var(--indent-mini);
}
.webbpm .container-inside .short-text {
max-width: 60%;
}
.webbpm .container-inside .paragraph-left .short-text {
max-width: 70%;
}
.webbpm .container-inside .list-group {
position: relative;
font-size: var(--size-text-secondary);
line-height: normal;
padding: 0 var(--w-screen);
}
.webbpm .container-inside .list-group .btn {
width: max-content;
}
.webbpm .container-inside .list-group .title {
font-size: var(--l-size-text-maintitle);
font-family: 'GolosB';
margin-bottom: var(--l-indent-huge);
}
.webbpm .container-inside .list-group .subtitle {
font-size: var(--l-size-text-title);
font-family: 'GolosDB';
margin-bottom: var(--l-indent-big);
}
.webbpm .container-inside .list-group .muted {
color: var(--color-light);
}
.webbpm .container-inside .list-group .paragraph {
display: flex;
flex-direction: row;
}
.webbpm .container-inside .list-group .paragraph .paragraph-left {
width: 40%;
}
.webbpm .container-inside .list-group .paragraph .paragraph-right {
width: 60%;
}
.webbpm .container-inside .list-group .paragraph .paragraph-half {
width: 50%;
}
.webbpm .container-inside .list-group .paragraph .paragraph-third {
width: 33.33%;
}
.webbpm .container-inside .list-group .paragraph [class*="paragraph-"] + [class*="paragraph-"] {
margin-left: 40px;
}
.webbpm .container-inside .list-group .paragraph .text {
font-family: 'InterSB';
font-size: var(--l-size-text-primary);
margin-bottom: var(--indent-mini);
}
.webbpm .container-inside .list-group .paragraph .icon-checklist,
.webbpm .container-inside .list-group .paragraph .icon-clock,
.webbpm .container-inside .list-group .paragraph .icon-text {
padding-top: 44px;
}
.webbpm .container-inside .list-group .paragraph .icon-checklist {
background: url(../img/svg/checklist-32x32.svg) no-repeat 0 0;
}
.webbpm .container-inside .list-group .paragraph .icon-clock {
background: url(../img/svg/clock-32x32.svg) no-repeat 0 0;
}
.webbpm .container-inside .list-group .paragraph .icon-text {
background: url(../img/svg/text-32x32.svg) no-repeat 0 0;
}
.webbpm .container-inside .list-group .list > div {
position: relative;
padding-left: 36px;
}
.webbpm .container-inside .list-group .list > div + div {
margin-top: var(--indent-mini);
}
.webbpm .container-inside .list-group .list > div::after {
content: "";
position: absolute;
width: 24px;
height: 24px;
top: 0;
left: 0;
}
.webbpm .container-inside .list-group .list > div.esia::after {
background: url(../img/svg/esia-24x24.svg) no-repeat 0 0;
}
.webbpm .container-inside .list-group .list > div.case::after {
background: url(../img/svg/case-24x24.svg) no-repeat 0 0;
}
.webbpm .container-inside .list-group .list > div.user::after {
background: url(../img/svg/user-24x24.svg) no-repeat 0 0;
}
.webbpm .container-inside .list-group .list > div.romb::after {
background: url(../img/svg/romb-24x24.svg) no-repeat 0 0;
}
.webbpm .container-inside .list-group .list ~ .btn-group {
margin-top: var(--indent-medium);
}
.webbpm .container-inside .list-group .section-group > div {
display: flex;
flex-direction: column;
min-height: 80px;
position: relative;
padding: 16px 16px 16px 76px;
margin-bottom: 16px;
border-radius: 4px;
background-color: var(--bg-form);
}
.webbpm .container-inside .list-group .section-group > div:last-child {
margin-bottom: 0;
}
.webbpm .container-inside .list-group .section-group > div::before {
content: "";
position: absolute;
left: 16px;
width: 48px;
height: 48px;
border-radius: 50px;
background-color: var(--color-bg-main);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.webbpm .container-inside .list-group .section-group > div.icon-user::before {
background-image: url(../img/svg/pers-wt.svg);
}
.webbpm .container-inside .list-group .section-group > div.icon-case::before {
background-image: url(../img/svg/case-wt.svg);
}
.webbpm .container-inside .list-group .section-group > div.icon-shield::before {
background-image: url(../img/svg/shield-wt.svg);
}
.webbpm .container-inside .list-group .section-group > div.icon-clip::before {
background-image: url(../img/svg/clip-wt.svg);
}
.webbpm .container-inside .list-group .section-group > div.icon-pers::before {
background-image: url(../img/svg/pers-wt.svg);
}
.webbpm .container-inside .list-group .section-group > div.icon-building::before {
background-image: url(../img/svg/building-wt.svg);
}
.webbpm .container-inside .list-group .section-group > div .muted {
margin-top: 12px;
}
.webbpm .container-inside .list-group .section-group > div .muted .detailed {
color: var(--color-text-primary);
font-family: 'InterB';
}
.webbpm .container-inside .list-group .pass-list {
position: relative;
display: flex;
flex-direction: row;
padding-top: 60px;
}
.webbpm .container-inside .list-group .pass-list::before {
content: "";
position: absolute;
width: calc(80% + 40px);
height: 4px;
top: 18px;
left: 0;
background-color: var(--color-link-hover);
}
.webbpm .container-inside .list-group .pass-list > div {
position: relative;
width: 20%;
}
.webbpm .container-inside .list-group .pass-list > div::before {
content: "";
position: absolute;
width: 40px;
height: 40px;
top: -60px;
left: 0;
border-radius: 2px;
border: 4px solid var(--color-link-hover);
background-color: var(--bg-light);
transform: rotate(45deg);
}
.webbpm .container-inside .list-group .pass-list > div::after {
content: "";
position: absolute;
font-family: 'InterB';
top: -50px;
left: 15px;
}
.webbpm .container-inside .list-group .pass-list > div:nth-child(1)::after {
content: "1";
}
.webbpm .container-inside .list-group .pass-list > div:nth-child(2)::after {
content: "2";
}
.webbpm .container-inside .list-group .pass-list > div:nth-child(3)::after {
content: "3";
}
.webbpm .container-inside .list-group .pass-list > div:nth-child(4)::after {
content: "4";
}
.webbpm .container-inside .list-group .pass-list > div:nth-child(5)::after {
content: "5";
}
.webbpm .container-inside .list-group .pass-list > div + div {
margin-left: 40px;
}
.webbpm .container-inside .list-group .msg-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 8px;
}
.webbpm .container-inside .list-group .msg-list span {
width: 32px;
height: 32px;
margin: 0 16px 0 0;
background: url(../img/svg/info-gr.svg) no-repeat 0 0;
}
.webbpm .container-inside .list-group .docs-list {
position: relative;
display: flex;
flex-direction: row;
}
.webbpm .container-inside .list-group .docs-list > div {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
width: 20%;
}
.webbpm .container-inside .list-group .docs-list > div a {
width: 24px;
height: 24px;
padding-right: 8px;
background: url(../img/svg/download-24x24.svg) no-repeat 0 0;
}
.webbpm .container-inside .list-group .docs-list > div + div {
margin-left: 40px;
}
.webbpm .container-inside .list-group.lk-what {
padding-top: var(--l-indent-huge);
padding-bottom: var(--l-indent-huge);
}
.webbpm .container-inside .list-group.lk-what::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.12;
background: url(../img/bg-star.png) no-repeat calc(100% + 200px) 0px transparent;
z-index: 0;
}
.webbpm .container-inside .list-group.lk-what > div {
position: relative;
z-index: 1;
}
.webbpm .container-inside .list-group.lk-access {
color: var(--white);
padding-top: var(--l-indent-big);
padding-bottom: var(--l-indent-big);
background-color: var(--color-bg-main);
}
.webbpm .container-inside .list-group.lk-info {
padding-top: var(--l-indent-big);
padding-bottom: var(--l-indent-big);
}
.webbpm .container-inside .list-group.lk-pass {
padding-top: var(--l-indent-big);
padding-bottom: var(--l-indent-big);
background-color: var(--bg-light);
}
.webbpm .container-inside .list-group.lk-when {
color: var(--white);
padding-top: var(--l-indent-big);
padding-bottom: var(--l-indent-big);
background-color: var(--color-bg-main);
}
.webbpm .container-inside .list-group.lk-msg {
background-color: var(--border-light);
}
.webbpm .container-inside .list-group.lk-limits {
padding-top: var(--l-indent-big);
padding-bottom: var(--l-indent-big);
}
.webbpm .container-inside .list-group.lk-docs {
flex: 1;
color: var(--white);
padding-top: var(--l-indent-huge);
padding-bottom: var(--l-indent-huge);
background-color: var(--color-text-primary);
}
.webbpm .container-inside .list-group.lk-alert {
padding-top: var(--l-indent-big);
padding-bottom: var(--l-indent-big);
background-color: var(--bg-light);
}
.webbpm .container-inside .list-group.lk-footer {
padding-top: var(--indent-small);
padding-bottom: var(--indent-small);
background-color: var(--color-text-primary);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-what .title {
color: var(--color-link);
padding: 0;
margin-bottom: var(--indent-small);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-what .title::after {
content: url(../img/svg/star.svg);
top: 18px;
position: relative;
margin-left: var(--l-indent-big);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-what .title + .short-text {
max-width: 25%;
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-what .title ~ .subtitle {
margin-top: var(--l-indent-big);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-info .section-group > div {
justify-content: center;
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-pass .subtitle {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-pass .subtitle + div {
margin-top: var(--indent-small);
margin-bottom: var(--l-indent-big);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-pass .pass-list::before {
display: none;
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-pass .pass-list > div {
position: relative;
width: 33.33%;
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-msg {
color: var(--color-link);
font-family: 'InterSB';
background-color: var(--bg-form);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-msg span {
background: url(../img/svg/info.svg) no-repeat 0 4px;
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-limits .subtitle {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-limits .subtitle + div {
margin-top: var(--indent-small);
margin-bottom: var(--l-indent-big);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-limits .scheme {
width: 100%;
height: 204px;
background: url(../img/svg/scheme.svg) no-repeat 0 0;
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-alert > .short-text {
margin-bottom: var(--l-indent-big);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-alert .alert-block {
position: relative;
padding: var(--indent-small) 64px var(--indent-small) var(--indent-small);
border-radius: 4px;
border: 2px solid var(--border-light);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-alert .alert-block::after {
content: url(../img/svg/info.svg);
position: absolute;
top: var(--indent-small);
right: var(--indent-small);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-alert .alert-block > div + div {
margin-top: var(--indent-small);
}
.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-alert .alert-block > div:last-child {
color: var(--color-link);
}
/*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/
@media (max-width: 1024px) {
.container-inside .short-text {
max-width: 100% !important;
}
.webbpm .container-inside .list-group .paragraph {
flex-direction: column;
}
.webbpm .container-inside .list-group .paragraph [class*="paragraph-"] {
width: auto;
margin-left: 0;
}
.webbpm .container-inside .list-group .paragraph [class*="paragraph-"] + [class*="paragraph-"] {
margin-top: var(--indent-mini);
margin-left: 0;
}
.webbpm .container-inside .list-group .pass-list {
flex-direction: column;
padding-top: 0;
}
.webbpm .container-inside .list-group .pass-list::before {
display: none;
}
.webbpm .container-inside .list-group .pass-list > div {
display: flex;
align-items: center;
width: auto !important;
padding-left: 60px;
min-height: 40px;
}
.webbpm .container-inside .list-group .pass-list > div::before {
top: 0;
}
.webbpm .container-inside .list-group .pass-list > div::after {
top: 10px;
}
.webbpm .container-inside .list-group .pass-list > div + div {
margin-left: 0;
margin-top: var(--indent-mini);
}
}
@media (max-width: 480px) {
.webbpm .container-inside .list-group .docs-list {
flex-direction: column;
}
.webbpm .container-inside .list-group .docs-list > div {
width: 100%;
}
.webbpm .container-inside .list-group .docs-list > div + div {
margin-left: 0;
margin-top: var(--indent-mini);
}
}
/*------------- end - HOME -------------*/
.cert-check-content {
font-family: 'Golos';
font-size: var(--size-text-secondary);
padding: var(--indent-mini) var(--w-screen) var(--indent-mini) calc(var(--w-screen) + 38px);
background-color: var(--bg-warn);
}
.cert-check-text {
position: relative;
padding-left: 40px;
}
.cert-check-text::before {
position: absolute;
content: url(../img/svg/info.svg);
left: 0;
top: calc((100% - 24px) / 2);
}
.text-header {
color: var(--color-link);
font-family: 'GolosB';
font-size: var(--size-text-primary);
margin-bottom: 4px;
}
.plain-text {
margin-bottom: 0;
}