:root {
  --black: #000000;
  --white: #ffffff;
  --gray: #6F6F6F;
  --white-smoke: #F0F0F0;
  --light-gray: #E8E8E8;
  --icon-gray: #6F6F6F;
 }
.button--black {
  background: var(--black);
}
.button:hover {
  background-color: var(--white);
  color: var(--black);
}
#login p {
  cursor: pointer;
  text-align: right;
  color: var(--black);
  text-transform: lowercase;
  font-weight: 500;
  font-size: 0.9rem;
  margin: .5rem 0;
}
.button {
  outline: 0;
  border: 0;
  padding: .5em 1em;
  border-radius: .1em;
  cursor: pointer;
  background: var(--black);
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  transition: .1s ease all;
}
.button--flat.button--red {
  color: var(--white);
  background: var(--dark-red);
}
.button--flat.button--red:hover {
  color: var(--dark-red);
  background: var(--white);
}
.file-icons [data-dir=true] i { color: var(--icon-gray) }
#listing .item[aria-selected=true] {
  background: var(--light-gray) !important;
  color: var(--black) !important;
}
#listing #multiple-selection {
  background-color: var(--light-gray);
}
#listing #multiple-selection i {
  color: var(--light-gray);
}
.upload-files .file .file-progress div {
  background-color: #000000;
}
.action .counter {
  background: var(--dark-red);
}
.dashboard #nav ul li.active {
  border-color: var(--dark-red);
  color: var(--dark-red);
  background-color: #F0F0F0;
}