body { background: url('') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #212121; color: white !important; font-size: 18px; } footer { background-color: #212121; color: white !important; } footer a, footer a:hover { color: white !important; } a, a:hover { font-weight: bold; color: #6DA7FE; text-decoration: none; background-color: transparent; } .nav-link, .nav-link:hover { color: #fff; } .nav-pills .nav-link { background-color: #303130; } .nav-pills .nav-link:hover { background-color: #4B4C4B; } .shadow { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); } .card { background-color: #393939; color: white !important; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); } .table { color: white !important; } .list-group, .list-group-item { background-color: #4B4C4B; color: white; } .form-text { color: white; } .homepanel { background-color: #1a1a1a; box-shadow: inset 1px 0 0 rgba(0, 0, 0, 1); } .img-thumbnail { background-color: transparent; border: 0; } /* * Sidebar */ .sidebar { top: 0; bottom: 0; left: 0; z-index: 100; /* Behind the navbar */ padding: 0px 0 0; /* Height of navbar */ box-shadow: inset 1px 0 0 rgba(0, 0, 0, 1); background-color: #1A1A1A; } @media (max-width: 767.98px) { .sidebar { top: 5rem; } } .sidebar-sticky { height: calc(100vh - 48px); overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ } .sidebar .nav-link { font-weight: 500; color: #ABABAB; font-size: 24px; } .sidebar .nav-link .feather { margin-right: 4px; color: white; font-size: 24px; } .sidebar .nav-link.active { color: white; font-size: 28px; } .sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather { color: inherit; } .sidebar-heading { font-size: .75rem; }