.col-sub-right
{
    padding-right:0px;
}


    .col-sub-left{
        padding-left:0px;
    }

.panel-body > h3:first-child, .panel-body > h2:first-child, .panel-body > h1:first-child {
    margin-top: 0px;
}

.panel-shadow {
    border: none !important;
}

/* Course nav */
.course-back-btn ul {
    border-bottom: 1px solid #ddd;
    list-style: none;
    margin-top: -20px;
    background-color: #fff;
    padding: 3px;
}

.section-mobile-view {
    width: 100%;
    float: left;
    display: none;
    border-bottom: 1px solid #e3e3e3;
    padding: 20px 0px;
    margin-bottom: 25px;
    letter-spacing:3px;
}



.section-header, .section-divider-header {
    font-weight: bold;
}

.section-divider-header {
    margin-top: 20px;
    padding-bottom:0px!important;
}

.section-line {
    width: 100%;
    float: left;
    border-bottom: 2px solid #444;
}

.section-wapper, .section-header {
    width: 100%;
    float: left;
    padding: 7px;
    border-bottom: 1px solid #e9eef2;
}

.section-header-lecture {
    background-color: #F5F6F9;
}
.section-header-inner {
    display: block;
    padding-right: 10px;
}

.section {
    padding-left: 5px;
    float: left;
    width: 90%;
    font-weight: 300;
}

    .section a {
        color: #555;
    }



.section-status {
    float: left;
    width: 10%;
    max-width: 13px;
}

#btnViewSectionOverview {
    cursor: pointer;
}

    #btnViewSectionOverview span{
        margin-right:0px;
    }

    .section-group-wrapper {
        float: left;
        width: 100%;
    }

    .section-group-wrapper .section-wapper:last-child{
        border-bottom:none;
    }

    .section-group-expander {
        display: inline-block;
        float: right;
        margin-right: -5px;
        cursor: pointer;
    }

    .section-group-expander:hover {
        color: #ccc;
    }

.section-part a {
    color: #5e6773;
}

.section-part.current, .section-part:hover {
    background: linear-gradient(to left, rgba(136,136,136, 0.6) 50%, #FFF 50%) right;
    transition: ease-out;
    background-size: 200%;
    transition: .5s ease-out;
}

    .section-part.current, .section-part:hover, .section-part.current a, .section-part:hover a, .section-part.current svg, .section-part:hover svg {
        color: #fff;
        transition: .5s ease-out;
    }

    .section-status .fa-circle {
        color: #ccc;
    }

.col-section-content h1, .col-section-content h2, .col-section-content h3 {
    margin-top: 0px;
}

.col-section-content .panel-body{
    padding:15px;
}

/* Other */
.col-section-container {
    margin-top: 10px;
}

/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) {
}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {


        .col-section-container{
            margin-top:0px;
        }

        .col-section-content .panel-body {
            padding-left: 10px;
            padding-right: 10px;
        }
    
    .section-wrapper {
        border-top: none;
    }

    .section-outer-wrapper {
        max-width: none;
        margin-top: 0px;
        display: none;
    }

    .section-mobile-view {
        display: block;
    }

    body {
        padding-top: 50px !important;
    }
}

/* Large devices (desktops, 992px and down) */
@media (max-width: 1170px) {
    .col-sub-right, .col-sub-left {
        padding-right: 0px;
        padding-left: 0px;
    }
}