body,html{height:100%;width:100%;background-color:#fff;overflow:auto;font-size:14px;font-family:asap !important;}.backButton{background:inherit;border:none;padding:2%;font-size:30px;}.con{margin-right:0 !important;margin-left:0 !important;margin-top:0 !important;margin-bottom:10px !important;}.con:empty{display:none;}.frame{cursor:pointer;background-color:#fff;border-radius:10px;position:relative;}@media only screen and (max-width:490px){#sliderContainer{zoom:80%;}}.imageSlide{display:block;margin-left:auto;margin-right:auto;width:200px;height:200px;}#slider{display:flex;justify-content:center;align-items:center;max-width:420px;height:200px;margin-left:auto;margin-right:auto;}.prevSlide{transform:translateX(-120px) scale(.8) perspective(16px) rotateY(1deg);z-index:1;filter:blur(5px);opacity:.6;}.activeSlide{transform:none;z-Index:2;filter:none;opacity:1;}.nextSlide{transform:translateX(120px) scale(.8) perspective(16px) rotateY(-1deg);z-index:1;filter:blur(5px);opacity:.6;}.item{position:absolute;width:200px;height:200px;text-align:justify;transition:.5s;left:calc(50% - 110px);top:0;}.btnClientStyle{background-color:#f07d00 !important;color:#fff !important;}.textClientStyle{color:#f07d00 !important;}.heading{font-family:Quicksand;font-weight:bold;color:#000;font-size:26px;}.paraSubHeading{font-family:asap;font-weight:bold;color:#000;font-size:16px;}.customBtn{font-family:Quicksand;width:100%;font-weight:600 !important;border-color:#fff !important;font-size:17px !important;}#loader{position:fixed;width:100%;left:0;right:0;top:0;bottom:0;background-color:#f1f2f7;z-index:9999;display:block;}.divloader{position:fixed;width:100%;min-height:100px;left:0;right:0;top:0;bottom:0;display:block;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}#loader::after{content:'';display:block;position:absolute;left:48%;top:40%;width:40px;height:40px;border-style:solid;border-color:#000;border-top-color:transparent;border-width:4px;border-radius:50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;}.divloader::after{content:'';display:block;position:absolute;left:45%;top:40%;width:40px;height:40px;border-style:solid;border-color:#000;border-top-color:transparent;border-width:4px;border-radius:50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;}.loginText{font-family:Quicksand;font-weight:600;color:#ffa634;font-size:14px;}.custom-btn-success{color:#fff !important;background-color:#198754 !important;border-color:#198754 !important;}.custom-btn-danger{color:#fff;background-color:#dc3545 !important;border-color:#dc3545 !important;}.homeBackground{height:100%;background-color:#f2f2f5;}@media only screen and (max-width:600px){.paraSubHeadingHome{font-family:Quicksand;font-weight:bold;color:#000;font-size:14px;}}@media only screen and (min-width:601px){.paraSubHeadingHome{font-family:Quicksand;font-weight:bold;color:#000;font-size:20px;margin-bottom:40px;}}.topNavbar{padding:1%;background:#fff;position:fixed;width:100%;cursor:pointer;z-index:100;}.menuText{font-family:asap;color:#000;font-size:16px;font-weight:500;}.btnStyle{cursor:pointer;float:right;color:#606060;font-family:"Quicksand";font-weight:bold;font-size:14px;text-decoration:none;}@media only screen and (min-width:601px){.btnStyle{font-size:20px !important;}}.attendedLessons{color:#fff;padding-top:50%;padding-bottom:50%;font-family:'Quicksand';font-size:36px;}@media only screen and (max-width:600px){.attendedLessonsMonth{font-size:8px;font-family:asap;}}@media only screen and (min-width:601px){.attendedLessonsMonth{font-size:18px;font-family:asap;}}.attendance{text-align:center;position:relative;padding:0%;margin:0%;}@media only screen and (min-width:601px){.col.attendance{padding:20px !important;}}@media only screen and (min-width:601px){.gradesName{font-size:20px !important;}}@media only screen and (max-width:600px){.gradesName{color:#606060;font-size:14px;font-family:asap;font-weight:400;}}@media only screen and (min-width:601px){.gradesName{color:#606060;font-size:18px;font-family:asap;font-weight:400;}}.eventContainer{text-align:center;position:relative;overflow:hidden;}@media only screen and (min-width:601px){.row.eventContainer{padding-top:20px !important;}}.footerCustom{position:fixed;width:100%;bottom:0;background:#fff;}.footerIcons{color:#abb5be;text-decoration:none;margin:auto;padding-top:10px;padding-bottom:10px;font-size:12px;cursor:pointer;text-align:center;}.logOutBtn{background-color:inherit;border:none;font-size:20px;float:right;bottom:15px;position:absolute;margin-left:50%;}@media only screen and (max-width:60px){.greyFont{color:#606060;font-family:"Quicksand";font-weight:bold;font-size:14px;}}@media only screen and (min-width:601px){.greyFont{color:#606060;font-family:"Quicksand";font-weight:bold;font-size:18px;margin-top:10px;}}.centerVertically{display:flex;justify-content:center;flex-direction:column;}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#feeff0 !important;}@media only screen and (max-width:600px){.fontSizeOnMobileScreen{font-size:14px;}}@media only screen and (min-width:601px){.col.fontSizeOnMobileScreen.centerVertically{font-size:18px;padding:5px;}}.flip-box-outer{overflow:hidden;width:420px !important;height:640px;margin:auto;position:relative;}@media(orientation:portrait){.flip-box{background-color:transparent;width:600px;height:387px;border:1px solid #f1f1f1;transform:rotate(270deg);position:absolute;top:110px;left:-115px;margin:5%;}}@media(orientation:landscape){.flip-box{background-color:transparent;height:300px;}}@media only screen and (max-width:600px){.ZoomOutOnVerySmallSceen{zoom:80%;}}.flip-box-inner{position:relative;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;}.flip-box-front,.flip-box-back{position:absolute;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.flip-box-front{background-color:#bbb;color:#000;}.flip-box-back{color:#fff;transform:rotateY(180deg);width:100%;}.lessonBtn{width:56px;height:57px;color:#fff;font-size:10px;padding:0;border:none;border-radius:5px;font-family:Asap,serif;font-style:normal;font-weight:600;letter-spacing:0;text-align:center;text-decoration:none;vertical-align:top;line-height:1.3;white-space:pre-wrap;overflow-wrap:break-word;}@media only screen and (min-width:601px){button.lessonBtn{padding:5px !important;}}.messageCount{color:#fff;background:rgba(255,0,0,.85);border-radius:50%;width:15px;height:15px;text-align:center;font-size:10px !important;line-height:15px;position:absolute;top:-5px;right:0;}@media only screen and (min-width:601px){.container{margin-top:5% !important;margin-bottom:5% !important;}svg.svg-inline--fa.fa-cart-plus.fa-w-18.textClientStyle{font-size:25px;}.svg-inline--fa.fa-w-14{width:2em !important;height:2em !important;}.textClientStyle{font-size:20px;}}.container{max-width:960px;}.site-header{background-color:rgba(0,0,0,.85);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);}.site-header a{color:#999;transition:ease-in-out color .15s;}.site-header a:hover{color:#fff;text-decoration:none;}.navbar-inverse{background-color:#fff !important;border-bottom-color:#eb7f0a !important;}.navbar-fixed-top,.navbar-fixed-bottom{border-width:0 0 1px;}.product-device{position:absolute;right:5%;bottom:-30%;width:45%;height:540px;border-radius:21px;-webkit-transform:rotate(30deg);transform:rotate(30deg);background-image:url("../Images/StudentApp-Phone-Homescreen.png");}.product-device::before{position:absolute;top:10%;right:10px;bottom:10%;left:10px;content:"";background-color:rgba(255,255,255,.1);border-radius:5px;}.product-device-2{top:-25%;right:auto;bottom:0;left:5%;background-color:#e5e5e5;}.screenshot-card{width:80%;height:100%;border-radius:21px 21px 0 0;}.border-top{border-top:1px solid #e5e5e5;}.border-bottom{border-bottom:1px solid #e5e5e5;}.box-shadow{box-shadow:0 .25rem .75rem rgba(0,0,0,.05);}.flex-equal>*{-ms-flex:1;-webkit-box-flex:1;flex:1;}@media(min-width:768px){.flex-md-equal>*{-ms-flex:1;-webkit-box-flex:1;flex:1;}}.overflow-hidden{overflow:hidden;}.dropdown-menu{background-color:#4a4a4a !important;border-color:#4a4a4a !important;box-shadow:0 4px 8px rgba(0,0,0,.6) !important;}.dropdown-menu .nav-link.menuText{color:#fff !important;padding:10px 15px !important;}.dropdown-menu .nav-link.menuText:hover{background-color:#ec7700 !important;color:#fff !important;}.dropdown-divider{border-top:1px solid #fff !important;}@keyframes slideUp{from{transform:translateY(100%);opacity:0;}to{transform:translateY(0);opacity:1;}}.success-modal-overlay{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;z-index:1000;animation:slideUp .5s ease-out;}.success-modal-content{background-color:#fff;padding:20px;border-radius:15px 15px 0 0;text-align:center;width:100%;max-width:300px;box-shadow:0 -2px 10px rgba(0,0,0,.2);}.success-modal-content h2{font-size:1.2em;color:#333;margin-bottom:20px;}.success-icon{font-size:5em;color:#4caf50;}.top-navbar{display:flex;align-items:center;justify-content:space-between;background-color:#fff;position:fixed;top:0;left:0;width:100vw;z-index:100;width:100%;}.back-button-container{position:absolute;top:10px;left:10px;border:2px solid #ddd;border-radius:8px;padding:5px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);}.back-button{background:none;border:none;font-size:24px;color:#333;cursor:pointer;margin-left:5px;}.back-button:focus{outline:none;}.person-name{font-family:Arial,sans-serif;font-size:1.8em;color:#242b64;font-weight:bold;text-align:center;margin:.5em 0;}.register-all-button{background-color:#00a2e8;color:#fff;padding:12px;font-size:1em;border-radius:15px;border:none;width:80%;max-width:300px;margin-top:15px;box-shadow:4px 4px 10px rgba(0,0,0,.4);}.session-button{background-color:#ff7f27;color:#fff;padding:12px;font-size:1em;border-radius:15px;border:none;width:80%;max-width:300px;margin-top:5px;box-shadow:4px 4px 10px rgba(0,0,0,.4);}.btn-active{background-color:#4caf50 !important;color:#fff !important;}.selected-session{background-color:#4caf50 !important;color:#fff !important;}.btn-cancel-active{background-color:#f00 !important;color:#fff !important;}.bottom-button-container{position:fixed;bottom:20px;left:0;width:100%;display:flex;justify-content:center;gap:10px;padding:0 15px;box-sizing:border-box;}.register-button,.cancel-button{width:45%;max-width:130px;padding:10px;font-size:.9em;border-radius:10px;border:none;color:#fff;}.register-button.btn-active{background-color:#4caf50;}.cancel-button.btn-cancel-active{background-color:#f00;}.register-button{background-color:#808080;box-shadow:4px 4px 10px rgba(0,0,0,.4);}.cancel-button{background-color:#f00;color:#fff;border:none;border-radius:10px;width:45%;max-width:130px;padding:10px;font-size:.9em;box-shadow:4px 4px 10px rgba(0,0,0,.4);cursor:pointer;}.profileContainer{margin-top:40px;margin-bottom:0;box-shadow:4px 4px 10px rgba(0,0,0,.3);background-color:#fff;border-radius:10px;padding-top:20px;padding-bottom:20px;padding-left:10px;padding-right:10px;}.changeDetailsContainer{margin-top:40px;margin-bottom:0;box-shadow:4px 4px 10px rgba(0,0,0,.3);background-color:#fff;border-radius:10px 10px 0 0;padding-top:20px;padding-bottom:20px;padding-left:10px;padding-right:10px;}.emergencyContactContainer{margin-top:0;margin-bottom:0;box-shadow:4px 4px 10px rgba(0,0,0,.3);background-color:#fff;border-radius:10px 10px 0 0;padding-top:20px;padding-bottom:20px;padding-left:10px;padding-right:10px;}.save-button{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2);}.back-to-settings-button{background:none;border:none;color:#007bff;font-size:16px;font-weight:bold;cursor:pointer;text-align:left;margin-top:60px;margin-left:10px;}.back-to-settings-button:hover{color:#000;}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden;}.modal-content{background:#fff;padding:20px;border-radius:25px !important;width:90%;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:90%;}.modal-title{font-size:18px;font-weight:bold;margin-bottom:10px;text-align:center;}.modal-body{flex:1;overflow-y:auto;margin-bottom:10px;text-align:justify;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:100%;white-space:normal;box-sizing:border-box;touch-action:pan-x pan-y;}div[style*="overflow: auto"]{text-align:justify;word-wrap:break-word;overflow-wrap:break-word;}.scrollable-content{max-height:calc(80vh - 100px);overflow-y:auto;padding-right:10px;flex-grow:1;justify-content:flex-end;}.modal-close-button{background:#f07d00;color:#fff;border:none;font-size:16px;padding:10px;border-radius:8px;cursor:pointer;text-align:center;width:100%;margin-top:10px;}.modal-close-button:hover{background:#e06b00;}@media(max-width:768px){.modal-body{zoom:.8;}}@media(max-width:480px){.modal-body{zoom:.7;}}.changeDetailsPopupContainer{margin-top:40px;margin-bottom:0;background-color:#fff;padding-top:20px;padding-bottom:20px;padding-left:10px;padding-right:10px;}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;}.modal-container{width:90%;position:relative;}.close-button{top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;}button{margin:20px auto;}table{width:auto !important;max-width:100%;word-wrap:break-word;}.carousel-overlay{position:absolute;top:50%;transform:translateY(-50%);font-size:2em;color:rgba(0,0,0,.7);cursor:pointer;background:rgba(255,255,255,.6);border-radius:50%;padding:10px;display:flex;align-items:center;justify-content:center;}.prevArrow{left:-20px;}.nextArrow{right:-20px;}.carousel-overlay:hover{color:#000;background:rgba(255,255,255,.9);}#MessagesMenuContainer{position:sticky;top:30px;left:50%;z-index:1000;background-color:#fff;}#MessagesContainer{margin:0 auto;margin-top:0;}