/**
 * Webkul Software.
 *
 * @category  Webkul
 * @package   Webkul_LearningManagementSystem
 * @author    Webkul Software Private Limited
 * @copyright Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
#course-content-accordion {
    width: 51%;
    cursor: pointer;
}

.section {
    border: 1px solid #c7c7c7;
    background: #e0e0dd;
    font-size: 1vw;
}

.total-section {
    font-size: 1vw;
}

.course-info .courseinfo-icon {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    padding: 0px;
}

.course-info>.details {
    font-size: 16px;
    margin: 5px 5px 5px 0px;
}

.courseinfo-icon.date {
    opacity: .8;
    height: 15px;
    width: 15px;
    margin-right: 0px;
}

.details.dateinfo {
    border-top: 1px solid #b5b3b3;
    padding-left: 10px;
    margin-top: 20px;
    padding: 5px;
}

.details.dateinfo>span {
    margin-right: 15px;
}

.rectangle {
    margin: 3px;
    background: #656465;
    font-size: 8px;
    padding: 0px 3px 0px 40px;
}

.language-info {
    font-size: 15px;
    opacity: .9;
    margin: 30px 0px 0px 5px;
}

#duration {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
}

#lectures {
    margin-left: 140px;
    font-size: 16px;
    font-weight: 600;
}

#title {
    padding: 2px 10px 2px 10px;
    margin-left: 30px;
    font-size: 16px;
    font-weight: 600;
}

.total-duration {
    margin-top: 20px;
}

#total-duration-text {
    color: #1888e8;
    font-weight: 600;
}

.first-active {
    background: green;
}

.second-active {
    background: green;
}

.third-active {
    background: green;
}

.info-td {
    border-bottom: 1px solid #e0e0dd;
    padding: 10px 5px 10px 5px;
}

.info-th {
    padding: 10px 5px 10px 5px;
}

.info-title {
    width: 64%;
}

.info-icon {
    width: 5%;
}

.content-data-icon {
    width: 15px;
}

.content-data-icon-play {
    width: 10px;
}

@media only screen and (max-width: 900px) {
    #course-content-accordion {
        width: 100%;
    }

    .section {
        font-size: 2vw;
    }

    .total-section {
        font-size: 2vw;
    }

    .info-td {
        border-bottom: 1px solid #e0e0dd;
        padding: 5px 1px 5px 1px;
    }

    .info-th {
        padding: 5px 1px 5px 1px;
    }

    .content-data-icon {
        width: 8px;
    }

    .content-data-icon-play {
        width: 6px;
    }
}

@media only screen and (max-width: 400px) {
    .section {
        font-size: 3vw;
    }

    .total-section {
        font-size: 3vw;
    }

    .info-td {
        font-size: 3vw;
    }

    .section-icon-img {
        width: 10px;
    }
}

.content.locked {
    opacity: .8;
}

.content-preview {
    color: #1070d4;
}