/*.outlineshell {
    float: left;
}*/

 

.shrinkoutlineshell {
    width: 16px;
}


    .course-nav ol {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        transition: 0.15s;
    }

        .course-nav ol:hover {
            cursor: default;
        }

        .course-nav ol .home {
            text-indent: 0.125rem;
            background: #f8981c;
        }

            .course-nav ol .home.active a {
                background: #adacac;
            }

                .course-nav ol .home.active a::after {
                    border-bottom: 10px solid #fff;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    content: "";
                    transform: rotate(-90deg);
                    position: absolute;
                    right: -5px;
                    top: calc(50% - 0.375em);
                }

                .course-nav ol .home.active a::after {
                    top: 1.2em;
                }

        .course-nav ol li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.125);
            font-size: 1rem;
            margin: 0;
        }

            .course-nav ol li a {
                display: block;
                color: #fff;
                padding: 1em;
            }
 

        .course-nav .tier-chapters .course {
            background: #f8981c;
            font-weight: 600;
        }

            .course-nav .tier-chapters .course:hover {
                background: #f8981c;
            }

        .course-nav .tier-chapters .activity {
            background: #68df01;
        }

            .course-nav .tier-chapters .activity a {
                color: #000;
            }

            .course-nav .tier-chapters .activity:hover {
                background: #5cc501;
            }

            .course-nav .tier-chapters .activity.active a {
                position: relative;
            }

        .course-nav .tier-chapters .asset {
            background: #fff;
        }

            .course-nav .tier-chapters .asset a img {
                display: block;
                margin-bottom: 0.375em;
                width: 100%;
            }

            .course-nav .tier-chapters .asset a:hover {
                background: #eee;
            }

            .course-nav .tier-chapters .asset a:active {
                background: #eee;
            }