table { width: 100%; border-collapse: collapse; table-layout: fixed; thead tr { background-color: #f2f2f2; } td, th { text-align: left; border-bottom: 1px solid #e6e6e6; color: #666; font-weight: 400; padding: 8px; height: 30px; } tr:nth-child(even) { background: #f1f1f156; } .table--horizontal { td, th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .table--vertical { td, th { word-wrap: break-word; } } .table--hover tbody tr:hover { color: #212529; background-color: #ebeef5; } .fields td { div { display: inline-block; } .file { height: 120px; label { // position: absolute; width: 120px !important; height: 120px; z-index: 0; cursor: pointer; background: #f2f2f2; border-radius: 8px; overflow: hidden; text-align: center; vertical-align: middle; box-sizing: border-box; padding-top: 0px !important; background-size: cover; color: #00000093; } input[type="file"] { display: none; } } } }