body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{margin-bottom:100px}.application-footer{background-color:#00f;position:fixed;bottom:0;height:100px;width:100%}.method-settings{margin-top:5px}.method-settings>*{display:inline-block;height:30px;line-height:30px;text-align:center}.method-settings__label{text-align:right;width:170px;margin-right:10px}.method-settings__value{border:1px solid #000;width:40px;margin:0 5px;border-radius:5px}.method-settings__btn{display:inline-block;width:30px;cursor:pointer}.method-settings__btn:hover{box-shadow:0 0 3px #000;border-radius:50%}.new-course-asset{display:flex}.new-course-asset__content{flex:3 1;padding:0 50px}.new-course-asset__video{display:flex;justify-content:space-between}.new-course-asset__video>video{max-width:240px}.resource-preview{height:100%;width:100%;max-width:50vw;text-align:center;display:inline-block}.search-result{position:relative}.search-result>div{background-color:#fff;position:absolute;z-index:4;top:0;width:100%;padding:10px;box-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000}.search-result__item:hover{background-color:green}.sidebar{background-color:pink;max-width:200px;min-height:100%}.sidebar__item{padding:3px 5px;display:inline-block;width:100%;color:#000;font-size:1.1rem}.sidebar__item:hover{background-color:red;text-decoration:none;cursor:pointer}.list{display:flex;flex-direction:column}.list-item{position:relative;box-shadow:0 1px 0 #000;margin:4px 0;padding:4px 0;transition:all .1s}.list-item:hover{cursor:pointer;box-shadow:0 0 5px #000}.list-item__main{display:flex}.list-item__center{flex:1 1}.list-item__title{font-size:1rem;color:#000}.list-item__subtitle{font-size:.9rem;color:#707070}.list-item__actions{position:absolute;right:Min(2%,10px);top:50%;transform:translateY(-50%);display:none}.list-item:hover .list-item__actions{display:inline}.input{display:inline-block}.input__label{font-weight:700}.input__field{margin:0 5px}.button{padding:2px 5px;background-color:#e0e0e0;display:inline-block}.radio-input__options{display:flex}.radio-input__option-item{display:inline-flex;align-items:baseline}.radio-input__option-field{margin:0 5px}.search-input__field{position:relative;z-index:100}.search-input__list{z-index:101;position:absolute;min-height:70px;max-height:170px;width:100%;background-color:#fff;top:calc(100% - 1px);border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 1px 1px #000;border-top:1px solid #e0e0e0}.search-input__option{width:100%;padding:2px 4px;margin:2px 0;cursor:pointer}.search-input__option:hover{background-color:red}.select-input{position:relative}.select-input__field{margin:0;display:flex;justify-content:space-between;height:30px;border:1px solid #000;min-width:150px}.select-input__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-input__marker{width:20px;display:flex}.select-input__marker>div{margin:auto;background-color:#000;height:10px;width:10px}.select-input__list{position:absolute;min-height:70px;max-height:170px;width:100%;background-color:#fff;top:calc(100% - 1px);border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 1px 1px #000;border-top:1px solid #e0e0e0}.select-input__option{width:100%;padding:2px 4px;margin:2px 0;cursor:pointer}.select-input__option:hover{background-color:red}.course-content{min-height:80vh;box-shadow:0 0 10px #000;padding:15px}.course .course-structure{display:flex;min-height:40vh}.course .course-structure>*{flex:1 1}.course .course-structure__item{padding:10px 5px;cursor:pointer}.course .course-structure__item--active{background-color:navy;color:#fff}.course .course-structure__item:hover{background-color:red}.login-page{display:flex;min-height:90vh}.login-page>div{margin:auto}.instructor{padding:10px 20px;border-radius:10px;box-shadow:0 0 4px #000;margin:5px 3px}.instructor__pic{height:100px;display:flex}.instructor__pic>img{height:100%;margin:auto}.schedule-online-class{min-height:90vh}.online-class-form{display:flex}.online-class-form>:first-child{flex:2 1}.online-class-form>:last-child{flex:1 1}.online-class-form__course{display:flex}.online-class-form__course>:first-child{flex:2 1}.online-class-form__course>:last-child{flex:1 1}.course-asset__content{display:flex}.course-asset__info{flex:1 1}.course-asset__video{flex:3 1}.course-banner__resources{display:flex}.course-banner__resources>*{margin:0 30px}.course-banner__change{display:none;position:absolute;top:0;right:0;height:100%;width:100%;background-color:rgba(0,0,0,.7);line-height:150px;font-size:2rem;text-align:center;color:#fff}.course-banner__1x1,.course-banner__16x9,.course-banner__intro{padding:10px;border-radius:5px;border:2px dashed #000;height:150px;width:150px;position:relative}.course-banner__1x1:hover .course-banner__change,.course-banner__16x9:hover .course-banner__change,.course-banner__intro:hover .course-banner__change{display:block}.course-banner__16x9,.course-banner__intro{height:150px;width:266.66667px}.abacus-resource{margin-top:10px}.abacus-resource__value{display:inline-block}.abacus-resource__actions{float:right;display:flex}.abacus-resource__action-btn{display:inline-block;padding:5px 7px;margin:0 5px}.abacus-resource__data .abacus-resource__action-btn{visibility:hidden}.list-group-item:hover .abacus-resource__action-btn{visibility:visible}.resource__filter{display:flex;margin:10px 0}.resource__filter>:nth-child(2){margin:0 15px;flex:1 1}.resource-types__item{cursor:pointer;padding:5px 15px}.resource-types__item:hover{background-color:silver}
/*# sourceMappingURL=main.28ea7690.chunk.css.map */