/* /Auth/Login.razor.rz.scp.css */
*[b-8kz9b3nt4y] {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.container[b-8kz9b3nt4y] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1vh;
  gap: 5vw;
  flex-wrap: wrap; /* Ensures responsiveness */
}

.left-section[b-8kz9b3nt4y], .right-section[b-8kz9b3nt4y] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0 5vw; /* Adjust spacing as needed */
  margin-top: 7vh;
}

.center-section[b-8kz9b3nt4y] {
  flex: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.large-image[b-8kz9b3nt4y] {
  max-height: 25vh;
  max-width: 25vw;
}

.circle-container[b-8kz9b3nt4y] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22vh;
  width: 22vh;
}

.rotating-circle[b-8kz9b3nt4y], .counterrotating-circle[b-8kz9b3nt4y] {
  position: absolute;
  width: 110%;
  height: 110%;
  border: 0.5vh dotted grey;
  border-radius: 50%;
  animation: rotate-clockwise-b-8kz9b3nt4y 50s linear infinite;
  z-index: 1; /* Keeps the circle below the text */
}

.counterrotating-circle[b-8kz9b3nt4y] {
  animation: rotate-anticlockwise-b-8kz9b3nt4y 50s linear infinite;
}

.text[b-8kz9b3nt4y] {
  position: relative;
  font-size: 1.5vh;
  text-align: center;
  z-index: 2;
  font-weight: bold;
  color: #8C52FF;
  font-family: 'Quicksand', sans-serif;
}

.login-image[b-8kz9b3nt4y] {
  height: 15vh;
  margin-bottom: 1vh;
}

.login-button[b-8kz9b3nt4y] {
  margin: 1vh 0;
  margin-bottom: 5vh;
  padding: 1vh 3vw;
  font-size: 1.75vh;
  background-color: white;
  color: black;
  font-weight: bold;
  border-color: black;
  border-width: 0.4vh;
  border-radius: 5vh;
  font-family: 'Quicksand', sans-serif;
}

.purple-block[b-8kz9b3nt4y] {
  background-color: #8C52FF;
  padding: 3vh;
  border-radius: 2vh;
  width: 100%;
  text-align: center;
}

  .purple-block input[b-8kz9b3nt4y] {
    font-size: 2vh;
    padding: 1.5vh;
    margin-bottom: 2vh;
    border-radius: 2vh;
    width: 100%;
  }

@keyframes rotate-clockwise-b-8kz9b3nt4y {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate-anticlockwise-b-8kz9b3nt4y {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0deg);
  }
}

.image-with-text[b-8kz9b3nt4y] {
  position: relative;
  text-align: center;
  padding: 0.5vh;
}

.image-text[b-8kz9b3nt4y] {
  position: absolute;
  bottom: 25%;
  left: 50%;
  transform: translateX(-50%);
  color: black;
  padding: 50vh 1vw 0 1vw;
  font-size: 1.55vh;
  max-width: 80%;
  font-weight: bold;
  text-align: center;
}

.headings[b-8kz9b3nt4y] {
  text-align: center;
  margin-bottom: 2vh;
}

.images-row[b-8kz9b3nt4y] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap; /* Makes sure images wrap on smaller screens */
}

  .images-row .image-with-text[b-8kz9b3nt4y] {
    flex: 1;
    width: 9vw;
  }

.center-image[b-8kz9b3nt4y] {
  height: 55vh;
  width: 23vw;
  max-width: 100%;
}

.bottom-image[b-8kz9b3nt4y] {
  height: 12vh;
  width: 6vw;
}

.bottom-text[b-8kz9b3nt4y] {
  position: absolute;
  color: black;
  padding: 0.5vh;
  font-size: 1.25vh;
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  margin-bottom: 5vh;
}
/* /Pages/Test/1. Course.razor.rz.scp.css */
.container[b-brt3erzbmh] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px;
}

