#vue-main {
    max-width: 1800px;
    margin: auto;
    padding: 50px;
    box-sizing: border-box;
}

.page-title {
    font-size: 35px;
    padding-left: 14px;
    margin-bottom: 20px;
}

.page-col {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

.page-col.left {
    width: 400px;
}

.page-col.right {
    width: calc(100% - 404px);
}

.tabs-container {
    font-size: 0;
}

.product-list,
.tabs-container.cats,
.tabs-container.sub-cats {
    display: none;
}

.tabs-container.cats {
    padding-left: 50px;
}

.tabs-container.sub-cats {
    padding-left: 125px;
}

.tab-col {
    padding: 3px 0;
}

.tab-col-inner {
    padding: 0 10px;
}

.tab {
    font-size: 20px;
    border: 1px solid #a4a4a4;
    color: #000;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    width: 150px;
}

.tab-col.active .tab {
    background: #0DA838;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}