html, body {
    padding: 0;
    margin: 0;
}
body {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
}
header {
    flex: 0;
}
content {
    flex: auto;
    overflow: hidden;
    position: fixed;
    display: flex;
}
footer {
    flex: 0;
}
main {
    display: flex;
    flex-direction: column;
    flex: auto;
    overflow: auto;
}
content>.main-container {
    overflow: auto;
    max-width: 100%;
}
column {
    flex: 0;
}
header, footer, main, column {
/*    padding: 15px;*/
}

section {
    
}
table {
    overflow: auto;
}
.startHidden {
    opacity: 0;
}
.startHidden.nowVisible {
    opacity: 1;
    transition: opacity 0.1s 0s ease-in-out;
}

.fixed-table {
    display: flex;
    flex-direction: column;
    max-height: 100%;
}
.fixed-table-head {
}
.fixed-table-content {
    overflow: auto;
}
.fixed-table-content table thead {
    position: sticky;
    top: 0;
}

tr:hover .row-hover-show {
    opacity: 1 !important;
}