.left-section[b-brt3erzbmh], .right-section[b-brt3erzbmh] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  /* Adjust spacing as needed */
}

.center-section[b-brt3erzbmh] {
  flex: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.large-image[b-brt3erzbmh] {
  max-height: 25vh;
}

.circle-container[b-brt3erzbmh] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22vh;
  width: 22vh;
  font-family: 'Quicksand', sans-serif;
}

.rotating-circle[b-brt3erzbmh], .counterrotating-circle[b-brt3erzbmh] {
  position: absolute;
  width: 110%;
  height: 110%;
  border: 0.5vh dotted grey;
  border-radius: 50%;
  animation: rotate-clockwise-b-brt3erzbmh 50s linear infinite;
  z-index: 1; /* Keeps the circle below the text */
}

.text[b-brt3erzbmh] {
  position: relative;
  font-size: 1.5vh;
  text-align: center;
  z-index: 2; /* Keeps the text above the rotating circle */
}

.counterrotating-circle[b-brt3erzbmh] {
  animation: rotate-anticlockwise-b-brt3erzbmh 50s linear infinite;
}

.login-image[b-brt3erzbmh] {
  height: 15vh;
  margin-bottom: 5px;
}

.login-button[b-brt3erzbmh] {
  margin: 5px 0;
  padding: 2px 30px;
  font-size: 1rem;
}

.orange-block[b-brt3erzbmh] {
  background: linear-gradient(to right, orange, yellow, orange);
  padding: 20px;
  border-radius: 25px;
  width: 70%;
  margin-top: 20px;
  text-align: center;
  font-family: 'Quicksand', sans-serif;
}

  .orange-block input[b-brt3erzbmh] {
    font-size: 1rem;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 10px;
    width: 100%;
  }

@keyframes rotate-clockwise-b-brt3erzbmh {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate-anticlockwise-b-brt3erzbmh {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0deg);
  }
}

.score-container[b-brt3erzbmh] {
  text-align: center;
  color: green;
  font-size: 1rem;
}

.score-item[b-brt3erzbmh] {
  margin-top: 5px;
}

.subheading[b-brt3erzbmh] {
  font-weight: bold;
  font-size: 1.5vh;
  color: green;
}

.score[b-brt3erzbmh] {
  font-size: 1.5vh;
  color: green;
  font-weight: bold;
}

.tracker-container[b-brt3erzbmh] {
  margin-top: 22%;
  text-align: center;
  color: green;
  font-size: 1rem;
}

.tracker-item[b-brt3erzbmh] {
  margin-top: 5px;
}

.tracker[b-brt3erzbmh] {
  font-size: 1.5vh;
  color: green;
  font-weight: bold;
}
/* /Pages/Test/2. Filter.razor.rz.scp.css */
.container[b-aev9iek02k] {
  display: flex;
  justify-content: space-between;
}


.section[b-aev9iek02k] {
  flex: 1;
  margin-right: 20px;
}

.progress-container[b-aev9iek02k] {
  width: 40%;
  background-color: #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 1rem;
  height: 24px;
  position: relative;
  margin-left: 30%;
}

.progress-bar[b-aev9iek02k] {
  height: 100%;
  background-color: #007bff;
  display: flex;
  justify-content: center; /* This centers the text horizontally within the bar */
  align-items: center; /* This centers the text vertically */
  transition: width 0.3s ease-in-out;
}

.progress-label[b-aev9iek02k] {
  color: white;
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
}

.init-progress-wrapper[b-aev9iek02k] {
  display: flex;
  justify-content: center;
  margin-top: 20rem;
}
/* /Pages/Test/ConfirmFullScreen.razor.rz.scp.css */
#confirmfullscreen-overlay[b-6jqi35t7ip] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  text-align: center;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#confirmfullscreen-image[b-6jqi35t7ip] {
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 10px;
  margin: 5vh;
  object-fit: contain;
}

