.table-div__accordion{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.table-div__accordion,.table-div__accordion .accordion__header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.table-div__accordion .accordion__header{height:100%;border-bottom:1px solid var(--surface-border);padding:10px 0}.table-div__accordion .accordion__body{width:100%}.table-div__accordion .accordion__icon{position:absolute;top:0;right:0;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.table-div__accordion .accordion__icon.open{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.table-div__accordion .accordion__icon.is-mobile{position:relative;top:inherit;right:inherit}.table-div__accordion .click__area{padding:5px;cursor:pointer}.table-div__accordion.open .accordion__header{background-color:rgba(0,0,0,.05)}.table-div__accordion.open .accordion__body{background-color:rgba(0,0,0,.025)}.attendance-list .filter-order{width:220px}.attendance-list .datatable-list{margin-top:40px}.attendance-list.modal-confirm{padding:20px}.audit-attendance-accordion{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.audit-attendance-accordion>*{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:560px}.modal-attendance-list .modal-subtitle,.modal-manage-attendance-list .modal-subtitle{font-size:2.5em}.modal-attendance-list .check-items-btn{cursor:pointer}.modal-attendance-list .datatable{margin-bottom:0}.modal-attendance-list .th-description{font-weight:400;font-size:.85rem}.modal-attendance-list .attendance-action{margin:0 30px}