body.welco-home div#main-content { width: 100%; border: 0; padding: 0; height: calc(100vh - 8em); } body.welco-home div#more-user-links { display: none; } body.welco-home div#content { margin: 0; padding: 0; height: 100%; } .all { display: flex; flex-wrap: wrap; height: 100%; } .cell.top { width: 100%; height: 65%; order: 0; } .cell { width: calc(100% / 3); height: 35%; order: 1; overflow-y: auto; transition: all 100ms ease; border-bottom: 1px dotted #d8d8d8; position: relative; } div#content .cell h2 { font-size: 100%; padding-left: 1ex; padding-bottom: 0; } div#content .cell.document h2 { margin-bottom: 4px; } div#content .cell.document iframe { border: none; } div#content .cell.document > div { display: flex; height: calc(100% - 3em); } div#content .cell.document iframe { flex-grow: 2; } div#content .cell.document ul { min-width: 20em; display: none; /* only displayed when on top */ list-style: none; padding: 0; margin: 0; max-height: 100%; overflow-y: auto; } div#content .cell.document ul li { border-bottom: 1px solid #dddddd; border-left: 5px solid transparent; padding: 1ex; cursor: pointer; } div#content .cell.document ul li.active { border-left-color: #ddd; } div#content .cell.document ul li:hover { background: #f0f0f0; } div#content .cell.document.top ul { display: block; } div#content .cell.knowledgedb div, div#content .cell.contacts form, div#content .cell.qualif form { padding: 0 1em; } div#content .cell.contacts form div, div#content .cell.qualif form div { margin-bottom: 1em; } div#content .cell form div.sep { height: 1px; background: #ccc; } div#content .cell.qualif form button.add { position: absolute; right: 1ex; } div#content .cell.qualif form button.done { position: absolute; right: 1ex; bottom: 1ex; } div#content .cell.qualif .select2-container, div#content .cell.qualif select { width: 98%; } div.objects-list > div { border: 1px solid #bcbcbc; border-collapse: collapse; margin-top: -1px; } div.objects-list > div a { padding: 1em 1ex; display: block; border-bottom: none; } div.objects-list > div:hover { background: #ccc; } div.objects-list > div.level-1 { margin-left: 25px; }