@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');*{margin:0;padding:0;font-family:'Poppins',sans-serif;align-items:center}.topnav{overflow:hidden}body{display:flex;height:100vh;text-align:center;align-items:center;justify-content:center;background:#fff}.header{margin:0 auto;background-color:#fff;height:auto;position:inherit;overflow:inherit}.header-top{height:80px;position:inherit;overflow:inherit}.logo-container a{text-decoration:none}.header-top-right{height:auto;float:left;position:relative}.header-bottom{height:auto;overflow:hidden;-moz-border-radius-topright:8px;position:relative;width:100%;font-size:12px}.field-validation-error{color:#e80c4d;font-weight:bold;font-size:.85em}.field-validation-valid{display:none}input.input-validation-error{border:1px solid #e80c4d;font-size:.85em}input[type="checkbox"].input-validation-error{border:0 none}.validation-summary-errors{color:#e80c4d;font-weight:bold;font-size:.85em}.validation-summary-valid{display:none}fieldset{margin-bottom:5px;padding:5px;font-size:.85em;border:1px solid #999;border-radius:8px}fieldset legend{}fieldset ol{padding:0;list-style:none}fieldset ol li{padding-bottom:2px}label{display:block;font-size:.85em;font-weight:600}label.checkbox{display:inline}.label{white-space:nowrap;vertical-align:top}input,textarea{border:1px solid #e2e2e2;background:#fff;color:#333;font-size:11px;margin:5px 0 2px 0;padding:5px;border-radius:4px}input,select{border:1px solid #e2e2e2;background:#fff;color:#333;font-size:11px;margin:5px 0 2px 0;padding:5px;-moz-border-radius:4px;border-radius:4px}input:focus{color:#000;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1);animation:glow .8s ease-out infinite alternate}.input-width-long{width:400px}textarea{font-family:inherit;width:300px;height:50px}input[type="checkbox"]{background:transparent;border:inherit;width:auto}.message-info{border:1px solid;clear:both;padding:10px 20px}.message-error{clear:both;color:#e80c4d;font-size:.85em;font-weight:bold;margin:10px 0 5px 0}.message-confirm{clear:both;color:#e80c4d;font-size:.85em;font-weight:bold;margin:10px 0 5px 0}.message-success{color:#7ac0da;font-size:.85em;font-weight:bold;margin:10px 0 5px 0}.error{color:#e80c4d}.detail-title{height:40px}.table-detail-collapse{border-collapse:collapse}.table-detail{border:1px solid #000;padding:5px;font-size:12px}.table-detail-TH{background-color:#c8c8c8;color:#000;text-align:left;padding:5px}.table-detail-TH2{background-color:#e2e2e2;color:#333;text-align:left;font-size:12px}.text-align-center{text-align:center}.text-align-left{text-align:left}.text-align-right{text-align:right}.center{margin:auto}.link{font-size:15px;margin-top:15px;color:#000}.link a{color:#000;text-decoration:none}.link a:hover{text-decoration:underline}.display-inline{display:inline}.float-left{float:left}.float-right{float:right}.uppercase{text-transform:uppercase}.scroll{display:block;border:1px solid;padding:5px;margin-top:5px;width:930px;height:auto;overflow:auto}legend{background:#fff;text-decoration:none}.legend{display:inline;font-size:small;font-weight:600}@media print{.text-print{font-size:12px;width:600px}.text-cheque{font-size:11px;width:600px}.receipt-print{font-size:12px;height:25px}.otherpayment-print{font-size:10px}}.alignment{text-align:left;padding-left:5em;margin-left:5em}#paymentRecordsAssessment{width:100%}#paymentRecordsAssessment table{float:left;font-size:x-small;margin-left:0}div.help-banner{background-color:#fff0b4;margin-top:-6px;margin-left:-13px;margin-right:-13px;margin-bottom:6px}div.help-banner :hover{background-color:#fff6d3}div.close-banner{float:right;padding:6px;text-decoration:none}.img-link{cursor:pointer}.img-print{height:25px;width:25px;float:right}.no-break{white-space:nowrap}element.style{text-transform:uppercase}.login-form{position:relative;width:400px;height:auto;background:#fff;padding:40px 35px 40px}.field .fas{height:50px;width:60px;color:#316dfa;font-size:20px;line-height:50px;border:1px solid #444;border-right:none;border-radius:5px 0 0 5px;margin-top:3px}.sample{height:50px;width:50px}.login-username{position:relative;font-size:12px}.login-password{position:relative;font-size:12px}.login-logo{position:center;padding-top:20px;width:100%;padding-left:6px}.eye-con{position:relative;float:right;top:46px;right:14px;font-size:20px}.links{font-size:15px;margin-top:15px;color:#000}.links a{color:#000;text-decoration:none}.links a:hover{text-decoration:underline}.field input,form button{height:50px;width:100%;outline:none;font-size:19px;color:#000;padding:0 15px;border-radius:0 5px 5px 0;border:1px solid #444;caret-color:#316dfa}.login-btn,form button{height:50px;width:100%;outline:none;font-size:19px;color:#fff;padding:0 15px;border-radius:0 5px 5px 0;border:1px solid #444;caret-color:#316dfa;background-color:#316dfa}button{font-size:15px;margin-top:3px;border-radius:5px!important;font-weight:600;cursor:pointer}button:hover{color:#000;border:1px solid #379;animation:glow .8s ease-out infinite alternate}form{margin-top:20px}form .field{margin-top:20px;display:flex}form .login-btn{margin-top:20px;display:flex}@keyframes glow{0%{border-color:#379;box-shadow:0 0 5px rgba(0,208,255,.2),inset 0 0 5px rgba(0,200,255,.1)}100%{border-color:#66abff;box-shadow:0 0 20px rgba(0,91,255,.6),inset 0 0 10px rgba(0,161,255,.4)}}.side-logo{margin:unset;display:none}.page-container-wrapper{background-color:#fff;width:100%;height:auto;border-top-left-radius:8px;border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;position:relative;overflow:hidden;margin:4px auto;padding-bottom:90px}.page-container{background-color:#fff;width:100%;height:auto;position:relative;border-top-left-radius:8px;border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;margin:10px auto;position:relative;overflow:inherit}