/* TEXT STYLES */

h1 { color: #fff !important; }
h2 { color: #beca46 !important; }
h3 { color: #fff !important; }
a {text-decoration:none}
a:link, a:visited {color: #4CAF50;}
a:hover {color: #CCCCCC;}
a.notrades, .notrades { color: #FF4040 !important; }
p.bandinfo a { color: #fff; }
p.bandinfo a:hover { color: #beca46; }
.upgrade { color: #beca46; }
.dvcolour { line-height: 1.4em; font-size:0.7em; vertical-align: bottom !important; }

/* MAIN LAYOUT */

body {
  background-color: #121212;
  color: #D1D1D1;
  scrollbar-face-color: #111111; 
  scrollbar-shadow-color: #404040; 
  scrollbar-highlight-color: #404040; 
  scrollbar-3dlight-color: #000000; 
  scrollbar-darkshadow-color: #000000; 
  scrollbar-track-color: #111111; 
  scrollbar-arrow-color: #000000;
}

::selection { background-color: #beca46; color: white; }

.topnav { background-color: #333; }
.topnav a { color: #ffffff; }
.topnav a:hover { background-color: #eee; color: black; }

.sidebar-shortcuts a { font-weight: bold; color: #828282; transition: background 0.3s ease-out; }
.sidebar-shortcuts a:hover { color: #000; background-color: #fff; transition: background .1s ease-in; }
.sidebar-menu a { color: #4CAF50; }
.sidebar-menu a:hover { color: #000; background-color: #fff; box-shadow: 0px 0 0 #fff, -40px 0 0 #fff; }
.sidebar-header { font-weight: bold; background-color: #beca46; color: #000; box-shadow: 0px 0 0 #fff, -40px 0 0 #beca46; }

/* TOGGLE BUTTON */

.toggleStyle { color: #ffffff !important; border: 1px solid #beca46 !important; }
.toggleStyle:hover { background: #383838; outline: none !important; }
.toggleStyle:active { background: #1f1f1f; }

.btn-group {
  display: block;
}

/* SCROLL BAR */

::-webkit-scrollbar {width: 15px;}
::-webkit-scrollbar-track {background: #151515; }
::-webkit-scrollbar-button {background: #151515; }
::-webkit-scrollbar-corner {background: #111111; } 
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(84,84,84,1); }
::-webkit-scrollbar-thumb:hover {background: #333333; }