@import '../../common/styles/variables';

ul {
  display: block;
  margin: 0;
  padding: 10px 0px 0 0;
}

li {
  font-size: 13px;
  list-style: none;
  margin: 2px 0;
  padding: 2px 5px;
  display: inline-block;
  cursor: pointer;
  color: #8A9094;
  line-height: 1.25;
  color: $sample-panel-headers-color;
}

li.active {
  background-color: white;
  color: #666;
}

.tab-success, .tab-error, .tab-redirect, .tab-info {
  &:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 6px;
    width: 6px;
    border-radius: 50%;
  }


}

.tab-success:before {
  box-shadow: 0 0 3px 0 #00aa11;
  background-color: #00aa11;
}

.tab-error:before {
  box-shadow: 0 0 3px 0 #E53935;
  background-color: #E53935;
}

.tab-redirect:before {
  box-shadow: 0 0 3px 0 #F88F00;
  background-color: #F88F00;
}

.tab-info:before {
  box-shadow: 0 0 3px 0 #66C2FF;
  background-color: #66C2FF;
}