body{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}.loading-page{font-size:50px;color:#fff;font-weight:600}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.login-container-left{width:60%;height:100vh;background-color:#3b205d}.login-container-right{background-color:#fff;height:100vh;width:40%}@media only screen and (max-width:800px){.login-container-left{display:none}.login-container-right{width:100%}}.otp body{font-size:16px}.otp a{text-decoration:none;color:inherit}.otp .container{display:-webkit-flex;display:flex;width:100%;min-height:100vh;height:100%}.otp .side-bar{width:150px;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;z-index:1;position:relative}.otp .inputStyle{width:1.7rem!important;height:1.7rem;margin:0 .5rem;font-size:1.2rem;border-radius:4px;border:1px solid rgba(0,0,0,.3)}@media only screen and (max-width:678px){.otp .container{-webkit-flex-wrap:wrap;flex-wrap:wrap}.otp .container,.otp .side-bar{-webkit-flex-direction:column;flex-direction:column}.otp .side-bar{width:100%;display:-webkit-flex;display:flex}.otp .side-bar__segment--header{text-align:center}.otp .side-bar__segment--bottom{position:static!important;margin:10px}.otp label{display:block;float:left;width:120px}.otp .card{width:100%;min-width:120px!important;margin:20px}.otp .side-bar__segment>label>input[type=number],.otp .side-bar__segment>label>input[type=text]{width:180px!important}}@media only screen and (max-width:470px){.otp .margin-top--small .inputStyle{width:2rem!important;height:2rem;margin:0 5px;font-size:1rem}.otp .card>form>p{font-size:1.2em!important}}.otp .side-bar__segment{padding:.5rem 1rem}.otp .side-bar__segment--header{margin:1rem 0;border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3}.otp .side-bar__segment--header:hover{background-color:rgba(0,0,0,.1)}.otp .side-bar__segment--bottom{font-weight:700;position:absolute;bottom:2rem}.otp .view{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;background-color:#f2f2f3}.otp .side-bar__segment>label>input[type=number],.otp .side-bar__segment>label>input[type=text]{width:150px;border-radius:4px;border:1px solid #d3d3d3;margin:.5rem 0;height:1.5rem;padding:0 .5rem}.otp .side-bar__segment>label>input[type=checkbox]{border-radius:4px;border:1px solid #d3d3d3;margin:.5rem;width:1rem;height:1rem}.otp .card{min-width:360px;padding:2rem;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;border-radius:4px;background:#fff}.otp .card>form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.otp .card>form>p{font-size:1.5em;font-weight:700}.otp input[type=number]::-webkit-inner-spin-button,.otp input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.otp input[type=number]{-webkit-appearance:textfield;appearance:textfield}.otp .btn-row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.otp .btn{background-color:#3273dc;border:none;padding:.5rem 1rem;color:#fff;border-radius:4px;margin:1rem}.otp .btn:disabled{background-color:rgba(0,0,0,.4);cursor:not-allowed}.otp .margin-top--small{margin-top:1rem;margin-bottom:-1rem}.otp .margin-top--small>div{-webkit-flex-wrap:wrap;flex-wrap:wrap}.otp .margin-top--small>div>div{margin-bottom:1rem}.otp .margin-top--medium{margin-top:1.5rem}.otp .margin-top--large{margin-top:4rem}.otp .error{border:1px solid red!important}body{margin:0}::-webkit-scrollbar{width:10px;z-index:100}@media screen and (max-width:650px){::-webkit-scrollbar{width:5px;z-index:100}}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#e1ddeb}::-webkit-scrollbar-thumb:hover{background:#adabbb}::-webkit-scrollbar-thumb:window-inactive{background:#fff}.sidebar{margin:0;padding:0;width:68px;background-color:#3b205d;height:100%;position:fixed;z-index:100}.sidebar,.sidebar a{-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar a{display:block;color:#000;text-decoration:none;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding-bottom:20px}.sidebar a.active{color:#fff}.sidebar a:hover{background-color:#653d84;color:#fff}.content{margin-left:330px;padding:0 16px}@media screen and (max-width:850px){.content{margin-left:310px;padding:0 5px 0 16px}}@media screen and (max-width:650px){.sidebar{width:100%;height:auto;position:fixed;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;z-index:100;padding-bottom:5px}.sidebar a{float:left;margin-top:-20px;padding:5px 0}.sidebar a:hover{background-color:transparent;color:#fff}.inside{margin-top:57px}.content{margin-left:0;padding:1px 0}}.detail{color:"black";font-size:16.5px;cursor:text;min-width:200px;padding-left:85px;padding-top:10px;padding-bottom:100px}@media screen and (max-width:850px){.detail{padding-left:0;padding-top:5px}}@media screen and (max-width:650px){.detail{padding-left:5px;padding-right:5px;padding-top:0}}li,p{font-size:15px}blockquote{font-size:20px}.quill-read-write .ql-container{min-height:10em;border-bottom-color:#fff}.quill-read-write .ql-toolbar{background:rgba(199,194,204,.58);border-top-left-radius:.2em;border-top-right-radius:.2em;border-bottom:.1em solid #ccc}.quill-read-write .ql-container.ql-snow .ql-editor.ql-blank{font-size:15px}.quill-read-write .ql-container.ql-snow .ql-editor.ql-blank:before{font-style:normal}.quill-read-write .ql-editor{min-height:400px;height:inherit;border:1px solid #ccc}.quill-read-write .ql-editor .ql-size-large{font-size:1.3em}@media screen and (max-height:800px){.quill-read-write .ql-editor{min-height:400px;height:inherit;min-height:250px;overflow-y:scroll;border:1px solid #ccc}}@media screen and (max-height:700px),screen and (max-width:650px){.quill-read-write .ql-editor{height:inherit;min-height:100px;overflow-y:scroll;border:1px solid #ccc}}@media screen and (max-height:600px){.quill-read-write .ql-editor{height:inherit;min-height:100px;overflow-y:scroll;border:1px solid #ccc}}@media screen and (max-height:500px){.quill-read-write .ql-editor{height:inherit;min-height:100px;overflow-y:scroll;border:1px solid #ccc}}.quill-read-write .ql-container.ql-snow{border:none}.ql-disabled .ql-editor{padding:5px 0 0}.ql-disabled .ql-editor .ql-size-large{font-size:1.3em}.ql-clipboard{position:fixed}.card-bulletin:hover{background-color:#edebf1}@media screen and (max-width:650px){.card{padding-left:5px;padding-right:5px}.hw-card{padding-left:2px;padding-right:0;padding-top:15px}}.sidenav{margin-left:68px;height:100%;width:350px;position:fixed;top:0;left:0;margin-bottom:20px;padding-bottom:20px;border-right:.5px solid rgba(0,0,0,.125);background-color:#fff}.sidenav-alert a,.sidenav a{padding:5px 13px 0 11px;text-decoration:none;font-size:25px;color:#342442;display:block}.main{margin-left:160px;font-size:28px}@media screen and (max-width:850px){.sidenav{margin-left:68px;width:250px}}@media screen and (max-width:650px){.sidenav{width:100%;margin-left:0;margin-top:65px}}nav a.preview-link:hover{color:red}nav a.preview-link:active{color:#ff0}nav a.preview-link{color:#00f}.vl{border-left:6px solid green;height:500px}.sidenav-courses-preview{margin-left:68px;height:100%;width:350px;position:fixed;top:0;left:0;margin-bottom:20px;padding-bottom:20px;border-right:.5px solid rgba(0,0,0,.125);background-color:#fff}.sidenav-courses-preview a{text-decoration:none;font-size:25px;color:#342442;display:block}@media screen and (max-width:850px){.sidenav-courses-preview{margin-left:68px;width:250px}}@media screen and (max-width:650px){.sidenav-courses-preview{width:100%;margin-left:0;margin-top:66px}}#Nav_menu{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%;height:100%;list-style-type:none;border-radius:10px}.Nav_link:hover{color:#000;background-color:#f7f5fb}.Nav_link a:hover{color:#000}@media screen and (max-width:650px){.Nav_link:hover{background-color:#fff}}a:hover{color:#000}.activeRoute{background-color:#f0ecf7}.activeRoute-courses{border:1px solid #000}.Nav_link{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-text{font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6}.summary-text-tabula{padding-bottom:2px}.summary-text,.summary-text-tabula{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.summary-text{line-height:1.5}.course-name{text-align:left;text-align:initial;font-weight:600;font-size:16px}.classes-course,.course-name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.classes-course{line-height:1.5;font-size:13px;color:grey}.course-class{font-weight:600;font-size:11px;max-width:180px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width:850px){.preview-text{font-size:12px}.course-class{max-width:130px}}@media screen and (max-width:650px){.preview-text{font-size:13px}}.roing-choice .ms-ChoiceFieldGroup-flexContainer{display:-webkit-flex;display:flex}.roing-choice .ms-ChoiceField-wrapper{padding-right:7px}.create-tabula-body{-webkit-flex:4 4 auto;flex:4 4 auto;padding:0 24px 24px 22px}@media screen and (max-width:650px){.create-tabula-body{padding:0}}.create-tabula-header{-webkit-flex:1 1 auto;flex:1 1 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-weight:600;padding:17px 12px 14px 24px}@media screen and (max-width:650px){.create-tabula-header{-webkit-flex:1 1 auto;flex:1 1 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-weight:600;padding:12px 0 5px}}@media screen and (max-width:650px){.commentCard{padding-left:5px;padding-right:3px}}.detail-dropdown{display:none}.sidenav-homework{background-color:#ecebf1}@media screen and (max-width:650px){.detail-dropdown{display:inline}.detail-sideview .sidenav{display:none}}.hw-create a{padding:0}.create-hw-body{-webkit-flex:4 4 auto;flex:4 4 auto;padding:0 24px 24px 22px}@media screen and (max-width:650px){.create-hw-body{padding:0}}.create-hw-header{-webkit-flex:1 1 auto;flex:1 1 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-weight:600;padding:17px 12px 14px 24px}@media screen and (max-width:650px){.create-hw-header{-webkit-flex:1 1 auto;flex:1 1 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-weight:600;padding:12px 0 5px}}.sidenav-bulletin,.sidenav-profile{margin-left:68px;padding-left:300px;padding-right:300px}.sidenav-profile{padding-top:20px}.bulletin-detail{margin-bottom:10px;padding:0}@media screen and (max-width:1200px){.sidenav-profile{padding-left:100px;padding-right:100px}}@media screen and (max-width:1200px){.sidenav-bulletin{padding-left:10px;padding-right:10px}}@media screen and (max-width:850px){.bulletin-detail{margin-top:0;background-color:#fff}.sidenav-profile{padding-left:10px;padding-right:10px}}@media screen and (max-width:650px){.sidenav-bulletin{padding-left:10px;padding-right:10px;margin-left:0;padding-top:70px}.bulletin-detail{margin-top:0;margin-bottom:4px;padding:10px 2px 10px 0}.sidenav-profile{padding-left:10px;padding-right:10px;margin-left:0;padding-top:70px}}@media screen and (max-width:650px){.detail-dropdown{display:inline}.detail-sideview .sidenav-courses-preview{display:none}}.commentCard{padding:10px 20px 20px}@media screen and (max-width:650px){.commentCard{padding-left:5px;padding-right:3px;padding-top:15px}}.quill-read-only .quill .ql-toolbar{border-bottom:none;display:none}.quill-read-only .quill .ql-container.ql-snow{border:none}.menuIcon-57,.menuIcon-74{display:none}.card{font-size:16.5px;cursor:text;min-width:200px;background-color:#fff;padding:15px 20px 20px}.hw-card{padding:10px 20px 20px}.card-bulletin,.hw-card{font-size:16.5px;cursor:text;min-width:200px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.125)}.card-bulletin{border-radius:2px;padding-top:20px}@media screen and (max-width:650px){.card{padding-left:5px;padding-right:5px}.hw-card{padding-left:0;padding-right:0;padding-top:15px}}.tabula-comment-card{padding-left:0;padding-right:0;border-bottom:1px solid rgba(0,0,0,.125)}.tabula-comment-card-no{padding-top:20px;border-top:1px solid rgba(0,0,0,.125)}@media screen and (max-width:650px){.tabula-comment-card-no{padding:10px 0 0}}.courses-create a{padding:0}.bulletin-detail{margin-top:0;margin-bottom:0;padding:6px 30px 0;background-color:#fff}@media screen and (max-width:850px){.bulletin-detail{margin-top:0;margin-bottom:0;padding-top:10px;padding-left:0;padding-right:0;background-color:#fff}}@media screen and (max-width:650px){.bulletin-detail{margin-top:0;padding:0;margin-bottom:0}}.add-teacher{padding-bottom:10px}@media screen and (max-width:670px){.add-teacher{width:inherit}}.roing-overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;cursor:pointer}.overlay-loading-page{font-size:16px;color:#000;font-weight:600}