:root{--main-color: #CBB6A2;--accent-color: #F5F0EC;--text-color: #424242;--beige-background-color: #F5F0EC;--gray-background-color: #F5F5F5;--dark-gray: #9F9F9F;--small-text: 20px;--medium-text: 28px;--large-text: 36px;--x-large-text: 48px}body{background-color:var(--gray-background-color);font-family:montserrat;margin:0}html,body,#root{width:100%;height:100%}h1,h2,h3,p{-webkit-user-select:none;user-select:none}@font-face{font-family:montserrat;src:local("montserrat"),url(/assets/montserrat-e5b1a3fb.ttf) format("truetype");font-weight:400}@font-face{font-family:yeseva-one;src:local("yeseva-one"),url(/assets/yeseva-one-6daf4d9b.ttf) format("truetype");font-weight:400}.loginLogo{font-family:yeseva-one}.loginInputs{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}.loginContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--accent-color)}.loginForgotPassword{margin-bottom:4rem;cursor:pointer}@media screen and (min-width: 1200px){.loginInputs{width:20%}}.buttonContainer{display:flex;justify-content:center;align-items:center;border-radius:10px;height:3rem;width:100%;margin:.5rem;font-size:14px;cursor:pointer}.buttonNormalColor{background-color:var(--main-color);color:#fff}.buttonAlternativeColor{background-color:#fff;color:#000}.buttonWarningColor{background-color:#fdd9d9;color:#a70000;font-weight:700}.buttonGrayColor{background-color:var(--gray-background-color);font-weight:700}.inputContainer{background-color:#fff;border-radius:10px;color:#000;width:100%;height:2rem;border:none;padding:.5rem;margin:.5rem 0}.Logo{font-family:yeseva-one;display:flex;align-items:center;color:var(--main-color);margin:2rem 0}.Logo>h1{margin:0;font-size:35px}.Logo>h2{margin:0;font-size:25px}.logoVertical{flex-direction:column}.logoHorizontal{flex-direction:row;align-items:baseline;justify-content:center}.logoHorizontal>h2{margin-left:.5rem}@media screen and (min-width: 1200px){.Logo>h1{font-size:50px}.Logo>h2{font-size:40px}.Logo{margin:4rem 0}}@media screen and (max-width: 500px){.Logo>h1{font-size:20px}.Logo>h2{font-size:15px}.Logo{margin:4rem 0}}.passwordInput{color:#000;width:100%;height:2rem;border:none}.passwordInputContainer{display:flex;background-color:transparent;width:100%;background-color:#fff;border-radius:10px;padding:.5rem;margin:.5rem}.lds-ring{display:inline-block;position:fixed;left:40%;top:40%;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid var(--main-color);border-radius:50%;animation:lds-ring 1s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--main-color) transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.25s}.lds-ring div:nth-child(2){animation-delay:-.15s}.lds-ring div:nth-child(3){animation-delay:-.05s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinnerBackdrop{width:100%;height:100%;top:0;left:0;background-color:#00000080;position:fixed;z-index:100}@media screen and (min-width: 1200px){.lds-ring{left:48%;top:45%}}.userMainPageContainer{display:flex;flex-direction:column;align-items:center}.userMainPageTexts{display:flex;flex-direction:column;width:90%}.userMainPageClasses{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.userMainPageTexts>h1{display:flex;font-size:1.5rem;font-weight:700;margin:2rem 0 0;width:100%}.userMainPageTexts>h3{display:flex;font-size:.8rem;font-weight:700;margin:.3rem 0 1rem;width:100%}@media screen and (min-width: 1200px){.userMainPageClasses{width:30%}.userMainPageTexts{width:27%}}.classCardContainer{width:90%}.classCardDate{font-size:12px;margin-left:.5rem;margin-bottom:.5rem}.classCardInfo{background-color:#fff;border-radius:15px;display:flex;flex-direction:column;padding:0 1rem}.classCardHour{display:flex;flex-direction:row;justify-content:space-between}.classCardTime,.classCardCalories{display:flex}.classCardTeacherInfo{display:flex;flex-direction:row;margin:0 0 1rem}.classCardTeacheImage{display:flex;width:4rem;margin-right:1rem}.classCardTeacherName{display:flex;flex-direction:column}.classCardTeacherName>p{margin:.1rem;font-size:14px}.classCardTimeText{font-size:12px;margin-left:.3rem}.classCardBooked{width:100%;border-radius:5px;background-color:var(--main-color);color:#fff;align-items:center;height:1.5rem;margin-bottom:.5rem;font-size:12px;display:flex;justify-content:center}.classCardBooked>img{width:1rem;margin-right:.3rem}@media screen and (max-width: 700px){.classCardTimeText{font-size:10px}}.banner{background-color:var(--main-color);height:3rem;display:flex;align-items:center;justify-content:center}.banner>.logoHorizontal{color:#fff;margin:0;font-size:9px;font-weight:100}.banner>.logoHorizontal>h1,.banner>.logoHorizontal>h2{font-weight:100}@media screen and (min-width: 1200px){.banner{height:4rem}.banner>.logoHorizontal{font-size:16px}}.menuBarContainer{display:flex;flex-direction:row;width:100%;justify-content:space-between;background-color:#fff;position:fixed;bottom:0;align-items:center;height:5rem}@media screen and (min-width: 1200px){.menuBarContainer{justify-content:space-evenly}}.menuItemImage{width:5rem;cursor:pointer}.packagesContainer{flex-direction:column;display:flex;width:100%;justify-content:center;align-items:center}.packagesContainer>h1{align-self:flex-start;width:90%;padding-left:1.5rem}.packagesLatest{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;width:90%;justify-content:center;align-items:center}.packagesLatest>h2{margin:1rem 0 .2rem;font-size:18px}.packagesLatest>p{margin:0 0 1rem}.packagesLatestRemaining{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:50%}.packageLatestRemainingNumber{background-color:var(--main-color);width:2rem;height:2rem;color:#fff;text-align:center;border-radius:10px;align-items:center;justify-content:center;display:flex}.packageLatestRemainingNumber>p{font-size:14px;margin:0;font-weight:700}.packagesAvailable{display:flex;flex-direction:column;width:90%;justify-content:center;align-items:center}.packageAvailable{display:flex;flex-direction:column;margin:.5rem 0;background-color:#fff;border-radius:10px;width:100%;justify-content:center;align-items:center}.packageAvailable>h2{font-size:16px;margin:1rem 0 .2rem}.packageAvailable>p{margin:.3rem 0}.packageExpire{margin-bottom:1rem!important}@media screen and (min-width: 1200px){.packagesContainer>h1{width:30%;align-self:center}}.extraPackagesContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:1200px;border-radius:10px;color:#fff;height:2.5rem;margin:1rem 0;overflow:hidden;background-color:var(--main-color);transition:all .4s ease-out}.extraPackagesTitle{font-size:12px;font-weight:400}.extraPackagesContainerExpanded{color:#000;background-color:#fff;height:auto;padding:1rem 0}.extraPackagesTitleExpanded{margin:0}@media screen and (min-width: 1200px){.extraPackagesContainer{width:30%}}.packageExpirationLatest{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;width:90%;justify-content:center;align-items:center;background-color:var(--gray-background-color)}.packageExpirationLatest>h2{margin:1rem 0 .2rem;font-size:18px}.packageExpirationLatest>p{margin:0 0 1rem}.packageLatestType{text-transform:capitalize;margin:1rem 0 0}@media screen and (min-width: 1200px){.packageExpirationLatest{width:70%}.packagesLatest{width:30%}}.remainingClassesContainer{width:90%;background-color:#fff;margin:1rem;border-radius:10px;display:flex;justify-content:center;flex-direction:column}.remainingClassesHeader{font-weight:700;margin-left:1rem}.remainingClassesBalance{display:flex;flex-direction:row;justify-content:space-between;padding:1rem;width:90%}.remainingClassesBalance>p{font-size:18px}.remainingClassesNumber{width:4rem;height:3rem;text-align:center;justify-content:center;align-items:center;border-radius:10px;display:flex}.remainingClassesNumber{font-size:18px;margin:0}.remainingClassesMainColor{background-color:var(--main-color);color:#fff}.remainingClassesGray{background-color:var(--gray-background-color);color:#000}@media screen and (min-width: 1200px){.remainingClassesContainer{width:30%}}.availablePackagesContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.availablePackagesContainer>h3{align-self:flex-start;margin-left:10%;margin-bottom:0;margin-top:2rem}.availablePackagesContainer>p{align-self:flex-start;margin-left:10%;margin-top:.5rem}.availablePackagesButton{width:60%;height:2rem}.packagesAvailableContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:1rem;width:100%}.packagesAvailableColumn{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 1rem;width:40%}@media screen and (min-width: 1200px){.availablePackagesContainer{width:35%}}.profileContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;width:100%}.profileCentered{width:90%;display:flex;flex-direction:column;align-items:center}.profileLogoutButton{width:90%}@media screen and (min-width: 1200px){.profileCentered,.profileLogoutButton{width:30%}}.editableInputContainer{display:flex;flex-direction:row;background-color:#fff;width:90%;align-items:center;margin:.5rem 0;border-radius:10px}.editableInputInfo{flex:6;margin:.2rem 1rem}.editableInputIcon{flex:1;cursor:pointer}.editableInputTitle{color:var(--dark-gray);margin:.5rem 0}.editableInputDisabled{-webkit-user-select:none;user-select:none;pointer-events:none}.editableInputData{height:1rem;font-size:20px;color:#000;border:none;outline:none;margin:.5rem 0}.editableInputData:focus{border:none;outline:none}@media screen and (min-width: 1200px){.editableInputContainer{width:30%}}@media screen and (max-width: 700px){.editableInputContainer{width:100%}.editableInputInfo{flex:4}.editableInputTitle{font-size:12px;margin:.2rem 0}.editableInputData{font-size:15px}}.usersContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.usersContent{width:90%}.usersTitle{margin-left:10%}@media screen and (min-width: 1200px){.usersContent{width:30%}}.searchBoxContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:2rem}.searchBoxInput{width:80%;height:80%;border-radius:10px;padding:.5rem;font-size:1rem;outline:none;color:#000;z-index:150}.searchBoxGray{background-color:var(--gray-background-color)}.usersListContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.usersListHeaders{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin-bottom:0;margin-top:1rem}.usersListHeaders>h3{font-size:14px;font-weight:500}.userCard{display:flex;flex-direction:row;background-color:#fff;width:80%;margin:.3rem 0;justify-content:space-between;padding:0 .5rem;border-radius:10px}.userCardDeleteIcon{cursor:pointer;width:1.3rem}.userCardClickable{width:90%}.modalBackdrop{width:100%;height:100%;top:0;left:0;background-color:#00000080;position:fixed;z-index:100}.modalContainer{position:fixed;background-color:#fff;border-radius:10px;width:60%;height:fit-content;left:20%;margin:1rem 0 0;padding:1rem;top:30%;z-index:500}.modalTitle{font-size:20px;margin:0;text-align:center}.modalContent{font-size:14px;text-align:justify;justify-self:center}.modalButtons{display:flex;flex-direction:row;justify-content:space-between;width:100%}.packagesAdminContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.packagesAdminCentered{display:flex;width:90%;flex-direction:column;align-items:center;justify-content:center}.errorPageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.errorPageButton{margin-top:3rem;width:70%}.phantomDiv{height:6rem}.classDetailsContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.classDetailsGoBack{margin-top:2rem;width:100%}.classDetailsButton{width:6rem;height:2rem;font-weight:700}.classDetailsDateString{margin:1rem 0 0;justify-self:flex-start;font-size:14px;font-weight:700}.classDetailsDateContainer{width:90%;margin:0}.classDetailsImageContainer{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:10px;width:90%;margin:1rem 0 0}.classDetailsImage{width:100%}.classDetailsVideo{width:90%;border-radius:10px;align-self:center;margin-top:1rem}.classDetailsHour{display:flex;width:88%;flex-direction:row;justify-content:space-between}.classDetailsTime{display:flex}.classDetailsTimeText{font-size:12px;margin-left:.3rem;font-weight:700}.classDetailsCalories{display:flex}.classDetailsRecommendations{display:flex;flex-direction:column;width:90%;margin-top:1rem;background-color:#fff;border-radius:10px;margin-bottom:.5rem}.classDetailsRecommendations>h3{padding-left:1rem;margin:1rem 0 0;font-weight:200}.classDetailsBalance{display:flex;flex-direction:row;justify-content:space-between;width:80%;background-color:#fff;padding:1rem;margin:.5rem 1rem;border-radius:10px;align-items:center}.classDetailsBalance>p{font-size:18px}.classDetailsNumber{width:4rem;height:3rem;text-align:center;justify-content:center;align-items:center;border-radius:10px;display:flex;background-color:var(--gray-background-color)}.classDetailsNumber>p{margin:0}.classDetailsAdminButtons{display:flex;flex-direction:row;width:85%}.classDetailsRegisterButton{width:60%;height:2.5rem}@media screen and (min-width: 1200px){.classDetailsGoBack,.classDetailsDateContainer,.classDetailsHour,.classDetailsImageContainer,.classDetailsRecommendations,.classDetailsBalance{width:50%}.classDetailsBalance{padding:.5rem 0}.classDetailsBalance>p{margin-left:5%}.classDetailsNumber{margin-right:5%}.classDetailsRegisterButton{width:20%}.classDetailsAdminButtons{width:30%}}.usersModalBackdrop{width:100%;height:100%;top:0;left:0;background-color:#00000080;position:fixed;z-index:10}.usersModalContainer{position:fixed;background-color:#fff;border-radius:10px;width:60%;height:fit-content;left:20%;margin:1rem 0 0;padding:1rem;top:22%;z-index:500}.usersModalTitle{font-size:20px;margin:.5rem 0;text-align:center}.userModalContent{display:flex;flex-direction:column;justify-content:space-between;overflow-y:scroll;max-height:25rem;padding-top:1rem;min-height:5rem}.usersModalContent{font-size:14px;text-align:justify}.usersModalButtons{display:flex;flex-direction:row;justify-content:space-between;width:100%}.usersModalCard{display:flex;justify-content:center;align-items:center}.registerLogo{font-family:yeseva-one}.registerInputs{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}.registerContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--accent-color)}.registerGoBack{margin-top:2rem;margin-left:2rem;width:20%;align-self:flex-start}@media screen and (min-width: 1200px){.registerInputs{width:20%}.registerGoBack{align-self:center}}.userDetailsContainer{display:flex;align-items:center;flex-direction:column;margin-top:1rem}.userDetailsInfoContainer{background-color:#fff;border-radius:10px;width:90%;margin:.5rem 0}.userDetailsInfoTitle{margin:.5rem 0;padding-left:1rem;color:var(--dark-gray);font-size:14px}.userDetailsInfoContent{margin:.5rem 0;padding-left:1rem}.userDetailsGoBack{margin-top:1rem;width:100%}.userDetailsButton{width:6rem;font-weight:700;margin-left:2rem;height:2rem}.userDetailsAssignButton{margin-top:1rem;width:90%}@media screen and (min-width: 1200px){.userDetailsInfoContainer{width:30%}.userDetailsButton{margin-left:35%}.userDetailsAssignButton{width:30%}}.assignPackageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.updatePasswordContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.updatePasswordCentered{display:flex;flex-direction:column;align-items:center;width:80%}@media screen and (min-width: 1200px){.updatePasswordCentered{width:25%;margin-top:10%}}.editPackageContainer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:80%}.editPackageButtons{width:90%}.editPackageButtonsContainer{display:flex;flex-direction:column;align-items:center;width:100%}.editPackageInputs{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.editPackageButtons{width:25%}.editPackageInputs{width:30%}.editPackageContainer{justify-content:space-evenly}}.inputPackageContainer{background-color:#fff;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:80%;margin:.7rem 0}.inputPackageContainer>h3{margin-left:1rem;font-size:18px}.inputPackageInput{background-color:var(--gray-background-color);border:none;border-radius:10px;width:15%;height:3rem;margin-right:1rem;text-align:center;font-family:montserrat;font-size:16px;font-weight:700}.inputPackageInput:focus{outline:none}.calendarContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;background-color:#fff;border-radius:10px;margin:1rem 0}.calendarContainer>.react-calendar__navigation{margin:1rem 0}.calendarContainer>.react-calendar__navigation>.react-calendar__navigation__prev2-button,.calendarContainer>.react-calendar__navigation>.react-calendar__navigation__next2-button{display:none}.calendarContainer>.react-calendar__navigation>.react-calendar__navigation__prev-button,.calendarContainer>.react-calendar__navigation>.react-calendar__navigation__next-button{background-color:var(--gray-background-color);border:1px solid var(--gray-background-color);width:2rem;height:2rem}.calendarContainer>.react-calendar__viewContainer>.react-calendar__month-view>div>div>.react-calendar__month-view__weekdays{text-align:center}.calendarContainer>.react-calendar__viewContainer>.react-calendar__month-view>div>div>.react-calendar__month-view__weekdays>.react-calendar__month-view__weekdays__weekday>abbr{text-decoration:none}.calendarContainer>.react-calendar__navigation>.react-calendar__navigation__arrow{font-size:large}.calendarContainer>.react-calendar__navigation>.react-calendar__navigation__label{background-color:var(--gray-background-color);border:1px solid var(--gray-background-color);width:fit-content;height:2rem;color:#000;font-family:montserrat}.calendarTile{display:flex;flex-direction:column;align-items:center;justify-content:center;height:4rem;background-color:#fff;outline:none;border:none}.calendarContent{border-radius:30px;height:.5rem;width:.5rem;margin-top:.5rem}.calendarContentMainColor{background-color:var(--main-color)}.calendarContentGray{background-color:var(--dark-gray)}.calendarSelect{background-color:#fff;border:none;border-radius:10px;color:#000;font-size:1rem;padding:.5rem 1rem;margin:1rem 0;font-family:montserrat}.calendarSelect>option{background-color:#fff;border:none;border-radius:10px;color:#000;font-size:1rem;padding:.5rem 1rem;margin:1rem 0}.userMainPageChangeClassButtons{width:30%;margin-top:2rem}@media screen and (min-width: 1200px){.calendarContainer{width:40%}.calendarContent{height:.6rem;width:.6rem}.calendarTile{height:6rem}.calendarContainer>.react-calendar__navigation>.react-calendar__navigation__label{height:3rem}.calendarContainer>.react-calendar__navigation>.react-calendar__navigation__prev-button,.calendarContainer>.react-calendar__navigation>.react-calendar__navigation__next-button{width:3rem;height:3rem}}.simpleForgotPasswordContainer{margin-top:10%;display:flex;align-items:center;justify-content:center}.simpleForgotPasswordInfoContainer,.simpleForgotPasswordButtonsContainer{display:flex;flex-direction:column;align-items:center;width:70%}.classSelectContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.classSelect{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;width:80%}.classSelect p{font-size:2rem}.classSelectButtons{display:flex;flex-direction:row;align-items:center;justify-content:center;width:80%;margin-top:10rem}.onConstructionContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;width:100%}.onConstructionContainer>h1{margin-top:8rem}.onConstructionImage{width:50%}@media (max-width: 768px){.onConstructionImage{width:80%}}