.header{display:flex}.header .header-container{height:56px;display:flex;align-items:center;box-shadow:0 1px 6px 1px rgba(0,0,0,.5);background-color:#f5f5f5;position:relative;z-index:1000}.header .header-container .menuButton{color:#fff;margin-right:10px}.header .header-container .title{font-family:AxiataBold;font-size:18px;color:#fff;flex-grow:1}.header .header-container .desc{font-family:AxiataMedium;font-size:16px}@media (max-width:1000px){.header .header-container .title{font-family:AxiataBold;font-size:14px;color:#fff}.header .header-container .desc{font-family:AxiataMedium;font-size:12px}}.drawer .drawer-container{width:100%;height:56px;display:flex;align-items:center}.navigation-list{width:300px}.sub-item{padding-left:10px}.footer{width:100%;background:#fff;border-top:1px solid #a1a1a1}.footer .footer-container{width:100%;max-width:1380px;margin:0 auto;padding:50px 8vw;display:flex;flex-direction:row;flex-wrap:wrap}.footer p{font-size:14px}.footer .logo-container{margin-bottom:30px}.footer .logo{width:auto;height:34px;margin:10px}.footer .logo-axiata{width:auto;height:38px;margin:10px 10px 0}.footer .logo-partner{height:50px;width:auto;margin:20px 0 30px}.footer .subcontainer{width:190px;display:flex;flex-direction:column}.footer .subcontainer p{line-height:1.8;font-size:14px!important}.footer .subcontainer .copyright{color:#3bacd7}.footer .subcontainer h5,.footer .subcontainer p{color:#555}.footer .subcontainer-left{text-align:left;margin-right:0;order:1}.footer .subcontainer-middle{align-items:center;justify-content:center;text-align:center;flex-grow:1;order:2}.footer .subcontainer-right{text-align:left;padding-left:30px;order:3}.footer .subcontainer-right .address-name{line-height:1.2}.footer .subcontainer-right .address{line-height:1.6}.footer .logo-container{display:flex;direction:row}.footer .terms-privacy-container{display:flex;flex-direction:row;margin-top:20px;margin-bottom:20px}.footer .terms-privacy{padding:0 25px;color:#3bacd7!important}@media screen and (max-width:820px){.footer .subcontainer-left{text-align:left;margin:0;width:100%;order:1}.footer .subcontainer-middle{margin:40px 0 0;width:100%;order:3}.footer .subcontainer-right{text-align:left;margin:40px 0 0;width:100%;order:2;padding-left:0}}.helpinfo-container{text-align:center;padding-top:70px;padding-bottom:80px}.helpinfo-container h2{padding:10px;font-size:22px!important;font-family:AxiataMedium;font-weight:700}.helpinfo-container p{margin-top:10px;line-height:1.7}.page-container{width:100%;height:100vh;display:flex;flex-direction:column}.landing,.page-container{align-items:center;justify-content:center}.landing h1{color:#000;text-align:center}.landing .logoImg{margin-bottom:50px}.landing .username-field{width:100%;margin-top:10px;margin-bottom:30px;display:flex;justify-content:center}.landing .username-field .text-input{width:80%}.landing .password-field{margin-top:10px;margin-bottom:30px;display:flex;justify-content:center}.landing .password-field .text-input,.landing .submit-button{width:80%}@media screen and (max-width:1000px){.landing{display:flex;flex-direction:column}.landing .logoImg{align-self:center;width:60%}.landing .username-field{width:100%;margin-top:10px;margin-bottom:30px;display:flex;justify-content:center}.landing .username-field .text-input{width:100%}.landing .password-field{margin-top:10px;margin-bottom:30px;display:flex;justify-content:center}.landing .password-field .text-input{width:100%}.landing .submit-button{width:50%}.landing .landing-form{width:70%}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center}.about{width:100%}.about .bg{background-image:url(/images/about_bg.jpg)}.about .bg.top-bg{height:500px}.about .content-container{width:100%;max-width:1380px;margin:0 auto;padding:60px 8vw;display:flex;flex-direction:row;flex-wrap:wrap}.about .about-icon{background-image:url(/images/about_photo_1.png);background-size:cover;background-position:50%;width:361px;height:241px}.about .desc-container{width:calc(100% - 361px);padding:0 25px;margin:0}.about .desc-container p{margin-top:20px}@media screen and (max-width:768px){.about .about-icon{width:100%;height:30vw}.about .desc-container{width:100%;margin:50px 0 0}}.student-form-container{display:flex;flex-direction:column;padding:30px 10px 10px 30px;align-self:center;margin-bottom:30px;width:100%}.student-form-container h2{color:#000;margin-bottom:30px}.student-form-container .header{color:#1e90ff;margin-bottom:30px}.student-form-container .input-field-container{margin:0 30px 30px 10px}.student-form-container .input-field-container .input-field{width:100%}.student-form-container .courseContainer{display:flex;flex-direction:row;justify-content:left}.student-form-container .courseContainer .input-field-container{flex:1 1;margin:0 30px 30px 10px}.student-form-container .courseContainer .button-container{margin-right:12px}.student-form-container .MuiDialog-paper{width:60%!important}@media screen and (max-width:1000px){.student-form-container{padding:0}.student-form-container .input-field-container{margin:0 10px 15px}.student-form-container .input-field-container .input-field{width:100%}.student-form-container .courseContainer{display:flex;flex-direction:row;justify-content:left;flex-wrap:wrap}.student-form-container .courseContainer .input-field-container{flex:1 1;margin:0 5px 10px}.student-form-container .courseContainer .button-container{margin-right:12px}}.student-payment-container{display:flex;flex-direction:column;padding:30px 10px 10px 30px}.student-payment-container .paperContainer{align-self:center;margin-bottom:30px;padding:20px 50px}.student-payment-container .paperContainer .date-picker{margin-top:20px}.student-payment-container .paperContainer .form-control,.student-payment-container .paperContainer .text-field{margin-top:20px;margin-left:30px;min-width:180px}.student-payment-container .paperContainer .search-btn{margin-top:30px;margin-left:30px;min-width:180px}.student-payment-container .paperContainer .header{color:#1e90ff}.student-payment-container .paperContainer h2{color:#000;margin-bottom:30px}.student-payment-container .paperContainer .table-container{margin-top:60px}.miscContainer{display:flex;flex-direction:row;justify-content:left;flex-wrap:wrap}.miscContainer .input-field-container{flex:1 1;margin:0 10px 10px 0}.miscContainer .input-field-container .input-field{width:100%;min-width:80px}@media screen and (max-width:1000px){.student-payment-container{width:100%;flex-wrap:wrap}.student-payment-container .paperContainer{width:100%;display:flex;flex-wrap:wrap;padding:0!important}.student-payment-container .paperContainer .form-control,.student-payment-container .paperContainer .text-field{margin-top:20px;margin-left:10px!important;min-width:120px!important}.student-payment-container .paperContainer .search-btn{margin-top:30px;margin-left:10px!important;min-width:120px!important}.student-payment-container .table-container{width:100%}}.misc-student-payment-container .paperContainer{align-self:start!important;padding:0!important}.student-management-container .paperContainer{align-self:start}.student-management-form-container{display:flex;flex-direction:column;padding:30px 10px 10px 30px;align-self:center;margin-bottom:30px;width:100%}.student-management-form-container .arrowBack{font-family:AxiataMedium;font-size:18px!important;align-self:start;padding-left:0!important}.student-management-form-container h2{color:#000;margin-bottom:30px}.student-management-form-container .header{color:#1e90ff;margin-bottom:30px}.student-management-form-container .input-field-container{margin:0 30px 30px 10px}.student-management-form-container .input-field-container .input-field{width:100%}.student-management-form-container .courseContainer{display:flex;flex-direction:row;justify-content:left}.student-management-form-container .courseContainer .input-field-container{flex:1 1;margin:0 30px 30px 10px}.student-management-form-container .courseContainer .button-container{margin-right:12px}.student-management-form-container .MuiDialog-paper{width:60%!important}@media screen and (max-width:1000px){.student-management-form-container{padding:0}.student-management-form-container .arrowBack{font-family:AxiataMedium;font-size:12px!important;align-self:start;padding-left:0!important}.student-management-form-container .input-field-container{margin:0 10px 15px}.student-management-form-container .input-field-container .input-field{width:100%}.student-management-form-container .courseContainer{display:flex;flex-direction:row;justify-content:left;flex-wrap:wrap}.student-management-form-container .courseContainer .input-field-container{flex:1 1;margin:0 5px 10px}.student-management-form-container .courseContainer .button-container{margin-right:12px}}.form-container .paper{margin-bottom:30px;width:60%;padding:10px}.form-container .paper h2{color:#000;margin-bottom:30px}@media screen and (max-width:1000px){.form-container{padding:0!important}.form-container .input-field-container{margin:0 10px 15px}.form-container .input-field-container .input-field{width:100%}.form-container .courseContainer{display:flex;flex-direction:row;justify-content:left;flex-wrap:wrap}.form-container .courseContainer .input-field-container{flex:1 1;margin:0 5px 10px}.form-container .courseContainer .button-container{margin-right:12px}}.form-container{display:flex;flex-direction:column;padding:30px 10px 10px 30px;align-self:center;margin-bottom:30px;width:100%}.form-container .arrowBack{font-family:AxiataMedium;font-size:18px!important;align-self:start;padding-left:0!important}.form-container h2{color:#000;margin-bottom:30px}.form-container .header{color:#1e90ff;margin-bottom:30px}.form-container .input-field-container{margin:0 30px 30px 10px}.form-container .input-field-container .input-field{width:100%}.form-container .courseContainer{display:flex;flex-direction:row;justify-content:left}.form-container .courseContainer .input-field-container{flex:1 1;margin:0 30px 30px 10px}.form-container .courseContainer .button-container{margin-right:12px}.form-container .MuiDialog-paper{width:60%!important}@media screen and (max-width:1000px){.form-container{padding:0}.form-container .arrowBack{font-family:AxiataMedium;font-size:12px!important;align-self:start;padding-left:0!important}.form-container .input-field-container{margin:0 10px 15px}.form-container .input-field-container .input-field{width:100%}.form-container .courseContainer{display:flex;flex-direction:row;justify-content:left;flex-wrap:wrap}.form-container .courseContainer .input-field-container{flex:1 1;margin:0 5px 10px}.form-container .courseContainer .button-container{margin-right:12px}}.student-management-container .paperContainer{align-self:center;padding:20px 50px}.misc-student-payment-container .table-container{margin-top:60px}@media screen and (max-width:1000px){.misc-student-payment-container{width:100%;flex-wrap:wrap}.misc-student-payment-container .paperContainer{width:100%;display:flex;flex-wrap:wrap;padding:0!important}.misc-student-payment-container .paperContainer .form-control,.misc-student-payment-container .paperContainer .text-field{margin-top:20px;margin-left:10px!important;min-width:120px!important}.misc-student-payment-container .paperContainer .search-btn{margin-top:30px;margin-left:10px!important;min-width:120px!important}.misc-student-payment-container .table-container{width:100%}}.misc-student-payment-container{display:flex;flex-direction:column;padding:30px 10px 10px 30px}.misc-student-payment-container .paperContainer{align-self:center;margin-bottom:30px;padding:20px 50px}.misc-student-payment-container .paperContainer h2{color:#000;margin-bottom:30px}.misc-student-payment-container .paperContainer .header{color:#1e90ff;margin-bottom:30px}.misc-student-payment-container .paperContainer .date-picker{margin-top:20px}.misc-student-payment-container .paperContainer .form-control,.misc-student-payment-container .paperContainer .text-field{margin-top:20px;margin-left:30px;min-width:180px}.misc-student-payment-container .paperContainer .search-btn{margin-top:30px;margin-left:30px;min-width:180px}.misc-student-payment-container .paperContainer .table-container{margin-top:60px}.misc-student-payment-container .MuiDialog-paper{width:60%!important}.financial-report-container{display:flex;flex-direction:column;padding:30px 10px 10px 30px}.financial-report-container .paperContainer{width:100%!important;align-self:center;margin-bottom:30px}.financial-report-container .paperContainer h2{color:#000;margin-bottom:30px}.financial-report-container .paperContainer .header{color:#1e90ff;margin-bottom:30px}.financial-report-container .paperContainer .date-picker{margin-top:20px}.financial-report-container .paperContainer .form-control,.financial-report-container .paperContainer .text-field{margin-top:20px;margin-left:30px;min-width:180px}.financial-report-container .paperContainer .search-btn{margin-top:30px;margin-left:30px;min-width:180px}.financial-report-container .paperContainer .table-container{margin-top:60px}.financial-report-container .MuiDialog-paper{width:60%!important}.misc-student-payment-container-dialog .date-picker-container{margin-top:20px}.misc-student-payment-container-dialog .date-picker-container .date-picker-to{margin-left:10px}@media screen and (max-width:1000px){.financial-report-container{width:100%;flex-wrap:wrap}.financial-report-container .paperContainer{width:100%;display:flex;flex-wrap:wrap;padding:0!important}.financial-report-container .paperContainer .form-control,.financial-report-container .paperContainer .text-field{margin-top:20px;margin-left:10px!important;min-width:120px!important}.financial-report-container .paperContainer .search-btn{margin-top:30px;margin-left:10px!important;min-width:120px!important}.financial-report-container .table-container{width:100%}}.announcement-management-form-container{display:flex;flex-direction:column;padding:10px 10px 10px 30px}.announcement-management-form-container .arrowBack{font-family:AxiataMedium;font-size:18px!important;align-self:start;padding-left:0!important}.announcement-management-form-container .paperContainer{align-self:center;margin-bottom:30px;width:100%;margin-top:20px}.announcement-management-form-container .paperContainer .create-btn{margin-top:15px;margin-left:0;min-width:180px}.announcement-management-form-container .paperContainer h2{color:#000;margin-bottom:30px}.announcement-management-form-container .paperContainer .header{color:#1e90ff;margin-bottom:30px}.announcement-management-form-container .paperContainer .input-field-container{margin:0 30px 30px 10px}.announcement-management-form-container .paperContainer .input-field-container .input-field{width:100%}.announcement-management-form-container .MuiDialog-paper{width:60%!important}.quiz-management-form-container{display:flex;flex-direction:column;padding:10px 10px 10px 30px}.quiz-management-form-container .arrowBack{font-family:AxiataMedium;font-size:18px!important;align-self:start;padding-left:0!important}.quiz-management-form-container .paperContainer{align-self:center;margin-bottom:30px;width:100%;margin-top:20px}.quiz-management-form-container .paperContainer .create-btn{margin-top:15px;margin-left:0;min-width:180px}.quiz-management-form-container .paperContainer h2{color:#000;margin-bottom:30px}.quiz-management-form-container .paperContainer .header{color:#1e90ff;margin-bottom:30px}.quiz-management-form-container .paperContainer .input-field-container{margin:0 30px 30px 10px}.quiz-management-form-container .paperContainer .input-field-container .input-field{width:100%}.quiz-management-form-container .detail-margin{margin-top:50px}.quiz-management-form-container .MuiDialog-paper{width:60%!important}.note-management-form-container{display:flex;flex-direction:column;padding:10px 10px 10px 30px}.note-management-form-container .arrowBack{font-family:AxiataMedium;font-size:18px!important;align-self:start;padding-left:0!important}.note-management-form-container .paperContainer{align-self:center;margin-bottom:30px;width:100%;margin-top:20px}.note-management-form-container .paperContainer .create-btn{margin-top:15px;margin-left:0;min-width:180px}.note-management-form-container .paperContainer h2{color:#000;margin-bottom:30px}.note-management-form-container .paperContainer .header{color:#1e90ff;margin-bottom:30px}.note-management-form-container .paperContainer .input-field-container{margin:0 30px 30px 10px}.note-management-form-container .paperContainer .input-field-container .input-field{width:100%}.note-management-form-container .MuiDialog-paper{width:60%!important}.timetable-management-form-container{display:flex;flex-direction:column;padding:10px 10px 10px 30px}.timetable-management-form-container .arrowBack{font-family:AxiataMedium;font-size:18px!important;align-self:start;padding-left:0!important}.timetable-management-form-container .paperContainer{align-self:center;margin-bottom:30px;width:100%;margin-top:20px}.timetable-management-form-container .paperContainer .create-btn{margin-top:15px;margin-left:0;min-width:180px}.timetable-management-form-container .paperContainer h2{color:#000;margin-bottom:30px}.timetable-management-form-container .paperContainer .header{color:#1e90ff;margin-bottom:30px}.timetable-management-form-container .paperContainer .input-field-container{margin:0 30px 30px 10px}.timetable-management-form-container .paperContainer .input-field-container .input-field{width:100%}.timetable-management-form-container .detail-margin{margin-top:50px}.timetable-management-form-container .MuiDialog-paper{width:60%!important}.timetable-management-form-container .table-container{width:100%;margin-bottom:40px}.student-management-container{display:flex;flex-direction:column;padding:30px 10px 10px 30px}.student-management-container .paperContainer{width:100%;padding:0!important;margin-bottom:30px}.student-management-container .paperContainer .date-picker{margin-top:20px}.student-management-container .paperContainer .form-control,.student-management-container .paperContainer .text-field{margin-top:20px;margin-left:30px;min-width:180px}.student-management-container .paperContainer .search-btn{margin-top:30px;margin-left:30px;min-width:180px}.student-management-container .paperContainer .header{color:#1e90ff}.student-management-container .paperContainer h2{color:#000;margin-bottom:30px}.student-management-container .paperContainer .table-container{margin-top:60px}.student-management-container .MuiDialog-paper{width:60%!important}@media screen and (max-width:1000px){.student-management-container{width:100%;flex-wrap:wrap}.student-management-container .paperContainer{width:100%;display:flex;flex-wrap:wrap;padding:0!important}.student-management-container .paperContainer .form-control,.student-management-container .paperContainer .text-field{margin-top:20px;margin-left:10px!important;min-width:120px!important}.student-management-container .paperContainer .search-btn{margin-top:30px;margin-left:10px!important;min-width:120px!important}.student-management-container .table-container{width:100%}}@font-face{font-family:AxiataBook;src:local("AxiataBook"),url(/static/media/axiata-book-center.4f10c9a2.woff) format("woff")}@font-face{font-family:AxiataBold;src:local("AxiataBold"),url(/static/media/axiata-bold-center.099835e7.woff) format("woff")}@font-face{font-family:AxiataMedium;src:local("AxiataMedium"),url(/static/media/axiata-medium-center.4dccad79.woff) format("woff")}a{text-decoration:none}a,a:visited{color:inherit}body{font-family:AxiataBook;margin:0}.inline-error{color:red;font-size:14px}h1{font-family:AxiataBold;font-size:36px!important;color:#555;margin:0;padding:0}h2,h3{font-family:AxiataBold;font-size:20px!important;color:#555;margin:0;padding:0}h4{font-family:AxiataMedium}h4,h5{font-size:16px!important;color:#555;margin:0;padding:0}h5{font-family:AxiataBold}h6{font-family:AxiataMedium;font-size:14px!important}h6,p{color:#555;margin:0;padding:0}p{font-family:AxiataBook;font-size:16px!important;line-height:30px}.button-std{background-color:#d80012;padding:15px;width:100%;font-family:AxiataMedium;font-size:20px!important;color:#fff;vertical-align:middle;outline:none;border:0;cursor:pointer}.top-bg{background-size:cover;background-position:50%;width:100%;height:610px}@media screen and (max-width:1000px){h1{font-size:14px!important}h2{font-size:12px!important}h3{font-size:10px!important}h4,h5{font-size:14px!important}h6,p{font-size:12px!important}.button-std{font-size:16px!important}.MuiButton-label,.MuiFormLabel-root,.MuiInputBase-input,.MuiMenuItem-root,.MuiTableCell-root{font-size:.8rem!important}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.fade-enter{opacity:.01}.fade-enter.fade-enter-active{opacity:1;-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:.01;-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.transition-group{position:relative}.route-section{position:absolute;width:100%;top:0;left:0}.page-loader-with-nav-drawer{left:60%}.page-loader-with-nav-drawer,.page-loader-without-nav-drawer{z-index:1000;position:fixed;display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;height:100%;top:50%}.page-loader-without-nav-drawer{left:49%}
/*# sourceMappingURL=main.80fe9f4a.chunk.css.map */