.tvd-page { flex: 1; display: flex; flex-direction: column; justify-content: stretch; .tvd-top { display: flex; align-items: baseline; justify-content: space-between; margin-top: 20px; } .tvd-main { height: 100%; display: flex; overflow: hidden; align-items: stretch; flex-flow: row nowrap; .tvd-left { position: relative; flex: 2; > div { position: absolute; //pointer-events: none; transition: all .25s ease-out; opacity: 1; &:hover { opacity: 0; } &.tvd-tr-table { right: 15px; top: 38px; } &.tvd-bl-table { bottom: 35px; left: 50px; } } } .tvd-right { flex: 1; display: flex; align-items: flex-end; padding-left: 10px; flex-direction: column; justify-content: stretch; .tvd-npt-filter { margin-bottom: 10px; span { margin: 0 10px; } } } } }