body{
  background-image: url(/MVPTV/assets/bg.jpg);
  background-position: center;
  background-color: #000000;
}

/* ---------------------------------- */

a:hover {
  color:#4bd48b;
  font-weight: bold;
}

a {
  color: #FFF;
  text-decoration: none;
  font-size: 20px;
}

/* ---------------------------------- */

#scrollbar{
  overflow-y: scroll;
  height: 550px;
}

/* width */
::-webkit-scrollbar {
width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
background: #262626; 
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #4bd48b; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #A31459; 
}

::-webkit-scrollbar-button:single-button {
  background-color: rgb(0, 0, 0);
  display: block;
  border-style: solid;
  height: 20px;
  width: 15px;
}

/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
border-width: 10px 10px 10px 10px;
border-color: transparent transparent #ffffff transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
border-color: transparent transparent #ffffff transparent;
}

/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
border-width: 10px 10px 10px 10px;
border-color: #ffffff transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
border-color: #ffffff transparent transparent transparent;
}

/* ---------------------------------- */

#mySidenav {
  z-index: 10;
}

.accordion {
  background-color: rgb(22, 22, 22);
  color: #FFFFFF;
  cursor: pointer;
  padding: 5px;
  margin: 5px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 14px;
  font-weight: bold;
  transition: 0.4s;
  font-family: sans-serif;
  width: 95%;
  border-bottom: 1px solid #FFFFFF;
}

.active, .accordion:hover {
  background-color: #4bd48b;
  color: #000000;
}

.panel {
  padding: 0 5px;
  background-color: rgb(25, 25, 25);
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
  font-family: sans-serif;
}

.menu_ul {
  list-style-type: none;
  padding: 0px;
  margin: 5px;
}

.menu_li a {
  display: block;
  border-style: solid;
  border-width: 0px;
  border-color: rgb(40, 40 ,40);
  padding: 5px;
  margin: 5px;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  background-color: #000000;
  color: #FFFFFF;
}

.menu_li a:hover {
  background-color: #A31459 ;
  color: #000000;
}

.menu_li a.active {
  background-color: #43008b;
  color: #FFFFFF;
}

/* ---------------------------------- */

#advertisingHeader {
  margin-top: 20px;
  border-top: 1px solid #4bd48b;
}

/* ---------------------------------- */

#advertising {
  background-color: rgba(0, 0, 0, .7);
}

/* ---------------------------------- */

#player {
  border-bottom: 1px solid #A31459;
}

/* ---------------------------------- */

#channelListButton {
  background-color: #A31459;
  font-size: 18px;
}

#channelListButton:hover {
  background-color: #4bd48b;
  font-size: 18px;
}

/* ---------------------------------- */

#channelName {
  border-bottom: 1px solid #4bd48b;
}

/* ---------------------------------- */

#featuredPlaylistsHeader {
  margin-top: 20px;
  border-top: 1px solid #4bd48b;
}

/* ---------------------------------- */

/* #featuredPlaylists {
  padding: 40px 12px 40px 12px;
} */

/* ---------------------------------- */

#featuredPlaylistImg:hover {
  opacity: .75;
  -webkit-transform: scale(.95);
}

#featuredPlaylistImg {
  max-width: 400px;
  width: 100%;
}

/* ---------------------------------- */

#donateCryptoItems {
  border-color: #FFFFFF;
  border-width: 5px;
  border-style: double;
}

#donateCryptoItems:hover {
  border-width: 5px;
  border-style: double;
  opacity: .6;
}

#cryptoAsset {
  border-bottom: 1px solid #4bd48b;
  padding: 30px 20px 30px 20px;
}

#cryptoAsset2 {
  padding: 30px 20px 30px 20px;
}

#underline {
  text-decoration: underline;
  color: #4bd48b;
}

#cryptoTicker {
  color: #4bd48b;
  font-weight: bold;
}

#addressWrap {
  word-wrap: break-word;
}

/* ---------------------------------- */

.donateCryptoSpan {
  background-color: rgba(0, 0, 0, .75);
}

.donateCryptoSpan2 {
  background-color: rgba(0, 0, 0, .75);
  padding-bottom: 40px;
}

/* ---------------------------------- */

#donateHeader {
  color: #FFF;
  border-top: 1px solid #4bd48b;
}

#donateHeader2 {
  color: #FFF;
  border-bottom: 1px solid #4bd48b;
}

/* ---------------------------------- */

#menuLinks {
  padding: 40px 12px 12px 12px;
  background-color: #000000;
  border-top: 1px solid #4bd48b;
}

/* ---------------------------------- */

#about {
  padding: 40px 20px 40px 20px;
  color: white;
  font-size: 20px;
  background-color: #000000;
}

/* ---------------------------------- */

#advertisingPageMain {
  padding: 30px 20px 40px 20px;
  color: white;
  font-size: 20px;
  background-color: rgba(0, 0, 0, .5);
}

/* ---------------------------------- */

#requestPageMain {
  padding: 40px 12px 40px 12px;
  color: white;
  font-size: 20px;
  background-color: #000000;
}

/* ---------------------------------- */

#donatePageMain {
  padding: 40px 12px 40px 12px;
  color: white;
  font-size: 20px;
  background-color: #000000;
}

/* ---------------------------------- */

.shrinkMe:hover {
  -moz-transform: scale(.95);
  -webkit-transform: scale(.95);
  -ms-transform:  scale(.95);
  -o-transform:  scale(.95);
  transform:  scale(.95);
}

#randomizeHeader {
  margin-top: 20px;
  background-color: #A31459;
}

#randomizeHeader:hover {
  margin-top: 20px;
  background-color: #4bd48b;
}

.shrinkText {
  font-size: 15px;
}

.logosize {
  max-width: 400px;
  max-height: 400px;
}

.braveBanner {
  max-width: 728px;
}