.property-label {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: rgb(137, 138, 154);
    margin-bottom: 4px;
    font-weight: 300;
}

.string-property {}

.string-property-old {
    text-decoration: line-through;
}

.string-property-new {
    padding-top: 2px;
    color: #efb100;
}

.string-property-link {
    position: relative;
}

.string-property-link.string-property-old {
    text-decoration: line-through !important;
}

.string-property-link.string-property-new {
    border-bottom: 1px solid #efb100;
}

.crossed-diagonal {
    --cross-color: #000;
    --cross-opacity: 0.3;
    --cross-width: 1px;
    --cross-overshoot: 4px;

    position: relative;
    overflow: visible;
}

.crossed-diagonal::before,
.crossed-diagonal::after {
    content: '';
    position: absolute;
    top: calc(-1 * var(--cross-overshoot));
    left: calc(-1 * var(--cross-overshoot));
    width: calc(100% + var(--cross-overshoot) * 2);
    height: calc(100% + var(--cross-overshoot) * 2);
    pointer-events: none;
}

.crossed-diagonal::before {
    background: linear-gradient(to top right,
            transparent calc(50% - var(--cross-width)),
            var(--cross-color) calc(50% - var(--cross-width)),
            var(--cross-color) calc(50% + var(--cross-width)),
            transparent calc(50% + var(--cross-width)));
    opacity: var(--cross-opacity);
}

.crossed-diagonal::after {
    background: linear-gradient(to top left,
            transparent calc(50% - var(--cross-width)),
            var(--cross-color) calc(50% - var(--cross-width)),
            var(--cross-color) calc(50% + var(--cross-width)),
            transparent calc(50% + var(--cross-width)));
    opacity: var(--cross-opacity);
}

.highlighted-box {
    position: relative;
}

.highlighted-box::after {
    position: absolute;
    inset: -4px;
    border: 1px solid #efb100;
    display: block;
    content: "";
}

.label-error {
    color: rgb(194, 0, 18);
}

.link-block:hover {
    cursor: pointer;
    border-color: cyan;
    background-color: rgb(187, 196, 251);
}

.specialists-list {}

.list-attribute {
    padding: 5px
}

.link-attribute {
    color: rgb(48, 64, 214);
    cursor: pointer;
}

.link-attribute:hover {
    text-decoration: underline;
}

.field-error {
    font-size: 12px;
    color: rgb(194, 0, 18);
    padding-top: 10px;
    padding-bottom: 10px;
}

.color-error {
    color: rgb(194, 0, 18);
}

.action-button {
    cursor: pointer;
}

.preview-block {
    cursor: pointer;
}

.table-row-link {
    cursor: pointer;
}

.status-label {
    padding: 5px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
}

.status-label-red {
    color: white;
    background-color: rgb(239, 68, 68);
}

.status-label-green {
    color: white;
    background-color: rgb(16, 185, 129);
}

.status-label-yellow {
    color: black;
    background-color: rgb(253, 191, 57);
}

.status-label-gray {
    color: black;
    background-color: rgb(230, 230, 230);
}

.property-block {
    margin-bottom: 24px;
}

a[data-css="Banner-new-button"], button[data-css="Banner-new-button"] {
    display: none !important;
}