.table-div__table{width:100%}.table-div__col{padding:5px 10px 5px 10px;margin-top:auto;margin-bottom:auto}.table-div__col.fill{-webkit-box-flex:1;-ms-flex:1;flex:1}.table-div__col.bolder{font-weight:700}.table-div__col.align-right{text-align:right}.table-div__col.align-right>*{text-align:left}.table-div__col.mobile-options{margin-top:10px;border-top:1px solid var(--surface-border);text-align:center}.table-div__col.p-size{font-family:var(--font-family);font-size:1.6em}.table-div__col:first-child{padding-left:0}.table-div__col:last-child{padding-right:0}.table-div__col .col__label{font-weight:400}.table-div__line,.table-div__table.dark .table-div__col{color:var(--text-color)}.table-div__line{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:15px 20px;border-bottom:1px solid var(--surface-border)}.table-div__line.break-on-mobile{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.table-div__line.break-on-mobile .table-div__col{padding-right:0;padding-left:0}.table-div__line.no-border{border:none}.table-div__line.tr{font-family:var(--font-family);font-size:1.6em;font-weight:700;text-transform:uppercase;border:none}.table-div__table.dark .table-div__line{border-bottom:1px solid var(--text-color)}.table-div__body .table-div__line:last-child{border-bottom:none}.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}