.sidenav{height:100%;width:250px;position:fixed;z-index:9999999;top:0;right:-250px;background-color:rgba(0,0,0,0.9);overflow-x:hidden;padding-top:50px;transition:.5s}
.sidenav hr{color:#fff;border:none;margin:3px 10px;background-color:#545454;height:1px}
.sidenav a{white-space:inherit}
.sidenav a:hover{color:#f1f1f1}
.menudropdown .collapse a,.menudropdown .collapsing a{color:#fff}
.menudropdown .collapse a:hover{background:#313131}
.sidenav__parent-link.collapse-header{background:#313131}
.sidenav__parent-link.collapse-header.collapsed{background:inherit}
.sidenav__parent-link{display:block;padding:8px 10px}
.sidenav__parent-link:hover{background:#313131}
.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}
.sidenav .menu-icon{width:20px;display:inline-block}
.sidenav .fa-angle-down,.sidenav .fa-angle-up{margin-top:5px}
#main{transition:margin-left .5s;padding:20px}
@media screen and (max-height: 450px) {
    .sidenav{padding-top:30px}
}
.top-menu__mobile-header a{color:#1a1a1a}
.basket{position:relative;right:20px;top:4px}
.content{padding:134px 0 100px;}
.unread-dot{display:inline-block}
.unread-dot span{display:block;width:8px;height:8px;background-color:#2e4b81;border-radius:50%}
.courses-slider__course{position:relative;width:200px;margin:0 .5rem;display:inline-block;height:400px}
.courses-slider__course .courses-slider__cover img{margin:0 auto}
.buyCourse{display:block;padding-top:100px;padding-bottom:100px;background-color:#eee;border-radius:15px;text-align:center}
.courses-slider__action-right,.courses-slider__action-left{position:absolute;top:120px;display:flex;z-index:5}
.courses-slider__action-right{right:2rem}
.courses-slider__action-left{left:2rem}
.reportCard .img-before{position:relative;margin:0 auto;width:160px;border-radius:10px;height:200px;overflow:hidden;border:1px solid #d4d4d4}
.reportCard .img-after{position:relative;margin:0 auto;width:160px;border-radius:10px;height:200px;overflow:hidden;border:1px solid #d4d4d4}
.reportCard .reportCardUpload{display:block;width:100%;height:100%;color:inherit}
.reportCard .reportCardUpload:hover{opacity:.8;cursor:pointer}
.reportCard .img-after .add-report{position:absolute;bottom:0;right:0}
.img-container{min-height:200px}
@media screen and (max-width: 500px) {
    .reportCard .img-after,.reportCard .img-before{width:100%;height:auto}
}
.form-group { margin-bottom: 0;}