.table-container{margin:30px;padding:100px 30px 30px}.z-table-container{width:100%;padding:0}.label{margin-bottom:.5rem;font-weight:500;background:none}.label,.select{display:block;color:#333}.select{width:100%;min-width:500px;padding:.5rem;margin-bottom:1.5rem;font-size:.875rem;border:1px solid #2196f3;border-radius:.25rem;background-color:#f7f7f7;outline:none}.select:focus{border-color:#2196F3}.dark .select{background-color:#0C274D;border-color:#0C274D;color:#fff}.dark .select::placeholder{color:#8C8C8C}.dark .select:focus{border-color:#2196F3}.select-container{justify-content:center;margin:20px}.flex-table-container,.select-container{display:flex;flex-direction:column;align-items:center}.flex-table-container{width:100%;overflow-x:auto;padding:150px;margin-right:100px}.flex-table-header,.flex-table-row{display:flex;width:100%}.flex-table-cell{flex:1 1;text-align:center;padding:8px;border:1px solid #ddd}.tooltip-container{position:relative;display:inline-block}.tooltip{visibility:hidden;width:120px;background-color:black;color:white;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-container:focus .tooltip,.tooltip-container:hover .tooltip{visibility:visible;margin-bottom:5px}.flex-table-container{overflow:visible}.flex-table-cell,.header-cell{width:50px;min-width:60px;flex:1 0 auto;min-width:50px}.table-container{display:flex;flex-direction:column;width:100%}.z-cell{background-color:grey}.header-cell{background-color:#ffd814;color:#333;font-weight:700;padding:8px;border:1px solid #ddd;text-align:center}.first-column{background-color:#ccc}.flex-table-cell:hover{background-color:#ccc;border:.5px solid black;border-radius:2px}.z-container-outer{display:flex;flex-direction:column;align-items:center;margin-top:100px}