.border {
    border-width: medium !important;
}

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

body {
    font-size: 0.85rem;
}

.vertbar {
    height: 60px;
    font-size: 1rem;
}

.content {
    height: calc(100vh - 120px);
    margin-left: 1rem;
    margin-right: 1rem;
}

.sidebar {
    min-width: 200px;
    /* max-width: 350px; */
}

.card-height {
    height: 100%;
    max-height: 100%;
}

.card-body {
    overflow-y: auto;
}

.header-fixed {
    width: 100%
}

.header-fixed>thead,
.header-fixed>tbody,
.header-fixed>thead>tr,
.header-fixed>tbody>tr,
.header-fixed>thead>tr>th,
.header-fixed>tbody>tr>td {
    display: block;
}

.header-fixed>tbody>tr:after,
.header-fixed>thead>tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed>tbody {
    overflow-y: auto;
    height: 18vh;
}

.header-fixed>tbody>tr>td,
.header-fixed>thead>tr>th {
    width: 50%;
    float: left;
}

.graph-style {
    min-width: 350px;
    min-height: 350px;
}

.table-gene-info>thead,
.table-gene-info>tbody,
.table-gene-info>thead>tr,
.table-gene-info>tbody>tr,
.table-gene-info>thead>tr>th,
.table-gene-info>tbody>tr>td {
    text-align: center;
    vertical-align: middle;
    font-size: inherit;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner table {
    font-family: inherit !important;
    font-size: small;
}