#settings-panel {
  padding: 10px 5px;
  color: #F8F8F8;
  background-color: #2E2E2E;
  border-bottom: 1px solid black;
  text-align: center;

  p {
    margin-top: 5px;
    font-size: 0.85em;

    &.buttons {
      margin-top: 10px;
    }
  }

  a {
    color: white;
    margin: 0 5px;
    text-decoration: none;
  }

  .mtop {
    margin-top: 12px;
  }

  .session-button {
    color: white;
    padding: 2px 5px;
    margin: 0 2px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.2);
    text-decoration: none;
    max-width: 150px;
    text-align: center;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;

    &.default {
      background-color: CornflowerBlue;
      &:hover {
        box-shadow: 0px 0px 5px CornflowerBlue;
      }
    }

    &.green {
      background-color: YellowGreen;
      &:hover {
        box-shadow: 0px 0px 5px YellowGreen;
      }
    }

    &.clear {
      background-color: OrangeRed;
      &:hover {
        box-shadow: 0px 0px 5px OrangeRed;
      }
    }
  }
}

.source-toggle {
  margin: 0 3px;
  opacity: 0.4;

  &.enabled {
    opacity: 1;
    img {
      border: 1px solid LightGrey;
    }
  }
}
