.highlightIssue {
    transition: box-shadow 1s;
}

.highlightActive {
    box-shadow: 0 0 3px red;
    transition: box-shadow 1s;
}

.highlightIssueTable {
    transition: background 1s;
}

.highlightActiveTable {
    background: #ff000024 !important;
    transition: background 1s;
}


[data-name="manage_scenario"],
[data-name="manage_class"] {
    .item-title {
        width: 25%
    }
}

.screenShotDisplay img {
    max-height: 100%;
    max-width: unset;
}

:root {
    --f7-input-font-size: 14px;
    --f7-input-font-size: 14px;

    --f7-theme-color: #d34a58;
    --f7-theme-color-shade: #BF3644;
    --f7-theme-color-tint: #E75E6C;
    --f7-theme-color-rgb: 211, 74, 88;

}

.lang-input {
    line-height: 1.4;

    padding-left: 0.6rem;
    padding-right: 1.2rem;

    font-weight: 700;
}

.lang-block {
    padding-left: 0;
    padding-right: 0;
    background-color: #DCDBD8;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;

    .row {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        border-bottom: 1px solid white;

        .default-text {
            font-weight: 700;
        }

        &:first-child {
            padding-top: 0;
        }

        &:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
    }

    .current-text {
        color: rgb(23, 52, 138);
    }
}