@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"; body { font-family: 'Poppins', sans-serif; background: #fafafa; } p { font-family: 'Poppins', sans-serif; font-size: 1.1em; font-weight: 300; line-height: 1.7em; color: #999; } a, a:hover, a:focus { color: inherit; text-decoration: none; transition: all 0.3s; } .navbar { padding: 15px 10px; height: 55px; box-shadow: 1px 1px 3px rgba( 0, 0, 0, 0.1 ); } i, span { display: inline-block; } .line { width: 100%; height: 1px; border-bottom: 1px dashed #ddd; margin: 40px 0; } .wrapper { display: flex; xalign-items: stretch; } #sidebar { background: #173F78; color: #fff; xbox-shadow: 3px 1px 3px rgba(0, 0, 0, 0.1); min-width: 80px; xmax-width: 80px; text-align: center; } #sidebar .sidebar-header strong { font-size: 1.5em; padding: 5px; } #sidebar .sidebar-header h3 { font-size: 1.5em; padding-top: 5px; } #sidebar .sidebar-header.on { display: block; } #sidebar .sidebar-header.off { display: none; } #sidebar .sidebar-header { padding-top:7px; height:55px; display: none; transition: all .3s linear 0s; } #sidebar ul li a { padding: 10px 0 10px 0px; display: block; font-size: 0.85em; } #sidebar ul li a i { xmargin-right: 0; xdisplay: block; xfont-size: 1.8em; xmargin-bottom: 5px; } #sidebar ul li a span { padding-left:5px; } #sidebar ul.components { padding: 20px 0; border-bottom: 1px solid #47748b; } #sidebar ul li a:hover { color: #173F78; background: #fff; } #sidebar ul li a.active { color: #173F78; background: #FAFAFA; } #sidebar ul li a i { margin-right: 10px; } #content { width: 100%; min-height: 100vh; } table.results td.suspicious { color:darkorange; } #bars-icon { xborder:1px solid red; margin-right:15px; }