.tList {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 360px);
  height: 100%;
  background-color: var(--gray-f8);
}

.mTable_tableBodyWrapper.mDropFile-activeDragAndDrop {
  background: repeating-linear-gradient(-45deg,
    rgba(0,0,0,0),
    rgba(0,0,0,0) 4px,
    var(--dropFileActiveColor) 4px,
    var(--dropFileActiveColor) 8px
  );
}
.mTable_tr-folder.mDropFile-activeTarget {
  background-color: var(--primary-color);
}

.tList .mTable {
  height: 100%;
  border: 0px none;
  border-radius: 0;
}
.tList_version {
  color: var(--gray-8);
  font-size:  var(--font-size-small);
  text-align: right;
}

@media screen and (max-width: 600px) {
  .tList {
    position: relative;
    height: auto;
    max-height: 50vh;
    width: 100%;
    top: inherit;
    right: auto;
    margin-top: 8px;
    border-top: 1px solid var(--gray-a);
  }
  .tList .mTable {
    height: calc(50vh - 32px);
  }
  .tList_version {
    right: 4px;
  }
}

.tList_loader {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  text-align: center;
}

.mRadioRow-tListMenu {
  display: block;
}
.mRadioRow-tListMenu .mRadioRow_item {
  display: block;
  position: relative;
  padding: 6px 8px 6px 16px;
  border-left: 0 none;
  border-top: 1px solid var(--gray-d);
  text-align: left;
}
.mRadioRow-tListMenu .mRadioRow_item:first-child {
  border-top: 0 none;
}
.mRadioRow-tListMenu .mRadioRow_item-on:before {
  content: " ";
  display: block;
  position: absolute;
  left: 6px;
  top: 9px;
  width: 4px;
  height: 10px;
  box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
  background-color: var(--activeLED);
}
.mRadioRow-tListMenu .mRadioRow_item p {
  margin: 0;
}

.tList_itemSwitcher {
}

.tList_itemSwitcher-hidden {
  display: none;
}
.tList_itemSwitcher .fa-folder {
  color: var(--secondary-color);
  font-size: 21px;
  display: inline-block;
  margin: -6px 0 -4px;
  vertical-align: bottom;
}

.tList_graphWrapper {
  padding: 8px;
  border-bottom: 1px solid var(--gray-a);
}
.tGraph-statisticsView {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 75%;
  height: 240px;
}
.tList_graphInfo {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 25%;
}
@media screen and (max-width: 600px) {
  .tGraph-statisticsView {
    display: block;
    width: 100%;
  }
  .tList_graphInfo {
    display: block;
    width: 100%;
  }
}