html,
body {
    height: 100%
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px
}

.wrap>.my-container {
    padding: 20px 0px;
    display: grid;
    grid-template-columns: 220px min(1240px, calc(100vw - 440px - 2em)) 220px;
    grid-template-areas: 'aside-left page-content aside-right';
    width: min-content;
    margin: auto;
    grid-gap: 1em;
    height: calc(100vh - 116px);
    overflow-y: scroll;
    position: relative;
}

.page-content {
    grid-area: page-content;
    height: 100%;
}

@media (max-width:1200px) {
    .table th {
        writing-mode: vertical-lr;
        text-orientation: sideways;
    }
}

@media (max-width:1000px) {
    .aside-left,
    .aside-right {
        display: none;
    }
    .wrap>.my-container {
        padding: 0 0.5em;
        grid-template-columns: 0px 100% 0px;
        width: 100%;
        grid-gap: 0;
    }
}

.my-container .table {
    width: 100%;
    min-width: 540px;
}

.table * {
    word-break: break-word;
    white-space: break-spaces !important
}

.table tr td:nth-child(1) {
    min-width: 2ch;
}

.table tr td:nth-child(2) {
    min-width: 6ch
}

.table tr td:nth-child(3) {
    min-width: 7ch;
}

.table tr td:nth-child(4) {
    min-width: 10ch;
}

.table tr td:nth-child(5) {
    min-width: 7ch;
}

.table tr td:nth-child(6) {
    min-width: 8ch;
}

.table tr td:nth-child(7) {
    min-width: 8ch;
}

.table tr td:nth-child(8) {
    min-width: 8ch
}

.table tr td:nth-child(9) {
    min-width: 3ch;
}

.my-container>iframe {
    min-height: 100%;
    border: 0;
    width: 220px;
    min-height: 7814px
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px
}

.jumbotron {
    text-align: center;
    background-color: transparent
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px
}

.not-set {
    color: #c55;
    font-style: italic
}

thead:first-child>tr:first-child a {
    position: absolute;
    bottom: 0;
    right: 8px;
    display: block;
    font-family: 'font awesome 5 free';
    opacity: .7;
    color: #333
}

thead:first-child>tr:first-child a:after {
    content: "\f0dc";
    opacity: .2
}

thead:first-child>tr:first-child a.asc:after {
    content: "\f0dd"
}

thead:first-child>tr:first-child a.desc:after {
    content: "\f0de"
}

.grid-view th {
    white-space: nowrap
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px
}

.permissions {
    font-size: 16px;
    cursor: pointer
}