.btn-close[b-6jqi35t7ip] {
  position: absolute;
  top: 1%;
  right: 2%;
  font-size: 1rem;
  background-color: white;
  color: white;
  border: none;
  cursor: pointer;
  z-index: 10000;
  padding: 0.5rem 1rem;
  border-radius: 50%;
}

@media (max-width: 1790px) {

  .btn-close[b-6jqi35t7ip] {
    font-size: 0.75rem;
  }
}

@media (max-width: 1200px) {

  .btn-close[b-6jqi35t7ip] {
    font-size: 0.5rem;
  }
}

@media (max-width: 768px) {

  .btn-close[b-6jqi35t7ip] {
    font-size: 0.5rem;
  }
}

@media (max-width: 480px) {
  .btn-close[b-6jqi35t7ip] {
    font-size: 0.5rem;
  }
}
/* /Shared/FullScreenImage.razor.rz.scp.css */
#fullscreen-overlay[b-vzsrr8oqm2] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  text-align: center;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#fullscreen-image[b-vzsrr8oqm2] {
  max-width: 90%;
  max-height: 90%;
  border-radius: 10px;
  margin: 2%;
  object-fit: contain;
}

.btn-close[b-vzsrr8oqm2] {
  position: absolute;
  top: 1%;
  right: 2%;
  font-size: 1rem;
  background-color: white;
  color: white;
  border: none;
  cursor: pointer;
  z-index: 10000;
  padding: 0.5rem 1rem;
  border-radius: 50%;
}

@media (max-width: 1790px) {
  #fullscreen-image[b-vzsrr8oqm2] {
    margin-top: 10%;
  }

  .btn-close[b-vzsrr8oqm2] {
    font-size: 0.75rem;
  }
}

@media (max-width: 1200px) {
  #fullscreen-image[b-vzsrr8oqm2] {
    margin-top: 12.5%;
  }

  .btn-close[b-vzsrr8oqm2] {
    font-size: 0.5rem;
  }
}

@media (max-width: 768px) {
  #fullscreen-image[b-vzsrr8oqm2] {
    margin-top: 15%;
  }

  .btn-close[b-vzsrr8oqm2] {
    font-size: 0.5rem;
  }
}

@media (max-width: 480px) {
  #fullscreen-image[b-vzsrr8oqm2] {
    margin-top: 20%;
  }

  .btn-close[b-vzsrr8oqm2] {
    font-size: 0.5rem;
  }
}
/* /Shared/Layouts/AuthLayout.razor.rz.scp.css */
.page[b-lrk9v9u94m] {
  display: flex;
  height: 100vh;
}

main[b-lrk9v9u94m] {
  flex: 1;
  overflow-y: hidden;
}

.main-content[b-lrk9v9u94m] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
}

.top-row[b-lrk9v9u94m] {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d6d5d5;
  justify-content: flex-end;
  height: 3.5rem;
  display: flex;
  align-items: center;
}

  .top-row[b-lrk9v9u94m]  a, .top-row .btn-link[b-lrk9v9u94m] {
    white-space: nowrap;
    margin-left: 1.5rem;
  }

  .top-row a:first-child[b-lrk9v9u94m] {
    overflow: hidden;
    text-overflow: ellipsis;
  }

@media (max-width: 640.98px) {
  .top-row:not(.auth)[b-lrk9v9u94m] {
    display: none;
  }

  .top-row.auth[b-lrk9v9u94m] {
    justify-content: space-between;
  }

  .top-row a[b-lrk9v9u94m], .top-row .btn-link[b-lrk9v9u94m] {
    margin-left: 0;
  }
}

