.confirm-card { height: 100%; .mat-card-header { .mat-card-header-text { margin: 0; } .btn-dialog-close { font-size: 20px; display: flex; margin-left: auto; align-self: flex-start; color: #444444; } } .mat-card-content { flex-direction: row; box-sizing: border-box; display: flex; height: calc(100% - 40px); } } .search-area { ucap-integrated-search-form { position: relative; display: inline-flex; width: 30%; margin: 0 -10px; } } .organization-option { position: relative; display: inline-flex; width: 70%; transform: translateY(-10px); padding-bottom: 10px; padding-left: 0; border-bottom: 1px solid; .mat-form-field { margin-left: 20px; &:first-child { margin-left: 0; } } } .content-area { display: flex; height: calc(100% - 120px); flex-wrap: wrap; flex-direction: column; flex: 0 0 auto; box-sizing: border-box; .contents-table { position: relative; flex-direction: column; box-sizing: border-box; display: flex; flex: 1 1 100%; max-width: 100%; height: 100%; overflow: hidden; .table-box { position: relative; width: 100%; height: calc(100% - 60px); overflow: hidden; display: flex; } .footer-fix { display: flex; flex-wrap: wrap; flex: 1 1 auto; bottom: 0; width: 100%; flex-direction: column; box-sizing: border-box; margin-top: 10px; .mat-accordion { .mat-expansion-panel { &-header { .select-user-title { font-weight: 600; span { margin-left: 10px; } } .btn-dropdown { margin-right: 0; } } .btn-box { position: relative; margin-top: 20px; } } } } } } .btn-box { position: absolute; width: 100%; bottom: 0; ul { display: flex; flex-flow: row; justify-content: flex-end; li { display: inline-flex; margin-left: 4px; } } }