.tabs-row {
  background-color: #f0f0f0;
}
@media (min-width: 701px) {
  .tabs-row {
    display: flex;
  }
}

.tab {
  font-size: inherit;
}
@media (max-width: 700px) {
  .tab {
    font-size: 4vw;
  }
}

.tab-row {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 0.15% 0.5%;
  overflow-x: hidden;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 700px) {
  .tab-row {
    padding: 2vw 2%;
    line-height: normal;
    width: 50% !important;
  }
}
.tab-row.tab-selected-row {
  background-color: #fff;
  border-top: 2px solid #0d4368;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.tabs-content-row {
  display: block;
  padding-top: 2%;
}
@media (max-width: 700px) {
  .tabs-content-row {
    font-size: 4vw;
    line-height: normal;
    padding-top: 10%;
  }
}

.tabs-col {
  display: inline-block;
  vertical-align: top;
  width: 15%;
  overflow-y: scroll;
  max-height: 80vh;
}
.tabs-col::-webkit-scrollbar {
  display: none;
}

.tab-col {
  display: block;
  text-align: right;
  padding: 5% 5% 5% 0;
  line-height: 1.5vw;
  border-right: 6px solid #ccc;
  background-color: #f4f4f4;
}
.tab-col.tab-selected-col, .tab-col.tab-selected-col:hover {
  background-color: #e8e8e8 !important;
  border-right: 6px solid #0d4368;
}
.tab-col:hover {
  background-color: #e8e8e8 !important;
  border-right: 6px solid #ccc;
}

.tabs-content-col {
  display: inline-block;
  vertical-align: top;
  width: 85%;
  padding-left: 3%;
  margin-bottom: 2%;
}

.tabs-content-icons {
  display: inline-grid;
  grid-template-areas: "tagsicon btn" "tagsicon previewPanel";
  grid-template-columns: 60% 40%;
  grid-template-rows: 50px;
  vertical-align: top;
  width: 85%;
  padding-left: 3%;
  margin-bottom: 2%;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  justify-items: center;
}
.tabs-content-icons .media-asset-table {
  grid-area: tagsicon;
  width: 100%;
}
.tabs-content-icons .btn {
  grid-area: btn;
}
.tabs-content-icons .previewPanel {
  grid-area: previewPanel;
}

.tab-dynamic {
  color: #0d4368;
  background-color: #fafafa;
}
.tab-dynamic:hover {
  color: #0d4368;
}
.tab-dynamic.matchAttribute {
  color: #198fe3;
}

.tab-content-hidden {
  display: none;
}

[class*=tabs-content-] > .addPanel {
  margin-top: 2%;
}