/* 20.01.2022 в связи с разработкой мобильной версии было принято решение об организации стилей:
1) Отступить от стандартной файловой структуры проекта БЭМ, которая подразумевает наличие уровней
переопределения при разделении проекта на платформы (например: mobile, desktop)
2) Создать отдельные папки с независимыми друг от друга стилями для desktop и mobile
учитывая, что при этом будет происходить copy-paste
Ссылка на документацию БЭМ для разделения проекта на платформы:
https://ru.bem.info/methodology/redefinition-levels */


/* history-actions */
.history-actions__breadcrumbs{
	margin-top: 20px;
	margin-bottom: 10px;
}
.history-actions__wrap{
	margin-top: 20px;
}
.history-actions__tb-history-actions{
	margin-top: 20px;
}
.history-actions__btn{
	margin-left: 10px;
}




/* popup-tb-detailing-actions */
.popup-tb-detailing-actions{
    border-radius: 2px;
}
.popup-tb-detailing-actions__header{
    padding: 10px;
}
.popup-tb-detailing-actions__content{
    height: 415px;
    overflow-y: auto;

    scrollbar-width: thin;
    /* не стилизуем цвет скроллбара и ползунка */
    /* чтобы не терять эффект ховера в блинк-браузерах */
}

.popup-tb-detailing-actions__footer{
    padding: 10px;
}


/* popup-tb-detailing-word */
.popup-tb-detailing-word{
    border-radius: 2px;
}
.popup-tb-detailing-word__body{
    position: relative;
}
.popup-tb-detailing-word__content{
    height: 455px;
    min-width: 1085px;
    overflow-y: auto;

    scrollbar-width: thin;
    /* не стилизуем цвет скроллбара и ползунка */
    /* чтобы не терять эффект ховера в блинк-браузерах */
}

.popup-tb-detailing-word__footer{
    padding: 10px;
}



/* truncable */
.truncable{
    overflow: hidden;
    height: auto;

    font-family: "Exo 2", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;

    color: #000000;
    line-height: 1.57;
}
.truncable--text-truncated{
    height: 1.57em;
}
.truncable--por{
    position: relative;
}
.truncable--por::after{
    position: absolute;
    content: "";
    display: block;

    top: 0;
    right: 0;
    bottom: 0;

    width: 120px;

    background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0.3)));
    background: -o-linear-gradient(right, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%);
}
.truncable__text {
    margin: 0;
}
.truncable__link{
    cursor: pointer;
    text-decoration: underline;
    text-decoration-style: dashed;
}
.truncable__link:hover{
    text-decoration: none;
}
.truncable__link--minus-delete{
    color: #888888;
    text-decoration: line-through;
}