.modal-detail-header{width:100%;display:flex;align-items:center;justify-content:space-between}.modal-detail-header .header-content .header-content-title{font-size:20px;line-height:24px;color:#252423;font-weight:700}.modal-detail-header .header-content .header-content-title.color-purple{color:#6264a7}.modal-detail-header .header-content .header-content-tag{margin-top:8px;display:flex;align-items:center;font-weight:400;font-size:11px;line-height:12px;gap:10px}.modal-detail-header .header-content .header-content-tag .header-status{border-radius:14px;padding:4px 12px;font-weight:700}.modal-detail-header .header-content .header-content-tag .header-status.waiting{background-color:#fbf6d9;color:#a16114}.modal-detail-header .header-content .header-content-tag .header-status.approved{background-color:#e7f8d1;color:#237b4b}.modal-detail-header .header-content .header-content-tag .header-status.rejected{background-color:#fcf4f6;color:#c4314b}.modal-detail-header .header-content .header-content-tag .header-status.doing{color:#115ea3!important;background-color:#ebf3fc!important}.modal-detail-header .header-content .header-content-tag .header-status.done{background-color:#f1faf1!important;color:#0e700e!important}.modal-detail-header .header-content .header-content-tag .header-priority{border-radius:14px;padding:4px 8px;display:flex;align-items:center;max-height:20px;gap:2px}.modal-detail-header .header-content .header-content-tag .header-priority.low{background-color:#cae1fc}.modal-detail-header .header-content .header-content-tag .header-priority.medium{background-color:#e7f8d1}.modal-detail-header .header-content .header-content-tag .header-priority.high{background-color:#f4f4fc}.modal-detail-header .header-content .header-content-tag .header-priority.very-high{background-color:#fae4e1}.modal-detail-header .header-content .header-content-tag .header-status-extend{display:flex;border-left:1px solid #ebebeb;align-items:center;padding-left:10px;gap:4px}.modal-detail-header .header-content .header-content-tag .header-status-extend span{font-weight:400}.modal-detail-header .header-content .header-content-tag .header-status-extend.done svg{color:#237b4b}.modal-detail-header .header-content .header-content-tag .header-status-extend.outOfDate svg{color:#c4314b}.modal-detail-header .header-content .header-content-tag .header-status-extend.upcoming svg{color:#eaa300}.modal-detail-header .header-content .header-content-tag .header-status-extend.happening svg{color:#0f6cbd}.modal-detail-header .header-content .header-content-tag .header-status-extend .header-status-complete{border-left:1px solid #ebebeb}.modal-detail-header .header-content .header-content-tag .header-status-extend .header-status-complete .app-form-radio{margin-bottom:0}.modal-detail-header .header-content .header-content-tag .header-status-extend .header-status-complete .ui-checkbox{align-items:center;display:flex;gap:4px}.modal-detail-header .header-content .header-content-tag .header-status-extend .header-status-complete .ui-checkbox .ui-checkbox__indicator{border-radius:4px;margin-top:0}.modal-detail-header .header-action{display:flex;align-items:center;justify-content:end;gap:10px}.modal-detail-header .header-action .header-action-item{display:flex;align-items:center;font-weight:400;font-size:16px;line-height:24px;padding:0 12px 0 12px;gap:2px;cursor:pointer}.modal-detail-header .header-action .header-action-item .action-item-icon .ui-icon{margin-top:-3px}.modal-detail-header .header-action .header-action-item .action-item-icon .ui-button__content{font-size:16px}.modal-detail-header .header-action .header-action-item.btn-approval{color:#237b4b}.modal-detail-header .header-action .header-action-item.btn-rejected{color:#c50f1f}