@font-face{font-family:Ubuntu;src:url(Ubuntu.woff2)}@font-face{font-family:UbuntuBold;src:url(UbuntuBold.woff2)}body,html{margin:0;font-family:Ubuntu}button{font-family:Ubuntu,sans-serif}select{font-family:Ubuntu,sans-serif}footer>p{padding:0 10px}.body-content{padding-left:15px;padding-right:15px}.dl-horizontal dt{white-space:normal}input,select,textarea{max-width:280px}.welcomeMat{font-family:Ubuntu,sans-serif;text-align:center;color:#3aa8c1}.logonForm,.logoffForm,.reportForm{text-align:center}.reportForm{background-color:#3aa8c1}.logonForm>button,.logoffForm>button,.attendanceForm>button,.reportForm>button{padding:10px 35px;font-weight:bold}.stuName{padding:15px;line-height:20px;display:inline-block}.attendanceForm{padding:30px 0;text-align:center}#overTable>tbody>tr>td:nth-child(1){vertical-align:top}#overTable>tbody>tr>td:nth-child(1)>img{width:17vw}table#overTable{width:100%;border-collapse:collapse}button[title="Mark Attendance"]{font-size:larger;padding:2.5vh 9vw}#attendHistoryDiv{font-weight:normal;color:grey;font-size:10pt;display:none;position:relative;left:50%;margin-left:-199px;width:340px}#attendHistoryDiv table{}#attendHistoryDiv table>tbody>tr>th{font-size:8pt}#attendHistoryDiv table>tbody>tr>td:nth-child(1),#attendHistoryDiv table>tbody>tr>th:nth-child(1){width:190px}#attendHistoryDiv table>tbody>tr>td:nth-child(2),#attendHistoryDiv table>tbody>tr>th:nth-child(2){width:100px}.bottom{display:inline-block;width:13px;height:12px;border:2px solid #a7a7a7;border-radius:50%;margin-left:0;line-height:1px}.bottom:after{content:'';display:inline-block;margin-top:2px;width:5px;height:5px;border-top:2px solid #a7a7a7;border-right:2px solid #a7a7a7;-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}