/* Убираем ненужный отступ */
.stream-table { 
    margin-left:-10px!important;
}

/* Задаем флекс таблице с карточками */
.stream-table tbody {
    display:flex;
    flex-wrap: wrap;
}

/* Настраиваем оболочку карточек */
.stream-table tbody tr {
    position:relative;
    flex:0 0 calc(50% - 20px);
    height:150px;
    border-radius:9px;
    border: 1px solid #D5CDC0;
    box-shadow:0 0 5px 1px rgba(0,0,10,0.1);
    overflow:hidden;
    margin:10px;
    transition:all 0.5s;
}

/* Адаптируем карточки под разные разрешения */
@media (max-width:1200px) {
    .stream-table tbody tr {
        flex:0 0 calc(25% - 20px);
    }
}

@media (max-width:1000px) {
    .stream-table tbody tr {
        flex:0 0 calc(33.333% - 20px);
    }
}

@media (max-width:850px) {
    .stream-table tbody tr {
        flex:0 0 calc(50% - 20px);
    }
    .stream-table tbody tr {
        height:150px;
    }
}

@media (max-width:510px) {
    .stream-table tbody tr {
        flex:0 0 100%;
    }
}

/* Настраиваем кликабельность карточек */
.stream-table tr a {
    height: 100%;
    width:100%;
    z-index: 2;
    position: relative;
}

/* Настраиваем флекс для содержимого карточек */
.stream-table tbody tr td {
    position:relative;
    display:flex;
    height:100%;
    width:100%;
    padding:0!important;
}

/* Настраиваем заголовок */
.stream-table tbody tr td .stream-title {
    position:absolute;
    top:30px; 
    color:#543b1f!important;
    z-index:1;
    background:#D5CDC0;
    padding: 0 10px;
    border-radius:5px;
    margin:auto 20px;
}

/* Настраиваем описание */
.stream-table tbody tr td div {
    position:absolute;
    bottom:10px;
    color:black;
    left:20px;
}

/* Настраиваем универсальную заливку */
.stream-table tbody tr td:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:200px;
    background: #F5F5F5;
}

/* Увеличиваем при наведении курсора */
.stream-table tbody tr:hover {
    transform:scale(1.05);
}

.lesson-list .description {
    display: flex;
    flex: 0 0 60%;
}

.lesson-list .description {
    font-size: 14px;
    line-height: 20px;
    font-weight: 200;
    color: #EFF0F7;
    padding-top: 16px;
}

.right-button1 {
	text-align: center;
    color: #543b1f;
    font-size: 18px;
    background-color: #D5CDC0;
    padding-top: 20px;
    padding-bottom: 10px;
    border-radius: 10px;
}





/* убираем фон и лишние отступы */
.lesson-list {
    background: transparent;
    padding: 0;
}

/* граница вокруг отдельного урока */
.lesson-list li {
    border: 2px solid #D5CDC0;
    margin: 0 0 10px;
    border-radius: 9px;
}
/* граница выполенного урока */
.lesson-list li.user-state-accomplished {
    border: 2px solid #6bb367;
}

/* убираем сообщения с ошибками, которые сломали бы вид */
.lesson-list li.divider {
    display: none;
}


/* убираем лишнюю полоску и отступ иконки GetCourse */
.lesson-list li .info {
    margin-left: 0;
    border-left: 0 !important;
}

/* названия уроков */
.lesson-list li .title {
    color: #77531e !important;
}

.lesson-list .description {
        width: 100%;
}
.right-button1 {
	text-align: center;
    color: #543b1f;
    font-size: 18px;
    background-color: #D5CDC0;
    padding-top: 20px;
    padding-bottom: 10px;
    border-radius: 10px;
}