.spinner{margin:100px auto 0;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#fff;opacity:0.7;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}

.text-center{text-align:center !important}.text-left{text-align:left !important}.text-right{text-align:right !important}@font-face{font-family:'Roboto';src:local("Roboto Bold"),local("Roboto-Bold"),url("/font/subset-Roboto-Bold.woff2") format("woff2"),url("/font/subset-Roboto-Bold.woff") format("woff"),url("/font/subset-Roboto-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:'Roboto';src:local("Roboto"),local("Roboto-Regular"),url("/font/subset-Roboto-Regular.woff2") format("woff2"),url("/font/subset-Roboto-Regular.woff") format("woff"),url("/font/subset-Roboto-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}*{box-sizing:border-box}html{margin:0;min-height:100%}body{margin:0;width:100%;min-height:100vh;font-family:'Roboto', tahoma, sans-serif;color:#333;overflow-y:scroll;background:linear-gradient(-45deg, #007f63, #00467f, #0f007f);background-size:400% 400%;animation:gradient-bg 20s ease infinite;position:relative;padding-bottom:80px}@keyframes gradient-bg{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}input{color:inherit;font-size:inherit}.container{width:520px;margin:0 auto}@media (max-device-width: 520px){.container{width:100%;padding:0 20px}}.fake-link,.fake-link-white{text-decoration:underline;cursor:pointer}.fake-link.fake-link,.fake-link-white.fake-link{color:blue}.fake-link.fake-link-white,.fake-link-white.fake-link-white{color:white}.clearfix{clear:both}.colour-button{position:fixed;top:0;left:0;width:30px;height:30px;background-color:white;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-right-radius:10px;cursor:pointer;background-image:url(/img/colour.png);background-size:70% 70%;background-position:center center;background-repeat:no-repeat}.header{display:block;background-image:url(/img/logo.png);background-repeat:no-repeat;background-size:contain;background-position:50% 50%;margin-top:40px;margin-bottom:20px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.header{background-image:url(/img/logo_2x.png)}}.offering-finder-wrapper{font-size:24px}.offering-finder-wrapper .semester-select{display:block;width:100%;font-size:inherit;padding:7.5px;border:1px solid #ccc;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.offering-finder-wrapper .course-input-group{height:45px;background-color:white;border:1px solid #ccc;border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:flex}.offering-finder-wrapper .course-input-group .course-code{background:transparent;border:none;flex:1;padding-left:10px;padding-right:10px;text-transform:uppercase;min-width:0}.offering-finder-wrapper .course-input-group .separator{align-self:stretch;background-color:#ccc;margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box;flex-shrink:0}.offering-finder-wrapper .course-input-group #btn-load{width:36px;line-height:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.offering-finder-wrapper .course-input-group #btn-load svg{height:18px;width:14px;fill:#333}.messages,.assessment,.results{margin-top:30px}.messages{text-align:center;font-weight:300;font-size:20px;color:white}.messages a,.messages a:link,.messages a:hover,.messages a:active{color:#6d9bc3}.assessmentGraphColumn{width:0}.assessmentGraphContainer{width:35px;height:35px;margin:5px 0}.assessment,.results{background-color:#fff;border-radius:4px;padding:20px}.assessment table{width:100%}.assessment th{text-align:left}.assessment td,.assessment th{height:34px}.assessment tr td{padding-right:10px}.assessment tr td:last-child{padding-right:0}.assessment .assessmentScore{width:100%}.assessment .assessmentScore.badScore{box-shadow:0 0 6px #FF0300}.assessment .scoreColumn{width:80px}.results .title{font-size:20px;font-weight:bold;margin-bottom:8px}.results .resultsGraphContainer{width:120px;height:120px;margin:0 0 15px 15px;float:right}.results .resultsSentence{text-align:center;font-size:20px}.results .resultsSentence select{border:none;border-bottom:1px solid #ccc;font-size:inherit}.results .detailTable{width:100%;border-collapse:collapse}.results .detailTable th,.results .detailTable td{border-top:1px solid #dee2e6;padding:0.75rem}.results .detailTable .bg-success{background-color:#28a745 !important}.results .detailTable .bg-danger{background-color:#dc3545 !important}.ad{margin-top:40px}.footer{text-align:center;font-size:9px;position:absolute;bottom:0;left:0;right:0;height:40px;color:white}.footer div{padding-top:2px}.footer a{text-decoration:none;color:white}.footer a:hover{text-decoration:underline}.footer .fb{width:10px;height:10px;margin-right:6px;vertical-align:top}.notice-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:100}.notice-wrapper .notice-inner-wrapper{background-color:#f3f3f4;padding:20px 40px;max-width:800px;margin:0 auto}.notice-wrapper .notice-inner-wrapper .btn-wrapper{text-align:right}.notice-wrapper .notice-inner-wrapper .btn-wrapper .btn{box-shadow:inset 0px 1px 0px 0px #ffffff;background-color:#ffffff;border-radius:3px;border:1px solid #999999;display:inline-block;cursor:pointer;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #ffffff}.notice-wrapper .notice-inner-wrapper .btn-wrapper .btn:hover{background-color:#f6f6f6}.notice-wrapper .notice-inner-wrapper .btn-wrapper .btn:active{position:relative;top:1px}