@media (min-width: 641px) {
  .page[b-lrk9v9u94m] {
    flex-direction: row;
  }

  .sidebar[b-lrk9v9u94m] {
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .top-row[b-lrk9v9u94m] {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .top-row[b-lrk9v9u94m], article[b-lrk9v9u94m] {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
  }
}


.header[b-lrk9v9u94m] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: white;
  border-bottom: 1px solid #ddd;
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  border-bottom: 3px groove;
}


.header-left[b-lrk9v9u94m] {
  display: flex;
  align-items: center;
}

.header-text h1[b-lrk9v9u94m] {
  margin: 0;
  font-size: 24px;
}

.header-text p[b-lrk9v9u94m] {
  margin: 0;
  font-size: 14px;
  color: #555;
}

.header-right[b-lrk9v9u94m] {
  display: flex;
  align-items: center;
}

.header-button[b-lrk9v9u94m] {
  margin-left: 10px;
  padding: 5px 10px;
  color: black;
  border: none;
  cursor: pointer;
}

.footer[b-lrk9v9u94m] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: grey;
  color: white;
  padding: 5px;
  font-size: 0.75rem;
  position: sticky;
  bottom: 0;
  width: 100%;
}

.footer-left[b-lrk9v9u94m] {
  display: flex;
  align-items: center;
}

.footer-left[b-lrk9v9u94m], .footer-center[b-lrk9v9u94m], .footer-right[b-lrk9v9u94m] {
  flex: 1;
}

.footer-title[b-lrk9v9u94m] {
  margin: 0;
  padding-bottom: 5px;
}

.footer-contact[b-lrk9v9u94m] {
  text-decoration: underline;
  margin-bottom: 10px;
  text-align: center;
}

.footer-center p[b-lrk9v9u94m] {
  margin: 5px 0;
  text-align: center;
}

.footer-right[b-lrk9v9u94m] {
  text-align: center;
}

.contact-wrapper[b-lrk9v9u94m] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-icon[b-lrk9v9u94m] {
  height: 2rem;
  margin-right: 2px;
  margin-left: 30%;
}

.contact-email[b-lrk9v9u94m] {
  margin: 0;
}

