.flex-treeview, .flex-treeview ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
}

.flex-treeview {
  margin-bottom: 20px;
}

.flex-treeview .treeview-header {
  background-color: #424242;
  color: #fff;
}

.flex-treeview .treeview-body {
  background-color: #ebebeb;
  border: solid 1px #d6d6d6;
}

.flex-treeview .treeview-row {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  box-sizing: border-box;
  border-top: solid 1px #fff;
}

.flex-treeview .treeview-row > div {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.flex-treeview .treeview-row > .treeview-col-right {
  text-align: right;
}

.flex-treeview .treeview-row > .treeview-col-bold {
  font-weight: bold;
}

.flex-treeview .treeview-row > .treeview-col-small {
  flex-shrink: 2;
}

.flex-treeview .treeview-row > .treeview-col-large {
  flex-grow: 2;
}

.flex-treeview .treeview-row > [class*="treeview-col-fixed"] {
  flex-grow: 0;
  flex-shrink: 0;
}

.flex-treeview .treeview-row > [class*="treeview-col-fixed-auto"] {
  box-sizing: content-box;
}

.flex-treeview .treeview-row > .treeview-col-fixed-button {
  flex-basis: 30px;
  text-align: center;
}

.flex-treeview .treeview-row > .treeview-col-fixed-date-range {
  flex-basis: 160px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-10 {
  flex-basis: 10px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-20 {
  flex-basis: 20px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-25 {
  flex-basis: 25px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-30 {
  flex-basis: 30px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-40 {
  flex-basis: 40px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-50 {
  flex-basis: 50px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-60 {
  flex-basis: 60px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-70 {
  flex-basis: 70px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-75 {
  flex-basis: 75px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-80 {
  flex-basis: 80px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-90 {
  flex-basis: 90px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-100 {
  flex-basis: 100px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-125 {
  flex-basis: 125px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-150 {
  flex-basis: 150px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-175 {
  flex-basis: 175px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-200 {
  flex-basis: 200px;
}

.flex-treeview .treeview-row > .treeview-col-fixed-250 {
  flex-basis: 250px;
}