@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
  background: #a90329;
  background: -moz-linear-gradient(rgb(134, 18, 32), rgb(13, 1, 3) 85%);
  background: -webkit-linear-gradient(rgb(134, 18, 32), rgb(13, 1, 3) 85%);
  background: linear-gradient(rgb(134, 18, 32), rgb(13, 1, 3) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(134, 18, 32)', endColorstr='rgb(13, 1, 3)',GradientType=0 );
  font-family: 'Roboto', sans-serif;
}

.SearchInput::-webkit-input-placeholder {
  color: rgba(183, 183, 183, 0.42);
  font-family: Helvetica Neue;
}

.SearchInput::-webkit-input-placeholder:hover {
  color: #FFF;
}

input[type=range] {
  -webkit-appearance: none;
  background: transparent;
}

.ProgressBar:hover .Progress {
  background-color: #1db954;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;

  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]::-moz-range-thumb {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]::-ms-thumb {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  background: transparent; 
  border-color: transparent;
  color: transparent;
}

.node-tree-tutorial {
  margin-top: -80px;
}
