/*COLOR*/
.lesson-menu-sidebar {
    left: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    z-index: 12;
    overflow: hidden;
    position: fixed;
    height: 100%;
    background-color: #ebebeb;
}
.lesson-menu-sidebar .back-button {
    background-color: #ebebeb;
    color: #717171 !important;
    border: none;
    font-size: 30px;
    margin-top: 8px;
    border-radius: 0;
}
.lesson-menu-sidebar .back-button:active {
    color: #fff;
}
.lesson-menu-sidebar .back-button:active {
    box-shadow: none;
}
.lesson-menu-sidebar .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.lesson-menu-sidebar .nav li.nav-header {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}
.lesson-menu-sidebar .nav li.nav-item a.nav-link, .lesson-menu-sidebar .nav li.nav-item a.disabled {
    color: #161616;
    font-size: 15px;
}
.lesson-menu-sidebar .nav li.nav-item a.nav-link .icon, .lesson-menu-sidebar .nav li.nav-item a.disabled .icon {
    font-size: 9px;
}
.lesson-menu-sidebar .nav li.nav-item a.nav-link:hover {
    background-color: #e61212;
    color: #fff;
}
.lesson-menu-sidebar .nav li.nav-item a.nav-link.active {
    background-color: #e61212;
    color: #fff;
}
.lesson-menu-sidebar .nav li.nav-item a.disabled {
    color: #bcbcbc;
}
.lesson-menu-sidebar .header-menu li {
    list-style: none;
    font-size: 16px;
}
.lesson-menu-sidebar .header-menu li a {
    padding: 10px 15px;
    font-weight: bold;
    font-style: normal;
    opacity: 0.8;
    font-family: "akkurat";
    width: 100%;
    display: block;
}
.top-lesson {
    margin-left: 365px;
}
.top-lesson .top-lesson-header {
    padding: 25px 0px;
    border-bottom: solid 1px #eaeaea;
    background: #fff;
}
.top-lesson .lesson-content {
    min-height: 1000px;
    background: #fafafa;
}
.lesson-main-content .tab-content h1, .lesson-main-content .tab-content h2, .lesson-main-content .tab-content h3 {
    font-family: akkurat-regular;
    font-weight: bold;
}
.lesson-main-content .tab-content h1 {
    font-size: 20px;
}
.lesson-main-content .tab-content h2 {
    font-size: 16px;
}
.lesson-main-content .tab-content h3 {
    font-size: 14px;
}
.content .embeddedContent {
    flex: 0 0 100%;
    max-width: 100%;
    background-color: #e2e2e2;
    padding: 3rem !important;
}
.content .item {
    padding: 3rem 14rem 0rem 14rem;
    font-size: 22px;
}
@media (max-width: 1024px) {
    .content .item {
        padding: 3rem 9rem 0rem 9rem;
    }
}
@media (max-width: 768px) {
    .content .item {
        padding: 3rem 3rem 0rem 3rem;
        font-size: 16px;
    }
}
@media (max-width: 576px) {
    .content .item {
        padding: 3rem 3rem 0rem 3rem;
        font-size: 16px;
    }
}
.embeddedContent iframe {
    width: 100%;
    height: 490px;
}
@media (max-width: 768px) {
    .embeddedContent iframe {
        height: 350px;
    }
}
@media (max-width: 765px) {
    .embeddedContent iframe {
        height: 200px;
    }
}
.text-color-ea {
    color: #eaeaea;
}
.menu-user-course {
    margin-top: -15px !important;
    margin-bottom: 10px !important;
}
.transition {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.lesson-menu-sidebar-toggle {
    margin-left: -330px;
}
@media (max-width: 768px) {
    .lesson-menu-sidebar-toggle {
        margin-left: -400px;
    }
}
@media (max-width: 765px) {
    .ml-m500 {
        margin-left: -500px;
    }
}
.dropdown-menu-course {
    top: 10px !important;
    left: -40px !important;
}
@media (max-width: 768px) {
    .dropdown-menu-course {
        left: -40px !important;
    }
}
@media (max-width: 425px) {
    .mx-xs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}
.char-active {
    border-right: 2px solid #df0f0f !important;
}
.chat-detail {
    height: 430px;
}
.chat-list {
    height: 441px;
}
.select-transparent {
    background: transparent;
    border: none;
    color: white;
}
blockquote {
    background-color: #fcfcfc;
    border: solid 1px #c2c2c2;
    border-left: solid #e61212 !important;
    padding: 21px;
    font-style: italic;
}
table tr {
    line-height: 1;
}
table tr td {
    vertical-align: top;
}
/* Hide youtube share button */
.ytp-chrome-top-buttons {
    display: none;
}

.lesson-main-content .tab-content img {
    width:100%;
    height:100%!important;
}