@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";html,body,#root,.app,.content{height:100%;width:100%;font-family:Source Sans Pro,sans-serif;position:relative}.chart-header{font-family:Nunito,serif;text-transform:uppercase}.app{display:flex;position:relative;overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;height:100%;width:250px;background-color:#2e2e2e;color:#fff;z-index:1000;transition:width .3s ease-in-out}.content{flex-grow:1;overflow-y:auto;transition:margin-left .3s ease-in-out;min-width:300px}.content.collapsed{margin-left:80px;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e0e0e0}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@media Print{.no-print{display:none!important}.passportOnId{border-radius:5px}}.attendance-container{padding:20px}.attendance-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:10px;margin:20px auto 0;padding-left:20px}.title{text-align:center;font-weight:800;padding:20px;flex-basis:100%;width:100%}.attendance-table th,.attendance-table td{border:1px solid #444;text-align:center;vertical-align:middle;word-wrap:break-word;width:20px}.attendance-table th{background-color:#f0f0f0;font-weight:700}.attendance-table tr:nth-child(2n){background-color:#f9f9f9}.name-col{width:250px;min-width:200px;padding:0;text-align:left;text-transform:uppercase;font-weight:700;font-size:9px}.sn-name-wrapper{display:flex;border-left:1px solid #444;border-left:none;border-right:none;height:100%}.sn-cell{width:40px;text-align:left;padding-left:6px;border-right:1px solid #444;font-weight:700;background-color:#f9f9f9}.name-cell{flex-grow:1;padding-left:5px;text-align:left}.p-total,.x-total{width:40px}.print-header-print,.print-footer-print{display:none}.printable-area-update-students{display:none!important}@media print{@page{margin:5mm 10mm;counter-increment:page}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-size:11px}body *{visibility:hidden}#idCardContainer,#idCardContainer *{visibility:visible!important}.printable-area:not(:first-child){page-break-before:always}.printable-area,.printable-area *{visibility:visible!important}.printable-area-update-students,.printable-area-update-students *{display:block;visibility:visible!important}.not-printable-table{display:none!important}.title{margin-top:0}#form{display:none}.p-total,.x-total{width:35px!important}button,#button{display:none}.attendance-table{width:100%;border-collapse:collapse;table-layout:auto;height:100%;font-size:11px}.attendance-table th,.attendance-table td{border:1px solid #000;padding:.3px;text-align:center}.name-col{text-align:left}.sn-name-wrapper{display:flex;height:100%}.sn-cell{width:30px;padding-left:4px;border-right:1px solid #000}.name-cell{padding-left:8px;flex-grow:1}.attendance-table tr{page-break-inside:avoid;page-break-after:auto}.print-header-print,.print-footer-print{display:flex}}.tbody-instructions>tr>td{padding:3px}