@font-face{font-family:"Circular Air Book";src:url("../fonts/Circular_Air-Book.eot?#iefix") format("embedded-opentype"),url("../fonts/Circular_Air-Book.woff") format("woff"),url("../fonts/Circular_Air-Book.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Circular Air Light";src:url("../fonts/Circular_Air-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Circular_Air-Light.woff") format("woff"),url("../fonts/Circular_Air-Light.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Circular Air Bold";src:url("../fonts/Circular_Air-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Circular_Air-Bold.woff") format("woff"),url("../fonts/Circular_Air-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}html{box-sizing:border-box;width:100%;overflow:auto},:after,:before{box-sizing:border-box}a{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}a:hover,a:focus,a:active{outline:none;text-decoration:none}body{background:#f3f6f9;overflow-x:hidden;font-family:"Circular Air Book";font-size:15px;-moz-osx-font-smoothing:grayscale !important;-webkit-font-smoothing:antialiased !important}.min-h-auto{min-height:auto !important}.min-h-200{min-height:200px !important}.min-h-280{min-height:280px !important}.min-h-700{min-height:700px !important}.min-h-1000{min-height:1000px !important}.fs-36-l{font-size:36px !important;line-height:36px !important}.pl-41{padding-left:41px !important}.p-28-0{padding:28px 0 !important}.p-60{padding:50px 60px !important}::selection{background:#222}::-moz-selection{background:#222}:focus,button:focus{outline:none !important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:20px}::-webkit-scrollbar-thumb{background:#646262;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#a8a3a3}.form-control:focus,.form-control:active,.form-control.focus,.form-control.active{outline:none;box-shadow:none}.form-control::placeholder{opacity:.2}.form-control::-webkit-input-placeholder{opacity:.2}.form-control::-moz-placeholder{opacity:.2}.form-control:-ms-input-placeholder{opacity:.2}.form-control:-moz-placeholder{opacity:.2}.main-content-area .card .print-container h2,.main-content-area .card a.more-fees-link,.main-content-area .card .other-fees-container .other-fees-detail .button-action-container .days-remaining,.main-content-area .card .other-fees-container .other-fees-detail .fee-description,.main-content-area .card .other-fees-container .other-fees-detail .big-amount-text,.main-content-area .card .news-container .news-body .news-title,.main-content-area .card .course-overview .course-border .number,.main-content-area .card .dashboard-transaction-container .small-amount-text .status,.main-content-area .card .dashboard-transaction-container .small-amount-text,.main-content-area .card .dashboard-transaction-container .button-action-container .days-remaining,.main-content-area .card .dashboard-transaction-container .details .fee-description,.main-content-area .card .dashboard-transaction-container .details .big-amount-text,.main-content-area .card .profile .profile-detail-container h3,.main-content-area .card .profile .profile-details .name,.main-content-area .card .student-details .name,.main-content-area .card .items .item-container .item-details,.main-content-area .card .card-heading-h2,.main-content-area .card h2,.main-content-area .card .card-body .payment-details .detail-container .amount,.main-content-area .card .card-body h1,.main-content-area .card .card-header,h1,.btn-primary.disabled,.btn-primary:disabled,.btn-gray,.btn-primary{font-family:"Circular Air Bold"}.btn-primary.disabled,.btn-primary:disabled,.btn-gray,.btn-primary{padding:17px 50px;font-size:16px;line-height:20px;text-align:center;border-radius:5px;background:linear-gradient(0deg, #fafbfc 0%, #ffffff 100%)}.btn-remove-p-r{padding:17px 0 !important}h1{margin:0px;color:#000;padding-bottom:60px;font-size:30px;line-height:38px}h1.small{font-size:18px;line-height:23px}h1.small i{margin-right:12px}.btn-primary{color:#00d715;border:2px solid #00d71533}.btn-gray{color:#a4aac0;border:2px solid #f3f6f9}.btn-primary.focus,.btn-primary:focus,.btn.focus,.btn:focus{box-shadow:none}.btn-primary-color:hover{color:#00d715 !important;background-color:#00d715;border-color:#00d715}.btn-gray:hover{color:#a4aac0;border:2px solid #a4aac0}.btn:hover{color:#a4aac0}.btn-primary:not(:disabled):not(.disabled):active{color:#00d715;background-color:#00d715;border-color:#00d715}.btn-primary.disabled,.btn-primary:disabled{color:#00d715;border:2px solid #00d71533}.btn-solid{font-family:"Circular Air Book";color:#fafbfc;font-size:18px;line-height:23px;padding:15px 29px;box-sizing:border-box;border-radius:5px;background-color:#00d715}.btn-solid:hover{color:#fafbfc}.opaque{opacity:.5}.btn-border-radius-course{border-radius:0 0 5px 0}.btn-border-radius-payment{border-radius:0 0 0 5px}.btn-border-radius-login{border-radius:0 0 5px 5px}.btn-primary-big{padding:27px 50px;border:0;background-color:rgba(0,0,0,.1);color:#fff;font-size:18px;font-weight:bold;line-height:23px;text-align:center}.btn-primary-big.active{color:#fff;background-color:#00d715;border-top:1px solid #00d715}.btn-primary-big:hover{color:#fff}.btn-primary-small{padding:16px 20px;font-size:16px;line-height:20px}.course-action-btn{color:#a4aac0;font-family:"Circular Air Bold";font-size:14px;line-height:18px;text-align:center;border:2px solid #f3f6f9;border-radius:5px;background:linear-gradient(0deg, #fafbfc 0%, #ffffff 100%)}.course-action-btn.active:hover:not(:disabled):not(.disabled){border:2px solid #a4aac0;color:#a4aac0}.border-right{border-right:2px solid #f3f6f9 !important}a svg{height:20px;width:20px}a svg path{fill:#c4c9d9}a.nav-link:hover svg path{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;fill:#00d715}svg.days-remaining{overflow:visible;height:100% !important}svg.transaction{overflow:visible;height:100% !important}svg.transaction#pending path{fill:#ffd138}svg.transaction#failed path{fill:red}.circle-bg{position:relative;border:none}.circle-bg-width-40{width:40px;height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}.circle-bg-width-40 svg{margin:10px 0px}.circle-bg-width-48{width:48.5px;height:48.5px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px}.circle-bg-width-48 svg{margin:13px 0px}.circle-bg-width-80{width:80px;height:80px;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}.circle-bg-width-80 svg{margin:26px 16px}.circle-bg-gray{background-color:#f3f6f9}.circle-bg-green{border:.5px solid rgba(0,215,21,.15);background-color:rgba(0,215,21,.08)}.circle-bg-purple{border:.5px solid rgba(170,89,255,.15);background-color:rgba(170,89,255,.08)}.circle-bg-teal{border:.5px solid rgba(0,217,255,.15);background-color:rgba(0,217,255,.08)}.circle-bg-amber{border:.5px solid rgba(255,209,56,.15);background-color:rgba(255,209,56,.08)}.table thead th{color:#a4aac0;font-size:16px;font-weight:normal;line-height:20px;padding:20px 0;border:0px}.table td{padding:35px 0;color:#555c72;font-size:18px;font-weight:300;line-height:23px}.table th{padding:35px 0 35px 41px}.table td,.table th{box-sizing:border-box;border-top:2px solid #f3f6f9}input[type=checkbox]{visibility:hidden}.custom-checkbox{margin-top:4px;height:15px;width:15px;position:relative}.custom-checkbox label{border-radius:3px;cursor:pointer;position:absolute;width:15px;height:15px;top:0;left:0;background:#eee;border:1px solid #c4c9d9}.custom-checkbox label:after{opacity:0;content:"";position:absolute;width:9px;height:5px;background:transparent;top:3px;left:2px;border:3px solid #00d715;border-top:none;border-right:none;transform:rotate(-45deg)}.custom-checkbox label:hover::after{opacity:.5}.custom-checkbox input[type=checkbox]:checked+label:after{opacity:1}select{font-family:"Circular Air Bold";height:52px;width:170px;border:2px solid #f3f6f9;border-radius:5px;color:#555c72;cursor:pointer;font-size:16px;line-height:20px;padding:10px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.short{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAYFBMVEUAAABVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJ+9NsUAAAAH3RSTlMAAgMEBQYjJicrLkVQUVhZY2RtjJ2qsrW3ucDi8ff9oNxhSgAAAMZJREFUSMft1bkWgkAQRNFiccN939D6/780EBGGAbom08OLKrlhnwaGhv65USSCOC3nmvlYsrMHF8XckHxOBJuR5AoAsCU1nZEfvXxPuy4sOQdyarq0vAMHSvpruQeSm6Ir9hxB065VdNPatc9atd/adJu16Iq9uHfUp7tsn+623brPdul+W9dT0bZpm/Vrq/Vpu21qxbpas3W9E21Ny9arzdajr8o/crRkHS3ampZtRQfYUgfZQgdaIDnxGAdaAGk4HRr64V69PElpJpDNaAAAAABJRU5ErkJggg==) 80%/5% no-repeat,linear-gradient(0deg, #fafbfc 0%, #ffffff 100%)}select.long{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAYFBMVEUAAABVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJVXHJ+9NsUAAAAH3RSTlMAAgMEBQYjJicrLkVQUVhZY2RtjJ2qsrW3ucDi8ff9oNxhSgAAAMZJREFUSMft1bkWgkAQRNFiccN939D6/780EBGGAbom08OLKrlhnwaGhv65USSCOC3nmvlYsrMHF8XckHxOBJuR5AoAsCU1nZEfvXxPuy4sOQdyarq0vAMHSvpruQeSm6Ir9hxB065VdNPatc9atd/adJu16Iq9uHfUp7tsn+623brPdul+W9dT0bZpm/Vrq/Vpu21qxbpas3W9E21Ny9arzdajr8o/crRkHS3ampZtRQfYUgfZQgdaIDnxGAdaAGk4HRr64V69PElpJpDNaAAAAABJRU5ErkJggg==) 95%/2% no-repeat,linear-gradient(0deg, #fafbfc 0%, #ffffff 100%)}select::-ms-expand{display:none}@media screen and (min-width: 0\0 ){select{background:none\9 ;padding:5px\9 }}.side-bar{position:fixed;height:100% !important;border-right:1px solid #c3ccd663;background-color:#fff;z-index:999}.side-bar aside nav{padding:0}.side-bar aside nav a.navbar-brand{margin-left:25px;margin-top:25px;margin-right:20px;margin-bottom:70px}.side-bar aside nav ul li{font-family:"Circular Air Book";padding-top:15px;padding-bottom:15px;padding-left:25px;font-size:16px;line-height:20px;border-bottom:1px solid #a4aac02b}.side-bar aside nav ul li a{color:#a4aac0}.side-bar aside nav ul li a span{padding-left:16px}.side-bar aside nav ul li a:hover{color:#00d715 !important}.side-bar aside nav ul li:hover{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;border-left:4px solid #00d715}a[data-toggle=collapse]{position:relative}.dropdown-toggle::after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.notification-container .notify{position:fixed;top:0;left:0;width:100%;height:50px;color:#fff;font-family:"Circular Air Bold";align-items:center;justify-content:center;display:flex;opacity:0;transition:.5s ease-in-out;z-index:99999}.notification-container .notify p{margin:0}.notification-container .show{opacity:1;transition:.5s ease-in-out}.notification-container .toast-error{font-size:1rem;background:rgba(241,112,112,.9);transition:.1s ease-in}.notification-container .toast-success{font-size:1rem;background:rgba(122,179,122,.9);transition:.1s ease-in}.notification-container .toast-warning{font-size:1rem;background:rgba(255,193,7,.9);transition:.1s ease-in}.login-box .card{border:none;border-radius:.32rem;margin-bottom:30px;background-color:#fff;height:473px;max-height:473px;-webkit-box-shadow:0px 2px 5px 0px #f2f2f2;-moz-box-shadow:0px 2px 5px 0px #f2f2f2;box-shadow:0px 2px 5px 0px #f2f2f2}.login-box .card .login-form{padding:30px 20px 40px 20px}.login-box .card .login-title{color:#000;font-size:20px;font-family:"Circular Air Bold";line-height:25px;padding-bottom:30px;margin-bottom:40px;border-bottom:2px solid #f3f6f9}.login-box .card .login-container{padding:0 45px}.login-box .card .login-container label{color:#000;font-size:15px;line-height:16px;margin-bottom:14px}.login-box .card .login-container input{border-radius:5px;background-color:#f3f6f9;color:#555c72;font-family:"Circular Air Bold";font-size:16px;line-height:16px;padding:18px 20px;border:1px solid #c7c3c3;height:45px}.login-box .card .login-container .mb-35{margin-bottom:35px}.login-box .card .login-container .forgot-password a{color:#a4aac0;font-size:14px;line-height:16px;padding-left:10px}.login-box .card .login-instructions{font-size:15px;line-height:29px;font-family:"Circular Air Light"}.login-box .card .login-instructions .scrollable{max-height:307px;overflow-y:scroll}.login-box .card .login-instructions p{padding:0 30px}.login-box .card .password-reset-info{color:#000;font-size:24px;font-family:"Circular Air Bold";line-height:34px;padding:20px 70px 45px;margin-bottom:40px;border-bottom:2px solid #f3f6f9}.login-box .card .password-reset-text{color:#555c72;font-family:"Circular Air Book";font-size:16px;font-weight:300;line-height:20px}.add-courses-modal{width:100% !important;max-width:1000px}.main-content-area{min-height:100vh;padding:50px;position:absolute;top:0;right:0}.main-content-area hr.section-divider{box-sizing:border-box;border:1px solid rgba(0,0,0,.05);margin-top:10px !important;margin-bottom:40px !important}.main-content-area .card{border:none;border-radius:.32rem;margin-bottom:30px;background-color:#fff;min-height:350px;-webkit-box-shadow:0px 2px 5px 0px #f2f2f2;-moz-box-shadow:0px 2px 5px 0px #f2f2f2;box-shadow:0px 2px 5px 0px #f2f2f2}.main-content-area .card .card-header{background-color:transparent;border-bottom:2px solid #f3f6f9;padding:22px 30px;color:#555c72;font-size:16px;line-height:20px}.main-content-area .card .card-header .card-link{color:#00d715;font-family:"Circular Air Book";font-size:14px;line-height:16px;text-align:right}.main-content-area .card .card-header .card-link .fa{padding-left:8px}.main-content-area .card .card-header .bar-separator{padding-left:30px;margin-left:30px;border-left:2px solid #f3f6f9}.main-content-area .card .card-body h1{color:#000;font-size:48px;line-height:58px;margin-bottom:50px}.main-content-area .card .card-body .description-title{padding-top:10px;margin-bottom:10px;color:#a4aac0;font-size:15px;font-weight:300;line-height:19px}.main-content-area .card .card-body .description-text{color:#555c72;font-size:18px;font-weight:bold;line-height:23px}.main-content-area .card .card-body .brief-heading{margin-top:20px;margin-bottom:12px;color:#555c72;font-size:18px;font-weight:bold;line-height:23px}.main-content-area .card .card-body p{font-family:"Circular Air Light";color:#555c72;font-size:16px;line-height:25px}.main-content-area .card .card-body .link-container{margin-top:30px}.main-content-area .card .card-body .link-container .course-brief-download-link{color:#00d715;font-size:16px;font-weight:bold;line-height:20px;margin-top:50px}.main-content-area .card .card-body .link-container .course-brief-download-link:hover{text-decoration:underline}.main-content-area .card .card-body .link-container .fa{color:#00d715;font-size:16px;margin-right:10px}.main-content-area .card .card-body .payment-details{padding:40px 30px 50px 30px}.main-content-area .card .card-body .payment-details .text{color:#555c72;font-family:"Circular Air Book";padding:0px;font-size:16px;line-height:20px}.main-content-area .card .card-body .payment-details .custom-font-size{font-size:12px;line-height:16px;border:2px solid #a4aac0}.main-content-area .card .card-body .payment-details .detail-container{padding:0 10px}.main-content-area .card .card-body .payment-details .detail-container .amount{padding-top:10px;font-size:28px;line-height:36px}.main-content-area .card .card-body .payment-details .detail-container .amount span{color:#a4aac0;font-family:"Circular Air Book";font-size:28px;font-weight:300;line-height:36px}.main-content-area .card .card-body .payment-details .detail-container .bold{font-family:"Circular Air Bold"}.main-content-area .card .card-body .payment-details .detail-container .text-light{color:#555c72 !important}.main-content-area .card .card-body .payment-details .detail-container .text-misc{color:#a4aac0;padding:0;margin-top:25px;font-family:"Circular Air Light";font-size:15px;line-height:16px}.main-content-area .card .card-body .payment-details .detail-container .generated-rrr{padding:20px 50px;border:2px solid rgba(0,215,21,.15);border-radius:5px;background-color:rgba(0,215,21,.05);color:#00d715;font-family:"Circular Air Bold";font-size:24px;line-height:30px}.main-content-area .card .card-body .payment-details .separator{margin:25px 0;border-top:1px solid #c3ccd6;opacity:.3}.main-content-area .card .card-body .transaction-history .text{color:#555c72;font-family:"Circular Air Bold";font-size:18px;line-height:23px}.main-content-area .card .card-body .transaction-history .text-thin{color:#a4aac0;font-family:"Circular Air Book";font-size:16px;line-height:20px}.main-content-area .card .card-body .transaction-history .transaction-status{padding:10px 12px;border-radius:5px;font-family:"Circular Air Bold";font-size:16px;line-height:20px}.main-content-area .card .card-body .transaction-history .transaction-status#success{color:#00d715;border:.5px solid rgba(0,215,21,.15);background-color:rgba(0,215,21,.05)}.main-content-area .card .card-body .transaction-history .transaction-status#pending{color:#ffd138;border:.5px solid rgba(255,209,56,.15);background-color:rgba(255,209,56,.05)}.main-content-area .card .card-body .transaction-history .transaction-status#failed{color:red;border:.5px solid rgba(255,0,0,.15);background-color:rgba(255,0,0,.05)}.main-content-area .card .fixed-footer{position:fixed;bottom:0;padding-right:50px}.main-content-area .card .card-footer{box-sizing:border-box;border-top:.5px solid #d5d5d5;padding:0}.main-content-area .card .card-footer .courses-selected{padding:24px 47px;color:#a4aac0;font-size:18px;font-weight:300;line-height:23px}.main-content-area .card .card-footer .units-selected{color:#a4aac0;font-size:18px;font-weight:300;line-height:23px;padding-right:67px}.main-content-area .card .card-footer .courses-selected.active,.main-content-area .card .card-footer .units-selected.active{color:#000;font-family:"Circular Air Bold"}.main-content-area .card h2{padding-top:18px;margin:0px;color:#555c72;font-size:18px;line-height:23px}.main-content-area .card .card-heading-h2{margin-left:18px;color:#555c72;font-size:18px;line-height:23px}.main-content-area .card .items{padding:30px 20px 0}.main-content-area .card .items .item-container{box-sizing:border-box;border-bottom:1px solid #c3ccd663;padding-bottom:20px;margin-bottom:20px}.main-content-area .card .items .item-container .item-title{color:#a4aac0;font-family:"Circular Air Book";font-size:16px;line-height:16px}.main-content-area .card .items .item-container .item-details{color:#555c72;font-size:16px;line-height:16px;text-align:right}.main-content-area .card .items .item-container:last-child{border-bottom:unset;padding-bottom:20px;margin-bottom:0}.main-content-area .card .student-details .image-rounded-circle{display:inline-block;width:80px;height:80px;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:20px 0 30px 0}.main-content-area .card .student-details .name{color:#000;font-size:22px;line-height:24px}.main-content-area .card .student-details .matric-number{color:rgba(0,32,72,.6);padding:12px 0 33px 0;font-family:"Circular Air Book";font-size:14px;font-weight:300;line-height:18px}.main-content-area .card .student-details .matric-number span{font-weight:normal}.main-content-area .card .profile{min-height:686px}.main-content-area .card .profile .profile-details{border-bottom:1px solid rgba(195,204,214,.3)}.main-content-area .card .profile .profile-details .image-rounded-circle{display:inline-block;width:80px;height:80px;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:40px 0 30px 0}.main-content-area .card .profile .profile-details .name{color:#000;font-size:22px;line-height:24px}.main-content-area .card .profile .profile-details .matric-number{color:rgba(0,32,72,.6);padding:12px 0 40px 0;font-family:"Circular Air Book";font-size:14px;font-weight:300;line-height:18px}.main-content-area .card .profile .profile-details .matric-number span{font-weight:normal}.main-content-area .card .profile .profile-detail-container{padding:40px 30px 50px 30px}.main-content-area .card .profile .profile-detail-container h3{color:#000;padding:0 0 50px 10px;font-size:20px;font-weight:bold;line-height:20px}.main-content-area .card .profile .profile-detail-container .text{color:#a4aac0;font-family:"Circular Air Book";padding:0;font-size:16px;line-height:20px}.main-content-area .card .profile .profile-detail-container .text-dark{color:#555c72 !important}.main-content-area .card .profile .profile-detail-container .detail-container{padding:0 10px}.main-content-area .card .profile .profile-detail-container .detail-container .bold{font-family:"Circular Air Bold"}.main-content-area .card .profile .profile-detail-container .detail-container .overflow-ellipsis{width:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-content-area .card .profile .profile-detail-container .separator{margin:25px 0;border-top:1px solid #c3ccd6;opacity:.3}.main-content-area .card .profile .profile-detail-container .profile-form-container{height:308px;overflow-y:scroll;padding-right:14px}.main-content-area .card .profile .profile-detail-container .profile-form-container label{color:#000;font-size:15px;line-height:16px;margin-bottom:15px}.main-content-area .card .profile .profile-detail-container .profile-form-container input{border-radius:5px;background-color:#f3f6f9;color:#555c72;font-family:"Circular Air Bold";font-size:16px;line-height:16px;padding:18px 20px;margin-bottom:25px;border:1px solid #c7c3c3;height:45px}.main-content-area .card .dashboard-transaction-container{padding:10px}.main-content-area .card .dashboard-transaction-container .details{padding:0 10px}.main-content-area .card .dashboard-transaction-container .details .big-amount-text{padding-top:20px;font-size:30px;line-height:39px}.main-content-area .card .dashboard-transaction-container .details .big-amount-text span{color:#a4aac0;font-family:"Circular Air Book";font-size:30px;font-weight:300;line-height:39px}.main-content-area .card .dashboard-transaction-container .details .fee-description{padding-top:10px;font-size:18px;line-height:23px}.main-content-area .card .dashboard-transaction-container .details .fee-description span{color:#a4aac0;font-family:"Circular Air Book";font-size:18px;font-weight:300;line-height:23px}.main-content-area .card .dashboard-transaction-container .button-action-container{margin-top:40px;padding:30px 10px 0;box-sizing:border-box;border-top:.5px solid rgba(196,201,217,.5)}.main-content-area .card .dashboard-transaction-container .button-action-container .days-remaining{color:#a4aac0;font-size:16px;line-height:20px}.main-content-area .card .dashboard-transaction-container .button-action-container .days-remaining .paid{color:#000 !important}.main-content-area .card .dashboard-transaction-container .button-action-container .days-remaining i{margin:3px 10px 3px 40px}.main-content-area .card .dashboard-transaction-container .button-action-container .days-remaining .due-date{position:absolute;top:50px;left:75px;font-family:"Circular Air Book";font-size:14px;line-height:18px}.main-content-area .card .dashboard-transaction-container .small-amount-text{padding:20px 10px 34px;color:#000;font-size:24px;line-height:32px;box-sizing:border-box;border-bottom:.5px solid rgba(196,201,217,.5)}.main-content-area .card .dashboard-transaction-container .small-amount-text i{margin-left:4px}.main-content-area .card .dashboard-transaction-container .small-amount-text span{color:#a4aac0;font-family:"Circular Air Book";font-size:24px;line-height:32px}.main-content-area .card .dashboard-transaction-container .small-amount-text .status{color:#a4aac0;font-size:14px;line-height:18px;margin-top:3px}.main-content-area .card .dashboard-transaction-container .small-amount-text .dashboard-transaction-date{text-align:right}.main-content-area .card .dashboard-transaction-container .small-amount-text .dashboard-transaction-date .title{color:#a4aac0;font-family:"Circular Air Book";font-size:14px;line-height:18px}.main-content-area .card .dashboard-transaction-container .small-amount-text .dashboard-transaction-date .date{color:#000;font-family:"Circular Air Book";font-size:16px;line-height:20px;margin-top:4px;margin-bottom:15px}.main-content-area .card .dashboard-transaction-container .small-amount-text:last-child{padding-top:40px;padding-bottom:18px;border-bottom:unset}.main-content-area .card .dashboard-transaction-container .empty-card p{margin-top:24px;padding:0;margin-bottom:0;color:#000;font-size:20px;font-weight:bold;line-height:28px}.main-content-area .card .dashboard-transaction-container .empty-card small{color:#a4aac0;font-size:15px;line-height:28px}.main-content-area .card .course-overview{padding:40px 0 54px 0;box-sizing:border-box}.main-content-area .card .course-overview .course-border{border-right:2px solid #f3f6f9}.main-content-area .card .course-overview .course-border .number{margin-top:20px;color:#000;font-size:48px;line-height:61px}.main-content-area .card .course-overview .course-border p{width:115px;margin:8px auto;color:#555c72;font-family:"Circular Air Book";font-size:15px;line-height:19px}.main-content-area .card .news-container{margin:20px 6px 0 6px;border:2px solid #f3f6f9;border-radius:10px;background-color:#fff}.main-content-area .card .news-container .news-header{background-color:transparent;padding:15px 20px;border-bottom:1px solid #f3f6f9;color:#555c72;font-size:16px;line-height:20px}.main-content-area .card .news-container .news-header .date-posted{color:#a4aac0;font-size:14px;line-height:18px}.main-content-area .card .news-container .news-body{padding:20px 30px}.main-content-area .card .news-container .news-body .news-title{color:#555c72;font-size:20px;line-height:26px}.main-content-area .card .news-container .news-body .news-link{color:#00d715;font-family:"Circular Air Book";text-decoration:underline;margin-top:15px;font-size:15px;line-height:19px}.main-content-area .card .other-fees-container{margin:10px}.main-content-area .card .other-fees-container .other-fees-detail{border:2px solid #f3f6f9;border-radius:10px;background-color:#fff;padding:30px;margin-bottom:20px}.main-content-area .card .other-fees-container .other-fees-detail .big-amount-text{font-size:24px;line-height:28px}.main-content-area .card .other-fees-container .other-fees-detail .big-amount-text span{color:#a4aac0;font-family:"Circular Air Book";font-size:324x;font-weight:300;line-height:28px}.main-content-area .card .other-fees-container .other-fees-detail .fee-description{padding-top:10px;font-size:16px;line-height:20px;color:#555c72}.main-content-area .card .other-fees-container .other-fees-detail .button-action-container{margin-top:30px;box-sizing:border-box}.main-content-area .card .other-fees-container .other-fees-detail .button-action-container .btn{padding:15px 20px !important}.main-content-area .card .other-fees-container .other-fees-detail .button-action-container .days-remaining{color:#a4aac0;font-size:16px;line-height:20px}.main-content-area .card .other-fees-container .other-fees-detail .button-action-container .days-remaining .paid{color:#000 !important}.main-content-area .card .other-fees-container .other-fees-detail .button-action-container .days-remaining i{margin:3px 2px}.main-content-area .card a.more-fees-link{color:#000;font-size:18px;font-weight:bold;line-height:24px;text-decoration:underline}.main-content-area .card a.more-fees-link:hover{text-decoration:underline}.main-content-area .card .accommodation-list .content{padding:30px 60px}.main-content-area .card .accommodation-list .content h3.title{color:#000;font-family:"Circular Air Book";font-size:28px;font-weight:bold;line-height:28px}.main-content-area .card .accommodation-list .content .description{color:#555c72;font-family:"Circular Air Light";font-size:16px;line-height:20px}.main-content-area .card .print-container .print-session{color:#a4aac0;font-family:"Circular Air Bold";font-size:16px;line-height:24px}.main-content-area .card .print-container h2{padding:8px 75px 0 0;margin-bottom:30px;font-size:24px;line-height:32px;color:#000;height:100px;max-height:100px}.main-content-area .card .not-found .status-code{font-family:"Circular Air Bold";font-size:70px}.main-content-area .card .not-found .status-text{font-size:20px}.main-content-area .card .add-courses{padding:0}.main-content-area .card .add-courses .search-bar{border-radius:60px;background-color:#f3f6f9;color:#555c72;font-family:"Circular Air Book";font-size:16px;padding:18px 20px;margin-bottom:25px;border:1px solid #f3f6f9;height:60px;max-width:770px;margin-bottom:35px !important}.main-content-area .card .add-courses .table-responsive{max-height:500px}.main-content-area .card .add-courses .status{border:.5px solid;padding:7px 17px;border-radius:5px;font-family:"Circular Air Bold"}.main-content-area .card .add-courses .R{color:#aa59ff;border-color:rgba(170,89,255,.15);background-color:rgba(170,89,255,.05)}.main-content-area .card .add-courses .C{color:#00d9ff;border-color:rgba(0,217,255,.15);background-color:rgba(0,217,255,.05)}.main-content-area .card .add-courses .E{color:#ffd138;border-color:gba(255, 209, 56, 0.15);background-color:rgba(255,209,56,.05)}.main-content-area .card .add-courses .search-container{padding:0 20px}.main-content-area .card .registering-courses h2{font-size:28px;font-family:"Circular Air Bold";color:#000}.main-content-area .card .registering-courses p.small{color:#555c72;font-family:"Circular Air Light";font-size:16px;font-weight:300;margin-top:10px;line-height:20px}.main-content-area .card .registering-courses .checked-icon{margin-bottom:15px}.main-content-area .card .registering-courses .checked-icon svg{height:30px;width:40px;margin:0}.main-content-area .card .registering-courses .btn{margin-top:29px;padding:17px 30px}.loader-wrapper{height:100%}.main-loader .loader{position:relative;margin:0px auto;width:84px;height:84px}.main-loader .loader:before{content:"";display:block;padding-top:100%}.circular-loader{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}@-webkit-keyframes color{0%{stroke:#01d66c}40%{stroke:#01d66c}66%{stroke:#01d66c}80%,90%{stroke:#01d66c}}@keyframes color{0%{stroke:#01d66c}40%{stroke:#01d66c}66%{stroke:#01d66c}80%,90%{stroke:#01d66c}}.owl-prev,.owl-next{position:absolute;top:50%;transform:translateY(-50%)}.owl-prev{left:-2.7rem}.owl-next{right:-2.7rem}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{outline:none}.owl-theme .owl-nav [class=owl-]:hover{background:transparent;color:initial}@media(max-width: 575.98px){.side-bar{position:unset}.main-content-area{padding:90px 40px}.main-content-area .card .items .item-container .item-title{margin-bottom:14px}.main-content-area .card .items .item-container .item-details{text-align:left;padding-left:.5rem !important}}@media(min-width: 576px)and (max-width: 767.98px){.main-content-area{padding:40px 40px}.main-content-area .card .items .item-container .item-title{margin-bottom:14px}.main-content-area .card .items .item-container .item-details{text-align:left;padding-left:.5rem !important}}/*# sourceMappingURL=main.min.css.map */

*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: ;
  max-width: 100%;
  background: #f8f9fa;
  font-family: 'Poppins', sans-serif;
}

a{
  text-decoration: none;
}

/* li{
  list-style: none;
} */

input,
textarea{
  border: none;
  outline: none;
}

button{
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 3px;
  line-height:10px;
  padding-bottom:40px;
  border-top: 1px solid #00d715;
  display: inline-block;
  border-radius: 0 0 5px 5px;
  text-align:center;
  vertical-align: middle;
}

.headerContainer{
  margin-top: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.logo{
  width: 50px;
  height: 50px;
}

.flex{
  display: flex;
  justify-content: center;
  padding: 50px 10px 30px ;
  gap: 2px;
}
.flexnew{
  display: flex;
  justify-content: center;
  padding: 100px 20px 40px ;
  gap: 2px;
}
.flex1{
  background: #fff;
  padding: 30px 30px;
  border-radius: 10px;
}

.flex1 h2, 
.flex2 h2{
  padding-bottom: 30px;
}

.flex1-child3{
  padding-top: 30px;
}

.flex1{
  width: 100%; 
  line-height: 100%;
  /* flex-basis: 40%; */
}

.flex2{
  padding: 20px 0;
}

.flex1,
.flex2{
  box-shadow: 0 2px 5px 0 #f2f2f2;
}

.Allform-i,
.Allform-ii,
.Allform-iii{
  padding: 5px 20px;
}

.flex2{
  /* flex-basis: 80%; */
  background: #fff;
  width: 100%;
  border-radius: 3px;
  height: 100%;
  border-radius: 10px;
}
.flex3{
  /* flex-basis: 80%; */
  background: #fff;
  width: 120%;
  border-radius: 3px;
  border-radius: 10px;
  line-height: 50px;
 
    
}

.btn:hover{
  color: #ffff;
}

.labelGeneral{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 450px;
}

.flex1-child2{
  line-height: 30px;
  padding: 25px 20px;
  width: 450px;
  height: 300px;
  overflow-y: scroll;
  position: relative;
  margin-top: 16px;
}

.flex1 h2,
.flex2 h2,
.flex3 h2{
  border-bottom: 1px solid grey;
  font-size: 17px;
}

/* .Allform{
  padding: 5px 20px;
} */

.labelGeneral label{
  padding-bottom: 10px;
  padding-top: 10px;
}

.labelGeneral input{
  border: 1px solid grey;
  padding: 12px 20px;
  background: rgb(223, 225, 226);
  color:#555c72;
  width: 100%;
  font-size: 15px;
  border-radius: 5px 5px 5px 5px;
}

.labelGeneral input::placeholder{
  font-weight: 700;
  font-size: 15px;

}

.labelGeneral1{
  align-items: start;
}

.labelGeneral2{
  align-items: start;
}

.flex2 h2{
  margin-bottom: 30px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 5px;
}

.flex1-child3 h3{
  font-size: 15px;
}

.flex2 h2{
  text-align: center;
}

.form-details{
  margin-top: 2rem;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  display: flex;
}

.form-details a{
  margin-bottom: 10px;
  color: grey;
}

.btn{
  background: #00d715;
  padding: 19px 1px;
  color: #fff;
  width: 100%;
  margin-right: 20%;
  font-weight: 900;
  opacity: 0.9;
  border-radius: 3px;
  line-height:10px;
  padding-bottom:40px;
  border-top: 1px solid #00d715;
  display: inline-block;
  border-radius: 0 0 5px 5px;
  text-align:center;
  vertical-align: middle;
  
}

/* .btn:hover{ */
  /* opacity: 3 ; */


@media all and (min-width: 300px) and (max-width: 1200px) {
  /* body{
    max-width: 1200px;
  } */

  .flex1,
  .flex2 {
    height: 100%;
  }



}

@media all and (min-width: 300px) and (max-width: 1090px){
  .flex1-child2{
    width: 330px;
  }

  .labelGeneral{
    width: 350px;
  }
}

@media all and (min-width: 300px) and (max-width: 847px) {
  .flex{
    display: block;
  }

  .flex1-child2 {
    width: 630px;
  }

  p{
    font-size: 13px;
  }

  h2{
    font-size: 15px;
  }

  .flex1, .flex2 {
    margin-bottom: 1rem;
  }

  .flex1-child3 h3 {
    font-size: 11px;
  }

  .labelGeneral input::placeholder{
    font-size: 11px;
  
  }

  .flex1 h2, .flex2 h2 {
    font-size: 14px;
  }

  .labelGeneral {
    width: 100%;
  }

  .labelGeneral label {
    font-size: 13px;
  }

  .form-details a {
    font-size: 12px;
  }
}

@media all and (min-width: 300px) and (max-width: 740px){
  .flex1-child2 {
    width: 500px;
  }
} 

@media all and (min-width: 300px) and (max-width: 619px) {
  .flex1-child2 {
    width: 400px;
  }
}

@media all and (min-width: 300px) and (max-width: 495px) {
  .flex1-child2 {
    width: 300px;
  }

  p {
    font-size: 11px;
  }

  h3{
    font-size: 15px;
  }
}

@media all and (min-width: 300px) and (max-width: 619px) {
  .flex1-child2 {
    width: 350px;
  }
}

@media all and (min-width: 300px) and (max-width: 419px) {
  .flex1-child2 {
    width: 300px;
  }
}

@media all and (min-width: 300px) and (max-width: 419px) {
  .flex1-child2 {
    width: 280px;
  }
}

@media all and (min-width: 300px) and (max-width: 360px) {
  .flex1-child2 {
    width: 220px;
  }

  .flex {
    padding: 50px 90px 30px;
  }
}