#hidden-table-info tbody td.dataTables_empty{text-align:center!important;font-weight:600;padding:16px 0}.centered-container{display:flex;justify-content:center}.content-panel{max-width:3000px;width:98%;padding-bottom:0;border-radius:20px;margin-top:20px}.content-panel-main{max-width:3000px;width:98%;padding-bottom:0;border-radius:20px;background:#fff;box-shadow:0 3px 2px #aab2bd;padding-top:10px;margin-top:10px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.table-border-bottom-only{border-collapse:collapse;width:100%;border-radius:30px;background-color:#fffafa}.table-border-bottom-only th,.table-border-bottom-only td{border:none;border-bottom:1px solid #ccc;padding:8px;vertical-align:middle;text-align:center}.table-border-bottom-only thead th{font-weight:bold;background-color:#f9f9f9}th.table-head{text-align:left!important;vertical-align:middle!important;background-color:#20273a!important;color:#fff!important;font-weight:bold;font-size:13px;padding:8px 12px!important}th.table-head-1{text-align:center!important;vertical-align:middle!important;background-color:#20273a!important;color:#fff!important;font-weight:bold;font-size:13px;padding:8px 12px!important}td.table-cont{text-align:left!important;vertical-align:middle!important;padding:8px 12px!important}td.table-cont-1{text-align:center!important;vertical-align:middle!important;padding:8px 12px!important}table.table{border-collapse:separate;border-spacing:0;border-radius:15px;width:100%;overflow:hidden}.table thead th:first-child{border-top-left-radius:10px}.table thead th:last-child{border-top-right-radius:10px}.table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1050;overflow-y:auto;padding:20px;box-sizing:border-box}.modal-dialog{position:relative;width:auto;max-width:2000px;margin:50px auto}.modal-content{position:relative;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.5);overflow:hidden}.close-modal{position:absolute;top:15px;right:15px;color:#fff;font-size:28px;font-weight:bold;cursor:pointer;z-index:1051;background:rgba(0,0,0,.3);width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1}.close-modal:hover{background:rgba(0,0,0,.5)}body.modal-open{overflow:hidden}textarea.form-control{resize:vertical;min-height:100px}.custom-modal-style{background-color:#f9f9f9;border:none;border-radius:10px}#nurseNoteModal .modal-header{background-color:#3f4d6b;color:#fff;border-bottom:1px solid #dee2e6;display:flex;align-items:center;justify-content:space-between}#nurseNoteModal .modal-header .btn-link{text-decoration:none;color:#fff!important;font-size:1.5rem;opacity:1}#nurseNoteModal .modal-header .btn-link:hover{color:#f8f9fa!important;opacity:1}#nurseNoteModal .modal-header .close{color:#fff;opacity:1;padding:0;margin-left:auto}#nurseNoteModal .modal-header .close:hover{color:#f1f1f1}.announcement-list{list-style:none;padding:0;margin:0}.announcement-item{background:#fafafa;border:2px solid #d0d7de;border-radius:10px;padding:15px 18px;margin-bottom:15px;transition:box-shadow .3s ease , transform .2s ease}.announcement-item:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.read-announcement{opacity:.8;border-color:#ccc}.announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.announcement-title{font-size:18px;color:#2c3e50;font-weight:600;margin:0;font-family:'Segoe UI',sans-serif}.announcement-date{font-size:.85rem;color:#777}.announcement-details{font-size:.9rem;color:#444;line-height:1.5}.announcement-image-container{text-align:center;margin-top:10px}.announcement-image{width:10px;height:auto;border-radius:6px;border:1px solid #ccc;cursor:pointer;object-fit:contain;transition:transform .3s ease , box-shadow .3s ease;background-color:#fff;padding:5px}.announcement-image:hover{transform:scale(1.1);box-shadow:0 3px 10px rgba(0,0,0,.1)}.announcement-item:not(.read-announcement) {border-color:#3f4d6b;box-shadow:0 0 8px rgba(63,77,107,.15)}#popupContent p{text-align:justify;line-height:1.6}#popupContent h4{font-weight:bold}.read-announcement{opacity:.8}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;margin:0 5px}.icon-btn i{transition:all .3s ease}#announcementButton:hover{background:rgba(255,255,255,.1)}#announcementButton:hover i{transform:scale(1.2);color:#f1c40f;text-shadow:0 0 8px rgba(241,196,15,.5)}.icon-btn[href="/hris/attendance/"]:hover{background:rgba(46,204,113,.1)}.icon-btn[href="/hris/attendance/"]:hover i{transform:scale(1.2);color:#2ecc71;text-shadow:0 0 8px rgba(46,204,113,.3)}.icon-btn[href="logout.php"]:hover{background:rgba(231,76,60,.1)}.icon-btn[href="logout.php"]:hover i{transform:scale(1.2);color:#e74c3c;text-shadow:0 0 8px rgba(231,76,60,.3)}.profile-btn:hover{transform:scale(1.1);border-color:rgba(255,255,255,.5);box-shadow:0 0 10px rgba(255,255,255,.2)}.attendance-card{margin-bottom:10px}.mt{margin-top:0}.attendance-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:10px 20px 20px 20px}.attendance-card h4{color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #eee}.attendance-table-container{overflow-x:auto}.attendance-table{width:100%;border-collapse:collapse}.attendance-table th{background-color:#f8f9fa;padding:10px;text-align:left;border-bottom:2px solid #dee2e6}.attendance-table td{padding:10px;border-bottom:1px solid #dee2e6}.attendance-table tr:last-child td{border-bottom:none}.text-right{text-align:right}.mt-10{margin-top:10px}.section-title{font-size:1.2rem;font-weight:600;margin:0 0 15px 0;padding:0;color:#333;text-align:left}.service-details{display:flex;flex-direction:column;gap:8px}.service-item{display:flex;justify-content:space-between;align-items:center}.service-label{font-weight:500;color:#555;min-width:100px;margin-right:10px;margin-left:10px}.referral-label{font-weight:500;color:#555;min-width:100px;margin-left:10px}.service-value{font-weight:600;color:#222;text-align:right;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.referral-value{margin-left:-25px}.leave-table{width:100%;font-size:1.1rem}.leave-table td{padding:10px}.leave-table tr{border-bottom:1px solid #e0e0e0}.leave-type{width:30%;font-weight:bold;font-size:12px}.leave-details{display:flex;justify-content:space-between;text-align:center;font-size:12px}.leave-details span{flex:1;padding:5px}.leave-details span:last-child{border-right:none}.credit{color:#28a745}.used{color:#dc3545}.available{color:#17a2b8}.service-details,.referral-details{font-size:.9rem}.service-item,.referral-item{margin-bottom:8px}.month-select{padding:3px;margin-left:5px;font-size:.9rem}.profile-card-with-cover{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.1)}.cover-photo{height:120px;position:relative;background-size:cover;background-position:center}.cover-upload-btn{position:absolute;bottom:10px;right:10px;background:rgba(255,255,255,.8);color:#333}.profile-pic-container{margin-top:-80px}.service-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;margin-bottom:10px}.service-card h4{color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #eee}.service-details{display:flex;flex-direction:column;gap:10px}.service-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:11px}.service-label{color:#666;font-weight:500}.service-value{color:#333;font-weight:600}.referral-details{display:flex;flex-direction:column;gap:10px;font-size:11px}.referral-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5}.referral-label{color:#666;font-weight:500}.referral-value{color:#333;font-weight:600}@media (max-width:768px){.service-card .row>div{width:100%}.service-card .col-md-6{margin-bottom:20px}}.col-md-4{margin-bottom:10px}.announcements-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:10px 0}.announcements-table-container{max-height:500px;overflow-y:auto;border:1px solid #eee;border-radius:4px}.announcements-table{width:100%;border-collapse:collapse}.announcements-table th{background:#f8f9fa;padding:12px 15px;text-align:left;position:sticky;top:0;z-index:10}.announcements-table td{padding:12px 15px;border-bottom:1px solid #eee}.announcement-row:hover{background-color:#f5f5f5;cursor:pointer}.no-announcements{text-align:center;padding:30px;color:#6c757d}.no-announcements i{font-size:40px;color:#28a745;margin-bottom:15px}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.modal-content{background-color:#fefefe;margin:5% auto;padding:25px;border-radius:8px;width:70%;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:0 5px 15px rgba(0,0,0,.3)}.modal-header{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}.modal-body{line-height:1.6;white-space:pre-line}.close-modal{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer}.close-modal:hover{color:#333}.points-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px}.points-card h4{margin-bottom:15px;color:#333;font-size:18px}.points-card h4 small{color:#888;font-size:14px;font-weight:normal}.scrollable-container{max-height:400px;overflow-y:auto;padding-right:10px}.month-section{margin-bottom:25px}.month-section h5{color:#20283a;margin:0 0 10px 0;padding:0 0 5px 0;font-size:15px;border-bottom:1px solid #eee}.table-wrapper{overflow-x:auto}.points-table{width:100%;border-collapse:collapse;table-layout:fixed}.points-table th{background:#f5f5f5;padding:10px;text-align:left;font-weight:600;color:#555;position:sticky;top:0}.points-table td{padding:10px;border-bottom:1px solid #f0f0f0;vertical-align:top}.points-col{color:#e74c3c;font-weight:bold}.points-table tr:hover{background-color:#f9f9f9}.no-points{text-align:center;padding:30px;color:#20283a}.no-points i{font-size:40px;color:#4caf50;margin-bottom:10px}.no-points p{margin:0}.scrollable-container::-webkit-scrollbar{width:8px}.scrollable-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.scrollable-container::-webkit-scrollbar-thumb{background:#20283a;border-radius:4px}.scrollable-container::-webkit-scrollbar-thumb:hover{background:#30384a}.profile-card-with-cover{height:100%;display:flex;flex-direction:column}.profile-card{flex-grow:1;display:flex;flex-direction:column}.content-panel>.row{align-items:flex-start}.cover-photo{height:150px;position:relative}.profile-pic-container{margin-top:-75px}.profile-card,.skills-card,.metric-card,.workload-card,.leave-card,.activity-card,.ids-card,.status-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px}.profile-pic-container{position:relative;display:inline-block;margin-bottom:15px}.profile-pic-container img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid #e0e0e0}.camera-icon{position:absolute;bottom:5px;right:5px;background:#20283a;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-header h3{margin:10px 0 5px;color:#333}.title{color:#666;font-size:16px;margin-bottom:5px}.company{color:#888;font-style:italic;margin-bottom:15px}.stats{display:flex;justify-content:space-around;margin:20px 0;padding:15px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.stat-item{text-align:center}.stat-number{display:block;font-size:24px;font-weight:bold;color:#20283a}.stat-label{font-size:12px;color:#888;text-transform:uppercase}.profile-tabs{margin-top:15px}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li>a{padding:8px 12px;color:#666}.nav-tabs>li.active>a{color:#20283a;font-weight:bold}.detail-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f5f5f5}.detail-item i{color:#20283a;width:20px}.detail-item .value{color:#333;font-weight:500;text-align:right;flex:1}.status-card{text-align:center;padding:15px;height:100%}.status-card i{font-size:30px;margin-bottom:10px;display:block}.status-title{display:block;font-weight:bold;margin-bottom:5px}.status-date{color:#666}.probationary i{color:#ff9800}.regular i{color:#4caf50}.fulltime i{color:#2196f3}.metric-card{text-align:center;padding:15px}.metric-number{display:block;font-size:28px;font-weight:bold;color:#20283a}.metric-label{font-size:12px;color:#888;text-transform:uppercase}.progress-container{display:flex;align-items:center;margin-top:10px}.progress{height:10px;border-radius:5px;margin-right:10px}.activity-item{padding:10px 0;border-bottom:1px solid #f5f5f5}.activity-time{font-size:12px;color:#888}.activity-text{margin-top:3px}@media (max-width:768px){.col-md-4,.col-md-8{width:100%}.stats{flex-direction:column;gap:15px}.status-card{margin-bottom:15px}}.sub-menu.active>a{font-weight:bold;color:#fff;background-color:#2c3e50}.sub-menu.open>.sub{display:block!important}.toggle-filter{margin-left:4px;font-size:.8rem;padding:2px 5px;background:transparent;border:none;color:#fff}