.cardContainer { width: 100%; padding: 20px 20px 10px 20px; margin-left: 5px; background-color: white; .collapseLabel { width: 100%; .ant-collapse-arrow { font-size: 24px; } :global { .ant-collapse-item { margin-bottom: 0; } .ant-collapse-header { justify-content: center; flex-direction: row-reverse; align-items: center; margin-top: 10px; .ant-collapse-header-text { font-size: 24px; flex: unset; margin-inline-end: unset; } .ant-collapse-arrow { font-size: 24px; } } } .workOrderCard { margin-bottom: 20px; padding: 20px 10px; border-radius: 8px; background-color: #e5effa; display: flex; align-items: center; .leftInfo { width: 80%; } .rightButtonContainer { width: 20%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .rightButton { color: #5697e4; font-size: 24px; text-align: center; } } } } .topContainer { // height: 120px; .fixedTop { position: fixed; top: 0; width: 100%; z-index: 10; background-color: #ffffff; } } .fontS28 { font-size: 28px; } .fontS26 { font-size: 26px; } .fontS24 { font-size: 24px; } .fontS20 { font-size: 20px; } .fontS18 { font-size: 18px; } .fontS16 { font-size: 16px; }