html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.container {
    margin-left: 2vw;
    width: 94vw;
    max-width: 94vw;
}

[v-cloak] {
    display: none;
}


/* Attribute-Value Table */

table.namevalue {
    border: 1px solid gray;
    border-collapse: collapse;
}

table.namevalue td {
    border: 1px solid gray;
    padding: 10px;
}

/* Simple Table */

table.simple {
    border: 1px solid gray;
    border-collapse: collapse;
}

table.simple td {
    border: 1px solid gray;
    padding: 8px;
}

table.simple th {
    border: 1px solid gray;
    text-align: left;
    padding: 8px;
}



/* Horizontal Flex Container */
.hflex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}