.color-white {
    color: #fff !important;
}


.btn-increment:hover {
    background-color: #4bbf73!important;
    border-color: #000!important;
}
.btn-increment:hover strong {
    color: #fff !important;
}

.btn-decrement:hover {
    background-color: #d9534f!important;
    border-color: #000!important;
}
.btn-decrement:hover strong {
    color: #fff !important;
}


input.bg-success {
    border-color: #000!important;
    color: #fff !important;
}
input.bg-danger {
    border-color: #000!important;
    color: #fff !important;
}


.course-index ul {
    padding-left: 15px;
    padding-top: 5px;
}
.course-index > ul {
    padding: 0;
}

.course-index ul li {
    padding-bottom: 10px;
}
.course-index ul li a[data-toggle="collapse"] {
    color: #737d85;
    padding-left: 15px;
    position: relative;
}
.course-index ul li a[data-toggle="collapse"]::before {
    border: solid;
    border-width: 0 .1rem .1rem 0;
    content: " ";
    display: inline-block;
    padding: 2px;
    position: absolute;
    left: 0;
    top: 5px;
    transform: rotate(45deg);
    transition: all .2s ease-out;
}
.course-index ul li a[data-toggle="collapse"][aria-expanded="true"]::before {
    transform: rotate(-135deg);
    top: 8px;
}

.video-js {
    width: 100%;
    margin: 0;
}

li.view i {
    color: #6ad270;
}
li.view a {
    color: #95aac9;
    opacity: 0.7;
    text-decoration: line-through;
}

li.active i {
    color: #EB9E56;
}
li.active a {
    color: #000;
    opacity: 1;
    text-decoration: none;
}