.tableRow { display: flex; flex: 1; flex-direction: row; } .tableCol { display: flex; flex: 1; } .borderTop { border-top: 1px solid black; } .borderBottom { border-bottom: 1px solid black; } .borderLeft { border-left: 1px solid black; } .borderRight { border-right: 1px solid black; } .popupBackground { position: fixed; background: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; top: 0; left: 0; z-index: 1000; display: none; } .popupCategory { position: absolute; background-color: #f5f5f5; opacity: 1; border: 1px solid black; top: 200px; left: 50%; width: 500px; margin-left: -250px; } .input-focused { border-width:2px !important; border-color:#1bb99a !important; } .no-padding { padding:0px !important; } .enclosureTable { background: repeating-linear-gradient( 135deg, transparent, transparent 4px, rgba(0, 0, 0, 0.2) 4px, rgba(0, 0, 0, 0.2) 8px ); } .enclosure { flex-direction: column; border: 1px solid black; }