@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);.submitFeedbackPopupBackground{background-color:hsla(0,0%,43.9%,.8);top:0;left:0;right:0;bottom:0;position:fixed;display:flex;justify-content:center;align-items:center}.submitFeedbackPopupBackground I{position:absolute;top:12px;right:10px}.submitFeedbackPopupContainer{border-radius:8px;padding:2rem;position:fixed;display:flex;flex-direction:column;position:absolute;margin:auto;width:450px;height:385px;background:#fff;align-items:center;justify-content:space-between}.wrappedBackground{background-color:hsla(0,0%,43.9%,.8);top:0;left:0;right:0;bottom:0;position:fixed;display:flex;justify-content:center;align-items:center}.wrappedBackground I{position:absolute;top:12px;right:10px}.wrappedContainer{background:linear-gradient(90deg,#80b0de 3.12%,#93a7e4 97.75%);border-radius:8px;padding:2rem;display:flex;flex-direction:column;position:absolute;margin:auto;width:825px;height:475px;color:#fff;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 4px 0 rgba(0,0,0,.2509803922)}.closeButtonContainer{margin:0;padding:0;position:"absolute";bottom:"2rem";right:"1.8rem"}.navigateStageVisible{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,0);transition:.5s;border-radius:100%}.navigateStageVisible:hover{background-color:rgba(0,0,0,.05)}.navigateStageVisible .MuiSvgIcon-root{font-size:2rem}.prev{left:0;justify-content:flex-start;padding-left:10px}.prev .MuiSvgIcon-root{margin-left:6px}.next{right:0;justify-content:flex-end;padding-right:10px}.dotsContainer,.navigateStage{display:none}.dotsContainerVisible{display:flex;align-items:center;justify-content:center;position:absolute;bottom:15px;left:0;right:0;margin:auto}.dot{width:10px;height:10px;border-radius:50%;background-color:#bbb;margin:0 5px;transition:background-color .3s}.dot.active,.dot:hover{background-color:#fff}.welcomeSlide{width:423px}.visit,.welcomeSlide{display:flex;flex-direction:column;justify-content:space-between}.visit{width:750px}.visit.top-text{position:absolute;top:3rem;left:0;font-size:35px;font-weight:600;color:#080680}.visit.mid-text{position:absolute;top:6.7rem;left:-18.67rem;font-size:27px}.visit.num-visits{position:absolute;bottom:13rem;left:-6rem;font-size:24rem;color:#ffa3a3;opacity:.88;z-index:0}.visit.couple{width:12rem;position:absolute;right:11rem;bottom:12rem}.visit.girl{width:6rem;position:absolute;right:6rem;bottom:9rem}.visit.bottom-text{position:absolute;bottom:5rem;right:4rem;font-weight:700;width:300px;text-align:left}.timeSpent.top-text{position:absolute;top:3rem;left:3rem;font-size:35px;font-weight:700}.timeSpent.nums-container{display:flex;justify-content:center;align-items:center;top:37%;left:50%}.timeSpent.five-nums,.timeSpent.nums-container{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.timeSpent.five-nums{top:50%;left:52.5%}.timeSpent.minutes-text{bottom:7.5rem}.timeSpent.bottom-text,.timeSpent.minutes-text{position:absolute;right:3rem;font-size:35px;text-align:right;font-weight:700;width:300px}.timeSpent.bottom-text{bottom:5rem}.timeSpent.smallGirl{position:absolute;width:39px;height:59px;bottom:6.35rem;left:6rem}.personality{display:flex;align-items:center;justify-content:space-evenly}.personality.container{display:flex;flex-direction:column;width:45%;align-items:baseline}.personality.text{font-weight:700;margin-bottom:2rem;line-height:2.5rem;text-align:left;font-size:35px}.personality.personalityType{font-family:"Roboto";font-weight:700;color:#080680;text-transform:uppercase}.personality.personalityIcon{width:242px}.favTA.all{display:flex;position:absolute;top:7rem;align-items:center;justify-content:space-evenly}.favTA.container{display:flex;flex-direction:column;width:337px;height:100%;padding-left:5%}.favTA.top-text{font-size:35px;margin-bottom:2rem;line-height:2.5rem}.favTA.taName,.favTA.top-text{font-weight:700;text-align:left}.favTA.taName{font-family:"Roboto";color:#080680;text-transform:uppercase}.favTA.ta-img{width:323px}.timeHelped.all{display:flex;flex-direction:column;width:750px;justify-content:space-between}.timeHelped.format{display:flex;justify-content:flex-end;font-weight:700}.timeHelped.top-text{position:absolute;top:3rem;left:3rem;font-size:30px;color:#080680}.timeHelped.mid-text{position:absolute;top:9rem;left:3rem;font-weight:700;font-size:29px}.timeHelped.num{position:absolute;top:52%;left:48.5%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:196.57px;line-height:230.36px;color:#f1a4ab}.timeHelped.group{width:305px;height:239.6px;position:absolute;top:17rem;left:2rem}.timeHelped.bottom-text{position:absolute;top:26rem;right:2rem;font-weight:700;font-size:29px;width:414px;text-align:right}.taStudentsHelped.top-text{position:absolute;top:3.5rem;left:3.5rem;font-weight:700;font-size:27px}.taStudentsHelped.num{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:225.97px;font-weight:600;color:#080680}.taStudentsHelped.students{position:absolute;bottom:7.5rem;right:5rem;font-weight:700;font-size:27px;text-align:right;width:300px}@-webkit-keyframes slideInTopRight{0%{-webkit-transform:translate(-100%,-100%) rotate(18.6deg);transform:translate(-100%,-100%) rotate(18.6deg);right:-50%;opacity:0}to{-webkit-transform:translate(0) rotate(18.6deg);transform:translate(0) rotate(18.6deg);right:-3%;opacity:1}}@keyframes slideInTopRight{0%{-webkit-transform:translate(-100%,-100%) rotate(18.6deg);transform:translate(-100%,-100%) rotate(18.6deg);right:-50%;opacity:0}to{-webkit-transform:translate(0) rotate(18.6deg);transform:translate(0) rotate(18.6deg);right:-3%;opacity:1}}@-webkit-keyframes slideInBottomLeft{0%{-webkit-transform:translate(-100%,-100%) rotate(8.63deg);transform:translate(-100%,-100%) rotate(8.63deg);left:-50%;opacity:0}to{-webkit-transform:translate(0) rotate(8.63deg);transform:translate(0) rotate(8.63deg);left:-1%;opacity:1}}@keyframes slideInBottomLeft{0%{-webkit-transform:translate(-100%,-100%) rotate(8.63deg);transform:translate(-100%,-100%) rotate(8.63deg);left:-50%;opacity:0}to{-webkit-transform:translate(0) rotate(8.63deg);transform:translate(0) rotate(8.63deg);left:-1%;opacity:1}}.intro-title{-webkit-animation:fadeIn 1s ease-in both;animation:fadeIn 1s ease-in both}.intro-title:nth-child(2){-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-animation-duration:.5s;animation-duration:.5s}.banner{position:absolute;background-color:#d2d0fe;border:.3px solid;color:#000;font-weight:500;padding:10px 20px;font-size:15px;white-space:nowrap;opacity:0;overflow:hidden}.banner.top-right{top:9rem;right:-50%;-webkit-transform:rotate(18.6deg);transform:rotate(18.6deg);-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation:slideInTopRight 1s forwards;animation:slideInTopRight 1s forwards}.banner.bottom-left{bottom:4rem;left:-50%;-webkit-transform:rotate(8.63deg);transform:rotate(8.63deg);-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-animation:slideInBottomLeft 1s forwards;animation:slideInBottomLeft 1s forwards}.banner.bottom-time{bottom:4.3rem;left:-1.5%;opacity:1;-webkit-transform:rotate(6.08deg);transform:rotate(6.08deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.banner.bottom-favta{bottom:4.3rem;left:-1.5%;opacity:1;-webkit-transform:rotate(4.47deg);transform:rotate(4.47deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.banner.bottom-ta-helped{opacity:1;bottom:.25rem;right:-.25rem;border:.3px 0 0;-webkit-transform:rotate(-5.62deg);transform:rotate(-5.62deg)}.banner.bottom-conclusion{bottom:4.3rem;left:-1.5%;opacity:1;-webkit-transform:rotate(16.45deg);transform:rotate(16.45deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.banner.visible{display:block;-webkit-animation:slideIn 1s ease forwards;animation:slideIn 1s ease forwards}.conclusionText.top-text{color:#080680;font-weight:600;position:absolute;width:475px;height:38px;top:42px;left:40px;font-size:35px}.conclusionText.center-text{font-weight:700;width:279px;height:71px;position:absolute;top:195px;left:270px;line-height:40px;font-size:35px}@-webkit-keyframes slideOut{0%{right:1rem;opacity:1}to{right:-50%}}@keyframes slideOut{0%{right:1rem;opacity:1}to{right:-50%}}.bus{width:280px;height:153px;top:326.61px;right:1rem;-webkit-transform:rotate(.94deg);transform:rotate(.94deg);-webkit-animation:slideOut 5s forwards;animation:slideOut 5s forwards}.bus,.head{position:absolute}.head{width:15.35px;height:23.21px;bottom:12.34rem;left:6.5rem;-webkit-transform:rotate(4.55deg);transform:rotate(4.55deg)}.body{width:91px;height:108.9px;position:absolute;bottom:4.9rem;left:1.5rem}@-webkit-keyframes wave{0%{-webkit-transform:rotate(9.66deg);transform:rotate(9.66deg)}to{bottom:10.75rem;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@keyframes wave{0%{-webkit-transform:rotate(9.66deg);transform:rotate(9.66deg)}to{bottom:10.75rem;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}.arm{width:42.21px;height:33.71px;bottom:10rem;left:5.79rem;-webkit-transform:rotate(9.66deg);transform:rotate(9.66deg);-webkit-animation:wave 3s forwards;animation:wave 3s forwards}.arm,.smallGirl{position:absolute}.smallGirl{width:39px;height:59px;bottom:1.7rem;left:8rem}.qmi-container{z-index:0;border-radius:8px;background-color:#f5f5f5;position:absolute;display:flex;padding:2rem;width:100%;height:100%;top:0;bottom:0;align-content:center;justify-content:center;overflow:clip}.blue-circle,.red-circle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.red-circle circle{stroke-dashoffset:60%;stroke-dasharray:725px;stroke-width:17;stroke:#ff5a60;-webkit-animation:red-spin 2s ease-in-out .8s both;animation:red-spin 2s ease-in-out .8s both;will-change:transform}.blue-circle circle,.red-circle circle{fill:transparent;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transform-box:fill-box;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.blue-circle circle{stroke-dasharray:1135px;stroke-width:20;stroke:url(#blue-gradient);stroke-linecap:round;-webkit-animation:blue-spin 1.5s cubic-bezier(.215,.61,.355,1) 1.5s both;animation:blue-spin 1.5s cubic-bezier(.215,.61,.355,1) 1.5s both}.arrow-circle{position:absolute;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transform-box:fill-box;top:40%;-webkit-animation:spin 2.5s ease-in-out .8s both,fadeArrow .5s ease-in 3s both;animation:spin 2.5s ease-in-out .8s both,fadeArrow .5s ease-in 3s both;will-change:transform}.first-plus,.sec-plus{position:absolute;top:50%;left:50%;margin-left:7em;margin-top:7em}.first-plus{-webkit-animation:appear-n-grow 1s ease-in-out 3.5s both,disappear .01s linear 5s forwards;animation:appear-n-grow 1s ease-in-out 3.5s both,disappear .01s linear 5s forwards}.sec-plus{width:61px;height:61px;-webkit-animation:disappear 5s linear backwards,grow .5s ease-in 5s both;animation:disappear 5s linear backwards,grow .5s ease-in 5s both;overflow:clip}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes disappear{0%,to{opacity:0;display:none}}@keyframes disappear{0%,to{opacity:0;display:none}}@-webkit-keyframes grow{to{-webkit-transform:scale(70);transform:scale(70);background-color:none}}@keyframes grow{to{-webkit-transform:scale(70);transform:scale(70);background-color:none}}@-webkit-keyframes fadeArrow{99%{opacity:0}to{opacity:0;display:none}}@keyframes fadeArrow{99%{opacity:0}to{opacity:0;display:none}}@-webkit-keyframes appear-n-grow{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}80%{opacity:1%;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear-n-grow{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}80%{opacity:1%;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes red-spin{30%{stroke-dashoffset:0%}35%{stroke-dashoffset:0%}40%{stroke-linecap:round;stroke-dashoffset:0%}to{stroke:url(#red-gradient);-webkit-transform:rotate(90deg);transform:rotate(90deg);stroke-dashoffset:-70%;stroke-linecap:round;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes red-spin{30%{stroke-dashoffset:0%}35%{stroke-dashoffset:0%}40%{stroke-linecap:round;stroke-dashoffset:0%}to{stroke:url(#red-gradient);-webkit-transform:rotate(90deg);transform:rotate(90deg);stroke-dashoffset:-70%;stroke-linecap:round;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes blue-spin{0%{stroke-dashoffset:270%;stroke-opacity:0}to{stroke-opacity:100%;stroke-dashoffset:25%;-webkit-transform:rotate(60deg);transform:rotate(60deg)}}@keyframes blue-spin{0%{stroke-dashoffset:270%;stroke-opacity:0}to{stroke-opacity:100%;stroke-dashoffset:25%;-webkit-transform:rotate(60deg);transform:rotate(60deg)}}.countdownUpdates{position:fixed;bottom:35px;right:41px}.countdownContainer{padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:413px;height:139px;border-radius:12px;background:linear-gradient(63deg,#668ae9 16.65%,#6db9ea 83.35%)}.countdownContainer_boxes{color:#5599db;font-family:Roboto;font-size:50px;font-style:normal;font-weight:400;line-height:normal;justify-content:center;align-items:center;text-align:center;display:flex;width:63px;height:76px;border-radius:5px;background:#fff}.textContainer{align-items:center}.ribbonBall{position:fixed;bottom:36px;right:46.23px;width:68px;height:68px;border-width:100px;cursor:pointer;-webkit-animation:rotation 1.3s ease-in-out infinite;animation:rotation 1.3s ease-in-out infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}15%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotation{0%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}15%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.top{color:#fff;font-weight:700}.bottom,.top{margin:0;font-family:Roboto;font-size:24.079px;font-style:normal;line-height:normal}.bottom{font-weight:400;background:linear-gradient(180deg,#fff,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.counter_sub{margin-top:10px;color:#fff;font-size:12px;letter-spacing:-.6px}.counter_sub,.viewWrap{font-family:Roboto;font-style:normal;font-weight:500;line-height:normal}.viewWrap{cursor:pointer;margin-top:7px;width:154.619px;height:37.669px;border-radius:5px;background:#fff;color:#5599db;font-size:20px;display:flex;justify-content:center;align-items:center;text-align:center}.post{display:flex;flex-direction:column}.cone{z-index:10;margin-top:40px;margin-right:25px}.launch{margin-left:20px;flex-direction:row}.ImportRolesModalScreen,.launch{display:flex;justify-content:center;align-items:center}.ImportRolesModalScreen{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,43.9%,.8);z-index:9999}.ImportRolesModalVisible{width:450px;height:300px;border-radius:8px;display:flex;position:fixed;background-color:#fff;text-align:center;flex-direction:column}.ImportRolesModalVisible img{position:absolute;height:45px;width:45px;top:120px;align-self:center}.ImportRolesModalVisible p{align-self:center;position:absolute;width:300px;top:160px;font-family:Roboto;font-style:normal;font-weight:500;font-size:20px;line-height:29px;color:#5599db}.ImportRolesModalVisible .closeButton{align-self:flex-end;height:45px;left:74.14%;right:24.61%;top:calc(50% - 232px);font-size:20px;line-height:48px;color:#484848;float:right;outline:none;background-color:transparent;border:none}.ImportRolesModalScreen .Title{font-weight:500;font-size:20px;line-height:20px;color:#484848;margin:0 0 45px}.ImportRolesModalScreen .ImportContainer{display:flex;width:450px;height:300px}.ImportRolesModalScreen img{height:40px;width:40px}.ImportRolesModalScreen .ImportItem{flex:1 1;text-align:center;display:flex;width:35%;justify-content:center;height:250px}.ImportRolesModalScreen .ImportItem img{margin-top:0}.ImportRolesModalScreen .ExportText{font-size:16px;text-align:center;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#5599db;margin-top:80px;width:150px;line-height:25px;cursor:pointer}.ImportRolesModalScreen .Line{border:1px solid #484848;height:140px}.CSVUploadScreen,.ManualUploadScreen{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,43.9%,.8);z-index:9999}.CSVUploadScreen .CSVContainer,.CSVUploadScreen .EnterContainer,.ManualUploadScreen .CSVContainer,.ManualUploadScreen .EnterContainer{display:flex;text-align:center;flex-direction:column;overflow:auto}.CSVUploadScreen .CSVContainer .ConfirmButton,.CSVUploadScreen .EnterContainer .ConfirmButton,.ManualUploadScreen .CSVContainer .ConfirmButton,.ManualUploadScreen .EnterContainer .ConfirmButton{font-style:bold;font-size:14px;font-weight:700;line-height:17px;color:#5599db}.CSVUploadScreen .CSVContainer p,.CSVUploadScreen .EnterContainer p,.ManualUploadScreen .CSVContainer p,.ManualUploadScreen .EnterContainer p{color:#4a4a4a;font-size:20px;font-weight:500;padding-bottom:10px}.CSVUploadScreen .EnterContainer,.ManualUploadScreen .EnterContainer{overflow:auto;height:240px;width:434px;display:flex}.CSVUploadScreen .CSVContainer,.ManualUploadScreen .CSVContainer{height:275px;width:430px;display:flex}.CSVUploadScreen .CSVContainer .ConfirmButton,.ManualUploadScreen .CSVContainer .ConfirmButton{bottom:32px;left:139px;position:absolute}.CSVModal,.EnterModal{border-radius:8px;position:fixed;background-color:#fff;text-align:center;flex-direction:column}.CSVModal .closeButton,.EnterModal .closeButton{align-self:flex-end;font-size:20px;color:#484848;float:right;outline:none;background-color:transparent;margin:10px 0 0;border:none}.CSVModal .backButton,.EnterModal .backButton{position:absolute;left:10px;top:15px}.CSVModal .ErrorMessage,.EnterModal .ErrorMessage{font-style:italic;font-weight:300 light;font-size:12px;line-height:18px;color:#f67d7d;text-align:center}.CSVModal .Title,.EnterModal .Title{font-weight:500;display:flex;justify-content:center;font-size:16px;color:#484848;padding-bottom:40px;line-height:15px;width:100%}.EnterModal .AddButton{line-height:17px;position:relative;bottom:65px;left:210px;width:15px;cursor:pointer}.EnterModal .ErrorMessage{margin:-30px 65px 20px}.EnterModal .ConfirmButton{position:relative;bottom:50px}.EnterModal .ColTitles,.EnterModal .ColTitlesScroll{display:flex;justify-content:left;padding:0 25px 0 35px;height:15px;width:100%}.EnterModal .ColTitles p,.EnterModal .ColTitlesScroll p{font-size:12px;width:48%;height:15px;font-weight:400px}.EnterModal .ColTitlesScroll{padding:0 15px 0 35px}.EnterModal .ScrollTable{margin:12px 0 77px 14px}.EnterModal table{display:inline-block;margin:12px 0 77px 4px;width:370px;overflow:visible;border-spacing:0}.EnterModal table img{width:10px;display:flex;align-items:center;margin-left:5px;cursor:pointer}.EnterModal table tr:first-child td:nth-last-child(2){border-top-right-radius:6px}.EnterModal table tr:first-child td:first-of-type{border-top-left-radius:6px}.EnterModal table tr:last-child td:nth-last-child(2){border-bottom-right-radius:6px}.EnterModal table tr:last-child td:first-of-type{border-bottom-left-radius:6px}.EnterModal table td:last-of-type{border:none;background-color:transparent;width:10px;margin-left:5px}.EnterModal table td:nth-last-child(2){padding-bottom:10px}.EnterModal table td{padding-left:0;border:1px solid;color:#696969;width:170.5px;height:38px;background-color:#f5f5f5;text-align:center}.EnterModal table td .RoleOptions{outline:none;border:none;scroll-behavior:smooth;background-color:transparent;width:100%;text-align:center;font-family:Roboto;font-size:14px;margin-top:10px;justify-content:center;font-weight:400px;color:#696969;position:relative;width:100px}.EnterModal table input:not(.DateInput_input){width:180.5px;height:38px;background-color:transparent;border:none;text-align:center;color:#888}.CSVModal .ErrorMessage{margin:4px 65px 0}.CSVModal .ConfirmButton{bottom:32px}.CSVModal .SelectFile{display:flex;justify-content:center}.CSVModal .SelectFile p{margin:0 15px 0 110px;font-size:20px;font-weight:500;line-height:37px;width:48px}.CSVModal .SelectFile Button.ChooseFile{width:127px;height:37px;margin:0 110px 0 0;background:#eee;border:2px solid #979797;border-radius:4px;font-size:18px;font-weight:500;color:#4a4a4a}.CSVModal .DragDrop{width:323;height:110px;background:#f1efef;display:flex;justify-content:center;align-items:center;color:#4a4a4a;border:3px dashed #979797;padding-left:10px;padding-right:10px;position:absolute;top:178px;bottom:80px;left:40px;right:40px}.CSVModal .DragDrop .DropHere{font-size:20px;font-style:italic;font-weight:500;line-height:24px;margin:0 0 10px}.CSVModal .DragDrop .FileTypes{font-size:15px;font-weight:400;line-height:18px}.CSVModal .DragDrop .FileName{display:flex;justify-content:center;align-items:center;width:323;margin:0 0 20px}.CSVModal .DragDrop .FileName img{display:inline-flex;padding-left:7px;cursor:pointer;margin:0}.CSVModal #FileLink{font-style:italic;font-weight:500;font-size:18px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#5599db}.react-datepicker{box-shadow:0 2px 5px 0 rgba(0,0,0,.4);border:0}.react-datepicker__header{border-bottom:0}.react-datepicker__time-list-item{border-bottom:1px solid #e6e6e6;transition:all .15s cubic-bezier(.4,0,.2,1)}.react-datepicker__day--keyboard-selected{background-color:#77bbfa;transition:all .15s cubic-bezier(.4,0,.2,1)}.react-datepicker__day--keyboard-selected:hover{background-color:#4683bb}.CalendarDaySelect{background:#fff;color:#484848;border-bottom:1px solid #e3e3e3}.CalendarDaySelect .month{font-family:Roboto;font-size:17px;font-weight:500;margin:0 20px;padding:10px 0;border-bottom:1px solid #ebebeb}.CalendarDaySelect .selector{display:flex;justify-content:space-between;align-items:center;padding:15px}.CalendarDaySelect .selector .LastWeek,.CalendarDaySelect .selector .NextWeek{cursor:pointer;background-color:transparent;border-color:transparent}.CalendarDaySelect .selector .LastWeek,.CalendarDaySelect .selector .NextWeek:focus{outline:0}.menuDate .date:hover{background-color:#fcd9d9;border-radius:50%;margin:auto auto auto -2px;height:30px;width:30px;transition:background-color .3s}.menuDate:focus{outline:0}.menuDate{cursor:pointer;height:64px;width:30px;background-color:transparent;border-color:transparent;padding:0}.menuDate.active{cursor:default}.menuDate.active>.date{color:#fff;background-color:#f67d7d;border-radius:50%;margin:auto auto auto -2px;height:30px;width:30px}.menuDate>.day{font-size:11px;padding-bottom:5px;color:#777}.menuDate>.date{font-size:15px;padding:6px 0}.menuDate>.indicator{height:15px}.menuDate>.notification{font-size:32px;height:20px;color:#f67d7d}.Header .LogoContainer{float:left;width:90px;height:100%}.Header .LogoContainer .QMeLogo{display:block;margin:auto;width:28px;padding:9px 0}.Header .CalendarHeader>span{line-height:28px;padding:0 10px;height:28px}.Header .CalendarHeader,.Header .CalendarHeaderProfessorView{height:80%;font-size:15px;font-weight:500;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:2px 8px;margin:0 0 10px 10px;position:relative;min-width:150px}.Header .CalendarHeader .courseCode,.Header .CalendarHeaderProfessorView .courseCode{align-self:center;color:#fff;margin-right:5px}.Header .CalendarHeader .TAMarker,.Header .CalendarHeaderProfessorView .TAMarker{justify-content:center;border-radius:3px;color:#69a2e9;background-color:#fff;margin:5px;width:30px;height:19px;align-items:center}.Header .CalendarHeader .TAMarker.Prof,.Header .CalendarHeaderProfessorView .TAMarker.Prof{width:50px}.Header .CalendarHeader .Toggle,.Header .CalendarHeaderProfessorView .Toggle{width:8px;margin-left:5px}.Header .CalendarHeader .logoutMenu span,.Header .CalendarHeaderProfessorView .logoutMenu span{padding-right:10px}.Header .CalendarHeader .courseMenu,.Header .CalendarHeaderProfessorView .courseMenu{width:100%;position:absolute;top:36px;border:1px solid #e5e5e5;border-radius:5px;background-color:#fff;z-index:1}.Header .CalendarHeader .courseMenu .editClasses,.Header .CalendarHeaderProfessorView .courseMenu .editClasses{border-top:.5px solid #d4d4d4}.Header .CalendarHeader .courseMenu li,.Header .CalendarHeaderProfessorView .courseMenu li{border:none;padding:0;cursor:pointer;width:100%;font-size:15px;font-weight:300;display:block}.Header .CalendarHeader .courseMenu li div,.Header .CalendarHeaderProfessorView .courseMenu li div{color:#494949;width:100%;padding:10px;display:inline-block;margin:auto;text-align:center}.Header .CalendarHeader .courseMenu li .thisCourse,.Header .CalendarHeaderProfessorView .courseMenu li .thisCourse{color:#699ce9;font-weight:500}.Header .CalendarHeader .mobileHeaderFace,.Header .CalendarHeaderProfessorView .mobileHeaderFace{display:none}.Header .CalendarHeaderProfessorView span,.Header .CalendarHeader span{display:flex;white-space:nowrap}@media only screen and (max-width:920px){.Header .CalendarHeader .mobileHeaderFace,.Header .CalendarHeaderProfessorView .mobileHeaderFace{position:absolute;right:10px;top:10px;height:24px;border-radius:28px;display:inline;cursor:pointer}}.Header .CalendarHeader{background:#7ab7fe;background-image:linear-gradient(80deg,#668ae9,#6db9ea);color:#fff}.Header .CalendarHeaderProfessorView{background:#fff;background-image:none}.Header .CalendarHeaderProfessorView .UnselectedProfessorViewDashboard,.Header .CalendarHeaderProfessorView .UnselectedProfessorViewQueue{height:100%;border:2px solid #d2d2d2;box-sizing:border-box;padding:4px 10px}.Header .CalendarHeaderProfessorView .UnselectedProfessorViewDashboard a,.Header .CalendarHeaderProfessorView .UnselectedProfessorViewQueue a{color:#909090}.Header .CalendarHeaderProfessorView .UnselectedProfessorViewDashboard{border-left:none}.Header .CalendarHeaderProfessorView .UnselectedProfessorViewQueue{border-right:none}.Header .CalendarHeaderProfessorView .SelectedProfessorViewDashboard,.Header .CalendarHeaderProfessorView .SelectedProfessorViewQueue{height:100%;padding:4px 10px;background:#e1f0fe;border:2px solid #3594f1;box-sizing:border-box}.Header .CalendarHeaderProfessorView .SelectedProfessorViewDashboard,.Header .CalendarHeaderProfessorView .UnselectedProfessorViewDashboard{border-top-right-radius:5px;border-bottom-right-radius:5px}.Header .CalendarHeaderProfessorView .SelectedProfessorViewQueue,.Header .CalendarHeaderProfessorView .UnselectedProfessorViewQueue{border-top-left-radius:5px;border-bottom-left-radius:5px}.noHoursHeading{padding-top:20vh;font-weight:700;color:#484848}.noHoursBody{font-family:Roboto;font-size:15px;color:#484848}.DateWrapper{display:flex;font-size:18px;font-weight:500;color:#000;padding-top:11px;padding-left:10px;line-height:0;margin:0;text-align:left}.DateWrapper .CalendarExportIcon{margin-left:7px;margin-bottom:18px}.CalendarSessions .pastHeader{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;margin-bottom:10px}.CalendarSessions .pastHeader .icon{cursor:pointer}.CalendarSessions h6{font-size:14px;font-weight:400;color:#484848;text-align:left;padding-left:12px;margin:0;padding-top:12px;line-height:0}@media only screen and (min-width:920px){.CalendarSessionCard.active{background-color:#d8d8d8}}.CalendarSessionCard{font-size:11px;padding-top:20px;margin:20px 0;overflow:hidden;display:flex;cursor:pointer;color:#888;background-color:#fff;position:relative}.CalendarSessionCard>*{margin:0 10px}.CalendarSessionCard .TimeInfo{display:inline-block;color:#696969;width:50px}.CalendarSessionCard .Wrapper{display:flex;justify-content:space-between}.CalendarSessionCard .cal-btn{width:79.52px;height:21.26px;border-radius:2.56px;padding:3.63px 7.26px;grid-gap:8.53px;gap:8.53px;text-decoration:none;cursor:pointer;font-family:Roboto,sans-serif;font-weight:300;font-size:11.94px;background:#5599db;background-image:linear-gradient(45deg,#668ae9,#6db9ea);color:#fff;border:none}.CalendarSessionCard .Type{background-color:#f46565;border-radius:8px;width:30px;height:20px;margin-bottom:10px;margin-top:7px;color:#fff}.CalendarSessionCard .Type.Office{background-color:#5599db;width:27px}.CalendarSessionCard .Indicator{margin-top:6px;margin-left:5px}.CalendarSessionCard .Indicator .Circle{border-radius:14px;height:8.719px;width:8.719px;background-color:#f67d7d}.CalendarSessionCard .Indicator.Ongoing>*{background-color:#70d59d;box-shadow:0 1px 4px 1px #70d59d}.CalendarSessionCard .Indicator.Open>*{background-color:#ffdba6;box-shadow:0 1px 4px 1px #ffdba6}.CalendarSessionCard .Indicator.Past .Circle,.CalendarSessionCard .Indicator.Upcoming .Circle{background-color:#f67d7d;border-color:#f67d7d}.CalendarSessionCard .CalendarCard{flex-grow:1;border-radius:5px;padding-bottom:15px;text-align:left;margin-right:0}.CalendarSessionCard .CalendarCard .Location{color:#484848;font-size:14px;font-weight:500;width:160px;display:inline-flex}.CalendarSessionCard .CalendarCard .Tas{color:#207981;width:160px}.CalendarSessionCard .CalendarCard .Queue .Ahead .AheadNum{margin-right:8px;color:#ff5a60}.CalendarSessionCard .CalendarCard .Queue .Finished .FinishedNum{color:#14a856}.CalendarSessionCard .CalendarCard .TimeDesc{color:#7ab7fe}.CalendarSessionCard .OpenButton{color:#484848;font-size:30px;margin-top:35px;padding-bottom:10px;padding-right:10px;margin-left:0}.CalendarView{z-index:0}.CalendarWeekSelect{background-color:#fff;color:#484848;font-size:13px;padding:15px;display:flex;flex-direction:row;border-top:2px solid #ebebeb;justify-content:center;align-items:center;margin:0 20px;clear:both}.CalendarWeekSelect .LastWeek,.CalendarWeekSelect .NextWeek{cursor:pointer;font-weight:500;font-size:30px;padding:10px 10px 15px}.CalendarWeekSelect .CurrentWeek{font-size:24px;min-width:220px}.CalendarWeekSelect .CurrentWeek .Date{padding:0 14px}.CalendarWeekSelect .CurrentWeek .Date .Month{font-weight:500}.flipped{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.QuestionView{color:#484848;display:flex;justify-content:center}.QuestionView,.QuestionView .AddQuestion{position:relative;width:100%;border-radius:8px}.QuestionView .AddQuestion{background-color:#fff;-webkit-filter:drop-shadow(-2px 2px 8px rgba(0,0,0,.08));filter:drop-shadow(-2px 2px 8px rgba(0,0,0,.08));top:30px;bottom:30px;padding-bottom:5px;padding-right:15px;padding-left:15px;margin-bottom:40px}.QuestionView .AddQuestion hr{display:block;height:1px;border:0;border-top:.65px solid #e2e2e2;margin:0;padding:0;width:100%}.QuestionView .AddQuestion .queueHeader{position:relative;background-color:#fff;padding:15px 15px 10px;border-top-left-radius:8px;border-top-right-radius:8px}.QuestionView .AddQuestion .queueHeader span{display:inline-block;font-size:21px;vertical-align:middle}.QuestionView .AddQuestion .queueHeader .title{position:relative;font-family:Roboto;font-style:normal;font-weight:500;font-size:22px;color:#484848}.QuestionView .AddQuestion .queueHeader .xbutton{float:left;cursor:pointer}.QuestionView .AddQuestion .tagsContainer{background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px}.QuestionView .AddQuestion .tagsContainer hr{display:block;height:1px;border:0;border-top:.65px solid #e2e2e2;margin:.5em 0;padding:0;clear:both}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer{padding:10px 32px;clear:both;width:100%;display:inline-block;text-align:left}@media only screen and (max-width:920px){.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer{padding:10px}}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer p{text-align:left;margin-bottom:.5em}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .header{height:17px;font-family:Roboto;font-style:normal;font-weight:500;font-size:14.625px;line-height:17px;color:#696969;margin-bottom:14px}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .header .characterCount{color:#717171}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .header .characterCount.warn{color:#ce2a2a}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .placeHolder{font-family:Roboto;font-style:normal;font-weight:300;font-size:12.675px;color:#bbb}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .placeHolder.text{box-sizing:border-box;border-radius:3.25px}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .TextInput{font-weight:400;color:#484848;font-size:15px;padding:8px;border-radius:3.3px;resize:none;margin-top:3px;border:.65px solid #979797;box-sizing:border-box;border-radius:3.25px;height:78px;outline:none}@media only screen and (min-width:920px){.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .TextInput{border:.65px solid #979797}}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .TextInput::-webkit-input-placeholder{font-family:Roboto;font-style:normal;font-weight:300;font-size:12.675px;color:#bbb}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .TextInput:-ms-input-placeholder{font-family:Roboto;font-style:normal;font-weight:300;font-size:12.675px;color:#bbb}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .TextInput::placeholder{font-family:Roboto;font-style:normal;font-weight:300;font-size:12.675px;color:#bbb}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .TextInput:disabled{background-color:transparent}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .TextInput.location{width:100%;height:auto}@media only screen and (min-width:920px){.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .TextInput.location{width:60%;height:auto}}.QuestionView .AddQuestion .tagsContainer .tagsMiniContainer .TextInput.question{width:100%}.QuestionView .AddQuestion .locationInput{position:relative;display:flex;flex-direction:column}.QuestionView .AddQuestion .locationInput .hybridCheckbox{margin-bottom:14px}.QuestionView .AddQuestion .locationInput .map.marker.alternate.icon{display:none}@media only screen and (min-width:920px){.QuestionView .AddQuestion .locationInput .map.marker.alternate.icon{display:block;font-size:20px;color:#e6e6e6}}.QuestionView .AddQuestion .addButtonWrapper{padding-bottom:20px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;display:flex;justify-content:center}.QuestionView .AddQuestion .AddButton{padding-bottom:20px;width:200.61px;height:29.25px;color:#fff;font-size:13px;border-radius:3.25px;display:block;padding-top:6px;cursor:pointer;background-color:#e2e2e2;transition:all .3s ease}.QuestionView .AddQuestion .AddButton.active{background-color:#5599db}.secondaryTags.false .header{display:inline;padding-right:25px}.secondaryTags.false .placeHolder{display:inline}.DetailedQuestionView{background-color:rgba(0,0,0,.3);bottom:0;left:0;padding:20px;position:fixed;right:0;text-align:left;top:0;width:100%;z-index:1}.DetailedQuestionView.PopupInvisible{display:none}.DetailedQuestionView.PopupVisible{display:flex;flex-direction:column;justify-content:center}.DetailedQuestionView .DetailedCloseButton,.DetailedQuestionView .DetailedResolveButton{background-color:#fff;border:1px solid #000;margin-top:10px;padding:10px;font-size:16px;border-radius:10px;width:100%}.DetailedQuestionView .DetailedCloseButton{color:red;cursor:pointer}.DetailedQuestionView .DetailedQuestionInfo{border:1px solid #000;border-radius:10px;background-color:#fff;padding:10px;overflow-y:auto;top:50%}.DetailedQuestionView .StudentInfo{padding-bottom:20px}.DetailedQuestionView .StudentInfo .DetailedTags p{display:inline;font-size:11px;color:#fff;border:1px solid #999;background-color:#999;padding:1px 7px;margin:3px;border-radius:10px}.DetailedQuestionView header{font-size:20px;font-weight:700;padding:10px 0}.DetailedQuestionView ul{text-align:left;list-style-type:none;margin:0;padding:0;color:#747474}.DetailedQuestionView ul li{padding:5px 0;border-bottom:1px solid #747474}.DetailedQuestionView ul li:last-child{border-bottom:none}.tag{font-weight:400;display:inline-block;font-size:13px;border:.5px solid;padding:2px 10px;margin:0 6px 0 0;border-radius:12px;cursor:pointer}.tag.discussion{font-size:11px}.tag.primaryTag{color:#5599db;border-color:#5599db}.tag.primaryTag.selectedTag{background:#d6eafe;border-color:#d6eafe}.tag.secondaryTag{color:#bf7913;border-color:#bf7913}.tag.secondaryTag.selectedTag{background:#ffdba6;border-color:#ffdba6}.selectTag{display:inline-block;padding:2px 10px 2px 0;margin:0 6px 0 0;cursor:pointer;font-family:Roboto;font-style:normal;font-weight:400;font-size:14.8909px;line-height:17px;color:#565656}.selectTag img{padding-right:6px}.DesktopSessionInformationHeader,.selectTag .selectTagContents{display:flex;justify-content:center;align-items:center}.DesktopSessionInformationHeader{position:relative;margin:25px 48px}.DesktopSessionInformationHeader .OneQueueInfo{padding:5px 0}.DesktopSessionInformationHeader .switchWrapper{display:flex;flex-direction:row;align-items:center;justify-content:left;width:100%;margin-left:2px}.DesktopSessionInformationHeader .switchWrapper .MuiFormControlLabel-label{font-size:15px;width:100%}.DesktopSessionInformationHeader .LeftInformationHeader{font-size:13px;background-color:#fff;color:#484848;text-align:left;letter-spacing:.6px;border-radius:8px;box-shadow:-2px 2px 8px rgba(0,0,0,.08);height:100%;width:100%;padding:6% 10%;display:flex;flex-direction:column;align-items:center}.DesktopSessionInformationHeader .LeftInformationHeader .Picture{height:100%;width:100%;padding-bottom:16px;display:flex;flex-direction:column;align-items:center}.DesktopSessionInformationHeader .LeftInformationHeader .Picture img{max-width:60%;height:60%;max-height:72px;max-width:72px;border-radius:50%}.DesktopSessionInformationHeader .LeftInformationHeader .Details{display:inline-block}.DesktopSessionInformationHeader .LeftInformationHeader .Details .Location{font-size:20px;font-weight:500;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.DesktopSessionInformationHeader .LeftInformationHeader .Details p time{margin-bottom:8px}.DesktopSessionInformationHeader .LeftInformationHeader .Details .Date{margin-bottom:20px}.DesktopSessionInformationHeader .LeftInformationHeader .Details a{color:#fff;text-decoration:underline}.DesktopSessionInformationHeader .LeftInformationHeader .Title{margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.DesktopSessionInformationHeader .ImgWrapper{display:flex;align-items:center;justify-content:center}.DesktopSessionInformationHeader .QueueInfo{box-shadow:-2px 2px 8px rgba(0,0,0,.08);border-radius:8px;background-color:#fff;color:#484848;text-align:center;padding:4% 10%;width:100%}.DesktopSessionInformationHeader .QueueInfo p{text-align:left;color:#4d4d4d;font-size:16px;padding-left:10px}.DesktopSessionInformationHeader .QueueInfo .red{color:#f46565}.DesktopSessionInformationHeader .QueueInfo .blue{color:#5599db}@media only screen and (max-width:1300px){.DesktopSessionInformationHeader .closeQueueSwitch{margin-left:-10px}}.DesktopSessionInformationHeader .ZoomLink{background-color:#fff;border-radius:8px;box-shadow:-2px 2px 8px rgba(0,0,0,.08);padding:3% 10%;width:100%}.DesktopSessionInformationHeader .ZoomLink .StudentZoom,.DesktopSessionInformationHeader .ZoomLink .TaZoom{text-align:left;color:#4d4d4d;font-size:16px;display:flex;align-items:center;justify-content:center;width:100%}.DesktopSessionInformationHeader .ZoomLink .StudentZoom p,.DesktopSessionInformationHeader .ZoomLink .TaZoom p{padding-left:10px}.DesktopSessionInformationHeader .ZoomLink .StudentZoom button,.DesktopSessionInformationHeader .ZoomLink .TaZoom button{width:84px;height:29px;background:#fff;border:1px solid rgba(53,148,241,.5);box-sizing:border-box;border-radius:5px;color:rgba(53,148,241,.5);font-size:14px;outline:none}.DesktopSessionInformationHeader .ZoomLink .StudentZoom .JoinButton,.DesktopSessionInformationHeader .ZoomLink .TaZoom .JoinButton{color:#3594f1;border:1px solid #3594f1}.DesktopSessionInformationHeader .ZoomLink .StudentZoom .DisabledJoinButton,.DesktopSessionInformationHeader .ZoomLink .TaZoom .DisabledJoinButton{pointer-events:none;cursor:not-allowed}.DesktopSessionInformationHeader .ZoomLink .TaZoom button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:1px solid #5599db;color:#5599db;padding:4px 13px}.DesktopSessionInformationHeader .ZoomLink .TaZoom input{background:#f3f5fc;border-top-left-radius:8px;border-bottom-left-radius:8px;outline:none;border:none;width:75%;height:31px;padding:6px;color:#474747;font-size:14px}.DesktopSessionInformationHeader .ZoomLink .TaZoom p{width:100%;height:31px;background:#f3f5fc;border-radius:8px;padding:6px 8px;font-size:14px;display:inline-block;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.DesktopSessionInformationHeader .ZoomLink .TaZoom .CloseZoom{width:10px;padding:0 15px 0 10px;height:31px;background:#f3f5fc;border-top-right-radius:8px;border-bottom-right-radius:8px;display:flex;justify-content:center;align-items:center}.DesktopSessionInformationHeader .ZoomLink .TaZoom .CloseZoom button{outline:none;border:none;background-color:transparent}.DesktopSessionInformationHeader .ZoomLink .TaZoom .SaveZoomLink{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:14px;color:#3594f1;border:1px solid #3594f1}.SessionInformationHeader{background-color:#fff;font-size:15px;width:100%;border-bottom:1px solid #e3e3e3}.SessionInformationHeader .header{padding:10px 25px 10px 20px;text-align:left}.SessionInformationHeader .header .BackButton{font-size:15px;font-weight:500;text-align:left;margin:0;color:#484848;cursor:pointer;display:inline-block}.SessionInformationHeader .header .BackButton .left{border:solid #484848;border-width:0 1px 1px 0;display:inline-block;padding:4px;margin-right:10px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}.SessionInformationHeader .header .CourseInfo .CourseDetails{float:left;padding:15px 0 10px 19px}.SessionInformationHeader .header .CourseInfo .CourseDetails p{font-size:16px;text-align:left;color:grey;margin:0}.SessionInformationHeader .header .CourseInfo .CourseDetails .Location{color:#484848;padding-bottom:3px}.SessionInformationHeader .header .CourseInfo .Picture{float:right;padding-right:10px}.SessionInformationHeader .header .CourseInfo .Picture img{display:inline-block;width:60px;height:60px;border-radius:35px;vertical-align:middle;object-fit:cover}.SessionInformationHeader .Title{margin-bottom:5px}.SessionInformationHeader .MoreInformation{display:inline-block;width:100%;padding:0 20px 20px}.SessionInformationHeader .MoreInformation hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0}.SessionInformationHeader .MoreInformation .QueueInfo{float:left;padding-top:20px;padding-left:30px}.SessionInformationHeader .MoreInformation .QueueInfo p{font-size:16px;color:#484848}.SessionInformationHeader .MoreInformation .QueueInfo .users{font-size:30px}.SessionInformationHeader .MoreInformation .QueueInfo .red{color:red}.SessionInformationHeader .MoreInformation .OfficeHourInfo{float:right;padding-top:20px;padding-right:20px}.SessionInformationHeader .MoreInformation .OfficeHourInfo p{color:grey;font-size:14px}.SessionInformationHeader .MoreInformation .OfficeHourInfo p .black{color:#484848}.SessionInformationHeader .MoreInformation .OfficeHourInfo .OfficeHourDate{float:right;width:100%;padding-bottom:5px}.SessionJoinButton{display:inline-block;background:#80bfff;width:90%;height:45px;margin:24px 0;border:solid #80bfff;border-radius:3px;box-shadow:0 2px 3px #aaa;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.SessionJoinButton.disabled{background:#d2d2d2;border:none;box-shadow:none;cursor:default}.SessionJoinButton p{margin:auto;line-height:39px;color:#fff;font-size:15px;vertical-align:middle}.SessionPopularQuestion{background-color:#f6f6f6;border-radius:3px;box-shadow:2px 2px 4px 0 hsla(0,0%,62%,.5);height:75px;margin:10px 1.667%;max-width:200px;padding:1%;position:relative;text-align:left;width:28%}.SessionPopularQuestion .SessionPopularQuestion-People{bottom:0;color:#000;font-size:14px;padding:2px;position:absolute}.SessionPopularQuestion .SessionPopularQuestion-Text{color:#484848;font-size:11px;height:auto;padding:2px;width:100%}.SessionPopularQuestionsContainer{padding:10px}.SessionPopularQuestionsContainer .SessionPopularQuestionsContainer-List{display:flex;flex-wrap:wrap}.SessionPopularQuestionsContainer .SessionPopularQuestionsContainer-Title{font-size:14px;font-weight:600;text-align:left}.SessionPopularQuestionsContainer .SessionPopularQuestionsContainer-Title .SessionPopularQuestionsContainer-Collapse{color:#2080da}.QueueQuestions{background-color:#fff;margin:0 auto 12px;position:relative;text-align:center;width:100%;display:inline-block;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1)}.QueueQuestions .popup{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:hsla(0,0%,100%,.5);text-align:center;position:absolute;top:0;left:0}.QueueQuestions .popup .popupContainer{white-space:nowrap;text-overflow:clip;display:inline-block;padding:0}.QueueQuestions .popup .popupContainer .resolvedQuestionBadge{border-radius:8px;margin-left:0;display:flex;align-items:center;justify-content:center}.QueueQuestions .popup .popupContainer .resolvedQuestionBadge .resolvedQuestionText{color:#000;font-size:20px;font-weight:500;width:auto;margin:0;font-family:Roboto;font-style:normal;padding:5px}.QueueQuestions .popup .popupContainer .resolvedQuestionBadge .resolvedCheckImage{padding:0;margin:3px;width:40px;height:40px;background:#fff}.QueueQuestions .popup .Undo{background:#fff;border:1px solid #b41515;color:#b41515;box-sizing:border-box;border-radius:4px;padding:3px 34px;cursor:pointer}.QueueQuestions .Bookmark{right:20px}.QueueQuestions .OrderTooltip{position:relative;cursor:pointer}.QueueQuestions .TooltipText{left:68%;top:0;width:120px;color:#000;background-color:#fff;padding:5px;border-radius:7px;border:3px solid #7c8fba;visibility:hidden;opacity:0}.QueueQuestions .TooltipText,.QueueQuestions .TooltipText:before{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.QueueQuestions .TooltipText:before{content:"";left:49%;top:105%;border:10px solid transparent;border-top-color:#7c8fba}.QueueQuestions .OrderTooltip:hover .TooltipText{top:-130%;visibility:visible;opacity:1}.QueueQuestions .Order{float:left;font-size:17px;width:30px;margin:13px 0 12px 12px;color:#fff;background-color:#7c8fba;border:0 solid #7c8fba;border-radius:5px;text-align:center}.QueueQuestions .Order.assigned{background-color:#ffcd83}.QueueQuestions .userInformationImg{display:inline-block;margin-right:6px;width:30px;height:30px;border-radius:30px;vertical-align:middle;object-fit:cover}.QueueQuestions .userInformationName{font-weight:500;text-align:left;line-height:12px;margin:0;color:#595959;vertical-align:middle;letter-spacing:.1px}.QueueQuestions .userInformationName .assigned{font-weight:400;color:#9e9e9e}.QueueQuestions .QuestionInfo{float:left;font-size:14px}.QueueQuestions .QuestionInfo .studentInformation{display:inline-block;width:100%;padding-top:11px;padding-left:12px;text-align:left}.QueueQuestions .TopBar{display:flex;justify-content:flex-start}.QueueQuestions .hybridBadge{text-align:center;font-size:10px;color:#fff;border-radius:15px;display:inline-block;padding:0 5px;margin-right:5px}.QueueQuestions .hybridBadge.virtual{background-color:#ec4339}.QueueQuestions .hybridBadge.inPerson{background-color:#5599db}.QueueQuestions .RightBar{text-align:right;flex-grow:1;font-weight:300;display:flex;justify-content:flex-end;align-items:center}.QueueQuestions .RightBar p{font-size:12px}.QueueQuestions .RightBar .Tags{float:left;text-align:left}.QueueQuestions .RightBar .Tags .tag{cursor:default}.QueueQuestions .RightBar .Time{float:right;font-weight:300;color:#000;padding-right:25px}.QueueQuestions .RightBar .commentBtn{background-color:transparent;outline:none;border:none;cursor:pointer}.QueueQuestions .RightBar .commentBtn:hover{background-color:#d3d3d3;border-radius:30px}.QueueQuestions .Question{text-align:left;padding:8px 12px;margin:0;color:#595959;font-weight:300;align-items:center;justify-content:space-between}.QueueQuestions .Question.Student{padding-top:16px}.QueueQuestions .Question.Time{float:right;font-size:14px;margin:-12px 13px 0 0;padding:4px 6px;color:#fff;background-color:#7c8fba;border:0 solid #7c8fba;border-radius:5px;text-align:center}.QueueQuestions .CommentBox{margin-top:12px;padding-top:18px;margin-bottom:12px;padding-bottom:18px;padding-left:12px;margin-left:11%;background-color:#f5f5f5;border:1px solid #d8d8d8;width:78%;border-radius:4px;font-size:14px;font-weight:300;text-align:left}.QueueQuestions .CommentBox .commentBody{margin-left:30px;margin-right:12px;margin-top:3px}.QueueQuestions .CommentBox .commentBody .commentEdit{margin-left:calc(100% - 30px);cursor:pointer;text-align:right;margin-right:12px}.QueueQuestions .CommentBox .commentBody .commentText{font-weight:300;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal}.QueueQuestions .CommentBox .commentBody .commentTextArea{width:90%}.QueueQuestions .CommentBox .commentBody .commentBtnHolder{margin-top:12px;font-weight:300}.QueueQuestions .CommentBox .commentBody .commentBtnHolder .commentSaveBtn{width:107px;height:23px;border:none;color:#fff;border-radius:4px;background-color:#3594f1}.QueueQuestions .CommentBox .commentBody .commentBtnHolder .commentCancelBtn{margin-left:20px;width:107px;height:23px;border-radius:4px;border:1px solid #000;background-color:#fff}.QueueQuestions .LocationPin{display:inline-block;float:right;padding:14px 0 14px 14px}.QueueQuestions .LocationPin i{cursor:pointer;color:#7c8fba}.QueueQuestions .LocationPin .modalShade{display:none}@media only screen and (max-width:920px){.QueueQuestions .LocationPin .modalShade{display:block}}.QueueQuestions .Location{font-size:12px;text-align:left;padding:5px 12px 0;margin:0;color:#595959;font-weight:300;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.QueueQuestions .Location .taLocationInfo{display:flex;flex-direction:row;align-items:center;text-align:center}.QueueQuestions .LocationTooltip{position:absolute;top:45px;left:43px;width:315px;height:64px;box-shadow:2px 2px 1px 0 rgba(0,0,0,.15);border-radius:4px;background:#fff;font-size:12px;padding:8px 0 0 20px;text-align:left;z-index:10}@media only screen and (max-width:920px){.QueueQuestions .LocationTooltip{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999;width:311px;height:162px;border-radius:8px;padding:26px 0 0 24px;font-size:14px}}.QueueQuestions .LocationTooltip p{color:#202020;margin-bottom:6px}@media only screen and (max-width:920px){.QueueQuestions .LocationTooltip p{margin-bottom:20px}}.QueueQuestions .LocationTooltip p .characterCount{opacity:.5;font-size:11px}@media only screen and (max-width:920px){.QueueQuestions .LocationTooltip p .characterCount{font-size:14px}}.QueueQuestions .LocationTooltip p .characterCount.warn{color:#ce2a2a}.QueueQuestions .LocationTooltip .TextInput{font-weight:400;border:0;color:#484848;padding:5px 25px 5px 8px;resize:none;border-radius:3px;background-color:#edeff2;height:24px;width:275px;opacity:.6}@media only screen and (max-width:920px){.QueueQuestions .LocationTooltip .TextInput{width:264px;height:45px}}.QueueQuestions .LocationTooltip .check.icon,.QueueQuestions .LocationTooltip .ui.inline.loader.active,.QueueQuestions .LocationTooltip .ui.inline.loader.visible{position:absolute;top:35px;left:275px;color:#afabab}@media only screen and (max-width:920px){.QueueQuestions .LocationTooltip .check.icon,.QueueQuestions .LocationTooltip .ui.inline.loader.active,.QueueQuestions .LocationTooltip .ui.inline.loader.visible{top:80px;left:260px}}.QueueQuestions .LocationTooltip .DoneButton{display:none}@media only screen and (max-width:920px){.QueueQuestions .LocationTooltip .DoneButton{display:block;margin:26px 0 0 -24px;background-color:#77bbfa;height:44px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;text-align:center;padding:12px 0;font-size:20px;font-weight:300;color:#fff}}@media only screen and (min-width:920px){.QueueQuestions .LocationTooltip:after{content:"";position:absolute;width:0;height:0;top:0;left:20px;box-sizing:border-box;border-color:#fff #fff transparent transparent;border-style:solid;border-width:4px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:1px -1px 1px 0 rgba(0,0,0,.15)}}.QueueQuestions .ui.button.JoinButton{margin:10px}.QueueQuestions .Buttons hr{display:block;height:1px;border:1px;border-top:1px solid #ebebeb;margin:0 10px;padding:0}.QueueQuestions .Buttons .studentButtons{display:flex;align-items:center;justify-content:flex-end;position:relative;padding:12px 12px 12px 0}.QueueQuestions .Buttons .studentButtons .Remove{margin:0;color:#5599db;text-decoration:underline;font-size:14px;border:none;background-color:transparent;cursor:pointer}.QueueQuestions .Buttons .studentButtons .replyButton{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;display:flex;flex-direction:row;align-items:center}.QueueQuestions .Buttons .studentButtons .replyButton.hideReply{opacity:0}.QueueQuestions .Buttons .studentButtons .replyButton .replyIcon{width:22px}.QueueQuestions .Buttons .studentButtons .replyButton .indicator{position:absolute;top:0;left:16px}.QueueQuestions .Buttons .buttonsWrapper{display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:relative}.QueueQuestions .Buttons .buttonsWrapper .replyButton{display:flex;cursor:pointer;align-items:flex-start;margin:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.QueueQuestions .Buttons .buttonsWrapper .replyButton .replyText{margin-left:5px;color:#5599db;text-decoration:underline;font-size:15px}.QueueQuestions .Buttons .buttonsWrapper .replyButton .replyIcon{width:22px}.QueueQuestions .Buttons .buttonsWrapper .replyButton .indicator{position:absolute;top:0;left:16px}.QueueQuestions .Buttons .buttonsWrapper .Delete{margin-left:5px;color:#5599db;text-decoration:underline;font-size:14px}.QueueQuestions .Buttons .buttonsWrapper .Begin{border:.5px solid #7c8fba;color:#7c8fba}.QueueQuestions .Buttons .buttonsWrapper .Done{border:.5px solid #5599db;color:#5599db}.QueueQuestions .Buttons .buttonsWrapper .Undo{background:#fff;border:1px solid #b41515;color:#b41515;box-sizing:border-box;border-radius:4px}.QueueQuestions .Buttons .buttonsWrapper .DotMenu{color:#000;padding:2px 15px;width:auto;position:absolute;right:0;size:50px;font-weight:800}.QueueQuestions .Buttons .buttonsWrapper .assignedButtons .Delete,.QueueQuestions .Buttons .buttonsWrapper .assignedButtons .Done{margin-left:5px;color:#5599db;text-decoration:underline;font-size:13px;border:none;background-color:transparent;cursor:pointer}.QueueQuestions .Buttons .buttonsWrapper .TAButtons{display:flex;flex-direction:row;align-items:center;padding:12px 0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.QueueQuestions .Buttons .buttonsWrapper .TAButtons p{display:inline-block;border-radius:5px;color:#fff;font-size:15px;cursor:pointer;margin:0 0 10px;width:100px}.QueueQuestions .Buttons .buttonsWrapper .TAButtons .Begin{border:none;text-decoration:underline;color:#5599db;font-weight:400;font-size:13px;width:auto;margin-bottom:0}.QueueQuestions .Buttons .buttonsWrapper .TAButtons .DotMenu{color:#000;padding:2px 15px;width:auto;position:absolute;right:0;size:50px;font-weight:800}.QueueQuestions .Buttons .buttonsWrapper .TAButtons .IReallyDontKnow{border-radius:8px;width:220px;height:45px;position:absolute;overflow:hidden;box-shadow:1px 0 5px 0 rgba(0,0,0,.25);padding:10px;background-color:#f2f1f1;text-align:center;margin-top:15px;right:0;z-index:1}.QueueQuestions .Buttons .buttonsWrapper .TAButtons .IReallyDontKnow p{width:200px;color:#000;size:15px;font-weight:400;-webkit-text-decoration:normal;text-decoration:normal}.QueueQuestions .buttonsAndCantRemove{position:relative}.QueueQuestions .buttonsAndCantRemove .cantRemove{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:20px;color:red;font-size:10px}.link-button{color:#77bbfa;background-color:transparent;border:none;cursor:pointer;text-decoration:underline;display:inline;margin:0;padding:0}.link-button:focus,.link-button:hover{text-decoration:none}.expandContainer{position:relative;display:flex;align-items:center;height:60.5px}.expandContainer .expandImage{width:14px;height:14px;margin:0 8px;cursor:pointer}.expandContainer .expandProfile{width:28.5px;height:28.5px;border-radius:50%;margin-right:8px}.expandContainer .expandName{margin:0;font-weight:300;font-size:14px}.AnnouncementContainer{background-color:#fff;margin:20px 48px;position:relative;text-align:center;border-radius:10px}.AnnouncementContainer .AnnouncementTop{width:100%;display:flex;justify-content:space-between;padding:20px 12px}.AnnouncementContainer .AnnouncementTop .AnnouncementTitle{font-weight:500;font-size:18px;line-height:21px;color:#484848}.AnnouncementContainer .AnnouncementTop .AnnouncementIcons img{cursor:pointer}.AnnouncementContainer .AnnouncementTop .AnnouncementIcons :hover{opacity:.8;transition:.3s}.AnnouncementContainer .AnnouncementTop .AnnouncementIcons img+img{margin-left:16px;margin-right:16px;padding-bottom:4px}.AnnouncementContainer .AnnouncementBottom{text-align:left;padding-bottom:20px}.AnnouncementContainer .AnnouncementBottom .NoAnnouncement{font-style:italic;font-weight:400;font-size:12px;line-height:14px;color:#696969;padding:0 12px}.AnnouncementContainer .AnnouncementBottom .Announcement{background:#f2f9ff;border:1px solid #5599db;box-sizing:border-box;margin:0 12px 12px;padding:10px}.AnnouncementContainer .AnnouncementBottom .Announcement .AnnouncementHeading{display:flex;justify-content:space-between}.AnnouncementContainer .AnnouncementBottom .Announcement .AnnouncementHeading div{display:flex;align-items:center}.AnnouncementContainer .AnnouncementBottom .Announcement .AnnouncementHeading .AnnouncementIcon{width:40px}.AnnouncementContainer .AnnouncementBottom .Announcement .AnnouncementHeading .AnnouncementTaPhoto{border-radius:50%;height:27px;margin:0 5px}.AnnouncementContainer .AnnouncementBottom .Announcement .AnnouncementContent{margin-top:8px;display:flex;align-items:center;justify-content:space-between}.AnnouncementContainer .AnnouncementBottom .Announcement .AnnouncementContent span{color:#888;cursor:pointer}.AnnouncementContainer .AnnouncementBottom .Announcement .AnnouncementContent :hover{color:#000;transition:.3s}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement{background:#d6eafe;border-radius:4px;padding:8px 12px}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementTop{margin-top:5px;display:flex}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementTop .NewAnnouncementTaName{font-size:16px;line-height:28px;margin:0 8px}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementMiddle{margin:10px 0;padding:10px 9px;background:#fff;border-radius:4px;display:flex;justify-content:space-between}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementMiddle .NewAnnouncementInput{width:90%}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementMiddle .NewAnnouncementInput input{border:none;width:100%}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementMiddle .NewAnnouncementInput input::-webkit-input-placeholder{color:#888}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementMiddle .NewAnnouncementInput input:-ms-input-placeholder{color:#888}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementMiddle .NewAnnouncementInput input::placeholder{color:#888}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementMiddle .NewAnnouncementLength{color:#888}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementBottom{text-align:right}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementBottom span{cursor:pointer;font-size:12px;line-height:16px;-webkit-text-decoration-line:underline;text-decoration-line:underline}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementBottom .CancelButton{color:#f46565}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementBottom .PostButton{color:#5599db}.AnnouncementContainer .AnnouncementBottom .NewAnnouncement .NewAnnouncementBottom span+span{margin-left:20px}.SessionQuestionsContainer{padding-bottom:30px}.SessionQuestionsWrapper .SessionClosedMessage{margin:20px auto;padding:0 10px;font-size:19px;font-weight:400;letter-spacing:.3px;color:#484848}.SessionQuestionsWrapper .whiteBackground{background-color:#fff;border-radius:10.6px}.SessionQuestionsWrapper .SessionQuestionsContainer{padding-bottom:30px}.SessionQuestionsWrapper .SessionQuestionsContainer .User{margin-bottom:16px}.SessionQuestionsWrapper .SessionQuestionsContainer .allAssignedHeader{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;padding-right:10px}.SessionQuestionsWrapper .SessionQuestionsContainer .allAssignedHeader .icon{cursor:pointer}.SessionQuestionsWrapper .SessionQuestionsContainer .QuestionHeader,.SessionQuestionsWrapper .SessionQuestionsContainer .Queue{text-align:left;font-size:16px;color:#484848;font-weight:400;padding:20px 0;margin:0 0 0 12px}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper{position:relative}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .discussionQuestionsSlider{width:100%;border-radius:8px;border:3px solid #5599db;display:flex;position:relative;align-items:center}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .discussionQuestionsSlider:hover{cursor:pointer}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .discussionQuestionsSlider .discussionSliderSelector{background:linear-gradient(45deg,#668ae9,#6db9ea);position:absolute;left:2px;width:calc(50% - 2px);height:55px;border-radius:6px;transition:left .4s ease-in-out;z-index:-1}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .discussionQuestionsSlider .discussionSliderSelector.isSlidedRight{left:50%}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .discussionQuestionsSlider .discussionSliderOption{width:50%;font-size:20px;font-weight:500;color:#979797;padding:20px;transition:color .4s ease-in-out}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .discussionQuestionsSlider .discussionSliderOption.isSelected{color:#fff}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .sortDiscussionQuestionsWrapper{display:flex;margin:20px 0;align-items:center;justify-content:flex-end}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .sortDiscussionQuestionsWrapper .discussionArrowsContainer{display:flex;align-items:center;margin-right:5px}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .sortDiscussionQuestionsWrapper .discussionArrowsContainer .sortDiscussionArrow{width:20px;height:13px}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .sortDiscussionQuestionsWrapper .sortDiscussionQuestionsLabel{margin:0 5px 0 0}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .sortDiscussionQuestionsWrapper .sortDiscussionQuestionsOptions{display:flex;border:1px solid #3594f1;border-radius:5px;width:200px;align-items:center;position:relative}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .sortDiscussionQuestionsWrapper .sortDiscussionQuestionsOptions:hover{cursor:pointer}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .sortDiscussionQuestionsWrapper .sortDiscussionQuestionsOptions .sortDiscussionsSlider{position:absolute;left:1px;z-index:-1;height:27px;width:calc(50% - 1px);background-color:#5599db;border-radius:3px;transition:left .4s ease-in-out}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .sortDiscussionQuestionsWrapper .sortDiscussionQuestionsOptions .sortDiscussionsSlider.slidedRight{left:50%}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .sortDiscussionQuestionsWrapper .sortDiscussionQuestionsOptions .sortDiscussionQuestionsOption{color:#3594f1;font-weight:300;font-size:14px;width:50%;padding:5px 0;transition:color .4s ease-in-out}.SessionQuestionsWrapper .SessionQuestionsContainer .discussionHeaderWrapper .sortDiscussionQuestionsWrapper .sortDiscussionQuestionsOptions .sortDiscussionQuestionsOption.optionChosen{color:#fff}.SessionQuestionsWrapper .SessionQuestionsContainer .noQuestionsHeading{margin-top:140px;font-size:24px;font-weight:500;letter-spacing:.3px;color:#484848}.SessionQuestionsWrapper .SessionQuestionsContainer .noQuestionsWarning{font-size:19.2px;color:#484848}@media only screen and (max-width:920px){.sessionQuestionsWrapper .SessionClosedMessage{margin:20px auto;font-size:16px}.sessionQuestionsWrapper .SessionQuestionsContainer .noQuestionsHeading{margin-top:40px}.sessionQuestionsWrapper .SessionQuestionsContainer .noQuestionsHeading,.sessionQuestionsWrapper .SessionQuestionsContainer .noQuestionsWarning{font-size:15px}.sessionQuestionsWrapper .SessionQuestionsContainer .QuestionHeader,.sessionQuestionsWrapper .SessionQuestionsContainer .Queue{margin-left:12px}}.ui.button.VirtualLocationButton{margin:10px}.SessionAlertModal .modalShadeAlert{display:none}.SessionAlertModal .modalShadeAlert.shade{display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:2;background-color:hsla(0,0%,43.9%,.8)}.SessionAlertModal .modalContent .red{color:#c55a5a}.SessionAlertModal .modalContent .yellow{color:#dc9c35}.SessionAlertModal .modalContent.shade{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3;border-radius:10px;overflow:hidden;background-color:#fff;width:80%;max-width:450px}.SessionAlertModal .text{margin:auto;width:80%;padding:30px 10px;font-size:17px}.SessionAlertModal .text .title{font-size:30px;font-weight:500;margin:0}.SessionAlertModal .text .Icon{font-size:30px;padding:35px 0 20px}.SessionAlertModal .buttons{display:flex;flex-direction:row;align-content:stretch;text-align:center;outline:none}.SessionAlertModal .buttons button{border:none;width:100%;padding:10px 0;font-size:20px;background-color:#eaeaea}.SessionAlertModal .buttons .last{background:#7ab7fe;color:#fff}.SessionAlertModal .question{padding-top:28px}.SessionAlertModal .info{background-color:#edeff2;margin:0 30px 15px;padding:15px}.SessionAlertModal .info .ta{font-weight:700;padding-bottom:15px}.SessionAlertModal .info span{padding:2px 20px;display:inline-block}.SessionNotification{height:50px;background:#f2f9ff;border:1px solid #5599db;-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,.1));filter:drop-shadow(0 0 10px rgba(0,0,0,.1));display:flex;flex-direction:row;text-align:left;position:fixed;margin:auto;width:60%;top:650px;bottom:0;z-index:9999}.SessionNotification .label{align-self:center;justify-self:flex-start;color:#484848;font-family:Roboto;font-style:normal;font-weight:250px;font-size:14px;letter-spacing:.642857px;padding:40.59px}.SessionNotification .button{align-self:center;margin-left:auto;outline:none;border:none;background-color:transparent;color:#5599db;font-family:Roboto;font-size:14px;font-weight:500px;line-height:48px;padding:24px;cursor:pointer}.SessionNotification img{align-self:center;position:absolute;size:80%;left:14px}.SessionNotification p{width:70%;float:left;font-family:Roboto;font-style:normal;font-weight:500;font-size:16px;letter-spacing:.642857px;margin:0;color:#484848}@media only screen and (max-width:920px){.SessionNotification p{width:60%;font-size:16px}}.discussionQuestion{background-color:#fff;width:100%;border-radius:10px;font-family:"Roboto",arial;margin-top:20px}.discussionQuestion .discussionContainer{padding:7px 0}.discussionQuestion .discussionContainer .resolvedDiscussionBadge{background-color:#70d59d;border-radius:8px;padding:3px 5px;width:75px;margin-left:13px;display:flex;align-items:center;justify-content:center}.discussionQuestion .discussionContainer .resolvedDiscussionBadge .resolvedDiscussionText{color:#fff;font-size:12px;font-weight:400;margin:0}.discussionQuestion .discussionContainer .resolvedDiscussionBadge .resolvedCheckImage{margin-left:3px}.discussionQuestion .discussionContainer .discussionHeaderWrapper{display:flex;align-items:center;justify-content:space-between;margin-left:16px;margin-right:20px;padding-top:5px}.discussionQuestion .discussionContainer .discussionHeaderWrapper .upvoteAndUserInfoContainer{display:flex}.discussionQuestion .discussionContainer .discussionHeaderWrapper .upvoteAndUserInfoContainer .upvoteContainer .upvoteButton{border:none;background-color:transparent}.discussionQuestion .discussionContainer .discussionHeaderWrapper .upvoteAndUserInfoContainer .upvoteContainer .upvoteButton:hover{cursor:pointer}.discussionQuestion .discussionContainer .discussionHeaderWrapper .upvoteAndUserInfoContainer .upvoteContainer .upvoteButton .upvoteArrow{width:12px;height:12px}.discussionQuestion .discussionContainer .discussionHeaderWrapper .upvoteAndUserInfoContainer .upvoteContainer .upvoteCount{color:#7c8fba;font-size:16px}.discussionQuestion .discussionContainer .discussionHeaderWrapper .upvoteAndUserInfoContainer .userPhotoAndNameWrapper{margin-left:10px;display:flex;align-items:center}.discussionQuestion .discussionContainer .discussionHeaderWrapper .upvoteAndUserInfoContainer .userPhotoAndNameWrapper .discussionProfileImage{width:30px;height:30px;border-radius:50%}.discussionQuestion .discussionContainer .discussionHeaderWrapper .upvoteAndUserInfoContainer .userPhotoAndNameWrapper .discussionProfileUserName{font-weight:500px;font-size:14px;margin-left:8px}.discussionQuestion .discussionContainer .discussionHeaderWrapper .discussionCommentButton{border:none;background-color:transparent;float:right;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.discussionQuestion .discussionContainer .discussionHeaderWrapper .discussionCommentButton:hover{cursor:pointer;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.discussionQuestion .discussionContainer .lowerDiscussionContainer{display:flex;justify-content:space-between;margin-left:50px;margin-right:30px}.discussionQuestion .discussionContainer .lowerDiscussionContainer .questionAndTagsWrapper .tagsContainer{margin:12px 0}.discussionQuestion .discussionContainer .lowerDiscussionContainer .discussionQuestionTime{color:#6f6f6f;font-size:13px}.discussionQuestion .discussionContainer .discussionButtons .discussionRemoveButtonWrapper{display:flex;justify-content:center;align-items:center}.discussionQuestion .discussionContainer .discussionButtons .discussionRemoveButtonWrapper .discussionRemoveButton{border:none;background-color:transparent;margin-top:6px;margin-bottom:8px}.discussionQuestion .discussionContainer .discussionButtons .discussionRemoveButtonWrapper .discussionRemoveButton:hover{cursor:pointer}.discussionQuestion .discussionContainer .discussionButtons .discussionRemoveButtonWrapper .discussionRemoveButton .discussionRemoveIcon{width:14px;height:14px}.discussionQuestion .discussionContainer .discussionTAActionsWrapper .discussionDoneButton{border:1px solid #3594f1;border-radius:4px;background-color:transparent;color:#3594f1;padding:4px 30px;font-size:14px;margin-top:15px;margin-bottom:10px}.discussionQuestion .discussionContainer .discussionTAActionsWrapper .discussionDoneButton:hover{cursor:pointer}.discussionQuestion .discussionContainer .discussionQuestionBody{font-weight:300;font-size:14px;color:#484848;display:flex;align-items:flex-end;justify-content:center}.discussionQuestion .discussionContainer .discussionQuestionBody .discussionQuestionContent{text-align:left}.discussionQuestion .discussionContainer .discussionQuestionBody.isStudentUserDiscussion .discussionQuestionContent{margin-left:10px}.discussionQuestion .discussionContainer .discussionQuestionBody.isTAUserDiscussion{display:block}.discussionQuestion .discussionContainer .discussionDivider{width:95%;border:1px solid #ebebeb}.discussionQuestion .CommentBox{margin-top:12px;padding-top:18px;margin-bottom:12px;padding-bottom:18px;padding-left:12px;margin-left:11%;background-color:#f5f5f5;border:1px solid #d8d8d8;width:80%;border-radius:4px;font-size:14px;font-weight:300;text-align:left}.discussionQuestion .CommentBox .commentBody{margin-left:30px;margin-right:12px;margin-top:3px}.discussionQuestion .CommentBox .commentBody .commentEdit{margin-left:calc(100% - 30px);cursor:pointer;text-align:right;margin-right:12px}.discussionQuestion .CommentBox .commentBody .commentText{font-weight:300;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal}.discussionQuestion .CommentBox .commentBody .commentTextArea{width:90%}.discussionQuestion .CommentBox .commentBody .commentBtnHolder{margin-top:12px;font-weight:300}.discussionQuestion .CommentBox .commentBody .commentBtnHolder .commentSaveBtn{width:107px;height:23px;border:none;color:#fff;border-radius:4px;background-color:#3594f1}.discussionQuestion .CommentBox .commentBody .commentBtnHolder .commentCancelBtn{margin-left:20px;width:107px;height:23px;border-radius:4px;border:1px solid #000;background-color:#fff}.discussionQuestion .userInformationImg{display:inline-block;margin-right:6px;width:30px;height:30px;border-radius:30px;vertical-align:middle;object-fit:cover}.discussionQuestion .userInformationName{font-weight:500;text-align:left;line-height:12px;margin:0;color:#595959;vertical-align:middle;letter-spacing:.1px}.discussionQuestion .userInformationName .assigned{font-weight:400;color:#9e9e9e}.commentPreview{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.expandPreview{width:2%;margin:1%}.userComment{position:relative;width:98%;background-color:#fff;border-radius:10px;display:flex column;align-items:flex-start;float:right;margin-bottom:15px;-webkit-filter:drop-shadow(0 0 20px rgba(0,0,0,.1));filter:drop-shadow(0 0 20px rgba(0,0,0,.1))}.userComment.yourComment{background-color:#d6eafe;z-index:100}.userComment.Preview{width:96%;background-color:#fff}.userComment.Preview.newComment{background-color:#f2e4cf}.userComment:last-child{margin-bottom:0}.userComment .commentInnerWrapper{margin:10px 30px 0}.userComment .commentInnerWrapper .commentHeader{display:flex;justify-content:space-between;align-items:center}.userComment .commentInnerWrapper .commentHeader.Preview{margin-left:-20px;margin-bottom:10px}.userComment .commentInnerWrapper .commentHeader .commentNameAndProfile{display:flex;padding:0;align-items:center;margin-top:10px}.userComment .commentInnerWrapper .commentHeader .commentNameAndProfile.Preview{margin-top:0;width:auto;min-width:-webkit-max-content;min-width:max-content}.userComment .commentInnerWrapper .commentHeader .commentNameAndProfile .commenterProfile{width:25px;height:25px;border-radius:50%}.userComment .commentInnerWrapper .commentHeader .commentNameAndProfile .commenterName{margin:0 0 0 5px;font-weight:400;font-size:13px}.userComment .commentInnerWrapper .commentHeader .previewCommentBody{color:#595959;text-align:left;font-size:13px;font-weight:300;padding-left:20px;padding-right:45px;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.userComment .commentInnerWrapper .commentHeader .commentTime{color:#6f6f6f;font-weight:300;font-size:12px}.userComment .commentInnerWrapper .commentHeader .commentTime.Preview{width:auto;min-width:-webkit-max-content;min-width:max-content}.userComment .commentInnerWrapper .commentBody{margin-top:18px;text-align:left;font-size:14px;font-weight:400}.userComment .commentInnerWrapper .commentBody.notUserComment{margin-bottom:33px}.userComment .commentInnerWrapper .newCommentInput{border:none;border-radius:4px;background:#fff;font-size:14px;padding:10px;font-weight:300;width:97%;display:block;margin-top:10px}.userComment .commentInnerWrapper .commentButtons{margin-bottom:15px;float:right}.userComment .commentInnerWrapper .commentButtons .notEditableButtonsWrapper{display:flex}.userComment .commentInnerWrapper .commentButtons .commentButton{color:#5599db;font-weight:400;text-decoration:underline;font-size:12px;border:none;background-color:transparent;cursor:pointer}.userComment .commentInnerWrapper .commentButtons .showDeleteMenu{display:flex;align-items:center;position:relative}.userComment .commentInnerWrapper .commentButtons .showDeleteMenu .deleteDots{cursor:pointer}.userComment .commentInnerWrapper .commentButtons .showDeleteMenu .commentDelete{position:absolute;left:0;top:20px;background-color:#fff;padding:6px;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:100}.userComment .commentInnerWrapper .commentButtons .showDeleteMenu .commentDelete.myDelete{background-color:#d6eafe}.commentsContainer{position:relative;width:100%;display:inline-block}.commentsContainer .commentsLine{position:absolute;border:3px solid #b0b0b0;border-radius:3px;height:100%;width:0;cursor:pointer;transition:border .2s ease-in-out}.commentsContainer .commentsLine:hover{border:3px solid #474747}.newCommentContainer{width:98%;background-color:#d6eafe;border-radius:10px;display:flex column;align-items:flex-start;float:right;margin-bottom:15px}.newCommentContainer .newCommentWrapper{margin-left:30px;margin-top:15px}.newCommentContainer .newCommentWrapper .newCommentHeader{display:flex;align-items:center}.newCommentContainer .newCommentWrapper .newCommentHeader .newCommenterProfile{width:25px;height:25px;border-radius:50%}.newCommentContainer .newCommentWrapper .newCommentHeader .newCommenterName{font-family:Roboto;color:#545454;font-size:14px;font-weight:400;margin:0 0 0 5px}.newCommentContainer .newCommentWrapper .newCommentInput{border:none;border-radius:4px;background:#fff;font-size:14px;padding:10px;font-weight:300;width:97%;display:block;margin-top:10px}.newCommentContainer .newCommentWrapper .addNewCommentButton{color:#5599db;text-decoration:underline;font-size:12px;float:right;background-color:transparent;border:none;cursor:pointer;margin:10px 3% 15px 0}.loginView{background:linear-gradient(270deg,#6aafdc 19%,#668be9 66%);background-size:cover;min-height:100%;top:20vh}.whiteSectionWrapper{background-color:#fff;position:relative}.whiteSectionWrapper .tutorialHeader{color:#5599db}.whiteSectionWrapper .loginView__alt{background:none!important;border:none;padding:0!important;font-family:arial,sans-serif;color:#069;text-decoration:underline;cursor:pointer;font-size:10px;position:absolute;bottom:102px;right:0}.whiteSectionWrapper .loginView__alt:hover{color:#08c}.qmiContact{box-shadow:2px 4px 5px hsla(0,0%,42.4%,.25);background:#f67d7d;border-radius:5px;font-family:"Roboto";font-weight:300;padding:10px 30px;color:#fff;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translateY(0);transform:translateY(0)}.qmiContact:hover{background:#fa8181;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.header{position:relative;height:10vh;color:#fff}.header .logoWrapper{position:absolute;top:15px;left:25px;display:flex;flex-direction:row}.header .logoWrapper .qmiNewLogo{height:75px;width:75px}.header .logoWrapper .qmiLogoText{font-family:"Roboto";font-weight:300;font-size:22px}.header .qmiContact{position:absolute;top:30px;right:30px;border:none}.mainInfo{display:flex;flex-direction:row;align-items:center;justify-content:center}.mainInfo .nameAndButtonWrapper{color:#fff;text-align:left}.mainInfo .nameAndButtonWrapper .mainLogoText{font-family:"Roboto";font-weight:500;font-size:80px}.mainInfo .nameAndButtonWrapper .subHeader{font-family:"Roboto";font-weight:100;font-size:30px;margin:0}.mainInfo .nameAndButtonWrapper .loginButton{float:left;margin-top:50px}.demoQMI{position:relative;z-index:2;height:625px;-webkit-animation:float 2s;animation:float 2s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ribbonWrapper{position:relative;top:-300px;z-index:1}.whiteStrip{width:100vw}.secondWhiteStrip{width:100vw;position:relative;top:7px}.sloganText{color:#5599db;font-weight:600;font-size:40px;white-space:pre-line;position:relative;top:-210px}.tutorialHeader{color:#fff;font-size:30px;font-family:"Roboto";font-weight:500;margin-bottom:70px;text-align:left;white-space:pre-line}.bothTutorialsWrapper{display:flex;margin-top:50px;justify-content:space-evenly}.bothTutorialsWrapper .tutorialWrapper{padding-top:50px}.cardWrapper{display:flex column;align-items:center;justify-content:center}.cardWrapper .infoCard{background-color:hsla(0,0%,100%,.9);border-radius:6px;width:490px;height:130px;display:flex;justify-content:flex-start;align-items:center;margin-bottom:40px;box-shadow:5px 10px 15px rgba(0,0,0,.15);position:relative;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translateY(0);transform:translateY(0)}.cardWrapper .infoCard:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cardWrapper .infoCard .cardImg{margin-left:30px;width:80px;height:80px}.cardWrapper .infoCard .cardDesc{margin-left:30px;font-family:"Roboto";font-weight:500;font-size:19px;bottom:30px;text-align:left;white-space:pre-line;line-height:120%}.finalTextSection{display:flex;margin-bottom:80px}.finalTextSection .qmiThreePeople{width:500px;height:300px}.finalTextSection .finalTextWrapper{margin-left:150px}.finalTextSection .finalText{font-family:"Roboto";font-weight:500;font-size:50px;text-align:left;margin:0;white-space:pre-line}.finalTextSection .finalTextHead{color:#5599db}.finalTextSection .qmiContact{float:left;margin-top:50px}@media screen and (max-width:920px){.qmiContact{padding:5px 15px;font-size:10px}.header .logoWrapper{top:7px;left:12px}.header .logoWrapper .qmiNewLogo{height:30px;width:30px}.header .logoWrapper .qmiLogoText{font-size:12px;margin-top:8px}.header .qmiContact{top:10px;right:15px}.mainInfo .nameAndButtonWrapper .mainLogoText{font-family:"Roboto";font-weight:500;font-size:25px}.mainInfo .nameAndButtonWrapper .subHeader{font-family:"Roboto";font-weight:100;font-size:10px;margin:0}.mainInfo .nameAndButtonWrapper .loginButton{margin-top:25px}.mainInfo .qmiPeople{width:140px;height:80px}.demoQMI{height:150px}.ribbonWrapper{top:-50px}.sloganText{font-size:11px;top:-80px}.tutorialHeader{font-size:8px;margin-bottom:30px}.bothTutorialsWrapper{margin-top:25px}.bothTutorialsWrapper .tutorialWrapper{padding-top:20px}.cardWrapper .infoCard{width:120px;height:40px;margin-bottom:20px;box-shadow:5px 10px 15px rgba(0,0,0,.15)}.cardWrapper .infoCard .cardImg{margin-left:10px;height:25px;width:25px}.cardWrapper .infoCard .cardDesc{margin-left:10px;font-size:5px;bottom:15px}.finalTextSection{margin-bottom:30px}.finalTextSection .qmiThreePeople{width:110px;height:65px}.finalTextSection .finalTextWrapper{margin-left:35px}.finalTextSection .finalText{font-size:13px}.finalTextSection .qmiContact{margin-top:15px}.whiteSectionWrapper .loginView__alt{bottom:52px}}@-webkit-keyframes float{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes float{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}:focus{outline:none}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes popUp{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popUp{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.login__logo{height:150px;width:150px}.login__background{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,43.9%,.8);z-index:9999}.login__background p{align-self:center;position:absolute;width:353px;top:224px;font-family:Roboto;font-style:normal;font-weight:500;font-size:25px;line-height:29px;color:#5599db}.login__background .closeButton{align-self:flex-end;height:20px;left:74.14%;right:24.61%;top:calc(50% - 232px);font-size:20px;line-height:48px;color:#484848;float:right;outline:none;background-color:transparent;border:none}.login__background .login__blockVisible{width:500px;height:550px;border-radius:8px;display:flex;position:fixed;background-color:#fff;text-align:center;flex-direction:column;align-items:center}.login__container{display:flex;flex-direction:column;align-items:center;width:65%;height:100%}.login__container form{width:100%}.login__container .login__form{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.login__container .login__formsContainer{width:100%}.login__container .form-group{width:100%;-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;position:relative;-webkit-animation:fadeIn .3s forwards;animation:fadeIn .3s forwards;margin-top:1rem;padding-top:2rem;display:flex;overflow:hidden}.login__container .form-group:last-of-type{margin-bottom:4rem}.login__container .form-group:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.login__container .form-group:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.login__container .form-group>label{font-size:20px;position:absolute;text-align:left;margin:0 0 0 4rem;width:100%;left:0;top:30px;pointer-events:none;color:#888;transition:.3s}@media(max-width:920px){.login__container .form-group>label{font-size:1.5rem}}.login__container .form-input{flex:1 1;font-size:16px;background:none;border:none;border-bottom:2px solid #888;border-radius:0;width:100%;display:inline-block;padding-left:4rem;background-color:none;padding-bottom:.5rem}@media(max-width:920px){.login__container .form-input{font-size:14px}}.login__container .form-input:focus{border:none;border-bottom:2px solid #2f72ff}.login__container .form-input:focus+label{top:0;font-size:1.2rem}@media(max-width:920px){.login__container .form-input:focus+label{font-size:1.2rem}}.login__container .form-input:valid+label{top:0;font-size:1rem}@media(max-width:920px){.login__container .form-input:valid+label{font-size:1.2rem}}.login__container .login-button{background:#5599db;border-radius:4px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:12px;line-height:14px;height:36px;color:#fff;border:none;width:100%;display:inline-block;-webkit-transform:scale(0);transform:scale(0);-webkit-animation:popUp .3s .3s forwards;animation:popUp .3s .3s forwards;cursor:pointer}.login__container .login-button:hover{background-color:#2c80d1}.login__container .login__icon{width:2rem;height:2rem;font-size:2rem;position:absolute;left:5px;top:25px;color:#484848}.login__container .login__iconLock{left:12px;top:23px}.login__container .login__view{width:3rem;height:3rem;fill:#7b7b7b;top:.8rem;left:1.25rem;position:absolute}.login__container .login__view-1{visibility:visible}.login__container .login__view-2{visibility:hidden}.login__container .login__eyes{position:relative;width:4rem;font-size:2rem;text-align:center;border-bottom:2px solid #888;transition:-webkit-transform .75s ease;transition:transform .75s ease;transition:transform .75s ease,-webkit-transform .75s ease}[data-status=text] .login__eyes:after{-webkit-transform:translateY(-50%) scale(40);transform:translateY(-50%) scale(40)}[data-status=text] .form-input.pass,[data-status=text] .form-input label{color:#eee}.googleLogo{float:left;height:34px;margin-left:5px}.loginButtonText{color:grey;font-family:Roboto;width:100%;display:block;padding:8px;font-weight:500;letter-spacing:.3px;font-size:14px}.loginButton{background:#fff;border:none;border-radius:5px;box-shadow:0 4px 4px hsla(0,0%,49%,.25);padding:1px;width:180px;font-size:16px;outline:none;transition:all .17s cubic-bezier(.4,0,.2,1);display:block;margin:auto;height:45px;cursor:pointer}.loginButton:not(:active):not(:disabled):hover{box-shadow:0 0 3px 0 rgba(0,0,0,.12),0 3px 3px 0 rgba(0,0,0,.24);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media screen and (max-width:920px){.loginButton{padding:1px;width:100px;height:25px}.googleLogo{height:17px;margin-left:2px}.loginButtonText{padding:4px;font-size:7px}}.footerWrapper{width:100vw;height:100px;background:linear-gradient(225deg,#6db8ea 30%,#668be9 120%);justify-content:center}.footerTextWrapper,.footerWrapper{display:flex;align-items:center}.footerTextWrapper .footerLogo{width:30px;height:30px;margin:0 10px}.footerTextWrapper .footerText{color:#fff;font-family:"Roboto";font-weight:300;font-size:14px;white-space:pre-line;margin:0}@media screen and (max-width:920px){.footerWrapper{height:50px}.footerTextWrapper .footerLogo{height:15px;width:15px;margin:0 5px}.footerTextWrapper .footerText{font-size:7px}}div.warningArea{padding:.3in;display:inline-block}aside.CalendarView{left:0;width:390px;box-shadow:1px 0 5px 0 rgba(0,0,0,.25);-webkit-user-select:none;-ms-user-select:none;user-select:none}aside.CalendarView,section.StudentSessionView{position:fixed;top:50px;bottom:0;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}section.StudentSessionView{right:0;left:390px}aside.CalendarView::-webkit-scrollbar,section.StudentSessionView::-webkit-scrollbar{display:none}.splitQuestions{margin:0 48px}section .SessionJoinButton{width:217px;display:block}.noSessionSelected{color:#484848;font-family:Roboto;font-size:18px;padding-top:25vh}.welcomeMessage{padding-top:100px;font-family:Roboto;font-size:28px;font-weight:300;color:#484848}.welcomeName{font-weight:500}.undoContainer{width:100%;background-color:#b0b0b0;color:#fff;height:56px;text-align:left;top:0;z-index:1;position:sticky;position:-webkit-sticky}.undoContainer .undoClose{position:absolute;top:2px;left:4px;cursor:pointer}.undoContainer .undoText{line-height:56px;text-align:center}.undoContainer .undoText .undoLink{text-decoration:underline;cursor:pointer}.Bookmark{position:absolute;border:10px solid #5599db;border-bottom:12px solid transparent;height:33px;top:0}@media only screen and (max-width:920px){aside.CalendarView,section.StudentSessionView{width:100%;position:relative;height:100%;left:0;top:0}.splitQuestions{margin:10px}.modal{border-radius:0;top:0;bottom:0;left:0;right:0;-webkit-transform:none;transform:none;height:100%;width:100%}section .SessionJoinButton{margin:15px auto 0;width:90%;max-width:400px}.undoContainer{background-color:#79b8b8}}.feedbackModal .Feedback{position:fixed;z-index:4;top:0;left:0}@media only screen and (min-width:920px){.feedbackModal .Feedback{top:15%;left:15%}}.feedbackShade{position:fixed;top:0;bottom:0;left:0;right:0;z-index:3;background-color:hsla(0,0%,43.9%,.8)}.CalendarExportModalScreen,.JoinErrorMessageScreen,.NotifModalScreen{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,43.9%,.8);z-index:9999}.NotificationModalVisible img{top:95px}.CalendarExportModalVisible,.JoinErrorMessageVisible,.NotificationModalVisible{width:450px;height:300px;border-radius:8px;display:flex;position:fixed;background-color:#fff;text-align:center;flex-direction:column}.CalendarExportModalVisible img,.JoinErrorMessageVisible img,.NotificationModalVisible img{position:absolute;height:50px;width:50px;top:90px;align-self:center}.CalendarExportModalVisible p,.JoinErrorMessageVisible p,.NotificationModalVisible p{align-self:center;position:absolute;width:300px;top:160px;font-family:Roboto;font-style:normal;font-weight:500;font-size:20px;line-height:29px;color:#5599db}.CalendarExportModalVisible .closeButton,.JoinErrorMessageVisible .closeButton,.NotificationModalVisible .closeButton{align-self:flex-end;height:45px;left:74.14%;right:24.61%;top:calc(50% - 232px);font-size:20px;color:#484848;float:right;outline:none;background-color:transparent;border:none;padding-top:8px;padding-right:8px}.CalendarExportModalVisible{width:450px;height:auto}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.CalendarExportModalScreen{-webkit-animation:modalFadeIn .15s linear both;animation:modalFadeIn .15s linear both}.CalendarExportModalScreen .Title{font-weight:500;font-size:25px;line-height:30px;color:#000;position:relative;margin-left:40px;margin-right:40px;margin-bottom:32px;overflow-wrap:break-word}.CalendarExportModalScreen .Title .Subtitle{font-weight:300;font-size:18px;padding-top:15px}.CalendarExportModalScreen .CalendarContainer#last{margin-bottom:5em}.CalendarExportModalScreen .CalendarContainer{display:flex;width:100%;height:35px;justify-content:center;margin-bottom:30px}.CalendarExportModalScreen .CalendarContainer .export-btn{background-color:#77bbfa;color:#fff;font-size:25px;font-weight:400;font-family:Roboto;display:inline-block;border-radius:10px;border:none;text-decoration:none;padding:1em;margin:.25em auto;height:40px;width:50%;cursor:pointer;text-align:center}.CalendarExportModalScreen .CalendarContainer .export-btn .content{position:relative;top:-11px}.CalendarExportModalScreen .CalendarContainer .export-btn::selection,.CalendarExportModalScreen .CalendarContainer .export-btn:hover{background-color:#77bbfa;color:#fff}.CalendarExportModalScreen .CalendarContainer .ui.button.export-btn{background-color:#77bbfa;color:#fff}.CalendarExportModalScreen img{height:45px;width:45px;top:120px}.CalendarExportModalScreen img#calIcon{height:45px;width:45px;display:flex;position:relative;top:0;margin-bottom:24px}.JoinErrorMessageVisible p{width:450px;font-size:23px;color:#dc9c35}.JoinErrorMessageVisible .GotItButton{position:absolute;bottom:0;width:100%;background:#5599db;height:70px;border:none;justify-self:end;font-size:20px;color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;outline:none}@media only screen and (max-width:920px){.NotificationModalVisible{width:80%}.NotificationModalVisible p{font-size:22px;width:80%}.CalendarExportModalVisible{width:80%}.CalendarExportModalVisible .ExportText{font-size:15px}.CalendarExportModalVisible img{height:40px;width:40px}.CalendarExportModalVisible .CalendarItem{width:35%}.CalendarExportModalVisible .content{font-size:14px}}.textNotifModalScreen{justify-content:center;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,43.9%,.8);z-index:9999}.textNotifModalScreen,.textNotifModalVisible{position:fixed;display:flex;align-items:center}.textNotifModalVisible{width:475px;height:420px;border-radius:8px;background-color:#fff;text-align:center;flex-direction:column}.textNotifModalVisible .closeButton{align-self:flex-end;height:20px;left:74.14%;right:24.61%;top:calc(50% - 232px);font-size:20px;line-height:48px;color:#484848;float:right;outline:none;background-color:transparent;border:none}.textNotifModalExtended{width:475px;height:550px}.textNotifModalExtended .textNotifModal__enableDialogue{height:48%}.enableDialogue__line{border-left:1px solid #979797;width:1px}.textNotifModal__icon{top:126px;align-self:center;padding:15px}.textNotifModal__header{display:flex;flex-direction:row;justify-content:center;width:100%}.textNotifModal__title{margin-left:25%;font-size:16px;color:#484848}.textNotifModal__status,.textNotifModal__title{font-family:Roboto;font-style:normal;font-weight:500;line-height:20px}.textNotifModal__status{padding-left:9%;font-size:14px;justify-self:flex-end;color:#6f6f6f}.textNotifModal__status .off{color:red}.textNotifModal__status .on{color:#5599db}.textNotifModal__enableDialogue{width:100%;height:65%;padding-top:20px;margin-bottom:20px;padding-left:30px;padding-right:30px}.textNotifModal__disableDialogue{width:100%;height:21.5%;padding-left:30px;padding-right:30px;padding-top:10px}.textNotifModal__confirm{width:368px;height:36px;padding:10px;background:#5599db;color:#fff;margin-left:20px;border-radius:4px;border:none;box-shadow:0 2px 5px 1px rgba(64,60,67,.16);transition-duration:.3s;transition-property:box-shadow,-webkit-transform;transition-property:transform,box-shadow;transition-property:transform,box-shadow,-webkit-transform}.textNotifModal__confirm:hover{box-shadow:0 .25rem .25rem rgba(0,0,0,.15)}.textNotifModal__confirm .settingsSubmit:active{-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:none}.enableDialogue__enableTitle{font-family:Roboto;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:#484848;text-align:left;padding-bottom:10px}.enableDialogue__split{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;height:90%}.enableDialogue__line{border-left:2px solid #979797;padding:5px;height:100%;width:2px}.enableDialogue__consent{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;position:relative}.enableDialogue__consent .checkbox{margin-right:10px;margin-top:3px}.enableDialogue__consentDialogue{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#484848;text-align:left}.enableDialogue__content{display:flex;flex-direction:column;justify-content:space-between}.enableDialogue__phoneForm{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative}.enableDialogue__phoneIcon{color:#484848;width:16px;height:12px;margin:10px}.enableDialogue__phoneInput{position:relative;height:36px;width:280px}.enableDialogue__required{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#ec4339;height:90%;margin-left:3px}.enableDialogue__Error{position:absolute;bottom:-25px;right:-5px;text-align:left;color:#ec4339}.enableDialogue__checkError{bottom:-35px;margin-top:5px;margin-bottom:10px;margin-left:28px}.enableDialogue__phoneError{margin-left:35px}.disableDialogue__split{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;height:100%}.disableDialogue__line{border-left:2px solid #979797;padding:5px;height:100%;width:2px}.disableDialogue__warning{font-weight:400;margin-bottom:10px}.disableDialogue__title,.disableDialogue__warning{font-family:Roboto;font-style:normal;font-size:14px;line-height:20px;color:#484848;text-align:left}.disableDialogue__title{font-weight:500;padding-bottom:10px}.disableDialogue__confirm{width:368px;height:36px;padding:10px;background:#ec4339;color:#fff;margin-left:20px;border-radius:4px;border:none;box-shadow:0 2px 5px 1px rgba(64,60,67,.16);transition-duration:.3s;transition-property:box-shadow,-webkit-transform;transition-property:transform,box-shadow;transition-property:transform,box-shadow,-webkit-transform}.disableDialogue__confirm:hover{box-shadow:0 .25rem .25rem rgba(0,0,0,.15);background:#c41b12}.disableDialogue__confirm .settingsSubmit:active{-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:none}@media only screen and (max-width:920px){.textNotifModalVisible p{font-size:22px;width:80%}}.topBar .triggerArea,.topBar:focus,.userProfile{display:flex;justify-content:space-between;align-items:center;outline:none}.MenuBox:focus{outline:none}.desktop.logoutMenu{border-radius:5px;position:absolute;width:300px;right:8px;top:50px;left:auto;overflow:hidden;bottom:auto;box-shadow:1px 0 5px 0 rgba(0,0,0,.25);padding:0}.desktop.logoutMenu li{padding-top:16px}.desktop.logoutMenu li:last-child{border:none}.desktop.logoutMenu span{width:100%;padding-right:10px}.topBar{background-color:#fff;width:100%;height:48px;padding-right:46px;box-shadow:0 1px 6px 1px hsla(0,0%,81.6%,.47);-webkit-user-select:none;-ms-user-select:none;user-select:none}.topBar .triggerArea{width:100%;padding:8px;display:flex}.topBar .triggerArea .viewToggles{display:flex;flex-wrap:wrap;align-self:center;justify-content:center}.topBar .triggerArea .QMILogoImage{align-self:right;padding-bottom:10px;width:30px;margin-left:46px;transition-duration:.2s;transition-property:box-shadow,color;transition-timing-function:cubic-bezier(.4,0,.2,1);cursor:pointer}.topBar .triggerArea .QMILogoImage:hover{box-shadow:inset 0 -2px #b7bfc6}.topBar .triggerArea .rightContentWrapper{width:20%;display:flex;justify-content:center;align-items:center}.topBar .triggerArea .userProfile{align-self:right;height:34px;padding-bottom:10px;transition-duration:.2s;transition-property:box-shadow,color;transition-timing-function:cubic-bezier(.4,0,.2,1);cursor:pointer}.topBar .triggerArea .userProfile:hover{box-shadow:inset 0 -2px #b7bfc6}.topBar .triggerArea .userProfile:hover .name{color:#484848}.topBar .triggerArea i.icons .corner.icon{top:0;bottom:auto}.topBar .triggerArea .profilePic{width:28px;height:28px;border-radius:50%;margin:0 12px 0 0}.topBar .triggerArea .name{font-size:15px;font-weight:500;color:#898989}@media only screen and (max-width:920px){.userProfile{padding-right:15px;min-height:64px}.topBar{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;padding-right:0}.topBar .triggerArea .QMILogoImage{margin-left:15px}}.FeedbackPopup.feedback{flex-direction:column}.QMeLogo{display:block;width:83px;padding-bottom:40px;margin-top:70px}.topPanel{height:45vh;background-image:linear-gradient(#155693,#6db9ea);color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;line-height:1.4;font-size:18px;margin-bottom:40px;position:relative}.topPanel .feedbackText{background-color:transparent;color:#fff;border:none;text-decoration:underline;cursor:pointer;font-size:14px;font-weight:700;position:absolute;bottom:30px}.topPanel.feedback{background-image:none;background-color:#fff;color:#7c8fba;justify-content:center;font-size:19px;margin-bottom:0;padding:0 40px;position:relative}.topPanel.feedback h2{font-size:22px;padding:12% 0 30px}.topPanel.feedback .closeIcon{position:absolute;background-color:transparent;border:none;color:#000;top:5px;right:5px;cursor:pointer}.topPanel.feedback .QMeLogo{float:left;padding-bottom:0;margin-top:0}.bottomPanel{height:55vh}.bottomPanel.feedback{background-color:#77bbfa;padding-top:80px}.bottomPanel.feedback .feedbackButton{background-color:#155693;box-shadow:2px 4px 4px 0 rgba(0,0,0,.5);border-radius:4px;padding:15px 50px;width:247px;font-size:20px;height:40px;color:#fff}.hintText{color:grey}@media only screen and (min-width:920px){.bottomPanel,.topPanel{height:500px;font-size:20px;box-shadow:10px 10px 111px 0 rgba(0,0,0,.65);min-width:400px;max-width:475px}.topPanel{margin:0;border-radius:15px 0 0 15px}.topPanel.feedback{height:300px;min-width:800px;border-radius:15px 15px 0 0;display:block}.topPanel.feedback .QMeLogo{margin:70px 30px}.bottomPanel{color:#8d8d8d;border-radius:0 15px 15px 0;background-color:#fff;position:relative}.bottomPanel.feedback{height:200px;min-width:800px;border-radius:0 0 15px 15px}.QMeLogo{width:118px;margin-top:100px}.hintText{padding-top:50%}}.logoutMenu{position:absolute;top:0;right:0;left:0;bottom:0;z-index:101;padding-top:42px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none}.logoutMenu li{padding:0;cursor:pointer;background-color:#fff;width:100%;height:52px;font-size:15px;font-weight:300;border:none;border-bottom:.5px solid #e3e3e3;display:block}.logoutMenu li a{color:rgba(0,0,0,.87);width:100%;padding:16px;display:inline-block;margin:auto}.logoutMenu li{padding-left:80px}.leave-queue-background{position:fixed;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;font-family:"Roboto";font-weight:400;background-color:hsla(0,0%,43.9%,.8);-webkit-animation:fade .6s;animation:fade .6s}.leave-queue-container{display:flex;flex-direction:column;justify-content:space-evenly;position:relative;background-color:#fff;border-radius:8px;height:180px;width:480px;-webkit-animation:moveUp .6s;animation:moveUp .6s}.leave-queue-container .leave-queue-button{position:absolute;top:10px;right:10px;border:none;background-color:transparent;padding:0;cursor:pointer;width:15px;height:15px}.leave-queue-container .leave-queue-button img{width:15px;height:15px;margin:0;padding:0}.leave-queue-container img{width:50px;height:50px;margin:10px}.leave-queue-container h2{color:#040202;font-weight:400;font-size:18px}.leave-queue-container .leave-queue-option{color:#fff;width:50%;position:absolute;bottom:0;border:none;font-size:18px;padding:18px 0;cursor:pointer;transition:background-color .3s}.leave-queue-container .leave-queue-body{display:"flex";flex-direction:"column"}.leave-queue-prompt{display:flex;justify-content:center;align-items:center;margin-top:20px}@media screen and (max-width:850px){.leave-queue-container{height:145px;width:380px}.leave-queue-container img{margin-top:50px;height:30px;width:30px}.leave-queue-container .leave-queue-option,.leave-queue-container h2{font-size:12px}.leave-queue-container .cancel-button{font-weight:"normal";border-color:"#3594F1";color:"#6597D6";margin-left:"0.5rem";margin-right:"12.5rem"}.leave-queue-container .remove-button{font-weight:"normal";background-color:"#A42921"}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveUp{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.bannerContainer{position:absolute;left:50%;top:10%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;background:#f2f9ff;border:1px solid #5599db;-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,.1));filter:drop-shadow(0 0 10px rgba(0,0,0,.1));display:flex;flex-direction:row;align-items:center;text-align:left;width:60%;bottom:0;z-index:9999}.bannerContainer .label{justify-self:flex-start;color:#484848;font-style:normal;font-weight:250px;letter-spacing:.642857px}.bannerContainer .button,.bannerContainer .label{align-self:center;font-family:Roboto;font-size:14px}.bannerContainer .button{margin-left:auto;margin-right:24px;outline:none;border:none;background-color:transparent;color:#5599db;font-weight:500px;cursor:pointer}.bannerContainer img{align-self:center;size:80%;margin:0 14px}.bannerContainer p{width:70%;float:left;font-family:Roboto;font-style:normal;font-weight:500;font-size:16px;letter-spacing:.642857px;margin:0;color:#484848}.profTopBar{position:fixed;width:100%;z-index:1}.ProfessorView{overflow:auto;padding-bottom:50px}.ProfessorView .UploadPopUpMessageWrap{display:flex;align-content:center;justify-content:center}.ProfessorView .UploadPopUpMessage{background-color:#e4efff;color:#7c8fba;font-size:15px;font-weight:500;height:75px;width:90%;margin:21px 21px 0;width:60%;display:flex;justify-content:space-between;align-items:center;padding:12px 12px 12px 30px}.ProfessorView .UploadPopUpMessage #MessageCloseIcon{float:right;cursor:pointer;padding:10px}.ProfessorView .UploadPopUpMessage p{margin:0;text-align:left;justify-self:flex-start}.ProfessorView input:not(.DateInput_input){border:none;background-color:#edeff2;height:25px;padding-left:10px}.ProfessorView input:not(.DateInput_input) .ProfessorOHInfo{margin:0 20px}.ProfessorView Button:not(.react-datepicker__navigation){cursor:pointer;background-color:transparent;border:none;color:#a0a0a0;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ProfessorView .CalendarSessionCard .cal-btn{color:#fff}.ProfessorView .main{margin-right:50px;margin-left:250px}.ProfessorView .main .CalendarWeekSelect{margin:5px 0;background-color:transparent;border-top:none}.ProfessorView .main .SelectCategory{padding-top:200px;font-family:Roboto;font-size:28px;font-weight:300;color:#484848}.ProfessorView .main Button#profSettings{float:right;font-size:14px;color:#000;margin-top:30px;padding:15px 0}.ProfessorView .main .importProfs{font-family:Roboto;font-weight:500;font-size:30px;color:#474747;margin:1em 0 30px 20px;text-align:left}.ProfessorView .main .rightHeading{margin-right:10%;text-align:left}.ProfessorView .main .rightHeading .manageRoles{font-family:Roboto;font-weight:500;font-size:30px;margin-top:1em;margin-bottom:0;color:#474747}.ProfessorView .main .rightHeading Button#importProf{margin-top:1em;font-family:Roboto;color:#474747;background-color:#fff;padding:10px;border-radius:4px;font-size:18px;font-weight:500;box-shadow:2px 2px 4px 0 hsla(0,0%,62%,.5)}.ProfessorView .main .rightHeading Button#importProf .plus.icon{margin-right:10px;color:#474747}.ProfessorView .ui.selection.dropdown{width:40%;margin-right:20px;background-color:#edeff2;border-radius:0;border:none;color:#000;padding:5px 10px;min-height:25px}.ProfessorView .ui.selection.dropdown>.dropdown.icon{padding:4px 10px}.ProfessorView .ui.dropdown:not(.button)>.default.text{color:#898989}.ProfessorView .ui.selection.active.dropdown .menu{border-color:#dcdcdc!important;border-radius:0}.ProfessorView .rightOfSidebar{min-width:820px;align-self:center;padding-top:50px}.ProfessorView aside.CalendarView{left:200px;width:390px;box-shadow:1px 0 5px 0 rgba(0,0,0,.25);-webkit-user-select:none;-ms-user-select:none;user-select:none}.ProfessorView aside.CalendarView,.ProfessorView section.StudentSessionView{position:fixed;top:50px;bottom:0;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.ProfessorView section.StudentSessionView{right:0;left:590px}.ProfessorView .leave-queue-background{position:fixed;top:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;font-family:"Roboto";font-weight:400;background-color:hsla(0,0%,43.9%,.8);-webkit-animation:fade .6s;animation:fade .6s}.ProfessorSidebar{height:100%;width:200px;position:fixed;z-index:1;top:50px;background-color:#fff;overflow-x:hidden;box-shadow:2px 0 8px 1px hsla(0,0%,74.5%,.5);font-weight:300;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ProfessorSidebar .header{background:#7ab7fe;background-image:linear-gradient(74deg,#668ae9,#6db9ea);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;height:46px}.ProfessorSidebar .header .dropdown{font-size:15px;padding-left:10px}.ProfessorSidebar .actions,.ProfessorSidebar .manage{font-size:15px;display:inline-block}.ProfessorSidebar .actions i.icon,.ProfessorSidebar .manage i.icon{padding:0 30px}.ProfessorSidebar .actions .viewIconContainer,.ProfessorSidebar .manage .viewIconContainer{padding:0 30px;height:1em;width:1.18em;float:left;margin:0 .25rem 0 0;color:#898989}.ProfessorSidebar .actions button,.ProfessorSidebar .manage button{margin-right:auto;display:block;padding:22.5px 0;width:100%;float:left;text-align:left;color:#898989}.ProfessorSidebar .actions button:hover,.ProfessorSidebar .manage button:hover{background-color:#e4efff;color:#5f87ef}.ProfessorSidebar .actions button:hover .viewIconContainer,.ProfessorSidebar .manage button:hover .viewIconContainer{color:#5f87ef}.ProfessorSidebar .actions .selected,.ProfessorSidebar .manage .selected{margin-left:0!important;color:#5f87ef;border-left:5px solid #5f87ef;background-color:#e4efff;font-weight:500}.ProfessorSidebar .actions .selected i.icon,.ProfessorSidebar .manage .selected i.icon{padding-left:25px}.ProfessorSidebar .actions .selected .viewIconContainer,.ProfessorSidebar .manage .selected .viewIconContainer{color:#5f87ef;padding-left:25px}.ProfessorSidebar .divider{margin:30px 25px;height:.5px;background-color:#ccc}.ProfessorSidebar .logo{display:block;margin:auto auto 100px}@media only screen and (max-width:920px){.ProfessorSidebar{top:105px}}.ProfessorAddNew .Add.false,.ProfessorAddNew .ExpandedAdd.false{display:none}.ProfessorAddNew .Add .NewOHButton{color:#484848;background-color:#fff;padding:15px;border-radius:3px;font-size:14px;box-shadow:2px 2px 4px 0 hsla(0,0%,62%,.5);margin-top:30px;margin-right:30px;float:left}.ProfessorAddNew .Add .NewOHButton .plus.icon{margin-right:10px;color:#000}.ProfessorAddNew .ExpandedAdd{margin-top:30px;background-color:#fff;width:100%;text-align:left;box-shadow:2px 2px 4px 0 hsla(0,0%,62%,.5);padding-bottom:80px}.ProfessorAddNew .ExpandedAdd .NewOHHeader{border-bottom:1px solid #d9d9d9}.ProfessorAddNew .ExpandedAdd .NewOHHeader .ExpandedNewOHButton{background-color:#fff;padding:15px;border-radius:3px;text-align:left;color:#484848}.ProfessorAddNew .ExpandedAdd .NewOHHeader .ExpandedNewOHButton .plus.icon{margin-right:10px;color:#000}.ProfessorCalendarTable{text-align:left;color:#4a4a4a}.ProfessorCalendarTable tbody:first-child tr:first-child th:first-child{border-radius:10px 10px 0 0}.ProfessorCalendarTable .ui.loader{position:relative;margin-top:100px}.ProfessorCalendarTable .Calendar{width:100%;border-collapse:collapse}.ProfessorCalendarTable .Calendar .rows{width:100%}.ProfessorCalendarTable .Calendar .NoOH{text-align:center}.ProfessorCalendarTable .Calendar th{color:#fff;font-size:20px;padding:14px 0 14px 5%;background-color:#7ab7fe;font-weight:500}.ProfessorCalendarTable .Calendar td{padding:7px 0}.ProfessorCalendarTable .Calendar td:first-child{padding-right:15px}.ProfessorCalendarTable .Calendar td:nth-child(2){width:35%;padding-right:15px}.ProfessorCalendarTable .Calendar td:nth-child(4),.ProfessorCalendarTable .Calendar td:nth-child(5){width:1%;padding:0 10px}.ProfessorView .Category-dropdown-container{margin-top:15px}.ProfessorView .category-container{margin-top:30px;background-color:#fff;border-radius:10px;padding-top:13px;text-align:right}.ProfessorView .category-container .categoryName{font-family:Roboto;font-size:21.8px;font-weight:400;color:#676767;text-align:left;margin-left:12px;margin-bottom:0}.ProfessorView .category-container .stats-graph-container{display:flex;align-items:center}.ProfessorView .category-container .category-stats-container{display:inline-block;text-align:center;width:12%;margin-left:20px;color:#676767}.ProfessorView .category-container .category-stats-container .totalQuestions{margin-bottom:0;font-size:32px;line-height:30px}.ProfessorView .category-container .category-stats-container .totalQuestionsLabel{margin-bottom:28px;font-size:12px}.ProfessorView .category-container .category-stats-container .percentResolved{margin-top:30px;margin-bottom:0;font-size:32px;line-height:30px}.ProfessorView .category-container .category-stats-container .percentResolvedLabel{font-size:12px}.ProfessorView .category-container .TagsBarChart{margin-top:25px;margin-right:50px;width:82%;display:inline-block}.ProfessorView .ui.selection.dropdown{width:200px;background-color:#fff;border-radius:.285714rem;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);padding:.78571429em 2.1em .78571429em 1em}.ProfessorView .ui.selection.dropdown>.dropdown.icon{padding:.91666667em}.even{background-color:#edeff2}.odd{background-color:#fff}.NoOH{background-color:#edeff2}.Pair.true .Preview{color:#fff;background-color:#898989}.Pair.true .Preview .Delete,.Pair.true .Preview .Edit{color:#fff}.Pair.true .ExpandedEdit{border-bottom:1px solid #d9d9d9}.Pair td:first-child{width:35%}.Pair .ExpandedEdit.false{display:none}.Pair .Preview td:first-child{padding-left:5%}.Pair Button{display:inline-block;font-size:16px}.Pair .ExpandedEdit{background-color:#fff}.Pair .ExpandedEdit .Delete{background-color:#fff;border:1px solid grey;float:left}.EditButtons:focus{outline:none}.ProfessorOHInfo{margin-left:40px}.ProfessorOHInfo .icon{margin-right:15px}.ProfessorOHInfo .plus{margin-right:5px}.ProfessorOHInfo .shift,.ProfessorOHInfo .TAZoomCheckbox{margin-left:32px}.ProfessorOHInfo .long{width:40%;min-width:200px}.ProfessorOHInfo .ui.buttons.ModalitySelector{margin:10px}.ProfessorOHInfo .TA .AddTA.First i.user.icon{visibility:visible}.ProfessorOHInfo .TA .AddTA.First .AddTAButton{color:#7ab7fe;background-color:#fff;font-size:14px}.ProfessorOHInfo .TA .AddTA.First .AddTAButton.true{color:#dcdcdc}.ProfessorOHInfo .TA .AddTA.Additional{margin-top:14px}.ProfessorOHInfo .TA .AddTA.Additional i.user.icon{visibility:hidden}.ProfessorOHInfo .TA .AddTA.Additional .AddTAButton{font-size:14px}.ProfessorOHInfo .row,.ProfessorOHInfo .Time>.datePicker{margin-top:24px}.ProfessorOHInfo .Time .datePicker{display:inline-block}.ProfessorOHInfo .Time .timePicker .react-datepicker__month-container{display:none}.ProfessorOHInfo .Time .timePicker .react-datepicker .react-datepicker__triangle{left:35px}.ProfessorOHInfo .Time .timePicker .react-datepicker .react-datepicker__time-container{border-left:0}.ProfessorOHInfo .Time .timePicker .react-datepicker .react-datepicker__time,.ProfessorOHInfo .Time .timePicker .react-datepicker .react-datepicker__time-box{border-radius:.3rem}.ProfessorOHInfo .Time .timePicker .react-datepicker__navigation{display:none}.ExpandedAdd .EditButtons .EditNotification,.ExpandedEdit .EditButtons .EditNotification{margin-top:30px;margin-right:20px;float:right;color:red}.Spacing{height:15px;clear:left}.ProfessorTagsTable{text-align:left;min-width:900px;margin-top:30px}.ProfessorTagsTable .Tags{width:100%;border-collapse:collapse}.ProfessorTagsTable .Tags tr:first-child th:first-child{border-top-left-radius:10px}.ProfessorTagsTable .Tags tr:first-child th:last-child{border-top-right-radius:10px}.ProfessorTagsTable .Tags .rows{width:100%}.ProfessorTagsTable .Tags .None{text-align:center}.ProfessorTagsTable .Tags th{padding:7px 0;color:#fff;background-color:#7ab7fe;text-align:left;font-weight:500}.ProfessorTagsTable .Tags #statusColumn{min-width:72px}.ProfessorTagsTable .Tags th:first-child{padding-left:5%}.ProfessorTagsTable .Tags td{padding:7px 0}.ProfessorTagsTable .Tags .Pair .ChildTagSeparator{margin:0 10px;color:#8f8f90;font-size:10px;vertical-align:text-bottom}.ProfessorTagsTable .Tags .Pair .AssignmentTag{font-weight:500;color:#484848}.ProfessorTagsTable .Tags .Pair.true .ChildTagSeparator{color:#fff}.ProfessorTagInfo{margin:0 40px;color:#898989}.ProfessorTagInfo .InputSection{margin:15px 0}.ProfessorTagInfo .InputSection .InputHeader{font-size:12px;font-weight:500;color:#898989;margin-bottom:10px}.ProfessorTagInfo .InputSection .AssignmentInput input{width:100%}.ProfessorTagInfo input{font-size:12px}.ProfessorTagInfo .Status .ActiveButton{width:70px;height:25px;line-height:25px;font-size:12px;border:1px solid #979797;color:#979797;text-align:center;display:inline-block;cursor:pointer}.ProfessorTagInfo .Status .ActiveButton.Selected{background-color:#d8d8d8;color:#484848;cursor:default}.ProfessorTagInfo .Status .ActiveButton.first{border-right:none}.ProfessorTagInfo .ChildTags .SelectedChildTag{display:inline-block;min-width:120px;height:30px;border-radius:10px;text-align:center;color:#898989;border:1px solid #898989;line-height:30px;font-size:12px;margin-right:30px;position:relative;padding-right:25px;padding-left:10px;margin-bottom:10px}.ProfessorTagInfo .ChildTags .SelectedChildTag input{background-color:transparent}.ProfessorTagInfo .ChildTags .SelectedChildTag input:focus,.ProfessorTagInfo .ChildTags .SelectedChildTag input:hover{color:#5f87ef}.ProfessorTagInfo .ChildTags .SelectedChildTag .Remove{position:absolute;right:5px;cursor:pointer}.ProfessorTagInfo .ChildTags .SelectedChildTag .Remove:hover{color:#5f87ef}.ProfessorTagInfo .ChildTags .SelectedChildTag:focus-within,.ProfessorTagInfo .ChildTags .SelectedChildTag:hover{border-color:#5f87ef}.ProfessorTagInfo .ChildTags .SelectedChildTag:focus-within input,.ProfessorTagInfo .ChildTags .SelectedChildTag:hover input{color:#000}.ProfessorTagInfo .ChildTags .InputChildTag{margin-bottom:12px}.ProfessorTagInfo .ChildTags .InputChildTag:focus{outline:none}.ProfessorTagInfo .ChildTags .InputChildTagEnter{background:#898989;color:#edeff2;padding:1.5px 5px;margin-bottom:12px;line-height:22px;vertical-align:bottom;width:auto;cursor:pointer;display:inline-block}.ProfessorTagInfo .ChildTags .InputChildTagEnter.disabled{cursor:default;opacity:.4}.ExpandedAdd .Bottom,.ExpandedEdit .Bottom{padding:10px 0;border-radius:3px;font-size:14px;margin:20px 15px 13px;width:125px}.ExpandedAdd .EditButtons,.ExpandedEdit .EditButtons{border-top:1px solid #d9d9d9;margin-top:20px;background-color:#fff;width:100%}.ExpandedAdd .EditButtons .Cancel,.ExpandedEdit .EditButtons .Cancel{float:right;background-color:#fff;border:1px solid grey}.ExpandedAdd .EditButtons .Edit,.ExpandedEdit .EditButtons .Edit{float:right;background-color:#7ab7fe;border:1px solid #7ab7fe;color:#fff}.ExpandedAdd .EditButtons .Edit:disabled,.ExpandedEdit .EditButtons .Edit:disabled{background-color:#dcdcdc;border:1px solid #dcdcdc}.warningText{color:red;margin-left:40px;font-size:12px;font-weight:500}.ProfessorDelete.true{display:block}.ProfessorDelete.true button{font-family:"Lato"}.ProfessorDelete.true button:hover{color:#000}.ProfessorDelete{display:none;position:fixed;z-index:1;left:200px;top:0;width:calc(100% - 200px);height:100%;overflow:auto;background-color:rgba(0,0,0,.4);text-align:justify}.ProfessorDelete .content{text-align:center;background-color:#fefefe;margin-top:15%;max-width:100%;display:inline-block;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-font-smoothing:subpixel-antialiased;-webkit-filter:blur(0)}.ProfessorDelete .content .x{padding:4px;float:right}.ProfessorDelete .content .Action,.ProfessorDelete .content .Cancel{font-size:14px;padding:10px 40px;border-radius:3px;margin:20px 15px;background-color:#fff;border:1px solid grey}.ProfessorDelete .content .Action{background-color:#7ab7fe;border:1px solid #7ab7fe;color:#fff}.ProfessorDelete .content .Action:disabled{background-color:#dcdcdc;border:1px solid #dcdcdc}.ProfessorDelete .content .EndedText{color:red;padding-top:15px}.ProfessorSettings .title{font-weight:500;font-size:20px;padding:30px 50px 0}.ProfessorSettings .icon,.ProfessorSettings .ui.inline.loader{margin-left:10px}.ProfessorSettings .settingDesc,.ProfessorSettings .timeLimitSetting .timeLimitSelector{margin:25px 30px}.ProfessorSettings .warningLabel{color:red}.ProfessorSettings .ui.selection.dropdown{margin:0 10px;height:35px;width:70px;background-color:#edeff2;border-radius:0}.ProfessorSettings Input.charLimit{height:35px;width:35px;text-align:center;padding:0}.ProfessorSettings Button.decrement,.ProfessorSettings Button.increment{padding:9px 1px;background-color:#edeff2;margin:0}.ProfessorSettings Button:hover{color:grey}.ProfessorOHInfoDelete .question{padding-top:28px}.ProfessorOHInfoDelete .info{background-color:#edeff2;margin:15px 30px;padding:15px}.ProfessorOHInfoDelete .info .ta{font-weight:700;padding-bottom:15px}.ProfessorOHInfoDelete .info span{padding:2px 20px;display:inline-block}.ProfessorTagsDelete .question{padding-top:28px}.ProfessorTagsDelete .info{background-color:#edeff2;margin:15px 30px;padding:15px}.ProfessorTagsDelete .info .assignmentName{font-weight:700;padding-bottom:15px}.ProfessorTagsDelete .info span{padding:2px 20px;display:inline-block}.ProfessorView .DateInput_input__focused{border-bottom:2px solid #77bbfa}.ProfessorView .CalendarDay__selected{background:#5599db;border-color:#5599db}.ProfessorView .CalendarDay__selected_span{background:#77bbfa;border-color:#5599db}.ProfessorView .CalendarDay__hovered_span,.ProfessorView .CalendarDay__hovered_span:hover{background:#e4efff;border:1px double #d0def5;color:#355372}.ProfessorView .CalendarMonth_caption{padding-bottom:52px}.ProfessorView .Date-picker-container{width:286px;margin-top:15px}.ProfessorView .react-datepicker-popper{left:20px!important}.ProfessorView .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{padding-right:0;text-align:center}.ProfessorView .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{padding:5px 0}.ProfessorView .first-row-container{display:flex;margin-top:15px}.ProfessorView .first-row-container .questions-bar-container{width:80%;background-color:#fff;border-radius:6px;margin-left:15px;padding:40px 20px 20px}.ProfessorView .Total-Questions-Box{height:360px;background-color:#fff;border-radius:6px;width:20%;padding-bottom:20px}.ProfessorView .Total-Questions-Box .percent-overlay{margin-top:-165px}.ProfessorView .Total-Questions-Box .Question-Number,.ProfessorView .Total-Questions-Box .Question-Percent{font-size:45px;color:#a8c7eb}.ProfessorView .Total-Questions-Box .q-total-container{margin-top:100px}.ProfessorView .Most-Crowded-Box{display:flex;margin-top:15px;background-color:#fff;border-radius:6px;padding:20px}.ProfessorView .Most-Crowded-Box .most-crowded-text{width:20%;text-align:left}.ProfessorView .Most-Crowded-Box .most-crowded-text .crowd-title{font-size:15px}.ProfessorView .Most-Crowded-Box .most-crowded-text .maroon-date{color:#933131;font-size:20px}.ProfessorView .Most-Crowded-Box .most-crowded-text .maroon-descript{color:#933131;margin-bottom:1px;font-size:15xpx}.ProfessorView .Most-Crowded-Box .most-crowded-text hr{margin:24px 0}.ProfessorView .Most-Crowded-Box .questions-line-container{width:80%}.bar-tooltip{color:#fff;font-size:12px;padding:3px 0;letter-spacing:1px}.bar-tooltip .tooltip-section{padding-left:10px;text-align:left}.bar-tooltip .tooltip-nums{text-align:center;display:flex}.bar-tooltip .tooltip-nums .tool-flex{margin-left:10px}.bar-tooltip .tooltip-nums .tool-flex .tool-stat{font-size:13px}.no-question-warning{margin-top:50px;margin-bottom:200px;background-color:#fff;border-radius:6px;padding:20px}.dropdownCell{overflow:visible!important}.rolesTable{max-width:800px;margin-top:40px!important}.rolesTable th{font-weight:500}.rolesTable .import-buttons{display:flex;width:100%;align-items:center;justify-content:center}.rolesTable .import-buttons button{margin:.25em}.export-csv-background{position:fixed;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;font-family:"Roboto";font-weight:400px;background-color:hsla(0,0%,43.9%,.8);-webkit-animation:fade .6s;animation:fade .6s}.export-csv-container{position:relative;background-color:#fff;border-radius:8px;height:525px;width:400px;padding-left:32px;padding-right:32px}.export-csv-container .close-button{position:absolute;top:10px;right:10px;border:none;background-color:transparent;padding:0;cursor:pointer;width:15px;height:15px}.export-csv-container .close-button img{width:15px;height:15px;margin:0;padding:0}.export-csv-container .export-button-container{padding:8px 20px;border-radius:4px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#fff;background-color:#5da9f2}.export-csv-container .export-icon{width:32px;height:32px;margin-top:35px}.export-csv-container .export-icon2{width:24px;height:24px;margin-right:10px}.export-csv-container h2{margin-top:0;margin-bottom:32px;font-size:16px}.export-csv-container p{text-align:left}.export-csv-container .row{display:flex;flex-direction:row;margin-bottom:16px;justify-content:space-between;align-self:stretch}.export-csv-container .row .radioCheckbox{width:50%;text-align:left;font-weight:light}.export-csv-container .row .label{color:rgba(0,0,0,.87);margin-bottom:8px}.export-csv-container .row input{padding:8px!important;border:0!important}.export-csv-container .time-interval{margin-top:24px;margin-bottom:20px}.export-csv-container .select-analytics{margin-top:24px;margin-bottom:24px}.export-csv-container .checkboxFormLabel{width:100%;text-align:left;font-weight:light}.export-csv-container .ui.radio.checkbox input:checked~.box:after,.export-csv-container .ui.radio.checkbox input:checked~label:after{background-color:#5599db!important}.export-csv-container .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#5599db!important}.export-csv-container .MuiCheckbox-colorSecondary.Mui-checked{color:#5599db!important}.export-csv-container .icon{margin-right:8px;color:grey}.AdminView{position:relative}.AdminView .course-container{width:100%;display:flex;flex-direction:row;align-items:stretch;padding:2em}.AdminView .create-course-btn{display:inline-block;background-color:#fff;border:1px solid #484848;margin:5px 5px 20px;width:150px;height:40px;border-radius:4px;text-decoration:none;cursor:pointer;font-family:Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;transition:.3s}.AdminView .create-course-btn:focus{outline:none}.AdminView .create-course-btn:hover{background:#5599db;background-image:linear-gradient(80deg,#668ae9,#6db9ea);color:#fff;border:none}.AdminView .course{width:100%;margin:1em auto;padding:1em;min-height:100%}.AdminView .course .course-section{margin:1em}.AdminView .course .editing-button{display:inline-block;background-color:#fff;border:1px solid #484848;border-radius:4px;font-family:Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;text-decoration:none;padding:.5em;margin:.25em;cursor:pointer;transition:.3s}.AdminView .course .editing-button:hover{background-color:#5599db;color:#fff}.AdminView .course .roles-button{display:inline-block;background-color:#fff;border:1px solid #484848;border-radius:4px;font-family:Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;text-decoration:none;padding:.5em;margin:.25em;cursor:pointer;transition:.3s}.AdminView .course .roles-button:hover{background-color:#5599db;color:#fff}@media(max-width:920px){.AdminView{background-color:#f5f5f5}}.CourseCard{margin:18px 30px;border-radius:15px;background-color:#fff;text-align:center;flex:1 1 400px;width:250px;font-family:"Roboto";height:200px;font-weight:400;border:2px solid #d8d8d8;overflow-wrap:anywhere;--selectedBackgroundColor:#f5f5f5;--selectedBorderColor:#d8d8d8;--role-color-ta:#bf7913;--role-color-professor:green;--selectedBackgroundColor-role-student:rgba(214,234,254,0.4);--selectedBorderColor-role-student:#77bbfa}.CourseCard.selected{background-color:rgba(214,234,254,.4);border:2px solid #77bbfa}.CourseCard.active.editable:hover,.CourseCard.active.ineditable:hover{cursor:pointer;box-shadow:5px 10px 20px #dbdbdb}.CourseCard.selected.active.ineditable:hover{cursor:not-allowed;box-shadow:none}.CourseCard .grid-container{height:58px}.CourseCard .courseColor{position:relative;top:0;display:flex;align-items:center;padding:19px;width:100%}.CourseCard .courseColor .icon,.CourseCard .courseColor div{font-size:18px;flex-shrink:0;margin-left:auto;text-align:right}.CourseCard .courseColor .courseRole{height:32px;padding:10px 17px;text-align:center;grid-gap:10px;gap:10px;border-radius:100px;position:absolute}.CourseCard .courseColor .courseRole,.CourseCard .myClasses{display:flex;justify-content:center;align-items:center;font-size:15px}.CourseCard .myClasses{position:relative}.CourseCard .myClasses .myClassesText{background:#f5f5f5;border-radius:15px;align-items:center;padding:10px 15px;position:static;bottom:5px}.CourseCard .courseText{color:#484848;font-size:36px;font-style:normal;line-height:normal;padding:0 30px;max-height:150px}.CourseCard .courseText .courseCode{display:inline-flex;align-items:center;font-size:28px;font-weight:700;margin-bottom:10px}.CourseCard .courseText .courseName{font-size:18px;min-height:42px}@media only screen and (max-width:1062px){.CourseCard{max-width:300px}}@media only screen and (max-width:550px){.CourseCard{min-width:200px}}@media only screen and (max-width:430px){.CourseCard{max-width:200px}.CourseCard .courseText{padding:0 20px 10px}.CourseCard .courseText .courseName{min-height:2px}.CourseCard .courseColor .courseRole{font-size:16px}}.CourseSelection{scroll-behavior:"smooth"}.CourseSelection .sectionDivide{margin-top:25px;margin-bottom:25px}.CourseSelection .GreyBackground{background-color:#f5f5f5;padding:30px 47px 150px}.CourseSelection .WhiteBackground{background-color:#fff;box-shadow:0 2.3624999523px 4.7249999046px 0 rgba(0,0,0,.2509803922);border-radius:30px;padding:30px 0 0}.CourseSelection .QMeLogo.course{position:absolute;top:9px;left:9px;display:block;margin:auto auto auto 22px;width:28px}.CourseSelection .selectionContent{margin-top:30px;box-sizing:border-box;font-family:"Roboto"}.CourseSelection .selectionContent .description{padding-left:72px;text-align:left;color:#484848;display:inline-block;width:100%}.CourseSelection .selectionContent .description .sideblock{display:inline-block;width:50%}.CourseSelection .selectionContent .description .title{padding-bottom:8px;font-size:28px;font-weight:600;line-height:normal}.CourseSelection .selectionContent .description .subtitle{font-size:18px;font-weight:400}.CourseSelection .selectionContent .description .subtitle .EnrolledCourses.mobile{display:none}.CourseSelection .selectionContent .description .subtitle .icon{padding-left:10px;cursor:pointer}.CourseSelection .selectionContent .description .searchbar{float:right;display:flex;align-items:center;width:36%;background-color:#fff;border:2px solid #d8d8d8;border-radius:15px;margin-top:8px;margin-right:72px}.CourseSelection .selectionContent .description .searchbar input{flex:1 1;border-radius:15px;border:none;font-size:15px;font-family:"Roboto",sans-serif;font-weight:400;color:#7e7e7e;padding:12px 28px}.CourseSelection .selectionContent .description .searchbar .searchIcon{font-size:23px;color:#484848;margin-right:28px}.CourseSelection hr{border:2px solid #f0f0f0}.CourseSelection .EnrolledClasses{margin:36px;display:inline-flex;padding:12px 64px;justify-content:center;align-items:center;grid-gap:12px;gap:12px;border-radius:15px;background:#f5f5f5;color:#5599db;font-family:Roboto;font-size:18px;font-weight:500;line-height:normal}.CourseSelection .CourseCards{display:flex;padding:0 35px;flex-shrink:1;flex-wrap:wrap;justify-content:center;border-radius:15px;border-color:#000}.EnrollBar{font-family:"Roboto";float:right;position:fixed;padding:0 30px;left:0;right:0;bottom:0;color:#484848;background-color:#fbfbfb;height:100px;font-size:18px;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}.EnrollBar .EnrolledCourses.web{display:block}.EnrollBar button:hover{cursor:pointer}.EnrollBar .buttons button{text-decoration:none;display:inline-block;border-radius:4px;border:none;padding:0;width:150px;height:40px}.EnrollBar .buttons form{display:inline-block}.EnrollBar .buttons .save,.EnrollBar .buttons .switch{color:#fff;background-color:#484848;margin:5px}.EnrollBar .buttons .cancel{display:inline-block;background-color:#fff;border:1px solid #484848;color:#484848;margin:5px}.EnrollBar .buttons .disabled{opacity:.7;cursor:not-allowed}@media only screen and (max-width:1062px){.App,.CourseSelection{background-color:#fff}.CourseSelection .QMeLogo.course,.CourseSelection .topBar{display:none}.CourseSelection .GreyBackground{padding:20px 20px 120px}.CourseSelection .selectionContent{margin-top:0}.CourseSelection .selectionContent .CourseCards{width:100%}.CourseSelection .selectionContent .description{padding-left:50px}.CourseSelection .selectionContent .description .title{padding-bottom:20px;font-weight:700}.CourseSelection .selectionContent .description .subtitle .EnrolledCourses.mobile{display:none}.CourseSelection .selectionContent .description .searchbar{font-size:15px;width:70%;float:left;margin-right:30px;margin-bottom:30px}.CourseSelection .selectionContent .description .searchbar .input{min-width:30}.EnrollBar{background-color:#fff;justify-content:space-around}.EnrollBar .buttons{max-width:500px}.EnrollBar .EnrolledCourses.web{display:none}}.headerButton{border-radius:4px;width:10em;margin:2em auto 0;background-color:#fff;border:1px solid #000;padding:.5em;cursor:pointer}.headerButton:hover{box-shadow:0 1px 6px rgba(32,33,36,.28)}.headerButton:focus{outline:none}.dropped{visibility:visible!important;max-height:50em!important}.addPost{overflow-y:hidden;visibility:hidden;max-height:0;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;padding:3em;transition:max-height .5s ease-out}.addPost__title{margin:2em;padding:1em;border:none;border-radius:10px;box-shadow:0 2px 5px 1px rgba(64,60,67,.16)}.addPost__title:hover{box-shadow:0 1px 6px rgba(32,33,36,.28)}.addPost__title:focus{outline:none}.addPost__description{margin:2em;padding:1em;width:40%;border:none;border-radius:10px;box-shadow:0 2px 5px 1px rgba(64,60,67,.16)}.addPost__description:hover{box-shadow:0 1px 6px rgba(32,33,36,.28)}.addPost__description:focus{outline:none}.addPost__changeList{width:100%}.addPost .changeList__list,.addPost__changeList{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.addPost .changeList__list{list-style-type:circle;width:50%;border:none;padding:1em}.addPost .changeList__item{width:100%;border:none;margin:1em;position:relative}.addPost .changeList__item input{width:100%;height:100%;padding:1em;border:none;border-radius:10px;box-shadow:0 2px 5px 1px rgba(64,60,67,.16)}.addPost .changeList__item input:hover{box-shadow:0 1px 6px rgba(32,33,36,.28)}.addPost .changeList__item input:focus{outline:none}.addPost .changeList__delete{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;font-size:1.3em;transition:font-size .2s ease}.addPost .changeList__delete:hover{font-size:1.5em}.addPost .changeList__add-listItem{border-radius:4px;background-color:#fff;border:1px solid #000;padding:.5em;cursor:pointer}.addPost .changeList__add-listItem:hover{box-shadow:0 1px 6px rgba(32,33,36,.28)}.addPost .changeList__add-listItem:focus{outline:none}.addPost__submit{display:inline-block;background-color:#fff;border:1px solid #484848;margin:5px;width:150px;height:40px;border-radius:4px;text-decoration:none;cursor:pointer;box-shadow:0 2px 5px 1px rgba(64,60,67,.16)}.addPost__submit:focus{outline:none}.blogPostsWrapper{padding:2em}.blogPostsWrapper .blogPost{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:3rem;box-shadow:0 1px 6px rgba(32,33,36,.28)}.blogPostsWrapper .blogPost__title-editable{margin:.5em;padding:1em;border:1px solid #d8d8d8;border-radius:10px;box-shadow:0 2px 5px 1px rgba(64,60,67,.16)}.blogPostsWrapper .blogPost__title-editable:hover{box-shadow:0 1px 6px rgba(32,33,36,.28)}.blogPostsWrapper .blogPost__title-editable:focus{outline:none}.blogPostsWrapper .blogPost__description-editable{width:100%;margin:.5em;padding:1em;border:1px solid #d8d8d8;border-radius:10px;box-shadow:0 2px 5px 1px rgba(64,60,67,.16)}.blogPostsWrapper .blogPost__description-editable:hover{box-shadow:0 1px 6px rgba(32,33,36,.28)}.blogPostsWrapper .blogPost__description-editable:focus{outline:none}.blogPostsWrapper .blogPost .blogPost__changeList{display:flex;flex-direction:column;align-items:center;width:100%}.blogPostsWrapper .blogPost .changeList__list{width:100%}.blogPostsWrapper .blogPost .changeList__add-listItem{border-radius:4px;background-color:#fff;border:1px solid #000;padding:.25em;cursor:pointer}.blogPostsWrapper .blogPost .changeList__add-listItem:hover{box-shadow:0 1px 6px rgba(32,33,36,.28)}.blogPostsWrapper .blogPost .changeList__add-listItem:focus{outline:none}.blogPostsWrapper .blogPost .changeList__item{position:relative;border:none;width:100%}.blogPostsWrapper .blogPost .changeList__item textarea{width:100%;margin:.5em;padding:.5em 1.5em .5em .5em;border:1px solid #d8d8d8;border-radius:10px;box-shadow:0 2px 5px 1px rgba(64,60,67,.16)}.blogPostsWrapper .blogPost .changeList__item textarea:hover{box-shadow:0 1px 6px rgba(32,33,36,.28)}.blogPostsWrapper .blogPost .changeList__item textarea:focus{outline:none}.blogPostsWrapper .blogPost .changeList__delete{position:absolute;right:0;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;font-size:1.3em;transition:font-size .2s ease}.blogPostsWrapper .blogPost .changeList__delete:hover{font-size:1.5em}.blogPostsWrapper .blogPost .dropdown__top{position:absolute;top:1.5em;right:0}.blogPostsWrapper .blogPost .dropdown__top:before{content:"⠇";font-size:3rem}.blogPostsWrapper .blogPost .dropdown__top:hover+.dropdown__menu{visibility:visible;max-height:8rem;opacity:1}.blogPostsWrapper .blogPost .dropdown__hidden{visibility:hidden!important;max-height:0}.blogPostsWrapper .blogPost .dropdown__menu{visibility:hidden;opacity:0;max-height:0;transition:all .2s ease-out;border:1px solid grey;position:absolute;right:0}.blogPostsWrapper .blogPost .dropdown__menu:hover{visibility:visible;max-height:8rem;opacity:1}.blogPostsWrapper .blogPost .dropdown__menu .dropdown__item{padding:.25em;margin:0;cursor:pointer}.blogPostsWrapper .blogPost .dropdown__menu .dropdown__item:hover{background-color:#e6e6f0}.blogPostsWrapper .blogPost__list{list-style-type:circle;display:flex;flex-direction:column;align-items:flex-start;padding-left:2rem;padding-right:2rem}.blogPostsWrapper .blogPost__list li{border:none}.blogPostsWrapper .blogPost__edit-controls{width:70%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.blogPostsWrapper .blogPost__cancel,.blogPostsWrapper .blogPost__save{border-radius:4px;background-color:#fff;border:1px solid #000;padding:.25em;cursor:pointer}.blogPostsWrapper .blogPost__cancel:hover,.blogPostsWrapper .blogPost__save:hover{box-shadow:0 1px 6px rgba(32,33,36,.28)}.blogPostsWrapper .blogPost__cancel:focus,.blogPostsWrapper .blogPost__save:focus{outline:none}.blogPostsWrapper .blogPost__authorDate{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:1rem;font-weight:500;font-style:italic}.blogPostsWrapper .blogPost__authorDate .blogPost__author,.blogPostsWrapper .blogPost__authorDate .blogPost__date{margin:.75rem;padding:0}.blogPostsWrapper .blogPost__authorDate .blogPost__separator{padding:0;margin:0}.blogPostsWrapper .blogPost__dateEdited{position:absolute;bottom:5px;right:5px;font-style:italic;font-size:9px;margin:0;padding:0}.productUpdates__singleToggler{cursor:pointer;position:absolute;bottom:7px;left:8px}.productUpdates__notification{position:absolute;top:-3px;left:16px}.productUpdates__hidden{visibility:hidden;opacity:0}.productUpdates__singleDisplay{position:absolute;bottom:39px;left:39px;width:20%;max-height:32%;max-width:23rem;padding:1rem;display:flex;flex-direction:column;align-items:center;box-shadow:-5px 13px 20px rgba(0,0,0,.25);border-radius:0 0 6px 6px;text-align:left;transition-property:visibility opacity;transition-duration:.2s;background-color:#f5f5f5}.productUpdates__singleDisplay .singleDisplay__header{width:110%;padding-left:2em;padding-right:2em;font-family:Roboto;font-style:normal;font-weight:500;font-size:16px;line-height:19px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1em}.productUpdates__singleDisplay .singleDisplay__see-all{font-weight:400;font-size:10px;line-height:12px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#2f80ed;cursor:pointer;width:3em}@media(max-width:1150px){.productUpdates__singleDisplay .singleDisplay__see-all{font-size:9px}.productUpdates__singleDisplay .singleDisplay__title{font-size:15px}}.productUpdates__singleDisplay .productUpdate{width:80%;height:80%;position:relative;background:#fff;border-radius:8px;padding:.75em;overflow:hidden;font-family:Roboto;line-height:12px;color:#484848;box-shadow:-.5px .5px 7px rgba(0,0,0,.1)}.productUpdates__singleDisplay .productUpdate__header{margin-bottom:1em}.productUpdates__singleDisplay .productUpdate__title{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:.5em;font-weight:900;font-size:16px}.productUpdates__singleDisplay .productUpdate__date{font-weight:300;color:#494949}.productUpdates__singleDisplay .productUpdate__description{font-size:14px;font-weight:400}.productUpdates__singleDisplay .productUpdate .productUpdate__list{margin-left:1em;line-height:1.4285em;padding:0 1em 1em;list-style-type:disc}.productUpdates__singleDisplay .productUpdate .productUpdate__list li{border-bottom:none;padding:none}.allUpdates__hidden{visibility:hidden;opacity:0}.allUpdates__wrapper{width:100vw;position:fixed;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.5);transition-property:visibility opacity;transition-duration:.2s}.allUpdates__close{position:absolute;right:1em;cursor:pointer}.allUpdates__contentWrapper{position:absolute;width:75%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#f5f5f5;border-radius:8px;height:80%;overflow:hidden}.allUpdates__content{overflow-y:scroll;height:100%;position:relative}.allUpdates__content .productUpdate{margin:1em}.allUpdates__title{position:absolute;top:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:29px;width:186px;font-family:Roboto;font-size:25px;line-height:29px}.allUpdates__posts{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5em}@media screen and (max-width:1000px){.productUpdates__singleDisplay{width:35%}}@media screen and (max-width:750px){.allUpdates__contentWrapper{width:95%}.productUpdate{width:90%!important}.productUpdate__date{width:50px;text-align:right}.productUpdate__title{width:80%}.productUpdates__singleDisplay{width:60%;max-height:50%}}.notifications__top{position:relative;width:28px;margin-right:1em;padding-bottom:10px}.notifications__dropdown,.notifications__icon{display:flex;flex-direction:column;align-items:center}.notifications__dropdown{position:absolute;z-index:100;width:15%;top:50px;min-width:23em;max-width:30em;max-height:45%;overflow-y:auto;right:8px;box-shadow:1px 0 5px 0 rgba(0,0,0,.25);border-radius:5px;justify-content:flex-start;visibility:hidden;opacity:0;transition:all .2s cubic-bezier(.075,.82,.165,1);padding:1em 1.5em;font-family:"Roboto","Lato","Helvetica Neue",Arial,Helvetica,sans-serif!important;font-size:15px;font-weight:300}.notifications__dropdown .notification__header{display:flex;align-items:flex-start;justify-content:space-between}.notifications__dropdown .notification__title{text-align:left;font-weight:500;color:#484848}.notifications__dropdown .notification__date{font-weight:300;color:#494949;width:5em}.notifications__dropdown .notification__content{padding-top:1em;text-align:left}.notifications__dropdown .notification__show-more{position:absolute;bottom:.5em;right:1em}@media(min-width:1800px){.notifications__dropdown{width:18%}}@media(min-width:2100px){.notifications__dropdown{width:16%}}.notifications__visible{visibility:visible;opacity:1}.notifications__indicator{position:absolute;top:0;left:16px}.notifications__notification{position:relative;max-height:18em;background:#fff;box-shadow:0 7px 40px hsla(0,0%,76.9%,.3);border-radius:8px;margin-top:.5em;width:100%;padding:1em}.banner__wrapper{position:relative;margin:25px 48px;background:#f2f9ff;border:1px solid #5599db;box-sizing:border-box;height:52px;padding-left:15px;padding-right:40px;z-index:100;box-shadow:0 0 10px #5599db;z-index:100!important}.banner__right,.banner__wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.banner__global{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70%;margin-left:0;margin-right:0}.banner__show{font-family:Roboto;font-style:normal;font-weight:700;font-size:14px;line-height:16px;color:#5599db;cursor:pointer;margin-right:24px}.banner__show:hover{color:#2c80d1}.banner__alert{border:1px solid #ec4339;box-shadow:0 0 10px #ec4339}.banner__left{display:flex;justify-content:center;padding:10px;align-items:center}.banner__icon{width:20px;height:26px;color:#484848;margin-left:10px;margin-right:10px}.banner__text{font-weight:400;color:#484848}.banner__close,.banner__text{font-family:Roboto;font-style:normal;font-size:14px;line-height:16px}.banner__close{font-weight:700;color:#5599db;cursor:pointer}.banner__close:hover{color:#2c80d1}.snackbar__wrapper{position:absolute;left:40px;bottom:26px;background:#484848;box-sizing:border-box;width:432px;height:52px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding-left:15px;padding-right:40px;z-index:100;box-shadow:2px 2px 2px rgba(10,10,10,.3)}.snackbar__icon{width:12.59px;height:16px;color:#d6eafe;margin-left:10px;margin-right:10px}.snackbar__text{font-weight:400;color:#d6eafe}.snackbar__close,.snackbar__text{font-family:Roboto;font-style:normal;font-size:14px;line-height:16px}.snackbar__close{font-weight:700;color:#5599db;cursor:pointer}.snackbar__close:hover{color:#2c80d1}@media(max-width:925px){.snackbar__wrapper{width:45%}}@media(max-width:1100px){.banner__global{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%}}#root,.App{height:100%}.App{text-align:center}body{font-family:"Roboto","Lato","Helvetica Neue",Arial,Helvetica,sans-serif!important;background:#f5f5f5!important}body,ul{margin:0;padding:0}ul{color:#747474;list-style-type:none;text-align:left}ul li{border-bottom:1px solid #747474;padding:5px 0}nav{background-color:#eee}
/*# sourceMappingURL=main.7316b9d5.chunk.css.map */