@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css);@media(min-width:768px){.visible-md{display:none}}p{font-size:.875rem;font-weight:400}.text-highlight{color:#7a17eb!important;font-weight:700}.account-box,.notification-box{z-index:5}.user-profile{color:#4c5a74;flex-direction:row;font-size:.875rem;font-weight:700}@media(min-width:768px){.user-profile{margin-left:auto}}.user-profile .account-box-toggler:after{border:5px solid transparent;border-top-color:#95a4c2;bottom:10px;content:" ";height:0;margin-left:-5px;pointer-events:none;position:absolute;right:-2px;width:0}.notification-box-toggler{display:none}@media(min-width:768px){.notification-box-toggler{display:block;padding-bottom:0;padding-top:.3rem}.notification-box-toggler i{color:#132241}}.account-box-toggler{align-items:center;display:flex;gap:8px;justify-content:center;margin-right:5px;padding-bottom:0;padding-right:3px;padding-top:0}.account-box-toggler i{color:#95a4c2;font-size:13px}.gravatar-wrap{border:2px solid #f1e8f9;border-radius:50%;height:30px;position:sticky;width:30px}.gravatar-wrap:before{color:#95a4c2;content:"";display:flex;flex-flow:column;font-size:1.4rem;height:100%;justify-content:center;text-align:center}.gravatar-wrap .gravatar{border-radius:50%;height:27px!important;height:25px;left:0;position:absolute;top:0;width:27px!important;width:25px}.notification-box{max-width:90%;position:absolute;right:10px;top:62px;width:25rem}.notification-box:after,.notification-box:before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.notification-box:before{border-color:transparent transparent #95a4c2;border-width:11px;margin-left:-11px;right:86px;top:-19px}.notification-box:after{border-color:transparent transparent #fff;border-width:10px;margin-left:-10px;right:87px;top:-17px}.notification-box .card-body{margin:0}.account-box{max-width:90%;position:absolute;right:10px;top:62px;width:15rem}.account-box:after,.account-box:before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.account-box:before{border-color:transparent transparent #ccc;border-width:11px;margin-left:-11px;right:30px;top:-19px}.account-box:after{border-color:transparent transparent #fff;border-width:10px;margin-left:-10px;right:31px;top:-17px}.account-box .card-body{box-shadow:1px 1px 7px rgba(0,0,0,.1);margin:0}.account-box .gravatar-wrap{height:50px;width:50px}.account-box .gravatar-wrap:before{font-size:2rem}.account-box .gravatar-wrap .gravatar{height:46px;width:46px}.account-box .account-links-group{display:flex;flex-direction:row}.account-box .account-links-group .account-links{border:0;font-weight:400;list-style-type:none;padding:0}.account-box .account-links-group .account-links.highlight a{color:#7a17eb}.account-box .account-links-group .account-links:last-of-type{margin-left:auto}.score-card{align-items:center;background-color:#fff;border:solid #dee2e6;border-width:0 0 1px;justify-content:space-evenly}@media(min-width:768px){.score-card{border-bottom:0;border-width:0 2px 0 0;margin-right:1rem;padding-right:.75rem;position:absolute;right:111px;top:-52px;visibility:visible}}#accountGroup>.score-card{display:none!important}@media(min-width:768px){#accountGroup>.score-card{border-bottom:0;border-width:0 2px 0 0;display:flex!important;margin-right:1rem;padding-right:.75rem;visibility:visible}}.score-card p{border-right:1px solid #eef1f8;font-size:.875rem;margin:0;padding:0 .5rem;text-align:center}@media(min-width:768px){.score-card p.experience i,.score-card p.gem i{background-color:transparent;border:0;color:transparent;display:inline;font-size:0;line-height:0;padding:12px;text-shadow:none}}.score-card p.experience.level,.score-card p.gem.level{align-items:center;display:flex;text-align:left}.score-card p.experience.level strong,.score-card p.gem.level strong{display:inline;padding-right:.5rem}.score-card p span{display:inline;padding:.375rem 0 0 .375rem}.score-card p i span{display:block;font-style:normal;margin-top:-9px;padding:1rem 0 0 .5rem}.loggedOutButtons{font-size:1rem;padding-left:1rem}.account-box.collapse:not(.show){display:block;visibility:hidden}.mouse-over-eff{cursor:auto}#admin{color:#707070;font-size:medium}#admin:hover{color:#212529}.classes{color:#707070}.classes:hover{text-decoration:none}header{box-shadow:0 0 16px rgba(0,0,0,.15);min-height:auto!important;padding:.4rem 0;position:relative;z-index:9999}header li{list-style:none}header .navbar-collapse{flex-grow:0}header .python-login-btn{padding:0!important}header .python-login-btn a{font-size:1rem;font-weight:500!important;margin-right:1.5rem;padding:.3rem 0!important}header .head-guvi-logo,header .head-user-profile{padding-bottom:.315rem;padding-top:.515rem}header .head-guvi-logo .account-box-toggler,header .head-guvi-logo .notification-box-toggler,header .head-user-profile .account-box-toggler,header .head-user-profile .notification-box-toggler{margin-top:-.5rem}header .python-signup-btn{padding:0!important}header .python-signup-btn a{padding:.3rem 1rem!important}header .nav-item a{font-weight:400}header li.nav-item.dropdown.show .down-icon{color:#000;font-weight:400;position:relative}header li.nav-item.dropdown.show .down-icon:before{background:#0dba4b;border-radius:20px 20px 0 0;bottom:-1px;content:"";height:5px;left:0;position:absolute;width:100%}header li.nav-item.dropdown.show .down-icon i{color:#2a2a2a;transform:rotate(180deg)!important}header .nav-link{padding:initial}header .dropdown-toggle:after{display:none}header .signinbtn{height:38px;margin-left:1.5rem}header .loginbtn{color:#0dba4b}header .log-sign{margin-bottom:.5rem;margin-top:.5rem}header .navbar-nav .dropdown-menu{border:none!important;box-shadow:0 8px 16px rgba(0,0,0,.15);margin:0!important;padding:0!important;transform:translate3d(2px,63px,0)!important}header .navbar-nav .dropdown-menu .course-right-border{border-right:1px solid #e3e3e3}header .navbar-nav .nav-first-tab{transform:translate3d(-163px,55px,0)!important;width:30rem}header .navbar-nav .nav-scound-tab{transform:translate3d(-130px,55px,0)!important;width:23rem}header .navbar-nav .nav-four-tab{transform:translate3d(-90px,55px,0)!important;width:19rem}header .navbar-nav .nav-third-tab{transform:translate3d(-17px,55px,0)!important}header .login-signup-myaccout{padding-top:.6rem!important}header .login-signup-myaccout .nav-item{padding-right:0!important}header .login-signup-myaccout .nav-item a{padding:.3rem 1rem!important}.course-categrori li a{color:#707070;display:block;padding:.7rem 1.5rem;text-decoration:none}.course-categrori li a:hover{background:#f6f7f8}.course-categrori li a p{font-size:.8rem;font-weight:300;margin:0}.course-categrori li a h3{color:#000;font-size:1rem;font-weight:500}.course-categrori li a h3 .badge{background:#fff;border:1px solid #ff354d;color:#ff354d;padding:.3rem;text-transform:lowercase}.course-categrori li a h3 .badge i{font-size:10px}.course-categrori li .white-bg-over h3{color:#aaa;font-size:1.125rem;font-weight:300;text-transform:uppercase}.course-categrori li .white-bg-over:hover{background:#fff!important}.title-categori{color:#099f4e;display:table;padding:.5rem 1rem}.menu-sidebar-modal{right:0}.menu-sidebar-modal .sub-menu-dropdown{height:100vh;overflow-y:auto;position:relative;width:275px}.menu-sidebar-modal .sub-menu-dropdown .card{border-bottom:1px solid #e3e3e3;border-radius:0}.menu-sidebar-modal .sub-menu-dropdown .card a{color:#707070;padding:1rem;text-decoration:none}.menu-sidebar-modal .sub-menu-dropdown button{background:none;border:none;color:#2a2a2a;padding:1rem}.menu-sidebar-modal .sub-menu-dropdown button p{font-size:1rem;margin:0;text-align:left}.menu-sidebar-modal .sub-menu-dropdown .collapsed{color:#707070!important}.menu-sidebar-modal .sub-menu-dropdown .menu-sidebar-close{color:#707070}.menu-sidebar-modal .upgrade-bottom{background:#fff;padding:1rem;position:relative;top:40px;width:100%;z-index:999}.menu-sidebar-modal .upgrade-bottom a{border:1px solid #0dba4b;border-radius:4px;color:#0dba4b;display:block;padding:.5rem 1rem;text-align:center;text-decoration:none;width:100%}.notification-box-toggler{display:block;padding-top:0!important}.nav-live-class{background:#fff!important;color:#0dba4b!important;font-size:1rem;font-weight:400!important}.nav{color:#19bd19}button.text-success:hover{color:#08722e!important}.account-box{min-width:-moz-max-content;min-width:max-content;right:0;top:65px}.account-box .flex-nowrap{text-align:left}.account-box .card img{max-width:-moz-max-content;max-width:max-content}.email-wrap,.signout{font-size:large}.signout{font-weight:400!important;padding:0 1px}hr{width:100%}@media(max-width:987px){.navbar-nav{margin:8px 0}}.account-box .log{box-shadow:1px 1px 7px rgba(0,0,0,.1);margin:0}.log{display:flex;flex-direction:column;min-width:0;position:relative;word-wrap:break-word;background-clip:border-box;background-color:#fff;border:0 solid rgba(0,0,0,.125);border-radius:.25rem;flex:1 1 auto;min-height:1px;padding:1.25rem}@media(max-width:400px){.head-guvi-logo{height:-moz-fit-content;height:fit-content;max-width:130px}#logo{max-width:130px}.headerNav .navbar-nav{margin:0!important}}*{outline:none}header{height:64px!important;min-height:unset!important;position:sticky;top:0}.bootstrap-vertical-sidebar{height:calc(100vh - 76px);padding:0 6px;position:sticky;top:64px}.bootstrap-vertical-sidebar #menu{max-height:100vh;overflow-y:auto;position:sticky;top:64px}.bootstrap-vertical-sidebar a{align-items:center;display:flex;flex-direction:column;gap:1px}.bootstrap-vertical-sidebar a i{font-size:large}.bootstrap-vertical-sidebar,.menu-sidebar-modal{max-width:100px;min-width:100px;padding:unset;width:20%}.bootstrap-vertical-sidebar li:hover,.menu-sidebar-modal li:hover{background-color:#f3f3f3!important}.bootstrap-vertical-sidebar i:hover,.menu-sidebar-modal i:hover{background-color:transparent!important;color:var(--domain-borderColor)!important}.bootstrap-vertical-sidebar .nav-item.active,.menu-sidebar-modal .nav-item.active{background-color:#f0f0f0!important;border-left:5px solid var(--domain-borderColor);border-radius:unset!important;color:initial!important}.bootstrap-vertical-sidebar .nav-item.active a,.menu-sidebar-modal .nav-item.active a{color:var(--domain-color)!important}.bootstrap-vertical-sidebar .nav-item:not(.active) .nav-link,.menu-sidebar-modal .nav-item:not(.active) .nav-link{color:#707070}.bootstrap-vertical-sidebar .nav-item:not(.active) .nav-link:hover,.menu-sidebar-modal .nav-item:not(.active) .nav-link:hover{color:var(--domain-color)!important}@media screen and (max-width:1291px){.bootstrap-vertical-sidebar{background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;transition:all .3s ease-in-out;width:100%;z-index:9999}.sidebar-open{display:block}}@media screen and (min-width:1290px){.menu-sidebar-modal{display:none!important}}@media screen and (max-width:576px){.bootstrap-vertical-sidebar{display:none}}.menu-sidebar-modal{background:rgba(0,0,0,.5);display:none;height:100%;left:0;max-width:unset!important;min-width:unset!important;position:fixed;top:0;width:100%;z-index:9999}.menu-sidebar-modal .sidebar-div{overflow-y:auto;padding-top:1rem;position:relative;width:155px}.menu-sidebar-modal ul a{align-items:center;display:flex;flex-direction:column;gap:1px;padding:1rem 1.5rem}.menu-sidebar-modal ul i{font-size:x-large;margin-top:-5px}.menu-sidebar-modal .material-icons{color:#000;font-size:13px;font-weight:500}.menu-sidebar-modal .menu-sidebar-close{text-decoration:none}@media screen and (max-width:1290px){.bootstrap-vertical-sidebar{display:none}.navbar-toggler{display:block!important}}.colorBtn{border:1px solid var(--domain-borderColor);border-radius:.25rem;color:var(--domain-color)}.colorBtn:hover{background-color:var(--domain-borderColor);color:#fff!important}.nav-link{color:#333;font-size:16px;text-decoration:none}.nav-link :hover{color:var(--domain-color)!important}.bg-whiteColor{background-color:#fff!important}.org-dropdown{margin-right:15px;position:relative}.org-dropdown .org-dropdown-toggler{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;padding:6px;transition:all .2s ease}.org-dropdown .org-dropdown-toggler:hover{background-color:rgba(0,0,0,.05)}.org-dropdown .org-dropdown-toggler .current-org{font-size:14px;font-weight:500;margin-right:6px}.org-dropdown .org-dropdown-toggler i{font-size:12px;transition:transform .2s ease}.org-dropdown .org-dropdown-toggler[aria-expanded=true] i{transform:rotate(180deg)}.org-dropdown .org-dropdown-container{position:relative}.org-dropdown .org-dropdown-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-top:5px;position:absolute;right:0;top:100%;width:280px;z-index:1000}.org-dropdown .org-dropdown-box:before{background-color:#fff;border-left:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.08);content:"";height:12px;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px}.org-dropdown .org-dropdown-content{padding:12px 0}.org-dropdown .org-dropdown-title{border-bottom:1px solid #eee;color:#666;font-size:14px;margin:0;padding:0 16px 8px}.org-dropdown .org-list{list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:8px 0}.org-dropdown .org-item{padding:0}.org-dropdown .org-item.active .org-link{background-color:rgba(0,0,0,.03)}.org-dropdown .org-item.active .org-name{font-weight:600}.org-dropdown .org-item.active .org-icon{background-color:#4a90e2;color:#fff}.org-dropdown .org-link{align-items:center;display:flex;padding:10px 16px;text-decoration:none;transition:background-color .2s ease}.org-dropdown .org-link:hover{background-color:rgba(0,0,0,.05)}.org-dropdown .org-icon{align-items:center;background-color:#e9e9e9;border-radius:6px;color:#666;display:flex;flex-shrink:0;font-weight:600;height:36px;justify-content:center;margin-right:12px;width:36px}.org-dropdown .org-info{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.org-dropdown .org-name{color:#333;font-size:14px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-dropdown .org-role{color:#777;font-size:12px}.org-dropdown .org-dropdown-footer{border-top:1px solid #eee;padding:12px 16px 0}.org-dropdown .create-org-btn{background-color:#f7f7f7;border-radius:6px;color:#4a90e2;display:block;font-size:14px;font-weight:500;padding:8px;text-align:center;text-decoration:none;transition:all .2s ease}.org-dropdown .create-org-btn:hover{background-color:#eef4fd}.org-dropdown-box:not(.d-none){animation:fadeIn .2s ease;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.org-dropdown-box{width:180px!important}}@font-face{font-display:swap;font-family:Wanted Sans;font-style:normal;font-weight:400;src:url(/build/fonts/WantedSansVariable-BF65baf13a24667.ec7e011d980e8c12d524ffedf8e7aa04.ttf) format("truetype")}.body-content{background-color:#f6f6f9;min-width:80%;width:100%}#body-content{display:flex}.bootstrap-vertical-sidebar .d-flex{background-color:#fff}.main-contentDiv{background:#fff;border-radius:10px;display:flex;flex-direction:row;height:100%;margin:11px 8px;padding:11px}.class-tag{background-color:#ffebd5;border-radius:21px;color:#614401;font-size:16px;font-weight:500;height:38px;left:.737rem;padding:8px 16px;position:absolute;top:-20px;width:96px}.recordingsDiv{width:100%}.recording-headerDiv{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 18px}.recording-headerDiv .recording-title{font-size:1.5rem;font-weight:700;margin-left:8px;transform:translateX(-10%)}#ajaxFailureModal .modal-body p{display:flex}#alertIcon{float:inline-start;width:60px}.card-body-noRecording{display:flex;justify-content:center;padding:1.5rem;text-align:center}.notFound{margin:1rem 0 1.5rem;text-align:center}.notFound p{color:#343a40;font-size:16px}.notFound img{height:13rem}#spinner-container{align-items:center;display:flex;height:100%;justify-content:center;position:fixed;top:0;width:100%}.filter-box{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:none;margin-top:6px;padding:10px;position:absolute;right:6rem;top:100%;width:250px;z-index:1000}.filter-box input{margin-bottom:10px;padding:5px;width:100%}.filter-box button{margin-top:5px;width:100%}.search-filter-container{align-items:baseline;display:flex;flex-direction:row;gap:1.5rem;justify-content:flex-end;position:relative}.filter-container{margin-left:auto}#toggleFilter{align-items:center;display:flex;gap:3px;justify-content:center}#toggleFilter i{margin-bottom:3px}#clearSearch{visibility:hidden}.search-bar{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;display:flex;float:right;padding:2px 6px}.search-bar .clear-button{color:#4d4343;cursor:pointer;font-size:21px}.search-bar input{outline:none;width:8rem}.search-bar button,.search-bar input{background:transparent;border:none;padding:5px}.search-bar button{cursor:pointer}.search-bar i{color:#333}#toast-container{display:flex;justify-content:end;position:absolute;right:1%;top:6.5rem;z-index:99999}.highlight-container{background:var(--stats-color);content:"";display:block;height:63%;left:10px;position:absolute;top:60%;transform:translateY(-50%) skew(20deg);width:119px;z-index:0}.highlight-container-text{display:inline-block;font-size:24px;font-weight:800;padding:0 32px;position:relative;transform:translateX(-10%)}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.toast.slide-in-from-left{animation:slideInFromLeft .5s ease-out}@media screen and (max-width:760px){.toast{margin:10px 32px 0 16px;opacity:1;width:-moz-fit-content;width:fit-content}.toast-body{padding:10px}}@media screen and (min-width:767px){.toast{opacity:1}.toast-body{padding:10px}#toast-container{right:3%!important}}@media screen and (max-width:860px){.search-bar{float:unset!important;margin-bottom:0!important;margin-right:0!important;padding:0!important;width:140px!important}.search-bar input{width:92px!important}.filter-box{right:3.3rem!important}}@media(min-width:768px)and (max-width:941px){.card-new .card-body-new{padding:1.5rem .65rem}.fromTo i{display:none}.countDown{font-size:9px!important}.countDown i{font-size:11px!important;margin-bottom:1px}}@media screen and (max-width:376px){.fromTo i,.totalDur .duration{display:none}}@media screen and (max-width:1402px){.totalDur{justify-content:center!important}.totalDur .duration{display:none}}@media(min-width:941px)and (max-width:991px){.card-new .card-body-new{padding:1.5rem .65rem}}@media(min-width:992px)and (max-width:1290px){.card-new .card-body-new{padding:1.5rem .65rem}.fromTo i{display:none}.countDown{font-size:9px!important}.countDown i{font-size:11px!important;margin-bottom:1px}}@media(min-width:991px)and (max-width:1310px){.ended{font-size:10px!important;gap:3px!important;height:18px!important;padding:1px 3px!important}.ended i{margin-bottom:1px!important}.countdownEnd,.ended i{margin-right:0!important}.countdownEnd{font-size:8px!important;gap:3px!important;height:16px!important;right:4px!important}.countdownEnd i{margin-bottom:1px!important;margin-right:0!important}.class-tag{font-size:11px;height:28px;left:.4rem!important;padding:6px 9px;top:-15px;width:62px}}@media(min-width:768px)and (max-width:841px){.ended{font-size:10px!important;gap:3px!important;height:18px!important;padding:1px 4px!important}.ended i{margin-bottom:1px!important}.countdownEnd,.ended i{margin-right:0!important}.countdownEnd{font-size:9px!important;gap:3px!important;height:17px!important;padding:8px 4px!important;right:3px!important}.countdownEnd i{margin-bottom:1px!important;margin-right:0!important}.class-tag{font-size:11px;height:26px;left:.2rem;padding:4px;top:-16px;width:52px}}@media(min-width:841px)and (max-width:991px){.ended{font-size:12px!important;gap:3px!important;height:20px!important;padding:1px 4px!important}.ended i{margin-bottom:1px!important;margin-right:7!important}.countdownEnd{font-size:11px!important;gap:3px!important;height:17px!important;margin-right:0!important;padding:1px 4px!important;right:3px!important}.countdownEnd i{margin-bottom:1px!important;margin-right:0!important}.class-tag{font-size:12px;height:29px;left:.5rem;padding:6px;top:-16px;width:62px}}@media screen and (max-width:500px){.search-filter-container{margin-top:10px}}@media(min-width:364px)and (max-width:410px){.countdownEnd{border-radius:10px!important;font-size:12px!important;gap:2px!important;margin-right:2px!important;padding:1px 5px!important;right:0!important}.countdownEnd i{margin-bottom:-1px!important;margin-right:0!important}}@media(min-width:280px)and (max-width:331px){.ended{border-radius:10px!important;font-size:10px!important;gap:3px!important;height:19px!important;padding:1px 3px!important}.ended i{margin-bottom:1px!important}.countdownEnd,.ended i{margin-right:0!important}.countdownEnd{border-radius:10px!important;bottom:5px!important;font-size:7px!important;gap:3px!important;padding:1px 3px!important;right:4px!important}.countdownEnd i{margin-bottom:1px!important;margin-right:0!important}.class-tag{font-size:10px!important;height:25px!important;left:.331rem!important;padding:6px 13px!important;top:-13px!important;width:66px!important}.countDown{font-size:9px!important}.countDown i{font-size:11px!important;margin-bottom:1px}.calendar-box .timeDiv .fromTo span,.calendar-box .timeDiv .totalDur span{font-size:11.5px!important}.calendar-box .durationCal .year.comp{padding:3px!important}.calendar-box .durationCal .day{font-size:15px!important}}@media(min-width:331px)and (max-width:364px){.ended{border-radius:10px!important;font-size:12px!important;gap:3px!important;padding:1px 5px!important}.ended i{margin-bottom:1px!important;margin-right:0!important}.countdownEnd{border-radius:10px!important;bottom:4px!important;font-size:10px!important;gap:3px!important;margin-right:2px!important;padding:1px 5px!important;right:1px!important}.countdownEnd i{margin-bottom:1px!important;margin-right:0!important}.class-tag{font-size:14px!important;height:33px!important;left:.531rem!important;padding:6px 16px!important;top:-17px!important;width:88px!important}}@media(min-width:992px)and (max-width:1030px){.calendar-box .timeDiv .fromTo span,.calendar-box .timeDiv .totalDur span{font-size:12px!important}.calendar-box .timeDiv .fromTo,.calendar-box .timeDiv .totalDur{padding:5px 9px!important}}.openTag{align-items:center;background-color:var(--domain-borderColor);color:#fff;display:flex;font-size:13px;font-weight:700;height:26px;justify-content:center;left:-21px;padding:5px 0;position:absolute;top:71px;transform:rotate(-45deg);transform-origin:top left;width:126px}.card-body-new{height:70%}.card-body-liveUp{display:flex;justify-content:center;padding:1.5rem;text-align:center}.content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.truncated{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;cursor:pointer;min-height:3rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.duration{color:#212529;font-size:14px;justify-content:center;width:3.5rem!important}.calendar-box,.duration{align-items:center;display:flex}.calendar-box{border-radius:10px;gap:3%;margin-bottom:10px}.calendar-box .durationCal{align-items:center;border:2px solid #eff0f1;border-radius:8px;display:flex;flex-direction:column;justify-content:center;width:4.6rem}.calendar-box .durationCal .year.comp{font-size:11px;padding:5px}.calendar-box .durationCal .month.liveUp,.calendar-box .durationCal .year.comp{background:#ffebd5;border-top-left-radius:6px;border-top-right-radius:6px;text-align:center;width:100%}.calendar-box .durationCal .month.liveUp{font-size:17px}.calendar-box .durationCal .day.liveUp{padding:6px}.calendar-box .durationCal .month.comp{font-size:13px;margin-top:-7px}.calendar-box .durationCal .day{font-size:18px;font-weight:600}.calendar-box .timeDiv{display:flex;flex-direction:column;gap:6px;width:15rem}.calendar-box .timeDiv .fromTo,.calendar-box .timeDiv .totalDur{align-items:center;border:1px solid #eff0f1;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;padding:4px 9px;width:100%}.calendar-box .timeDiv .fromTo span,.calendar-box .timeDiv .totalDur span{font-size:13px}.card-new{border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,.15);height:100%;width:100%}.card-new .thumbnail{background-image:url(/build/images/thumbnail.9408c6d9d5b1a0ec52524c8202e1787d.png);background-repeat:no-repeat;background-size:cover;border-top-left-radius:8px;border-top-right-radius:8px;height:166.49px;overflow:hidden;position:relative}.card-new .thumbnail .status{align-items:center;border:var(--domain-borderColor);border-radius:21px;display:flex;gap:7px}.card-new .thumbnail .completed,.card-new .thumbnail .status{float:right;font-size:.7rem;font-weight:600;height:24px;margin-right:17px;margin-top:15.84px;padding:2px 10px}.card-new .thumbnail .completed{border-radius:21px;display:inline-flex;gap:5px}.card-new .thumbnail .ended{background:#fff;border-radius:17px;bottom:10px;display:inline-flex;font-size:12px;gap:5px;height:22px;padding:1px 5px;position:absolute;right:7px}.card-new .thumbnail .ended i{margin-top:-1px}.card-new .card-body-new{padding:1.5rem 1rem;position:relative}.card-new .card-body-new .classLink,.card-new .card-body-new .meetLink{margin-top:1.5rem}.card-new .card-title-new{margin-bottom:0;margin-left:6px;padding-top:.5rem}.card-new .time{padding-left:0}.card-new .date,.card-new .time{color:#707070;font-size:12.5px}.card-new .student_count{color:#707070;font-size:12.7px;margin-left:4%}.card-new .student_count i{content:"";margin-right:4px}.card-new .student_count .bi-hourglass-split:before{margin-bottom:2px}.reset-filter{color:#007bff;cursor:pointer;margin-top:10px;text-align:center}.reset-filter:hover{text-decoration:underline}.noClass{box-shadow:0 0 4px rgba(0,0,0,.1)!important}@media screen and (max-width:520px){#logo{position:relative;top:.6rem;width:80px!important}}.ended-icon{margin-left:10px;padding-right:10px}.ended-icon .bullet{color:#7e7e7e;font-size:34px}.ended-icon .ended-btn{color:#7e7e7e;font-weight:600;padding-left:3px!important;position:relative;top:3px}.viewRecording{margin-top:10px;min-width:250px}