#e-learning .item { margin-bottom: 20px; border-radius: 2px; background: #fff; border: 1px solid #e2e2e2; padding: 15px 20px; }
#e-learning .box-container .text-muted { font-size: 0.9em; text-align: center; }
#e-learning .lesson-nav { padding: 20px 0 !important; }
#e-learning .item-title { padding-left: 15px; }
#e-learning .item-title a { color: #316498; font-weight: bold; }
#e-learning .item-title p { font-size: 0.9em; }
#e-learning hr { width: 100%; clear: both; }
#e-learning h2.subject-title { color: #FECA31 !important; background-color: #000 !important; padding: 20px; margin-bottom: 0; }
.chapter-step { margin: 0; padding: 0 15px 10px; border: 1px solid #e2e2e2; }
.chapter-step li { list-style: none; display: inline-block; padding: 5px; margin: 0; height: 36px;  }
.chapter-step li.title { font-size: 1.2em; line-height: 40px; }
.chapter-step li.chapter { color: #FECA31; background-color: #000; width: 36px; height: 36px; border-radius: 25px; text-align: center; margin-right: 10px; }
.chapter-step li.active { width: auto !important; padding: 5px 15px; background-color: #FECA31; color: #000; height: 36px; border-radius: 25px; }
.chapter-step li.arrow { background: transparent; color: #ccc; width: auto; font-size: 1.4em; line-height: 36px; padding: 0 5px; }

.powerpoint-box { background: #000; width: 640px; height: 510px; overflow: hidden; margin: 10px auto; }
.powerpoint-box iframe { margin-top: -90px; }

.lesson-answer { margin-top: 20px; }
.lesson-answer li { list-style: none; }
.lesson-answer li input { margin-right: 5px; }
.lesson-answer li label { padding-left: 10px; }
.lesson-answer li label img { display: inline-block; }

.lesson-pages li { list-style: none; }
.lesson-pages li .fa { width: 16px; }

.test-countdown { font-size: 1.2em; padding: 10px; background: #ffdddd; width: 280px; display: inline-block; margin-top: 10px; }
.test-countdown span { color: #f00; }

@media (max-width: 767px) {
    #e-learning .item-title { padding-top: 15px; padding-left: 0; }
}