html,body{
  height:100%;
}
.bg-light{
  background-color: #F4F4F1;
}

.bg-dark{
  background-color: #2A2227;
}

.bg-light-accent{
  background-color: #9F886C;
}

.bg-brand{
  background-color: #9A8D9D;
}

.bg-dark-accent{
  background-color: #827F76;
}
.text-light{
  color:#F4F4F1;
}
.text-dark{
  color:#2A2227;
}
.text-light-accent{
  color:#9F886C;
}
.text-dark-accent{
  color:#827F76;
}
.brand-text{
  color:#9A8D9D;
}
.text-inherit{
  color:inherit;
  font-weight:inherit;
}
.table-wrapper{
    background:linear-gradient(to right, white 30%, rgba(255,255,255,0)),
        linear-gradient(to right, rgba(255,255,255,0), white 70%) 0 100%,
        radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),
        radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-position: 0 0, 100%, 0 0, 100%;
    background-attachment: local, local, scroll, scroll;
}