#report dl { size: 0px; visibility: hidden; } #report dl dd { max-height: 0px; } label { position: absolute; top: 20px; right: 20px; left: inherit; z-index: 999; } label span::after { content: "\1f250"; font-size: 30px; cursor: pointer; color: #da4453; } .menu { position: absolute; top: 0; left: 0; width: 25%; height: 100%; background: #25262d; z-index: 9; } .menu h2 { color: #fff; font-weight: lighter; margin-left: 20px; } .menu ul { list-style-type: none; padding: 0; } .menu ul li { position: relative; } .menu ul li:first-child { margin-left: 20px; color: #555; padding: 10px 0; font-size: 10px; } .menu ul li a { display: block; width: 100%; color: #fff; font-weight: lighter; padding: 5px 20px; } .menu ul li a.active { background: #1e2025; } .menu ul li a.active::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 5px; background: #5c9df5; } .content .container { width: initial; margin-left: 25%; } .content .container h1 { font-weight: normal; margin-bottom: 30px; } .content .container h4 { font-weight: normal; margin: 15px 0; } .content .container p { font-weight: lighter; text-align: justify; } @media (max-width: 767px) { input[type="checkbox"]:checked ~ .menu { left: -100% !important; } input[type="checkbox"]:checked ~ label span { color: inherit; } label span { color: #fff; } .menu { width: 100% !important; } } .bar rect { fill: #4682b4; shape-rendering: crispEdges; } .bar text { fill: #fff; } .axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; } p { margin-bottom: 0rem; } .accordion .accordion-navigation > a { padding: 0rem; } .accordion .accordion dd > a a { padding: 0rem; }