.wrapper{display:flex;width:100%}#sidebar{width:15rem;position:fixed;top:0;left:0;height:98vh;z-index:11;transition:all .5s ease-in-out;font-weight:500}#sidebar.active{margin-left:-15rem}hr.header-sidebar{border:0;height:4px;background-image:-webkit-linear-gradient(left,#406882,#fff,#406882);background-image:-moz-linear-gradient(left,#406882,#fff,#406882);background-image:-ms-linear-gradient(left,#406882,#fff,#406882);background-image:-o-linear-gradient(left,#406882,#fff,#406882)}#sidebar ul li a{color:#fff}#sidebar ul li.active{background:#fff;border-radius:.3rem!important}#sidebar ul li.active a{color:#406882}#sidebar ul li:hover{background:#fff;border-radius:.3rem!important;transition:all .5s linear}#sidebar ul li:hover a{color:#406882;text-decoration:none;border-radius:.3rem!important;transition:all .5s linear}#content{width:calc(100% - 16.4rem);transition:all .5s ease-in-out;position:absolute;top:0;right:0}.input-group-svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.menu-svg{width:24px;height:24px;margin:0 4px 4px 0}.btn-menu-svg{width:24px;height:24px}.text-strike{text-decoration:line-through}@media (max-width:767.98px){#sidebar{margin-left:-16.4rem;height:100vh}.navbar{padding:1rem;border-radius:0!important}#sidebar.active{margin-left:0}#content{width:100%}}