.cards-popup { padding: 10px; width: 290px; border-radius: 12px; position: absolute; right: 12px; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); top: 18px; background: #fff; }
.cards-popup .titles { margin-top: 2px; display: inline-block; font-size: 14px; color: #101828; }
.cards-popup .section-one img { border-radius: 6px; overflow: hidden; margin-right: 10px; }
.cards-popup .header { color: #101828; margin-bottom: 0.45rem; }
.cards-popup .active { display: block; }
.cards-popup .close-card-model { position: absolute; right: 15px; top: 2px; color: #a5a1a1; font-size: 20px; }
.close-card-model:hover{cursor:pointer;}

#attendance-summary-table tbody tr:nth-last-child(-n + 7) .cards-popup { top: auto; bottom: 15px; }
#attendance-summary-table_wrapper .last-page{
    min-height: 500px;
}

.last-page #attendance-summary-table tbody tr:nth-last-child(-n + 7) .cards-popup { top: 15px; bottom: auto; }

#attendance-summary-table_wrapper .last-page table { mask-image: inherit; }

@media (max-width: 1499px) {
    .panel-content .description-input { width: 290px !important; }
}

@media (max-width: 1115px) {
    .responsible-grid-cards-popup {right:-120px !important;z-index: 1}
}

@media (max-width: 768px) {
    .cards-popup {right:104px}
}