#audit { padding: 20px 100px; header { h3 { font-weight: 500; font-size: 1.2rem; } } } .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; } } .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; } .pre-wrap { white-space: pre-wrap; } .requirement-title { display: flex; justify-content: flex-start; font-size: 1.35rem; &.status-ok { color: #2e7d32; } &.status-no { color: #c5050c; } } .requirement-icon-outer { margin: 20px 15px 0 0; font-size: 1.75rem; } .content-type { margin-bottom: 5px; > p { margin: 2.5px auto; } } .content-type-okSubrequirementTLine, .content-type-noSubrequirementTLine { margin-top: 20px; } .content-type-okSubrequirementCourses, .content-type-noSubrequirementCourses { color: #0479a8; margin-left: 20px; } .content-type-okSubrequirementNeedsSummaryLine, .content-type-noSubrequirementNeedsSummaryLine, .content-type-noRequirementNeedsLine { color: #c5050c; margin-left: 20px; }