160 lines
No EOL
3.3 KiB
CSS
160 lines
No EOL
3.3 KiB
CSS
|
|
.webbpm.ervu_lkrp_ul .container-inside > div > div > [page-object] {
|
|
display: flex;
|
|
}
|
|
|
|
.webbpm.ervu_lkrp_ul a {
|
|
color: var(--color-link);
|
|
|
|
&:hover;
|
|
}
|
|
|
|
.webbpm.ervu_lkrp_ul .title {
|
|
font-size: var(--size-text-title);
|
|
font-family: 'InterB';
|
|
padding-top: 0;
|
|
padding-bottom: var(--indent-big);
|
|
|
|
.form-group {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.webbpm.ervu_lkrp_ul .subtitle {
|
|
font-size: var(--size-text-subtitle);
|
|
font-family: 'InterSB';
|
|
|
|
text {
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 48px;
|
|
position: relative;
|
|
padding-left: 60px;
|
|
margin-bottom: 16px;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 50px;
|
|
background-color: var(--color-bg-main);
|
|
background-image: url(../img/svg/building-wt.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
}
|
|
}
|
|
.info {
|
|
float: none !important;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-left: auto;
|
|
|
|
.btn {
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 0;
|
|
background-color: transparent !important;
|
|
background-image: url(../img/svg/info.svg);
|
|
}
|
|
.tooltip-inner {
|
|
max-width: 600px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.webbpm.ervu_lkrp_ul .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);
|
|
box-shadow: none;
|
|
|
|
&: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_ul .left-block {
|
|
padding-right: var(--indent-medium);
|
|
}
|
|
|
|
.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;
|
|
|
|
legend + div {
|
|
padding: 0;
|
|
}
|
|
.form-group {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.webbpm.ervu_lkrp_ul .left-block .fieldset {
|
|
.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;
|
|
}
|
|
hyper-link, button-component:not(.info) {
|
|
display: block;
|
|
padding-top: 16px;
|
|
margin-top: 16px;
|
|
border-top: 1px solid var(--border-light);
|
|
}
|
|
hyper-link + hyper-link {
|
|
padding-top: 0;
|
|
margin-top: 12px;
|
|
border: 0;
|
|
}
|
|
}
|
|
|
|
.webbpm.ervu_lkrp_ul .right-block .fieldset {
|
|
font-size: var(--size-text-secondary);
|
|
padding: 52px 20px 20px;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 16px;
|
|
left: 16px;
|
|
width: 24px;
|
|
height: 24px;
|
|
background-image: url(../img/svg/doc.svg);
|
|
}
|
|
}
|
|
|
|
.webbpm.ervu_lkrp_ul field-set + field-set {
|
|
margin-top: var(--indent-medium);
|
|
}
|
|
|
|
|
|
|
|
@media ((min-width: 481px) and (max-width: 780px)) {
|
|
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.webbpm.ervu_lkrp_ul .main-block {
|
|
& > .horizontal-container {
|
|
flex-direction: column;
|
|
}
|
|
.left-block {
|
|
padding-right: 0;
|
|
margin-bottom: var(--indent-medium);
|
|
}
|
|
}
|
|
} |