@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap);.hidden{visibility:hidden}button{cursor:pointer}button:focus{outline:0}.burger-button{position:relative;height:30px;width:32px;display:block;z-index:999;border:0;border-radius:0;background-color:transparent;pointer-events:all;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.burger-bar{background-color:#fff;position:absolute;top:50%;right:6px;left:6px;height:2px;width:auto;margin-top:-1px;transition:transform .6s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .6s cubic-bezier(.165,.84,.44,1)}.burger-bar--1{transform:translateY(-6px)}.burger-bar--2{transform-origin:100% 50%;transform:scaleX(.8)}.burger-button:hover .burger-bar--2,.no-touchevents .burger-bar--2:hover{transform:scaleX(1)}.burger-bar--3{transform:translateY(6px)}#burger.active .burger-button{transform:rotate(-180deg)}#burger.active .burger-bar{background-color:#fff}#burger.active .burger-bar--1{transform:rotate(45deg)}#burger.active .burger-bar--2{opacity:0}#burger.active .burger-bar--3{transform:rotate(-45deg)}.slide-enter-active,.slide-leave-active{transition:transform .2s ease}.slide-enter,.slide-leave-to{transform:translateX(-100%);transition:all .15s ease-in 0s}.sidebar-backdrop{background-color:rgba(0,0,0,.5);width:100vw;cursor:pointer}.sidebar-backdrop,.sidebar-panel{height:100vh;position:fixed;top:0;left:0}.sidebar-panel{overflow-y:auto;background-color:#007bff;z-index:999;padding:3rem 20px 2rem 20px;width:300px}ul.sidebar-panel-nav{padding:0}ul.sidebar-panel-nav>li>a{color:#fff;text-decoration:none;font-size:1.25rem;display:block;padding:15px 30px;border-bottom:1px solid hsla(0,0%,100%,.1)}ul.sidebar-panel-nav>li:hover{background-color:#248dff}.sidebar-panel-nav>li.bottom{margin-top:auto}.main-nav{display:flex;justify-content:space-between;padding:.5rem .8rem}.content{padding:6rem}h1,h2,h3,h4,h5,h6,p{font-family:Roboto,sans-serif;letter-spacing:.5px}.center{margin:auto;width:50%}.right{text-align:right}.left{text-align:left}.contents[data-v-d2112764]{width:50%}.img-fluid[data-v-d2112764]{max-width:100%;height:auto}img[data-v-d2112764]{vertical-align:middle;border-style:none}.form-group[data-v-d2112764]{position:relative;margin-bottom:1.5rem}.login-button[data-v-d2112764]{height:54px;width:100%}.heavy[data-v-d2112764]{font-size:16px;font-weight:500;letter-spacing:1px}.card-horizontal{display:flex;flex:1 1 auto}.view-all-button{height:38px;width:35%}.home-page-card{border-radius:4px;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 80px 18px 36px;cursor:pointer}.home-page-card:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06);border-color:#0275d8}.contents{width:50%}.register-button{height:54px;width:100%}.heavy{letter-spacing:1px}.form-block{background:#fff;padding:60px;box-shadow:0 2px 3px 0 rgb(0 0 0/10%)}.description-box{height:100%;width:360px}.modal-backdrop{display:none}.modal{background:rgba(0,0,0,.5)}legend{font-weight:500}.red-border[data-v-125af396]{border:4px solid #df4759!important}.cancel-modal-button[data-v-125af396],.delete-modal-button[data-v-125af396]{width:90px}table.table-hover tbody tr:hover{background-color:#b6d9ff}.page-item:hover .page-link{background-color:#b6d9ff!important;border-color:#b6d9ff!important}.courses-card{border-radius:4px;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 36px 18px 36px}.submit-button{width:15%}.submit-button[data-v-8617bef8]{width:20%}.description-box[data-v-8617bef8]{height:100%;width:360px}.modal-backdrop[data-v-8617bef8]{display:none}.modal[data-v-8617bef8]{background:rgba(0,0,0,.5)}legend[data-v-8617bef8]{font-weight:500}.courses-show-card-blue{border-radius:4px;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.15),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 36px 18px 36px}.courses-show-card-blue:hover{transform:scale(1.1);box-shadow:0 10px 20px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06);border-color:#0275d8}.courses-show-card{border-radius:4px;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 36px 18px 36px}.btn-warning,.btn-warning:hover{color:#fff}.edit-courses-card{border-radius:4px;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 36px 18px 36px}.update-pill-button{width:15%}.enrolments-card{border-radius:4px;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 36px 18px 36px}.submit-button{width:20%}.enrolments-show-card-blue{border-radius:4px;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.15),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 36px 18px 36px}.enrolments-show-card-blue:hover{transform:scale(1.1);box-shadow:0 10px 20px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06);border-color:#0275d8}.card{height:100%}.enrolments-show-card{border-radius:4px;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 36px 18px 36px}.view-all-button{height:40px;width:70%}.edit-enrolments-card{border-radius:4px;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 36px 18px 36px}.submit-button[data-v-c63f6c3c]{width:20%}.description-box[data-v-c63f6c3c]{height:100%;width:360px}.modal-backdrop[data-v-c63f6c3c]{display:none}.modal[data-v-c63f6c3c]{background:rgba(0,0,0,.5)}.red-border{border:4px solid #df4759!important}.cancel-modal-button,.delete-modal-button{width:90px}.lecturers-card{box-shadow:0 6px 8px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05)}.lecturers-card,.lecturers-show-card-blue{border-radius:4px;background:#fff;transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 36px 18px 36px}.lecturers-show-card-blue{box-shadow:0 6px 8px rgba(0,0,0,.15),0 0 6px rgba(0,0,0,.05)}.lecturers-show-card-blue:hover{transform:scale(1.1);box-shadow:0 10px 20px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06);border-color:#0275d8}.edit-lecturers-card,.lecturers-show-card{border-radius:4px;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);padding:14px 36px 18px 36px}.update-pill-button{height:50px;width:25%}.heavy{font-size:16px;font-weight:500;letter-spacing:.5px}