/*цвет фона личного кабинета*/
 .gc-user-logined{
    background:white;
}
/*-- список тренингов — начало --*/
.stream-table {
    margin: 0 !important;
}

.stream-table tr {
    position: relative;
    display: block;
    margin: 0 0 30px;
    padding: 0 !important;
    width: calc(100% - 7px);
    height: auto;
    
    transition: all .3s;
}

.stream-table tr:hover {
    transform: translatex(5px);
}

.stream-table tr::before {
    content: "";
    position: absolute;
    bottom: -7px;
    right: -7px;
    width: 100%;
    height: 100%;
    
    border: 1px solid #414042;
    z-index: 5;
}

.stream-table tr td {
    position: relative;
    display: block;
    padding: 0 !important;
    height: auto !important;
    
    background: #fff;
    border: 1px solid #414042;
    z-index: 10;
}

.stream-table tr td:hover {
    background: #fff;
}

.stream-table tr td a {
    padding: 20px 25px 25px 90px;
}

.stream-table tr td a::before {
    content: url("https://fs18.getcourse.ru/fileservice/file/download/a/809335/sc/165/h/6fe621728aa99772852b8adf4c360e8e.png");
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translatey(-50%);
}

.stream-table tr td a::after {
    content: "Изучить";
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translatey(-50%);
    padding: 4px 25px;
    
    font-weight: bold;
    color: #fff;
    
    background: #f04f56;
    border: 1px solid #414042;
    border-radius: 11px 0 0 11px;
    transition: all .3s;
}

.stream-table tr:hover a::after {
    background: #fff;
    color: #f04f56;
}

.stream-table tr td a .stream-title {
    font-size: 20px;
    color: #000;
}

@media (max-width:520px) {
    .stream-table tr {
        margin-bottom: 50px !important;
    }
    
    .stream-table tr td a::after {
        top: inherit;
        bottom: -30px;
        right: inherit;
        left: 15px;
        transform: none;
        border-radius: 0 0 5px 5px;
    }
}