.footer-text[b-lrk9v9u94m] {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.logo[b-lrk9v9u94m] {
  height: 3.25rem;
  margin-right: 10px;
}

.user-icon[b-lrk9v9u94m] {
  height: 3.25rem;
}
/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
.page[b-mty1zt6xfj] {
  display: flex;
  height: 100vh;
}

main[b-mty1zt6xfj] {
  flex: 1;
  overflow-y: hidden;
}

.sidebar[b-mty1zt6xfj] {
  width: 250px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #8C52FF;
  z-index: 1000;
}

.main-content[b-mty1zt6xfj] {
  display: flex;
  flex-direction: column;
  width: calc(100% - 250px);
  height: 100vh;
  overflow: auto;
}

.top-row[b-mty1zt6xfj] {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d6d5d5;
  justify-content: flex-end;
  height: 3.5rem;
  display: flex;
  align-items: center;
}

  .top-row[b-mty1zt6xfj]  a, .top-row .btn-link[b-mty1zt6xfj] {
    white-space: nowrap;
    margin-left: 1.5rem;
  }

  .top-row a:first-child[b-mty1zt6xfj] {
    overflow: hidden;
    text-overflow: ellipsis;
  }

@media (max-width: 640.98px) {
  .top-row:not(.auth)[b-mty1zt6xfj] {
    display: none;
  }

  .top-row.auth[b-mty1zt6xfj] {
    justify-content: space-between;
  }

  .top-row a[b-mty1zt6xfj], .top-row .btn-link[b-mty1zt6xfj] {
    margin-left: 0;
  }
}

@media (min-width: 641px) {
  .page[b-mty1zt6xfj] {
    flex-direction: row;
  }

  .sidebar[b-mty1zt6xfj] {
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .top-row[b-mty1zt6xfj] {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .top-row[b-mty1zt6xfj], article[b-mty1zt6xfj] {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
  }
}


.header[b-mty1zt6xfj] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: white;
  border-bottom: 1px solid #ddd;
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  border-bottom: 3px groove;
}


.header-left[b-mty1zt6xfj] {
  display: flex;
  align-items: center;
}

.header-text h1[b-mty1zt6xfj] {
  margin: 0;
  font-size: 24px;
}

.header-text p[b-mty1zt6xfj] {
  margin: 0;
  font-size: 14px;
  color: #555;
}

.header-right[b-mty1zt6xfj] {
  display: flex;
  align-items: center;
}

.header-button[b-mty1zt6xfj] {
  margin-left: 10px;
  padding: 5px 10px;
  color: black;
  border: none;
  cursor: pointer;
}

.footer[b-mty1zt6xfj] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: grey;
  color: white;
  padding: 5px;
  font-size: 0.75rem;
  position: sticky;
  bottom: 0;
  width: 100%;
}

.footer-left[b-mty1zt6xfj] {
  display: flex;
  align-items: center;
}

.footer-left[b-mty1zt6xfj], .footer-center[b-mty1zt6xfj], .footer-right[b-mty1zt6xfj] {
  flex: 1;
}

.footer-title[b-mty1zt6xfj] {
  margin: 0;
  padding-bottom: 5px;
}

.footer-contact[b-mty1zt6xfj] {
  text-decoration: underline;
  margin-bottom: 10px;
  text-align: center;
}

.footer-center p[b-mty1zt6xfj] {
  margin: 5px 0;
  text-align: center;
}

.footer-right[b-mty1zt6xfj] {
  text-align: center;
}

.contact-wrapper[b-mty1zt6xfj] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-icon[b-mty1zt6xfj] {
  height: 2rem;
  margin-right: 2px;
  margin-left: 30%;
}

.contact-email[b-mty1zt6xfj] {
  margin: 0;
}

.footer-text[b-mty1zt6xfj] {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.logo[b-mty1zt6xfj] {
  height: 3.25rem;
  margin-right: 10px;
}

.user-icon[b-mty1zt6xfj] {
  height: 3.25rem;
}
/* /Shared/MyAccount.razor.rz.scp.css */
.edit-form[b-awoyycwmbn] {
  border: solid;
  border-color: #8C52FF;
  background-color: white;
  font-size: 90%;
  padding: 1% 1%;
  width: auto;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.overlay[b-awoyycwmbn] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.purple-container[b-awoyycwmbn] {
  background-color: #8C52FF;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-qfkbc4dv61] {
  background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-qfkbc4dv61] {
  height: 3.5rem;
  background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-qfkbc4dv61] {
  font-size: 1.1rem;
}

.oi[b-qfkbc4dv61] {
  width: 2rem;
  font-size: 1.1rem;
  vertical-align: text-top;
  top: -2px;
}

.nav-item[b-qfkbc4dv61] {
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}

  .nav-item:first-of-type[b-qfkbc4dv61] {
    padding-top: 1rem;
  }

  .nav-item:last-of-type[b-qfkbc4dv61] {
    padding-bottom: 1rem;
  }

  .nav-item[b-qfkbc4dv61]  a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
  }

    .nav-item[b-qfkbc4dv61]  a.active {
      background-color: rgba(255,255,255,0.25);
      color: white;
    }

    .nav-item[b-qfkbc4dv61]  a:hover {
      background-color: rgba(255,255,255,0.1);
      color: white;
    }

@media (min-width: 641px) {
  .navbar-toggler[b-qfkbc4dv61] {
    display: none;
  }

  .collapse[b-qfkbc4dv61] {
    /* Never collapse the sidebar for wide screens */
    display: block;
  }
}
/* /Shared/SignUp.razor.rz.scp.css */
.edit-form[b-1tkhlb8g0c] {
  border: solid;
  border-color: #8C52FF;
  background-color: white;
  font-size: 90%;
  padding: 1% 1%;
  width: auto;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.overlay[b-1tkhlb8g0c] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.purple-container[b-1tkhlb8g0c] {
  background-color: #8C52FF;
}