.course-setting-content{display:flex;min-height:calc(100vh - 70px);max-height:calc(100vh - 70px)}.course-setting-content .head-col{display:flex;justify-content:space-between;align-items:center;height:72px}[dir=ltr] .course-setting-content .head-col{padding:0 12px 0 20px}[dir=rtl] .course-setting-content .head-col{padding:0 20px 0 12px}.course-setting-content .head-col button.btn-outline-primary{min-width:101px}[dir] .course-setting-content .head-col button.btn-outline-primary{padding:9px 14px}.course-setting-content .col-left{width:240px;min-width:240px}.course-setting-content .col-left .list-course{height:calc(100vh - 150px);position:relative}[dir=ltr] .course-setting-content .col-left .list-course .group-item{padding:12px 12px 12px 22px}[dir=rtl] .course-setting-content .col-left .list-course .group-item{padding:12px 22px 12px 12px}[dir] .course-setting-content .col-left .list-course .group-item>div:first-child{padding-bottom:6px}.course-setting-content .col-left .list-course .group-item .group-name{display:flex;justify-content:space-between;align-items:center}[dir] .course-setting-content .col-left .list-course .group-item ul.nav .nav-link{padding:0}.course-setting-content .col-left .list-course .group-item ul.nav .b-nav-dropdown .dropdown-toggle{opacity:0}.course-setting-content .col-left .list-course .group-item ul.nav .b-nav-dropdown .dropdown-toggle:after{display:none!important}.course-setting-content .col-left .list-course .group-item.disable{color:#9c9ea4}[dir] .course-setting-content .col-left .list-course .group-item.disable{background:hsla(0,0%,75.7%,.12)}.course-setting-content .col-left .list-course .group-item.disable h5{color:#9c9ea4!important}.course-setting-content .col-left .list-course .group-item.active,.course-setting-content .col-left .list-course .group-item:hover{color:#114a9f!important}[dir] .course-setting-content .col-left .list-course .group-item.active,[dir] .course-setting-content .col-left .list-course .group-item:hover{background:hsla(0,0%,75.7%,.12)}[dir=ltr] .course-setting-content .col-left .list-course .group-item.active,[dir=ltr] .course-setting-content .col-left .list-course .group-item:hover{border-left:4px solid #114a9f!important;padding-left:18px}[dir=rtl] .course-setting-content .col-left .list-course .group-item.active,[dir=rtl] .course-setting-content .col-left .list-course .group-item:hover{border-right:4px solid #114a9f!important;padding-right:18px}.course-setting-content .col-left .list-course .group-item.active h5,.course-setting-content .col-left .list-course .group-item:hover h5{color:#114a9f!important}[dir] .course-setting-content .col-left .list-course .group-item.active .nav-link,[dir] .course-setting-content .col-left .list-course .group-item:hover .nav-link{padding:0}.course-setting-content .col-left .list-course .group-item:hover ul.nav .b-nav-dropdown .dropdown-toggle{opacity:1}.course-setting-content .col-center{width:460px;min-width:460px}.course-setting-content .col-right{width:560px}.course-setting-content .btn-add-new-tee{letter-spacing:.4px;min-width:100px}[dir=ltr] .course-setting-content .btn-add-new-tee{padding:9px 14px 9px 12px!important}[dir=rtl] .course-setting-content .btn-add-new-tee{padding:9px 12px 9px 14px!important}.tee-list{height:calc(100vh - 150px);overflow-y:auto}[dir=ltr] .tee-list .tee-item{padding:7px 12px 7px 22px}[dir=rtl] .tee-list .tee-item{padding:7px 22px 7px 12px}.tee-list .tee-item .dropdown-toggle:after{display:none}[dir] .tee-list .tee-item ul.nav .nav-link{padding:0}.tee-list .tee-item ul.nav .b-nav-dropdown .dropdown-toggle{opacity:0}.tee-list .tee-item ul.nav .b-nav-dropdown .dropdown-toggle:after{display:none!important}[dir=ltr] .tee-list .tee-item.active{padding:7px 12px 7px 18px;border-left:4px solid #114a9f}[dir=rtl] .tee-list .tee-item.active{padding:7px 18px 7px 12px;border-right:4px solid #114a9f}.tee-list .tee-item.active .tee-name,.tee-list .tee-item.active .tee-name svg{color:#114a9f}[dir] .tee-list .tee-item.disable{background:hsla(0,0%,75.7%,.12)}.tee-list .tee-item.disable .tee-name{color:#9c9ea4}.tee-list .tee-item:hover{color:#114a9f}[dir=ltr] .tee-list .tee-item:hover{border-left:4px solid #114a9f;padding-left:18px}[dir=rtl] .tee-list .tee-item:hover{border-right:4px solid #114a9f;padding-right:18px}.tee-list .tee-item:hover ul.nav .b-nav-dropdown .dropdown-toggle{opacity:1}[dir] .detail-tee{padding:0 20px}.container{max-width:100%}[dir] .container{margin:0}