ervu-lkrp-ul/frontend/src/resources/css/components-lkrp.css
Zaripov Emil 67214fccdc Merge branch 'master' into develop
# Conflicts:
#	backend/pom.xml
#	distribution/pom.xml
#	frontend/pom.xml
#	pom.xml
#	resources/pom.xml
2024-11-20 11:16:55 +03:00

938 lines
No EOL
26 KiB
CSS

.webbpm.ervu_lkrp_ul .container-inside > div > div > [page-object] {
display: flex;
}
.webbpm.ervu_lkrp_ul hbox.align-center > .horizontal-container {
justify-content: center;
}
.webbpm.ervu_lkrp_ul .error {
position: relative;
display: block;
font-family: 'InterSB';
color: var(--color-link);
padding-left: 40px;
margin-top: 16px;
}
.webbpm.ervu_lkrp_ul .error::before {
position: absolute;
content: "";
left: 0;
width: 24px;
height: 24px;
background: url(../img/svg/info.svg) no-repeat;
}
.webbpm.ervu_lkrp_ul .mute {
color: var(--border-light);
font-family: 'InterL';
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_ul grid-v2.mute .ag-row .ag-cell {
color: var(--color-text-secondary) !important;
}
.webbpm.ervu_lkrp_ul .file-name {
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_ul .file-upload-progress {
width: 100%;
height: 15px;
border-radius: 10px;
background: var(--bg-light);
overflow: hidden;
}
.webbpm.ervu_lkrp_ul .file-upload-progress .file-upload-progress-bar {
height: 100%;
background: var(--color-link);
}
.webbpm.ervu_lkrp_ul .title {
font-size: var(--size-text-title);
font-family: 'InterB';
padding-top: 0;
padding-bottom: var(--indent-medium);
}
.webbpm.ervu_lkrp_ul .title .form-group {
display: block;
margin-bottom: 0;
}
.webbpm.ervu_lkrp_ul .subtitle {
position: relative;
font-size: var(--size-text-subtitle);
font-family: 'InterSB';
}
.webbpm.ervu_lkrp_ul .subtitle text {
display: flex;
align-items: center;
min-height: 48px;
position: relative;
padding-left: 60px;
margin-bottom: 16px;
}
.webbpm.ervu_lkrp_ul .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_ul .subtitle text.icon-case::before {
background-image: url(../img/svg/case-wt.svg);
}
.webbpm.ervu_lkrp_ul .subtitle text.icon-shield::before {
background-image: url(../img/svg/shield-wt.svg);
}
.webbpm.ervu_lkrp_ul .subtitle text.icon-clip::before {
background-image: url(../img/svg/clip-wt.svg);
}
.webbpm.ervu_lkrp_ul .subtitle text.icon-pers::before {
background-image: url(../img/svg/pers-wt.svg);
}
.webbpm.ervu_lkrp_ul .subtitle text.icon-building::before {
background-image: url(../img/svg/building-wt.svg);
}
.webbpm.ervu_lkrp_ul .subtitle text.icon-doc::before {
background-image: url(../img/svg/doc-wt.svg);
}
.webbpm.ervu_lkrp_ul .subtitle text.icon-cross::before {
background-image: url(../img/svg/cross-wt.svg);
}
.webbpm.ervu_lkrp_ul .fieldset .btn {
color: var(--color-link);
border: 1px solid var(--color-link);
background-color: transparent;
}
.webbpm.ervu_lkrp_ul .fieldset .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus) {
color: var(--color-link-hover);
border-color: var(--color-link-hover);
background-color: transparent;
}
.webbpm.ervu_lkrp_ul .btn,
.webbpm.ervu_lkrp_ul .fieldset .btn-main:not(.info):not(.link) .btn,
.webbpm.ervu_lkrp_ul .modal.show button-component.btn-main:not(.info):not(.link) .btn,
.webbpm.ervu_lkrp_ul .select-file-btn {
font-size: var(--size-text-secondary);
font-family: 'Inter';
color: var(--white);
padding: 13px 39px;
border: 1px solid var(--color-link);
border-radius: 4px;
background: var(--color-link);
}
.webbpm.ervu_lkrp_ul .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus),
.webbpm.ervu_lkrp_ul .fieldset .btn-main .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus),
.webbpm.ervu_lkrp_ul .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),
.webbpm.ervu_lkrp_ul .select-file-btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus) {
color: var(--white);
border-color: var(--color-link-hover);
background-color: var(--color-link-hover);
}
.webbpm.ervu_lkrp_ul drop-down-button .dropdown-menu.show {
width: 100%;
}
.webbpm.ervu_lkrp_ul [class^="link-"] {
position: relative;
margin-bottom: var(--indent-small);
}
.webbpm.ervu_lkrp_ul [class^="link-"] .btn {
font-size: var(--size-text-primary);
padding: 0 0 0 36px;
border: 0;
background-color: transparent !important;
}
.webbpm.ervu_lkrp_ul [class^="link-"] .btn::before {
content: "";
position: absolute;
left: 0;
width: 24px;
height: 24px;
}
.webbpm.ervu_lkrp_ul .link-back .btn {
color: var(--color-text-primary) !important;
}
.webbpm.ervu_lkrp_ul .link-back .btn::before {
background-image: url(../img/svg/arrow-left.svg);
}
.webbpm.ervu_lkrp_ul .link-data .btn {
color: var(--color-link);
}
.webbpm.ervu_lkrp_ul .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_ul .link-data .btn::before {
background-image: url(../img/svg/data.svg);
}
.webbpm.ervu_lkrp_ul .left-block {
width: 75%;
padding-right: var(--indent-medium);
}
.webbpm.ervu_lkrp_ul .right-block {
width: 25%;
}
.webbpm.ervu_lkrp_ul .warning-group {
background-color: var(--bg-warn);
padding: 16px;
border-radius: 4px;
}
.webbpm.ervu_lkrp_ul .warning-group .pull-right {
flex: 0;
white-space: nowrap;
}
.webbpm.ervu_lkrp_ul .warning-group .form-group {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_ul .warning-group .warn-title {
font-family: 'InterSB';
}
.webbpm.ervu_lkrp_ul .warning-group + field-set {
margin-top: var(--indent-medium);
}
.webbpm.ervu_lkrp_ul .warning-group + .warning-group,
.webbpm.ervu_lkrp_ul .warning-group + .data-group {
margin-top: var(--indent-small);
}
.webbpm.ervu_lkrp_ul :is(.warning-group, .modal.show) button-component:not(.info):not(.link):not(.btn-main),
.webbpm.ervu_lkrp_ul .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_ul :is(.warning-group, .modal.show) button-component:not(.info):not(.link):not(.btn-main) .btn,
.webbpm.ervu_lkrp_ul .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_ul :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_ul .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_ul .loader-group .loader {
font-size: 5px;
left: 14px;
top: 10px;
width: 6px;
height: 6px;
padding: 0;
border-radius: 10px;
}
.webbpm.ervu_lkrp_ul .loader-group .mute {
color: var(--color-light);
margin-left: 40px;
}
.webbpm.ervu_lkrp_ul .link .btn {
color: var(--color-link);
padding: 0;
border: 0;
background: transparent !important;
}
.webbpm.ervu_lkrp_ul .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_ul .info {
float: none !important;
display: flex;
justify-content: flex-end;
margin-left: auto;
}
.webbpm.ervu_lkrp_ul .info .btn {
width: 24px;
height: 24px;
padding: 0;
border: 0;
background-color: transparent !important;
background-image: url(../img/svg/info.svg);
}
.webbpm.ervu_lkrp_ul .info .tooltip-inner {
max-width: 600px;
}
.webbpm.ervu_lkrp_ul .data-group .form-group {
flex-direction: column;
}
.webbpm.ervu_lkrp_ul .data-group .form-group label {
color: var(--color-text-secondary);
font-weight: normal;
padding-top: 0;
white-space: nowrap;
}
.webbpm.ervu_lkrp_ul .data-group .description {
color: var(--color-text-secondary);
}
.webbpm.ervu_lkrp_ul .pin + .pin {
margin-top: 12px;
}
.webbpm.ervu_lkrp_ul .pin text {
position: relative;
padding-left: 24px;
}
.webbpm.ervu_lkrp_ul .pin text::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: calc((100% - 16px) / 2);
left: 0;
background-image: url(../img/svg/pin.svg);
}
.webbpm.ervu_lkrp_ul .paragraph-group > .vertical-container > * {
margin-bottom: 16px;
}
.webbpm.ervu_lkrp_ul .paragraph-group > .vertical-container > *:last-child {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_ul .paragraph-group + .paragraph-group {
padding-top: 24px;
margin-top: 24px;
border-top: 1px solid var(--border-light);
}
.webbpm.ervu_lkrp_ul .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_ul .fieldset legend + div {
padding: 0;
}
.webbpm.ervu_lkrp_ul .fieldset .form-group {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_ul .fieldset .lined {
padding-top: 16px;
margin-top: 16px;
border-top: 1px solid var(--border-light);
}
.webbpm.ervu_lkrp_ul .fieldset .warning-group ~ *:not([hidden]) {
margin-top: 16px;
}
.webbpm.ervu_lkrp_ul .filter-block {
color: var(--color-light);
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_ul .filter-block .link .btn {
color: var(--color-light) !important;
text-decoration: underline;
margin-top: -2px;
}
.webbpm.ervu_lkrp_ul .filter-block .link .btn:hover {
text-decoration: none;
}
.webbpm.ervu_lkrp_ul :is(.fieldset, .warning-group) hbox:not(.subtitle) > .horizontal-container {
flex-wrap: wrap;
}
.webbpm.ervu_lkrp_ul .warning-text .horizontal-container {
flex-wrap: nowrap !important;
}
.webbpm.ervu_lkrp_ul .left-block .link .btn {
font-size: var(--size-text-primary);
}
.webbpm.ervu_lkrp_ul .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_ul .left-block .fieldset hyper-link + hyper-link {
padding-top: 0;
margin-top: 12px;
border: 0;
}
.webbpm.ervu_lkrp_ul .left-block .fieldset .btn-block {
padding-top: 24px;
margin-top: 16px;
border-top: 1px solid var(--border-light);
}
.webbpm.ervu_lkrp_ul .right-block field-set {
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_ul .right-block field-set:first-child .fieldset {
padding-top: 52px;
}
.webbpm.ervu_lkrp_ul .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_ul field-set + field-set {
margin-top: var(--indent-medium);
}
.webbpm.ervu_lkrp_ul input,
.webbpm.ervu_lkrp_ul button {
border-radius: 4px;
box-shadow: none !important;
}
.webbpm.ervu_lkrp_ul input:focus {
border-color: var(--color-link);
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-header {
border: 1px solid var(--border-light);
border-radius: 4px;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .grid-setting-icon,
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-header-cell.ag-header-active .ag-header-cell-menu-button,
/*.webbpm.ervu_lkrp_ul ag-grid-angular .ag-header-cell .ag-header-icon .ag-icon,*/
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-header-row-column-filter :is(.ag-header-cell, .ag-header-group-cell)::after,
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-filter .ag-filter-condition,
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-filter .ag-filter-condition ~ * {
/*display: none !important;*/
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-floating-filter-button {
/*display: none !important;*/
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-header-row:not(:first-child) .ag-header-cell,
.webbpm.ervu_lkrp_ul 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_ul ag-grid-angular {
font-family: 'Inter';
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-popup .ag-select-list-item {
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-icon {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 24px;
height: 24px;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-icon:is(.ag-icon-small-down)::before {
content: "";
width: 24px;
height: 24px;
top: 0;
left: 0;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-icon.ag-icon-small-down::before {
background-image: url(../img/svg/arrow-left.svg);
transform: rotate(-90deg);
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-icon-menu {
background: transparent url(../img/svg/filter.svg) center no-repeat;
color: transparent;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
opacity: unset;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-filter-select {
font-size: var(--size-text-secondary);
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-filter-select .ag-picker-field-wrapper {
font-family: 'InterSB';
border: 0;
box-shadow: none !important;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-filter-select .ag-picker-field-wrapper .ag-picker-field-display {
margin: 0;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-filter-body {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_ul 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_ul ag-grid-angular .ag-set-filter {
min-width: 100px;
padding: 10px 12px;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-set-filter-item + .ag-set-filter-item {
margin-top: 8px;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-filter .ag-filter-checkbox {
width: 24px;
height: 24px;
border: 2px solid var(--color-link);
border-radius: 4px;
position: relative;
margin-right: 12px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: text-bottom;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-filter .ag-filter-checkbox:before {
content: '';
color: white;
position: absolute;
top: 3px;
left: 3px;
width: 14px;
height: 14px;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-filter .ag-filter-checkbox:checked:before {
border-radius: 2px;
background: var(--color-link) url(../img/svg/input-checked.svg);
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-header-row {
font-family: 'InterSB';
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-row.ag-row-hover,
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-row.ag-row-hover .ag-cell {
color: var(--color-link);
border-radius: 0;
background-color: transparent !important;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-row.ag-row-hover,
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-row.ag-row-hover + .ag-row {
border-color: var(--border-light);
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-row-last:not(.ag-row-first) {
border-width: 1px 0 0;
}
.webbpm.ervu_lkrp_ul ag-grid-angular .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
border-color: var(--color-link);
}
.webbpm.ervu_lkrp_ul .okved-list {
height: auto;
}
.webbpm.ervu_lkrp_ul .okved-list .ag-header {
display: none;
}
.webbpm.ervu_lkrp_ul .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_ul .okved-list .ag-row.ag-row-hover,
.webbpm.ervu_lkrp_ul .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_ul .main-block > .horizontal-container {
flex-direction: column-reverse;
}
.webbpm.ervu_lkrp_ul .main-block .left-block {
padding-right: 0;
margin-top: var(--indent-medium);
}
.webbpm.ervu_lkrp_ul .right-block {
width: 100%;
}
.webbpm.ervu_lkrp_ul .right-block .fieldset {
padding-top: 20px;
}
.webbpm.ervu_lkrp_ul .right-block .fieldset::before {
top: 20px;
left: auto;
right: 20px;
}
.webbpm.ervu_lkrp_ul .left-block {
width: 100%;
}
}
.webbpm.ervu_lkrp_ul div[page-filesentlog] {
height: calc(100% - var(--h-footer));
}
.webbpm.ervu_lkrp_ul #filesentlog,
.webbpm.ervu_lkrp_ul .journal,
.webbpm.ervu_lkrp_ul .journal > div {
height: 100%;
}
.webbpm.ervu_lkrp_ul .journal in-memory-static-grid {
display: flex;
flex-direction: column;
flex: 1;
height: auto;
}
.webbpm.ervu_lkrp_ul .journal .grid {
flex-direction: column;
flex: 1 1 auto;
height: 200px;
min-height: 200px;
}
.webbpm.ervu_lkrp_ul .journal .fieldset button-component {
display: block;
margin-top: 16px;
}
@media only screen and (max-width: 480px) {
.webbpm.ervu_lkrp_ul .warning-text .horizontal-container {
flex-wrap: wrap !important;
}
.webbpm.ervu_lkrp_ul .left-block .subtitle text {
width: 100%;
padding: 60px 0 0;
}
.webbpm.ervu_lkrp_ul .left-block .subtitle text::before {
top: 0;
left: calc(50% - 48px/2);
}
.webbpm.ervu_lkrp_ul .left-block .subtitle text .form-group {
width: 100%;
}
.webbpm.ervu_lkrp_ul .left-block .subtitle text .form-group > div:last-child {
text-align: center;
width: 100%;
}
.webbpm.ervu_lkrp_ul .left-block .subtitle text + .link {
position: absolute;
right: 0;
}
.webbpm.ervu_lkrp_ul .left-block .fieldset button-component:not(.info):not(.link),
.webbpm.ervu_lkrp_ul .left-block .fieldset static-route-navigation-button:not(.info):not(.link) {
display: flex;
justify-content: center;
}
.webbpm.ervu_lkrp_ul .left-block .fieldset button-component:not(.info):not(.link) > div,
.webbpm.ervu_lkrp_ul .left-block .fieldset static-route-navigation-button:not(.info):not(.link) > div,
.webbpm.ervu_lkrp_ul .left-block .fieldset button-component:not(.info):not(.link) .btn,
.webbpm.ervu_lkrp_ul .left-block .fieldset static-route-navigation-button:not(.info):not(.link) .btn {
width: 100%;
}
.webbpm.ervu_lkrp_ul .left-block .fieldset .tooltip-inner {
max-width: 300px;
}
.webbpm.ervu_lkrp_ul .left-block :is(.fieldset, .warning-group) button-component.info {
display: none;
margin-top: 58px;
}
.webbpm.ervu_lkrp_ul .modal.show {
padding: 0 !important;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-dialog {
width: calc(100vw - 1rem);
}
.webbpm.ervu_lkrp_ul .modal.show .modal-dialog .horizontal-container {
flex-wrap: wrap !important;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-dialog .horizontal-container button-component:not(.info):not(.link), .btn {
width: 100%;
padding: 0;
}
}
.webbpm.ervu_lkrp_ul .scroll-dialog .modal-dialog {
display: flex;
height: min-content;
max-height: calc(100vh - 1.75rem* 2);
}
.webbpm.ervu_lkrp_ul .scroll-dialog .modal-dialog .modal-body {
display: flex;
flex-direction: column;
overflow-y: hidden;
}
.webbpm.ervu_lkrp_ul .scroll-dialog .modal-dialog .modal-body .scroll-block {
overflow-y: auto;
margin-bottom: 0;
}
.webbpm.ervu_lkrp_ul .modal.show {
display: flex !important;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content {
padding: var(--indent-medium);
border-radius: 4px;
box-shadow: none;
}
.webbpm.ervu_lkrp_ul .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_ul .modal.show .modal-content .modal-header button.close {
display: none;
}
*/
.webbpm.ervu_lkrp_ul .modal.show .modal-content .modal-body {
padding: 0;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content button-component:not(.info):not(.link) {
margin: var(--indent-small) 0 0;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content .subtitle {
font-size: var(--size-text-primary);
}
.webbpm.ervu_lkrp_ul .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_ul .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_ul .modal.show .modal-content .warning-group hyper-link {
padding-top: 0;
border: 0;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content .warning-group hyper-link .link {
color: var(--color-link);
padding-left: 0;
background: none;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content .warning-group > div > * + *:not([hidden]) {
margin-top: 8px;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content hyper-link.btn {
padding: 0;
margin: var(--indent-small) 0 0;
background: transparent !important;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content hyper-link.btn .hyper-link {
padding: 13px 38px;
border: 1px solid var(--color-link);
border-radius: 4px;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content hyper-link.btn .hyper-link:hover {
border-color: var(--color-link-hover);
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content hyper-link.btn.btn-main .hyper-link {
background: var(--color-link) !important;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content hyper-link.btn.btn-main .hyper-link:hover {
background-color: var(--color-link-hover) !important;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content hyper-link.btn.btn-main .hyper-link a {
color: var(--white);
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content hyper-link.btn + button-component {
padding-left: 10px;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content .field-email {
margin-top: 16px;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content .field-email .form-group {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_ul .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_ul .modal.show .modal-content .warning-message {
display: block;
font-size: var(--size-text-secondary);
padding-left: calc(24px + 16px);
}
.webbpm.ervu_lkrp_ul .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_ul .modal.show .modal-content .warning-message + .warning-message {
margin-top: 16px;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content .warning-message .form-group {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload {
display: block;
margin: var(--indent-mini) 0;
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload .file-drop-zone {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--indent-small);
border-radius: 12px;
border: 2px dashed var(--border-light);
background: transparent;
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload .file-drop-zone .select-file-field-text {
color: var(--color-light);
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload .file-drop-zone .select-file-btn {
margin-top: var(--indent-mini);
outline: transparent;
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload .selected-file {
display: flex;
white-space: nowrap;
padding: 12px 16px;
border: 1px solid var(--border-light);
border-radius: 4px;
background-color: var(--bg-light);
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload .selected-file .selected-file-name {
position: relative;
color: var(--color-text-primary);
font-size: var(--size-text-secondary);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-left: 56px;
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload .selected-file .selected-file-name::before {
position: absolute;
content: url(../img/svg/file-csv.svg);
top: -2px;
left: 0;
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload .selected-file .selected-file-size {
color: var(--border-light);
font-family: 'InterL';
font-size: var(--size-text-secondary);
margin-left: 8px;
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload .selected-file .selected-file-size::before {
position: relative;
content: "|";
margin-right: 8px;
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload .selected-file .selected-file-delete-btn {
color: var(--color-link);
font-size: var(--size-text-secondary);
margin-left: auto;
border: 0;
background-color: transparent;
outline: transparent;
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload .selected-file .selected-file-delete-btn:is(:hover, :focus, :active) {
color: var(--color-link-hover);
}
.webbpm.ervu_lkrp_ul .modal.show ervu-file-upload ~ button-component:not(.info):not(.link) {
padding-top: 0;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content .paragraph-list > .vertical-container > * {
position: relative;
padding-left: var(--indent-small);
}
.webbpm.ervu_lkrp_ul .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_ul .modal.show .modal-content .paragraph-list > .vertical-container > * .form-group {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_ul .modal.show .modal-content .paragraph-list > .vertical-container > *:last-child {
margin-bottom: var(--indent-small);
}
.webbpm.ervu_lkrp_ul [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_ul .win-error .modal-content::before {
background-image: url(../img/svg/win-error.svg);
}
.webbpm.ervu_lkrp_ul .win-success .modal-content::before {
background-image: url(../img/svg/win-success.svg);
}
/* temp fix + add flex-wrap*/
.webbpm.ervu_lkrp_ul :is(.fieldset, .warning-group) .horizontal-container text + button-component:not(.info) {
margin-top: -2px;
}
.webbpm.ervu_lkrp_ul .dialog-link {
cursor: pointer;
}
.webbpm.ervu_lkrp_ul #mydata .data-group:first-child .subtitle {
margin-bottom: 0;
}
.webbpm.ervu_lkrp_ul #mydata .right-block field-set:first-child .fieldset {
padding-top: 24px;
}
.webbpm.ervu_lkrp_ul #mydata .right-block field-set:first-child .fieldset::before {
display: none;
}