.indent { margin-left: 20px; } .tight { margin: 2px auto; } .faded { color: #616161; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .text-align-left { text-align-last: left; } .uppercase { text-transform: uppercase; } #dars-container { width: 100%; height: 100%; padding: 50px; } #dars-report-container { width: 100%; } .audit-wrapper, #dars-main { max-width: 1200px; margin: auto; } .audit-wrapper { margin: 50px auto; } #audit { padding: 20px 100px; header { h3 { font-weight: 500; font-size: 1.2rem; } } } #audit-close { margin-bottom: 20px; } .audit-metadata { display: flex; justify-content: space-between; line-height: 0.5rem; } .audit-section-controles { text-align: center; button { margin: 20px 40px; padding: 0 30px; } } header, section { border-bottom: solid 1px #616161; padding: 20px 75px; &:last-child { border-bottom: none; } &.no-padding { padding: 0; } &.no-horizontal-padding { padding-left: 0; padding-right: 0; } &.no-vertical-padding { padding-top: 0; background-position: 0; } } #dars-header-bar { display: flex; justify-content: space-between; align-items: baseline; } .audit-table { width: 100%; background-color: transparent; .mat-header-row { box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25); background-color: #fafafa; } th { font-size: 1rem; font-weight: 300; } tr:not(.mat-header-row) td { padding: 15px 10px; &:first-child { padding-left: 20px; } &:last-child { padding-right: 20px; } } .mat-column-download { button { padding: 0; width: auto; } } }