:root {
  --color-primary: #81C240;
  --color-secondary: #003366;
  --color-success: #1E9984;
  --color-error: #9B2828;
  --color-process: #B9792A;
  --bg-primary: #D9FFB2;
  --bg-primary-disabled: #BFE09F;
  --bg-secondary: #CEE7FF;
  --bg-secondary-disabled: #7F98B2;
  --bg-success: #A3E2D8;
  --bg-success-disabled: #8ECBC1;
  --bg-error: #EABABA;
  --bg-error-disabled:  #CD9393;
  --bg-process: #FFDEB7;
  --bg-process-disabled: #DBBB94;
  --text-dark: #3C3C3C;
  --text-grey: #909090;
  --border: #E3E3E3;
  --border-dark: #D2D2D2;
  --index-low: 9;
  --index-medium: 99;
  --index-high: 999;
  --index-very-high: 9999;
}
html, body {
  font-family: "Open Sans", sans-serif;
}
body {
  background-color: #FFFFFF;
  overflow-x: hidden;
}
header {
  background-color: #FFFFFF;
}
header.dropdown {
  z-index: calc(var(--index-very-high) + 1);
}
header .desktop-view {
  position: relative;
  padding: 1rem;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 48rem) {
  header .desktop-view {
    display: none;
  }
}
header .mobile-view {
  position: relative;
  padding-left: 1rem;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header .mobile-view .menu {
  position: relative;
  cursor: pointer;
}
header .mobile-view .menu.dropdown .menu-dropdown {
  display: flex;
}
header .mobile-view .menu .menu-dropdown {
  position: absolute;
  top: 37px;
  left: -16px;
  width: 100vw;
  padding: 1rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  background-color: #FFFFFF;
  cursor: default;
}
header .mobile-view .menu .menu-dropdown > div {
  margin-bottom: 1rem;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-dark);
}
header .mobile-view .menu .menu-dropdown .user-name {
  max-width: 250px;
  font-size: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
header .mobile-view .menu .menu-dropdown a {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark);
}
header .mobile-view .menu .menu-dropdown .btn-logout {
  color: var(--color-error);
}
header .mobile-view .logo {
  margin-left: 1rem;
  padding: 0.5rem;
}
@media (min-width: calc(48em + 1px)) {
  header .mobile-view {
    display: none;
  }
}
header .logo {
  height: 100%;
  cursor: pointer;
}
header .logo img {
  height: 100%;
  object-fit: contain;
}
header .btn-register, header .btn-login {
  position: absolute;
  right: 4rem;
  width: 150px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 10px;
  background-color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
}
header .btn-back, header .btn-home {
  position: absolute;
  left: 4rem;
  width: 150px;
  height: 44px;
  border: none;
  border-radius: 10px;
  background-color: var(--color-error);
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
}
header .btn-back img, header .btn-home img {
  margin-right: 0.5rem;
}
header .btn-home {
  background-color: var(--color-success);
}
header .user-container {
  position: absolute;
  right: 3rem;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
  cursor: pointer;
}
header .user-container .user-name {
  display: flex;
  align-items: center;
}
header .user-container .user-name > span {
  margin-right: 0.5rem;
  max-width: 150px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
header .user-container .user-name svg {
  transform: rotate(180deg);
}
header .user-container .user-dropdown {
  position: absolute;
  padding: 1rem;
  top: 2rem;
  right: 0;
  width: 170px;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  background-color: #FFFFFF;
  border: 1px solid var(--border-dark);
  border-radius: 5px;
  z-index: var(--index-low);
  cursor: default;
}
header .user-container .user-dropdown a {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark);
}
header .user-container .user-dropdown .btn-logout {
  color: var(--color-error);
}
header .user-container.dropdown .user-name svg {
  transform: rotate(0deg);
}
header .user-container.dropdown .user-dropdown {
  display: flex;
}
.home, .login, .register, .change-password, .forgot-page, .section-profile, .section-ticket {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home .login-wrapper, .home .register-wrapper, .home .change-password-wrapper, .home .forgot-wrapper, .home .new-password-wrapper, .home .edit-profile-wrapper, .login .login-wrapper, .login .register-wrapper, .login .change-password-wrapper, .login .forgot-wrapper, .login .new-password-wrapper, .login .edit-profile-wrapper, .register .login-wrapper, .register .register-wrapper, .register .change-password-wrapper, .register .forgot-wrapper, .register .new-password-wrapper, .register .edit-profile-wrapper, .change-password .login-wrapper, .change-password .register-wrapper, .change-password .change-password-wrapper, .change-password .forgot-wrapper, .change-password .new-password-wrapper, .change-password .edit-profile-wrapper, .forgot-page .login-wrapper, .forgot-page .register-wrapper, .forgot-page .change-password-wrapper, .forgot-page .forgot-wrapper, .forgot-page .new-password-wrapper, .forgot-page .edit-profile-wrapper, .section-profile .login-wrapper, .section-profile .register-wrapper, .section-profile .change-password-wrapper, .section-profile .forgot-wrapper, .section-profile .new-password-wrapper, .section-profile .edit-profile-wrapper, .section-ticket .login-wrapper, .section-ticket .register-wrapper, .section-ticket .change-password-wrapper, .section-ticket .forgot-wrapper, .section-ticket .new-password-wrapper, .section-ticket .edit-profile-wrapper {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home .login-wrapper form, .home .register-wrapper form, .home .change-password-wrapper form, .home .forgot-wrapper form, .home .new-password-wrapper form, .home .edit-profile-wrapper form, .login .login-wrapper form, .login .register-wrapper form, .login .change-password-wrapper form, .login .forgot-wrapper form, .login .new-password-wrapper form, .login .edit-profile-wrapper form, .register .login-wrapper form, .register .register-wrapper form, .register .change-password-wrapper form, .register .forgot-wrapper form, .register .new-password-wrapper form, .register .edit-profile-wrapper form, .change-password .login-wrapper form, .change-password .register-wrapper form, .change-password .change-password-wrapper form, .change-password .forgot-wrapper form, .change-password .new-password-wrapper form, .change-password .edit-profile-wrapper form, .forgot-page .login-wrapper form, .forgot-page .register-wrapper form, .forgot-page .change-password-wrapper form, .forgot-page .forgot-wrapper form, .forgot-page .new-password-wrapper form, .forgot-page .edit-profile-wrapper form, .section-profile .login-wrapper form, .section-profile .register-wrapper form, .section-profile .change-password-wrapper form, .section-profile .forgot-wrapper form, .section-profile .new-password-wrapper form, .section-profile .edit-profile-wrapper form, .section-ticket .login-wrapper form, .section-ticket .register-wrapper form, .section-ticket .change-password-wrapper form, .section-ticket .forgot-wrapper form, .section-ticket .new-password-wrapper form, .section-ticket .edit-profile-wrapper form {
  margin: 0 1rem;
  padding: 1.5rem;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--border-dark);
  border-radius: 10px;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
}
.home .login-wrapper form > div, .home .register-wrapper form > div, .home .change-password-wrapper form > div, .home .forgot-wrapper form > div, .home .new-password-wrapper form > div, .home .edit-profile-wrapper form > div, .login .login-wrapper form > div, .login .register-wrapper form > div, .login .change-password-wrapper form > div, .login .forgot-wrapper form > div, .login .new-password-wrapper form > div, .login .edit-profile-wrapper form > div, .register .login-wrapper form > div, .register .register-wrapper form > div, .register .change-password-wrapper form > div, .register .forgot-wrapper form > div, .register .new-password-wrapper form > div, .register .edit-profile-wrapper form > div, .change-password .login-wrapper form > div, .change-password .register-wrapper form > div, .change-password .change-password-wrapper form > div, .change-password .forgot-wrapper form > div, .change-password .new-password-wrapper form > div, .change-password .edit-profile-wrapper form > div, .forgot-page .login-wrapper form > div, .forgot-page .register-wrapper form > div, .forgot-page .change-password-wrapper form > div, .forgot-page .forgot-wrapper form > div, .forgot-page .new-password-wrapper form > div, .forgot-page .edit-profile-wrapper form > div, .section-profile .login-wrapper form > div, .section-profile .register-wrapper form > div, .section-profile .change-password-wrapper form > div, .section-profile .forgot-wrapper form > div, .section-profile .new-password-wrapper form > div, .section-profile .edit-profile-wrapper form > div, .section-ticket .login-wrapper form > div, .section-ticket .register-wrapper form > div, .section-ticket .change-password-wrapper form > div, .section-ticket .forgot-wrapper form > div, .section-ticket .new-password-wrapper form > div, .section-ticket .edit-profile-wrapper form > div {
  position: relative;
}
.home .login-wrapper form > div img, .home .register-wrapper form > div img, .home .change-password-wrapper form > div img, .home .forgot-wrapper form > div img, .home .new-password-wrapper form > div img, .home .edit-profile-wrapper form > div img, .login .login-wrapper form > div img, .login .register-wrapper form > div img, .login .change-password-wrapper form > div img, .login .forgot-wrapper form > div img, .login .new-password-wrapper form > div img, .login .edit-profile-wrapper form > div img, .register .login-wrapper form > div img, .register .register-wrapper form > div img, .register .change-password-wrapper form > div img, .register .forgot-wrapper form > div img, .register .new-password-wrapper form > div img, .register .edit-profile-wrapper form > div img, .change-password .login-wrapper form > div img, .change-password .register-wrapper form > div img, .change-password .change-password-wrapper form > div img, .change-password .forgot-wrapper form > div img, .change-password .new-password-wrapper form > div img, .change-password .edit-profile-wrapper form > div img, .forgot-page .login-wrapper form > div img, .forgot-page .register-wrapper form > div img, .forgot-page .change-password-wrapper form > div img, .forgot-page .forgot-wrapper form > div img, .forgot-page .new-password-wrapper form > div img, .forgot-page .edit-profile-wrapper form > div img, .section-profile .login-wrapper form > div img, .section-profile .register-wrapper form > div img, .section-profile .change-password-wrapper form > div img, .section-profile .forgot-wrapper form > div img, .section-profile .new-password-wrapper form > div img, .section-profile .edit-profile-wrapper form > div img, .section-ticket .login-wrapper form > div img, .section-ticket .register-wrapper form > div img, .section-ticket .change-password-wrapper form > div img, .section-ticket .forgot-wrapper form > div img, .section-ticket .new-password-wrapper form > div img, .section-ticket .edit-profile-wrapper form > div img {
  position: absolute;
  top: calc(1rem + 22px + 10px);
  right: 1rem;
  cursor: pointer;
}
.home .login-wrapper form label, .home .register-wrapper form label, .home .change-password-wrapper form label, .home .forgot-wrapper form label, .home .new-password-wrapper form label, .home .edit-profile-wrapper form label, .login .login-wrapper form label, .login .register-wrapper form label, .login .change-password-wrapper form label, .login .forgot-wrapper form label, .login .new-password-wrapper form label, .login .edit-profile-wrapper form label, .register .login-wrapper form label, .register .register-wrapper form label, .register .change-password-wrapper form label, .register .forgot-wrapper form label, .register .new-password-wrapper form label, .register .edit-profile-wrapper form label, .change-password .login-wrapper form label, .change-password .register-wrapper form label, .change-password .change-password-wrapper form label, .change-password .forgot-wrapper form label, .change-password .new-password-wrapper form label, .change-password .edit-profile-wrapper form label, .forgot-page .login-wrapper form label, .forgot-page .register-wrapper form label, .forgot-page .change-password-wrapper form label, .forgot-page .forgot-wrapper form label, .forgot-page .new-password-wrapper form label, .forgot-page .edit-profile-wrapper form label, .section-profile .login-wrapper form label, .section-profile .register-wrapper form label, .section-profile .change-password-wrapper form label, .section-profile .forgot-wrapper form label, .section-profile .new-password-wrapper form label, .section-profile .edit-profile-wrapper form label, .section-ticket .login-wrapper form label, .section-ticket .register-wrapper form label, .section-ticket .change-password-wrapper form label, .section-ticket .forgot-wrapper form label, .section-ticket .new-password-wrapper form label, .section-ticket .edit-profile-wrapper form label {
  margin-bottom: 1rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: var(--color-secondary);
}
.home .login-wrapper form input, .home .register-wrapper form input, .home .change-password-wrapper form input, .home .forgot-wrapper form input, .home .new-password-wrapper form input, .home .edit-profile-wrapper form input, .login .login-wrapper form input, .login .register-wrapper form input, .login .change-password-wrapper form input, .login .forgot-wrapper form input, .login .new-password-wrapper form input, .login .edit-profile-wrapper form input, .register .login-wrapper form input, .register .register-wrapper form input, .register .change-password-wrapper form input, .register .forgot-wrapper form input, .register .new-password-wrapper form input, .register .edit-profile-wrapper form input, .change-password .login-wrapper form input, .change-password .register-wrapper form input, .change-password .change-password-wrapper form input, .change-password .forgot-wrapper form input, .change-password .new-password-wrapper form input, .change-password .edit-profile-wrapper form input, .forgot-page .login-wrapper form input, .forgot-page .register-wrapper form input, .forgot-page .change-password-wrapper form input, .forgot-page .forgot-wrapper form input, .forgot-page .new-password-wrapper form input, .forgot-page .edit-profile-wrapper form input, .section-profile .login-wrapper form input, .section-profile .register-wrapper form input, .section-profile .change-password-wrapper form input, .section-profile .forgot-wrapper form input, .section-profile .new-password-wrapper form input, .section-profile .edit-profile-wrapper form input, .section-ticket .login-wrapper form input, .section-ticket .register-wrapper form input, .section-ticket .change-password-wrapper form input, .section-ticket .forgot-wrapper form input, .section-ticket .new-password-wrapper form input, .section-ticket .edit-profile-wrapper form input {
  height: 40px;
  border: 1px solid var(--border-dark);
  border-radius: 5px !important;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-dark);
}
.home .login-wrapper form input.password, .home .register-wrapper form input.password, .home .change-password-wrapper form input.password, .home .forgot-wrapper form input.password, .home .new-password-wrapper form input.password, .home .edit-profile-wrapper form input.password, .login .login-wrapper form input.password, .login .register-wrapper form input.password, .login .change-password-wrapper form input.password, .login .forgot-wrapper form input.password, .login .new-password-wrapper form input.password, .login .edit-profile-wrapper form input.password, .register .login-wrapper form input.password, .register .register-wrapper form input.password, .register .change-password-wrapper form input.password, .register .forgot-wrapper form input.password, .register .new-password-wrapper form input.password, .register .edit-profile-wrapper form input.password, .change-password .login-wrapper form input.password, .change-password .register-wrapper form input.password, .change-password .change-password-wrapper form input.password, .change-password .forgot-wrapper form input.password, .change-password .new-password-wrapper form input.password, .change-password .edit-profile-wrapper form input.password, .forgot-page .login-wrapper form input.password, .forgot-page .register-wrapper form input.password, .forgot-page .change-password-wrapper form input.password, .forgot-page .forgot-wrapper form input.password, .forgot-page .new-password-wrapper form input.password, .forgot-page .edit-profile-wrapper form input.password, .section-profile .login-wrapper form input.password, .section-profile .register-wrapper form input.password, .section-profile .change-password-wrapper form input.password, .section-profile .forgot-wrapper form input.password, .section-profile .new-password-wrapper form input.password, .section-profile .edit-profile-wrapper form input.password, .section-ticket .login-wrapper form input.password, .section-ticket .register-wrapper form input.password, .section-ticket .change-password-wrapper form input.password, .section-ticket .forgot-wrapper form input.password, .section-ticket .new-password-wrapper form input.password, .section-ticket .edit-profile-wrapper form input.password {
  padding-right: 3rem !important;
}
.home .login-wrapper form .password-validation, .home .register-wrapper form .password-validation, .home .change-password-wrapper form .password-validation, .home .forgot-wrapper form .password-validation, .home .new-password-wrapper form .password-validation, .home .edit-profile-wrapper form .password-validation, .login .login-wrapper form .password-validation, .login .register-wrapper form .password-validation, .login .change-password-wrapper form .password-validation, .login .forgot-wrapper form .password-validation, .login .new-password-wrapper form .password-validation, .login .edit-profile-wrapper form .password-validation, .register .login-wrapper form .password-validation, .register .register-wrapper form .password-validation, .register .change-password-wrapper form .password-validation, .register .forgot-wrapper form .password-validation, .register .new-password-wrapper form .password-validation, .register .edit-profile-wrapper form .password-validation, .change-password .login-wrapper form .password-validation, .change-password .register-wrapper form .password-validation, .change-password .change-password-wrapper form .password-validation, .change-password .forgot-wrapper form .password-validation, .change-password .new-password-wrapper form .password-validation, .change-password .edit-profile-wrapper form .password-validation, .forgot-page .login-wrapper form .password-validation, .forgot-page .register-wrapper form .password-validation, .forgot-page .change-password-wrapper form .password-validation, .forgot-page .forgot-wrapper form .password-validation, .forgot-page .new-password-wrapper form .password-validation, .forgot-page .edit-profile-wrapper form .password-validation, .section-profile .login-wrapper form .password-validation, .section-profile .register-wrapper form .password-validation, .section-profile .change-password-wrapper form .password-validation, .section-profile .forgot-wrapper form .password-validation, .section-profile .new-password-wrapper form .password-validation, .section-profile .edit-profile-wrapper form .password-validation, .section-ticket .login-wrapper form .password-validation, .section-ticket .register-wrapper form .password-validation, .section-ticket .change-password-wrapper form .password-validation, .section-ticket .forgot-wrapper form .password-validation, .section-ticket .new-password-wrapper form .password-validation, .section-ticket .edit-profile-wrapper form .password-validation {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-dark);
}
.home .login-wrapper form .password-validation .validation, .home .register-wrapper form .password-validation .validation, .home .change-password-wrapper form .password-validation .validation, .home .forgot-wrapper form .password-validation .validation, .home .new-password-wrapper form .password-validation .validation, .home .edit-profile-wrapper form .password-validation .validation, .login .login-wrapper form .password-validation .validation, .login .register-wrapper form .password-validation .validation, .login .change-password-wrapper form .password-validation .validation, .login .forgot-wrapper form .password-validation .validation, .login .new-password-wrapper form .password-validation .validation, .login .edit-profile-wrapper form .password-validation .validation, .register .login-wrapper form .password-validation .validation, .register .register-wrapper form .password-validation .validation, .register .change-password-wrapper form .password-validation .validation, .register .forgot-wrapper form .password-validation .validation, .register .new-password-wrapper form .password-validation .validation, .register .edit-profile-wrapper form .password-validation .validation, .change-password .login-wrapper form .password-validation .validation, .change-password .register-wrapper form .password-validation .validation, .change-password .change-password-wrapper form .password-validation .validation, .change-password .forgot-wrapper form .password-validation .validation, .change-password .new-password-wrapper form .password-validation .validation, .change-password .edit-profile-wrapper form .password-validation .validation, .forgot-page .login-wrapper form .password-validation .validation, .forgot-page .register-wrapper form .password-validation .validation, .forgot-page .change-password-wrapper form .password-validation .validation, .forgot-page .forgot-wrapper form .password-validation .validation, .forgot-page .new-password-wrapper form .password-validation .validation, .forgot-page .edit-profile-wrapper form .password-validation .validation, .section-profile .login-wrapper form .password-validation .validation, .section-profile .register-wrapper form .password-validation .validation, .section-profile .change-password-wrapper form .password-validation .validation, .section-profile .forgot-wrapper form .password-validation .validation, .section-profile .new-password-wrapper form .password-validation .validation, .section-profile .edit-profile-wrapper form .password-validation .validation, .section-ticket .login-wrapper form .password-validation .validation, .section-ticket .register-wrapper form .password-validation .validation, .section-ticket .change-password-wrapper form .password-validation .validation, .section-ticket .forgot-wrapper form .password-validation .validation, .section-ticket .new-password-wrapper form .password-validation .validation, .section-ticket .edit-profile-wrapper form .password-validation .validation {
  opacity: 0.5;
}
.home .login-wrapper form .password-validation .validation.valid, .home .register-wrapper form .password-validation .validation.valid, .home .change-password-wrapper form .password-validation .validation.valid, .home .forgot-wrapper form .password-validation .validation.valid, .home .new-password-wrapper form .password-validation .validation.valid, .home .edit-profile-wrapper form .password-validation .validation.valid, .login .login-wrapper form .password-validation .validation.valid, .login .register-wrapper form .password-validation .validation.valid, .login .change-password-wrapper form .password-validation .validation.valid, .login .forgot-wrapper form .password-validation .validation.valid, .login .new-password-wrapper form .password-validation .validation.valid, .login .edit-profile-wrapper form .password-validation .validation.valid, .register .login-wrapper form .password-validation .validation.valid, .register .register-wrapper form .password-validation .validation.valid, .register .change-password-wrapper form .password-validation .validation.valid, .register .forgot-wrapper form .password-validation .validation.valid, .register .new-password-wrapper form .password-validation .validation.valid, .register .edit-profile-wrapper form .password-validation .validation.valid, .change-password .login-wrapper form .password-validation .validation.valid, .change-password .register-wrapper form .password-validation .validation.valid, .change-password .change-password-wrapper form .password-validation .validation.valid, .change-password .forgot-wrapper form .password-validation .validation.valid, .change-password .new-password-wrapper form .password-validation .validation.valid, .change-password .edit-profile-wrapper form .password-validation .validation.valid, .forgot-page .login-wrapper form .password-validation .validation.valid, .forgot-page .register-wrapper form .password-validation .validation.valid, .forgot-page .change-password-wrapper form .password-validation .validation.valid, .forgot-page .forgot-wrapper form .password-validation .validation.valid, .forgot-page .new-password-wrapper form .password-validation .validation.valid, .forgot-page .edit-profile-wrapper form .password-validation .validation.valid, .section-profile .login-wrapper form .password-validation .validation.valid, .section-profile .register-wrapper form .password-validation .validation.valid, .section-profile .change-password-wrapper form .password-validation .validation.valid, .section-profile .forgot-wrapper form .password-validation .validation.valid, .section-profile .new-password-wrapper form .password-validation .validation.valid, .section-profile .edit-profile-wrapper form .password-validation .validation.valid, .section-ticket .login-wrapper form .password-validation .validation.valid, .section-ticket .register-wrapper form .password-validation .validation.valid, .section-ticket .change-password-wrapper form .password-validation .validation.valid, .section-ticket .forgot-wrapper form .password-validation .validation.valid, .section-ticket .new-password-wrapper form .password-validation .validation.valid, .section-ticket .edit-profile-wrapper form .password-validation .validation.valid {
  color: var(--color-primary);
  opacity: 1;
}
.home .login-wrapper form .password-validation .validation.valid svg path, .home .register-wrapper form .password-validation .validation.valid svg path, .home .change-password-wrapper form .password-validation .validation.valid svg path, .home .forgot-wrapper form .password-validation .validation.valid svg path, .home .new-password-wrapper form .password-validation .validation.valid svg path, .home .edit-profile-wrapper form .password-validation .validation.valid svg path, .login .login-wrapper form .password-validation .validation.valid svg path, .login .register-wrapper form .password-validation .validation.valid svg path, .login .change-password-wrapper form .password-validation .validation.valid svg path, .login .forgot-wrapper form .password-validation .validation.valid svg path, .login .new-password-wrapper form .password-validation .validation.valid svg path, .login .edit-profile-wrapper form .password-validation .validation.valid svg path, .register .login-wrapper form .password-validation .validation.valid svg path, .register .register-wrapper form .password-validation .validation.valid svg path, .register .change-password-wrapper form .password-validation .validation.valid svg path, .register .forgot-wrapper form .password-validation .validation.valid svg path, .register .new-password-wrapper form .password-validation .validation.valid svg path, .register .edit-profile-wrapper form .password-validation .validation.valid svg path, .change-password .login-wrapper form .password-validation .validation.valid svg path, .change-password .register-wrapper form .password-validation .validation.valid svg path, .change-password .change-password-wrapper form .password-validation .validation.valid svg path, .change-password .forgot-wrapper form .password-validation .validation.valid svg path, .change-password .new-password-wrapper form .password-validation .validation.valid svg path, .change-password .edit-profile-wrapper form .password-validation .validation.valid svg path, .forgot-page .login-wrapper form .password-validation .validation.valid svg path, .forgot-page .register-wrapper form .password-validation .validation.valid svg path, .forgot-page .change-password-wrapper form .password-validation .validation.valid svg path, .forgot-page .forgot-wrapper form .password-validation .validation.valid svg path, .forgot-page .new-password-wrapper form .password-validation .validation.valid svg path, .forgot-page .edit-profile-wrapper form .password-validation .validation.valid svg path, .section-profile .login-wrapper form .password-validation .validation.valid svg path, .section-profile .register-wrapper form .password-validation .validation.valid svg path, .section-profile .change-password-wrapper form .password-validation .validation.valid svg path, .section-profile .forgot-wrapper form .password-validation .validation.valid svg path, .section-profile .new-password-wrapper form .password-validation .validation.valid svg path, .section-profile .edit-profile-wrapper form .password-validation .validation.valid svg path, .section-ticket .login-wrapper form .password-validation .validation.valid svg path, .section-ticket .register-wrapper form .password-validation .validation.valid svg path, .section-ticket .change-password-wrapper form .password-validation .validation.valid svg path, .section-ticket .forgot-wrapper form .password-validation .validation.valid svg path, .section-ticket .new-password-wrapper form .password-validation .validation.valid svg path, .section-ticket .edit-profile-wrapper form .password-validation .validation.valid svg path {
  fill: var(--color-primary);
}
.home .login-wrapper form .password-validation .icon, .home .register-wrapper form .password-validation .icon, .home .change-password-wrapper form .password-validation .icon, .home .forgot-wrapper form .password-validation .icon, .home .new-password-wrapper form .password-validation .icon, .home .edit-profile-wrapper form .password-validation .icon, .login .login-wrapper form .password-validation .icon, .login .register-wrapper form .password-validation .icon, .login .change-password-wrapper form .password-validation .icon, .login .forgot-wrapper form .password-validation .icon, .login .new-password-wrapper form .password-validation .icon, .login .edit-profile-wrapper form .password-validation .icon, .register .login-wrapper form .password-validation .icon, .register .register-wrapper form .password-validation .icon, .register .change-password-wrapper form .password-validation .icon, .register .forgot-wrapper form .password-validation .icon, .register .new-password-wrapper form .password-validation .icon, .register .edit-profile-wrapper form .password-validation .icon, .change-password .login-wrapper form .password-validation .icon, .change-password .register-wrapper form .password-validation .icon, .change-password .change-password-wrapper form .password-validation .icon, .change-password .forgot-wrapper form .password-validation .icon, .change-password .new-password-wrapper form .password-validation .icon, .change-password .edit-profile-wrapper form .password-validation .icon, .forgot-page .login-wrapper form .password-validation .icon, .forgot-page .register-wrapper form .password-validation .icon, .forgot-page .change-password-wrapper form .password-validation .icon, .forgot-page .forgot-wrapper form .password-validation .icon, .forgot-page .new-password-wrapper form .password-validation .icon, .forgot-page .edit-profile-wrapper form .password-validation .icon, .section-profile .login-wrapper form .password-validation .icon, .section-profile .register-wrapper form .password-validation .icon, .section-profile .change-password-wrapper form .password-validation .icon, .section-profile .forgot-wrapper form .password-validation .icon, .section-profile .new-password-wrapper form .password-validation .icon, .section-profile .edit-profile-wrapper form .password-validation .icon, .section-ticket .login-wrapper form .password-validation .icon, .section-ticket .register-wrapper form .password-validation .icon, .section-ticket .change-password-wrapper form .password-validation .icon, .section-ticket .forgot-wrapper form .password-validation .icon, .section-ticket .new-password-wrapper form .password-validation .icon, .section-ticket .edit-profile-wrapper form .password-validation .icon {
  margin-right: 0.5rem;
}
.home .login-wrapper form .forgot-password, .home .register-wrapper form .forgot-password, .home .change-password-wrapper form .forgot-password, .home .forgot-wrapper form .forgot-password, .home .new-password-wrapper form .forgot-password, .home .edit-profile-wrapper form .forgot-password, .login .login-wrapper form .forgot-password, .login .register-wrapper form .forgot-password, .login .change-password-wrapper form .forgot-password, .login .forgot-wrapper form .forgot-password, .login .new-password-wrapper form .forgot-password, .login .edit-profile-wrapper form .forgot-password, .register .login-wrapper form .forgot-password, .register .register-wrapper form .forgot-password, .register .change-password-wrapper form .forgot-password, .register .forgot-wrapper form .forgot-password, .register .new-password-wrapper form .forgot-password, .register .edit-profile-wrapper form .forgot-password, .change-password .login-wrapper form .forgot-password, .change-password .register-wrapper form .forgot-password, .change-password .change-password-wrapper form .forgot-password, .change-password .forgot-wrapper form .forgot-password, .change-password .new-password-wrapper form .forgot-password, .change-password .edit-profile-wrapper form .forgot-password, .forgot-page .login-wrapper form .forgot-password, .forgot-page .register-wrapper form .forgot-password, .forgot-page .change-password-wrapper form .forgot-password, .forgot-page .forgot-wrapper form .forgot-password, .forgot-page .new-password-wrapper form .forgot-password, .forgot-page .edit-profile-wrapper form .forgot-password, .section-profile .login-wrapper form .forgot-password, .section-profile .register-wrapper form .forgot-password, .section-profile .change-password-wrapper form .forgot-password, .section-profile .forgot-wrapper form .forgot-password, .section-profile .new-password-wrapper form .forgot-password, .section-profile .edit-profile-wrapper form .forgot-password, .section-ticket .login-wrapper form .forgot-password, .section-ticket .register-wrapper form .forgot-password, .section-ticket .change-password-wrapper form .forgot-password, .section-ticket .forgot-wrapper form .forgot-password, .section-ticket .new-password-wrapper form .forgot-password, .section-ticket .edit-profile-wrapper form .forgot-password {
  margin-top: 1rem;
  align-self: flex-end;
  font-size: 12px;
  font-weight: 700;
  color: var(--color-primary);
  text-decoration: underline;
}
.home .login-wrapper form .btn-submit, .home .register-wrapper form .btn-submit, .home .change-password-wrapper form .btn-submit, .home .forgot-wrapper form .btn-submit, .home .new-password-wrapper form .btn-submit, .home .edit-profile-wrapper form .btn-submit, .login .login-wrapper form .btn-submit, .login .register-wrapper form .btn-submit, .login .change-password-wrapper form .btn-submit, .login .forgot-wrapper form .btn-submit, .login .new-password-wrapper form .btn-submit, .login .edit-profile-wrapper form .btn-submit, .register .login-wrapper form .btn-submit, .register .register-wrapper form .btn-submit, .register .change-password-wrapper form .btn-submit, .register .forgot-wrapper form .btn-submit, .register .new-password-wrapper form .btn-submit, .register .edit-profile-wrapper form .btn-submit, .change-password .login-wrapper form .btn-submit, .change-password .register-wrapper form .btn-submit, .change-password .change-password-wrapper form .btn-submit, .change-password .forgot-wrapper form .btn-submit, .change-password .new-password-wrapper form .btn-submit, .change-password .edit-profile-wrapper form .btn-submit, .forgot-page .login-wrapper form .btn-submit, .forgot-page .register-wrapper form .btn-submit, .forgot-page .change-password-wrapper form .btn-submit, .forgot-page .forgot-wrapper form .btn-submit, .forgot-page .new-password-wrapper form .btn-submit, .forgot-page .edit-profile-wrapper form .btn-submit, .section-profile .login-wrapper form .btn-submit, .section-profile .register-wrapper form .btn-submit, .section-profile .change-password-wrapper form .btn-submit, .section-profile .forgot-wrapper form .btn-submit, .section-profile .new-password-wrapper form .btn-submit, .section-profile .edit-profile-wrapper form .btn-submit, .section-ticket .login-wrapper form .btn-submit, .section-ticket .register-wrapper form .btn-submit, .section-ticket .change-password-wrapper form .btn-submit, .section-ticket .forgot-wrapper form .btn-submit, .section-ticket .new-password-wrapper form .btn-submit, .section-ticket .edit-profile-wrapper form .btn-submit {
  margin-top: 2rem;
  height: 45px;
  border: none;
  border-radius: 10px;
  background-color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
}
.home .login-wrapper form .btn-submit.disabled, .home .register-wrapper form .btn-submit.disabled, .home .change-password-wrapper form .btn-submit.disabled, .home .forgot-wrapper form .btn-submit.disabled, .home .new-password-wrapper form .btn-submit.disabled, .home .edit-profile-wrapper form .btn-submit.disabled, .login .login-wrapper form .btn-submit.disabled, .login .register-wrapper form .btn-submit.disabled, .login .change-password-wrapper form .btn-submit.disabled, .login .forgot-wrapper form .btn-submit.disabled, .login .new-password-wrapper form .btn-submit.disabled, .login .edit-profile-wrapper form .btn-submit.disabled, .register .login-wrapper form .btn-submit.disabled, .register .register-wrapper form .btn-submit.disabled, .register .change-password-wrapper form .btn-submit.disabled, .register .forgot-wrapper form .btn-submit.disabled, .register .new-password-wrapper form .btn-submit.disabled, .register .edit-profile-wrapper form .btn-submit.disabled, .change-password .login-wrapper form .btn-submit.disabled, .change-password .register-wrapper form .btn-submit.disabled, .change-password .change-password-wrapper form .btn-submit.disabled, .change-password .forgot-wrapper form .btn-submit.disabled, .change-password .new-password-wrapper form .btn-submit.disabled, .change-password .edit-profile-wrapper form .btn-submit.disabled, .forgot-page .login-wrapper form .btn-submit.disabled, .forgot-page .register-wrapper form .btn-submit.disabled, .forgot-page .change-password-wrapper form .btn-submit.disabled, .forgot-page .forgot-wrapper form .btn-submit.disabled, .forgot-page .new-password-wrapper form .btn-submit.disabled, .forgot-page .edit-profile-wrapper form .btn-submit.disabled, .section-profile .login-wrapper form .btn-submit.disabled, .section-profile .register-wrapper form .btn-submit.disabled, .section-profile .change-password-wrapper form .btn-submit.disabled, .section-profile .forgot-wrapper form .btn-submit.disabled, .section-profile .new-password-wrapper form .btn-submit.disabled, .section-profile .edit-profile-wrapper form .btn-submit.disabled, .section-ticket .login-wrapper form .btn-submit.disabled, .section-ticket .register-wrapper form .btn-submit.disabled, .section-ticket .change-password-wrapper form .btn-submit.disabled, .section-ticket .forgot-wrapper form .btn-submit.disabled, .section-ticket .new-password-wrapper form .btn-submit.disabled, .section-ticket .edit-profile-wrapper form .btn-submit.disabled {
  background-color: var(--bg-primary-disabled);
  cursor: default;
}
.home .login-wrapper form .register-info, .home .register-wrapper form .register-info, .home .change-password-wrapper form .register-info, .home .forgot-wrapper form .register-info, .home .new-password-wrapper form .register-info, .home .edit-profile-wrapper form .register-info, .login .login-wrapper form .register-info, .login .register-wrapper form .register-info, .login .change-password-wrapper form .register-info, .login .forgot-wrapper form .register-info, .login .new-password-wrapper form .register-info, .login .edit-profile-wrapper form .register-info, .register .login-wrapper form .register-info, .register .register-wrapper form .register-info, .register .change-password-wrapper form .register-info, .register .forgot-wrapper form .register-info, .register .new-password-wrapper form .register-info, .register .edit-profile-wrapper form .register-info, .change-password .login-wrapper form .register-info, .change-password .register-wrapper form .register-info, .change-password .change-password-wrapper form .register-info, .change-password .forgot-wrapper form .register-info, .change-password .new-password-wrapper form .register-info, .change-password .edit-profile-wrapper form .register-info, .forgot-page .login-wrapper form .register-info, .forgot-page .register-wrapper form .register-info, .forgot-page .change-password-wrapper form .register-info, .forgot-page .forgot-wrapper form .register-info, .forgot-page .new-password-wrapper form .register-info, .forgot-page .edit-profile-wrapper form .register-info, .section-profile .login-wrapper form .register-info, .section-profile .register-wrapper form .register-info, .section-profile .change-password-wrapper form .register-info, .section-profile .forgot-wrapper form .register-info, .section-profile .new-password-wrapper form .register-info, .section-profile .edit-profile-wrapper form .register-info, .section-ticket .login-wrapper form .register-info, .section-ticket .register-wrapper form .register-info, .section-ticket .change-password-wrapper form .register-info, .section-ticket .forgot-wrapper form .register-info, .section-ticket .new-password-wrapper form .register-info, .section-ticket .edit-profile-wrapper form .register-info {
  font-size: 10px;
  font-weight: 400;
  color: var(--text-dark);
  line-height: 13.62px;
  opacity: 0.5;
}
.home .login-wrapper form .register-info a, .home .register-wrapper form .register-info a, .home .change-password-wrapper form .register-info a, .home .forgot-wrapper form .register-info a, .home .new-password-wrapper form .register-info a, .home .edit-profile-wrapper form .register-info a, .login .login-wrapper form .register-info a, .login .register-wrapper form .register-info a, .login .change-password-wrapper form .register-info a, .login .forgot-wrapper form .register-info a, .login .new-password-wrapper form .register-info a, .login .edit-profile-wrapper form .register-info a, .register .login-wrapper form .register-info a, .register .register-wrapper form .register-info a, .register .change-password-wrapper form .register-info a, .register .forgot-wrapper form .register-info a, .register .new-password-wrapper form .register-info a, .register .edit-profile-wrapper form .register-info a, .change-password .login-wrapper form .register-info a, .change-password .register-wrapper form .register-info a, .change-password .change-password-wrapper form .register-info a, .change-password .forgot-wrapper form .register-info a, .change-password .new-password-wrapper form .register-info a, .change-password .edit-profile-wrapper form .register-info a, .forgot-page .login-wrapper form .register-info a, .forgot-page .register-wrapper form .register-info a, .forgot-page .change-password-wrapper form .register-info a, .forgot-page .forgot-wrapper form .register-info a, .forgot-page .new-password-wrapper form .register-info a, .forgot-page .edit-profile-wrapper form .register-info a, .section-profile .login-wrapper form .register-info a, .section-profile .register-wrapper form .register-info a, .section-profile .change-password-wrapper form .register-info a, .section-profile .forgot-wrapper form .register-info a, .section-profile .new-password-wrapper form .register-info a, .section-profile .edit-profile-wrapper form .register-info a, .section-ticket .login-wrapper form .register-info a, .section-ticket .register-wrapper form .register-info a, .section-ticket .change-password-wrapper form .register-info a, .section-ticket .forgot-wrapper form .register-info a, .section-ticket .new-password-wrapper form .register-info a, .section-ticket .edit-profile-wrapper form .register-info a {
  font-weight: 700;
  color: var(--text-dark);
  text-decoration: underline;
}
.home .login-wrapper form .forgot-description, .home .register-wrapper form .forgot-description, .home .change-password-wrapper form .forgot-description, .home .forgot-wrapper form .forgot-description, .home .new-password-wrapper form .forgot-description, .home .edit-profile-wrapper form .forgot-description, .login .login-wrapper form .forgot-description, .login .register-wrapper form .forgot-description, .login .change-password-wrapper form .forgot-description, .login .forgot-wrapper form .forgot-description, .login .new-password-wrapper form .forgot-description, .login .edit-profile-wrapper form .forgot-description, .register .login-wrapper form .forgot-description, .register .register-wrapper form .forgot-description, .register .change-password-wrapper form .forgot-description, .register .forgot-wrapper form .forgot-description, .register .new-password-wrapper form .forgot-description, .register .edit-profile-wrapper form .forgot-description, .change-password .login-wrapper form .forgot-description, .change-password .register-wrapper form .forgot-description, .change-password .change-password-wrapper form .forgot-description, .change-password .forgot-wrapper form .forgot-description, .change-password .new-password-wrapper form .forgot-description, .change-password .edit-profile-wrapper form .forgot-description, .forgot-page .login-wrapper form .forgot-description, .forgot-page .register-wrapper form .forgot-description, .forgot-page .change-password-wrapper form .forgot-description, .forgot-page .forgot-wrapper form .forgot-description, .forgot-page .new-password-wrapper form .forgot-description, .forgot-page .edit-profile-wrapper form .forgot-description, .section-profile .login-wrapper form .forgot-description, .section-profile .register-wrapper form .forgot-description, .section-profile .change-password-wrapper form .forgot-description, .section-profile .forgot-wrapper form .forgot-description, .section-profile .new-password-wrapper form .forgot-description, .section-profile .edit-profile-wrapper form .forgot-description, .section-ticket .login-wrapper form .forgot-description, .section-ticket .register-wrapper form .forgot-description, .section-ticket .change-password-wrapper form .forgot-description, .section-ticket .forgot-wrapper form .forgot-description, .section-ticket .new-password-wrapper form .forgot-description, .section-ticket .edit-profile-wrapper form .forgot-description {
  font-size: 12px;
  font-weight: 400;
  color: var(--text-dark);
}
@media (min-width: 32em) {
  .home .login-wrapper form, .home .register-wrapper form, .home .change-password-wrapper form, .home .forgot-wrapper form, .home .new-password-wrapper form, .home .edit-profile-wrapper form, .login .login-wrapper form, .login .register-wrapper form, .login .change-password-wrapper form, .login .forgot-wrapper form, .login .new-password-wrapper form, .login .edit-profile-wrapper form, .register .login-wrapper form, .register .register-wrapper form, .register .change-password-wrapper form, .register .forgot-wrapper form, .register .new-password-wrapper form, .register .edit-profile-wrapper form, .change-password .login-wrapper form, .change-password .register-wrapper form, .change-password .change-password-wrapper form, .change-password .forgot-wrapper form, .change-password .new-password-wrapper form, .change-password .edit-profile-wrapper form, .forgot-page .login-wrapper form, .forgot-page .register-wrapper form, .forgot-page .change-password-wrapper form, .forgot-page .forgot-wrapper form, .forgot-page .new-password-wrapper form, .forgot-page .edit-profile-wrapper form, .section-profile .login-wrapper form, .section-profile .register-wrapper form, .section-profile .change-password-wrapper form, .section-profile .forgot-wrapper form, .section-profile .new-password-wrapper form, .section-profile .edit-profile-wrapper form, .section-ticket .login-wrapper form, .section-ticket .register-wrapper form, .section-ticket .change-password-wrapper form, .section-ticket .forgot-wrapper form, .section-ticket .new-password-wrapper form, .section-ticket .edit-profile-wrapper form {
    margin: 0;
    width: 450px;
  }
}
.home .login-wrapper .register-link, .home .login-wrapper .login-link, .home .register-wrapper .register-link, .home .register-wrapper .login-link, .home .change-password-wrapper .register-link, .home .change-password-wrapper .login-link, .home .forgot-wrapper .register-link, .home .forgot-wrapper .login-link, .home .new-password-wrapper .register-link, .home .new-password-wrapper .login-link, .home .edit-profile-wrapper .register-link, .home .edit-profile-wrapper .login-link, .login .login-wrapper .register-link, .login .login-wrapper .login-link, .login .register-wrapper .register-link, .login .register-wrapper .login-link, .login .change-password-wrapper .register-link, .login .change-password-wrapper .login-link, .login .forgot-wrapper .register-link, .login .forgot-wrapper .login-link, .login .new-password-wrapper .register-link, .login .new-password-wrapper .login-link, .login .edit-profile-wrapper .register-link, .login .edit-profile-wrapper .login-link, .register .login-wrapper .register-link, .register .login-wrapper .login-link, .register .register-wrapper .register-link, .register .register-wrapper .login-link, .register .change-password-wrapper .register-link, .register .change-password-wrapper .login-link, .register .forgot-wrapper .register-link, .register .forgot-wrapper .login-link, .register .new-password-wrapper .register-link, .register .new-password-wrapper .login-link, .register .edit-profile-wrapper .register-link, .register .edit-profile-wrapper .login-link, .change-password .login-wrapper .register-link, .change-password .login-wrapper .login-link, .change-password .register-wrapper .register-link, .change-password .register-wrapper .login-link, .change-password .change-password-wrapper .register-link, .change-password .change-password-wrapper .login-link, .change-password .forgot-wrapper .register-link, .change-password .forgot-wrapper .login-link, .change-password .new-password-wrapper .register-link, .change-password .new-password-wrapper .login-link, .change-password .edit-profile-wrapper .register-link, .change-password .edit-profile-wrapper .login-link, .forgot-page .login-wrapper .register-link, .forgot-page .login-wrapper .login-link, .forgot-page .register-wrapper .register-link, .forgot-page .register-wrapper .login-link, .forgot-page .change-password-wrapper .register-link, .forgot-page .change-password-wrapper .login-link, .forgot-page .forgot-wrapper .register-link, .forgot-page .forgot-wrapper .login-link, .forgot-page .new-password-wrapper .register-link, .forgot-page .new-password-wrapper .login-link, .forgot-page .edit-profile-wrapper .register-link, .forgot-page .edit-profile-wrapper .login-link, .section-profile .login-wrapper .register-link, .section-profile .login-wrapper .login-link, .section-profile .register-wrapper .register-link, .section-profile .register-wrapper .login-link, .section-profile .change-password-wrapper .register-link, .section-profile .change-password-wrapper .login-link, .section-profile .forgot-wrapper .register-link, .section-profile .forgot-wrapper .login-link, .section-profile .new-password-wrapper .register-link, .section-profile .new-password-wrapper .login-link, .section-profile .edit-profile-wrapper .register-link, .section-profile .edit-profile-wrapper .login-link, .section-ticket .login-wrapper .register-link, .section-ticket .login-wrapper .login-link, .section-ticket .register-wrapper .register-link, .section-ticket .register-wrapper .login-link, .section-ticket .change-password-wrapper .register-link, .section-ticket .change-password-wrapper .login-link, .section-ticket .forgot-wrapper .register-link, .section-ticket .forgot-wrapper .login-link, .section-ticket .new-password-wrapper .register-link, .section-ticket .new-password-wrapper .login-link, .section-ticket .edit-profile-wrapper .register-link, .section-ticket .edit-profile-wrapper .login-link {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
}
.home .login-wrapper .register-link a, .home .login-wrapper .login-link a, .home .register-wrapper .register-link a, .home .register-wrapper .login-link a, .home .change-password-wrapper .register-link a, .home .change-password-wrapper .login-link a, .home .forgot-wrapper .register-link a, .home .forgot-wrapper .login-link a, .home .new-password-wrapper .register-link a, .home .new-password-wrapper .login-link a, .home .edit-profile-wrapper .register-link a, .home .edit-profile-wrapper .login-link a, .login .login-wrapper .register-link a, .login .login-wrapper .login-link a, .login .register-wrapper .register-link a, .login .register-wrapper .login-link a, .login .change-password-wrapper .register-link a, .login .change-password-wrapper .login-link a, .login .forgot-wrapper .register-link a, .login .forgot-wrapper .login-link a, .login .new-password-wrapper .register-link a, .login .new-password-wrapper .login-link a, .login .edit-profile-wrapper .register-link a, .login .edit-profile-wrapper .login-link a, .register .login-wrapper .register-link a, .register .login-wrapper .login-link a, .register .register-wrapper .register-link a, .register .register-wrapper .login-link a, .register .change-password-wrapper .register-link a, .register .change-password-wrapper .login-link a, .register .forgot-wrapper .register-link a, .register .forgot-wrapper .login-link a, .register .new-password-wrapper .register-link a, .register .new-password-wrapper .login-link a, .register .edit-profile-wrapper .register-link a, .register .edit-profile-wrapper .login-link a, .change-password .login-wrapper .register-link a, .change-password .login-wrapper .login-link a, .change-password .register-wrapper .register-link a, .change-password .register-wrapper .login-link a, .change-password .change-password-wrapper .register-link a, .change-password .change-password-wrapper .login-link a, .change-password .forgot-wrapper .register-link a, .change-password .forgot-wrapper .login-link a, .change-password .new-password-wrapper .register-link a, .change-password .new-password-wrapper .login-link a, .change-password .edit-profile-wrapper .register-link a, .change-password .edit-profile-wrapper .login-link a, .forgot-page .login-wrapper .register-link a, .forgot-page .login-wrapper .login-link a, .forgot-page .register-wrapper .register-link a, .forgot-page .register-wrapper .login-link a, .forgot-page .change-password-wrapper .register-link a, .forgot-page .change-password-wrapper .login-link a, .forgot-page .forgot-wrapper .register-link a, .forgot-page .forgot-wrapper .login-link a, .forgot-page .new-password-wrapper .register-link a, .forgot-page .new-password-wrapper .login-link a, .forgot-page .edit-profile-wrapper .register-link a, .forgot-page .edit-profile-wrapper .login-link a, .section-profile .login-wrapper .register-link a, .section-profile .login-wrapper .login-link a, .section-profile .register-wrapper .register-link a, .section-profile .register-wrapper .login-link a, .section-profile .change-password-wrapper .register-link a, .section-profile .change-password-wrapper .login-link a, .section-profile .forgot-wrapper .register-link a, .section-profile .forgot-wrapper .login-link a, .section-profile .new-password-wrapper .register-link a, .section-profile .new-password-wrapper .login-link a, .section-profile .edit-profile-wrapper .register-link a, .section-profile .edit-profile-wrapper .login-link a, .section-ticket .login-wrapper .register-link a, .section-ticket .login-wrapper .login-link a, .section-ticket .register-wrapper .register-link a, .section-ticket .register-wrapper .login-link a, .section-ticket .change-password-wrapper .register-link a, .section-ticket .change-password-wrapper .login-link a, .section-ticket .forgot-wrapper .register-link a, .section-ticket .forgot-wrapper .login-link a, .section-ticket .new-password-wrapper .register-link a, .section-ticket .new-password-wrapper .login-link a, .section-ticket .edit-profile-wrapper .register-link a, .section-ticket .edit-profile-wrapper .login-link a {
  color: var(--color-primary);
}
.home .tab-list, .login .tab-list, .register .tab-list, .change-password .tab-list, .forgot-page .tab-list, .section-profile .tab-list, .section-ticket .tab-list {
  margin-top: 2rem;
  height: 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.home .tab-list .tab, .login .tab-list .tab, .register .tab-list .tab, .change-password .tab-list .tab, .forgot-page .tab-list .tab, .section-profile .tab-list .tab, .section-ticket .tab-list .tab {
  width: 205px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 16px;
  font-weight: 700;
  color: var(--text-grey);
  cursor: pointer;
}
.home .tab-list .tab.active, .login .tab-list .tab.active, .register .tab-list .tab.active, .change-password .tab-list .tab.active, .forgot-page .tab-list .tab.active, .section-profile .tab-list .tab.active, .section-ticket .tab-list .tab.active {
  color: var(--color-primary);
}
.home .tab-list .tab.active .icon svg path, .login .tab-list .tab.active .icon svg path, .register .tab-list .tab.active .icon svg path, .change-password .tab-list .tab.active .icon svg path, .forgot-page .tab-list .tab.active .icon svg path, .section-profile .tab-list .tab.active .icon svg path, .section-ticket .tab-list .tab.active .icon svg path {
  fill: var(--color-primary);
}
@media (min-width: calc(48em + 1px)) {
  .home .tab-list .tab.active, .login .tab-list .tab.active, .register .tab-list .tab.active, .change-password .tab-list .tab.active, .forgot-page .tab-list .tab.active, .section-profile .tab-list .tab.active, .section-ticket .tab-list .tab.active {
    border-bottom: 1px solid var(--color-primary);
  }
}
.home .tab-list .tab .icon svg path, .login .tab-list .tab .icon svg path, .register .tab-list .tab .icon svg path, .change-password .tab-list .tab .icon svg path, .forgot-page .tab-list .tab .icon svg path, .section-profile .tab-list .tab .icon svg path, .section-ticket .tab-list .tab .icon svg path {
  fill: var(--text-grey);
}
@media (min-width: calc(48em + 1px)) {
  .home .tab-list .tab, .login .tab-list .tab, .register .tab-list .tab, .change-password .tab-list .tab, .forgot-page .tab-list .tab, .section-profile .tab-list .tab, .section-ticket .tab-list .tab {
    border-bottom: 1px solid var(--border-dark);
  }
}
@media (min-width: calc(48em + 1px)) {
  .home .tab-list, .login .tab-list, .register .tab-list, .change-password .tab-list, .forgot-page .tab-list, .section-profile .tab-list, .section-ticket .tab-list {
    margin-top: 0;
    flex-direction: row;
    gap: 0;
  }
}
.home .title, .login .title, .register .title, .change-password .title, .forgot-page .title, .section-profile .title, .section-ticket .title {
  margin-top: 2rem;
  padding: 1rem;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 400;
  color: var(--color-secondary);
}
.home .title .category-name, .home .title .location-name, .login .title .category-name, .login .title .location-name, .register .title .category-name, .register .title .location-name, .change-password .title .category-name, .change-password .title .location-name, .forgot-page .title .category-name, .forgot-page .title .location-name, .section-profile .title .category-name, .section-profile .title .location-name, .section-ticket .title .category-name, .section-ticket .title .location-name {
  font-weight: 700;
}
@media (min-width: calc(48em + 1px)) {
  .home .title, .login .title, .register .title, .change-password .title, .forgot-page .title, .section-profile .title, .section-ticket .title {
    margin-top: 0;
    padding: 0;
  }
}
.home .content, .login .content, .register .content, .change-password .content, .forgot-page .content, .section-profile .content, .section-ticket .content {
  margin-top: 2rem;
  padding: 0 2rem;
  width: 100%;
  height: calc(100vh - 6rem - 94px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: calc(48em + 1px)) {
  .home .content, .login .content, .register .content, .change-password .content, .forgot-page .content, .section-profile .content, .section-ticket .content {
    padding: 0;
    width: auto;
    height: calc(100vh - 4rem - 144px);
  }
}
.home .progress-wrapper, .login .progress-wrapper, .register .progress-wrapper, .change-password .progress-wrapper, .forgot-page .progress-wrapper, .section-profile .progress-wrapper, .section-ticket .progress-wrapper {
  width: 256px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home .progress-wrapper div, .login .progress-wrapper div, .register .progress-wrapper div, .change-password .progress-wrapper div, .forgot-page .progress-wrapper div, .section-profile .progress-wrapper div, .section-ticket .progress-wrapper div {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: #D9D9D9;
  border-radius: 50px;
}
.home .progress-wrapper div.done, .login .progress-wrapper div.done, .register .progress-wrapper div.done, .change-password .progress-wrapper div.done, .forgot-page .progress-wrapper div.done, .section-profile .progress-wrapper div.done, .section-ticket .progress-wrapper div.done {
  border: 5px solid var(--color-primary);
  background-color: #FFFFFF;
}
.home .progress-wrapper div.done:last-child:before, .login .progress-wrapper div.done:last-child:before, .register .progress-wrapper div.done:last-child:before, .change-password .progress-wrapper div.done:last-child:before, .forgot-page .progress-wrapper div.done:last-child:before, .section-profile .progress-wrapper div.done:last-child:before, .section-ticket .progress-wrapper div.done:last-child:before {
  top: 6px;
  right: 19px;
  background-color: var(--color-primary);
}
.home .progress-wrapper div:nth-child(2), .login .progress-wrapper div:nth-child(2), .register .progress-wrapper div:nth-child(2), .change-password .progress-wrapper div:nth-child(2), .forgot-page .progress-wrapper div:nth-child(2), .section-profile .progress-wrapper div:nth-child(2), .section-ticket .progress-wrapper div:nth-child(2) {
  z-index: var(--index-medium);
}
.home .progress-wrapper div:first-child:after, .login .progress-wrapper div:first-child:after, .register .progress-wrapper div:first-child:after, .change-password .progress-wrapper div:first-child:after, .forgot-page .progress-wrapper div:first-child:after, .section-profile .progress-wrapper div:first-child:after, .section-ticket .progress-wrapper div:first-child:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 19px;
  width: 95px;
  height: 3px;
  display: block;
  background-color: var(--color-primary);
}
@media (min-width: calc(32em + 1px)) {
  .home .progress-wrapper div:first-child:after, .login .progress-wrapper div:first-child:after, .register .progress-wrapper div:first-child:after, .change-password .progress-wrapper div:first-child:after, .forgot-page .progress-wrapper div:first-child:after, .section-profile .progress-wrapper div:first-child:after, .section-ticket .progress-wrapper div:first-child:after {
    width: 185px;
  }
}
.home .progress-wrapper div:last-child:before, .login .progress-wrapper div:last-child:before, .register .progress-wrapper div:last-child:before, .change-password .progress-wrapper div:last-child:before, .forgot-page .progress-wrapper div:last-child:before, .section-profile .progress-wrapper div:last-child:before, .section-ticket .progress-wrapper div:last-child:before {
  content: "";
  position: absolute;
  top: 11px;
  right: 24px;
  width: 95px;
  height: 3px;
  display: block;
  background-color: #D9D9D9;
}
@media (min-width: calc(32em + 1px)) {
  .home .progress-wrapper div:last-child:before, .login .progress-wrapper div:last-child:before, .register .progress-wrapper div:last-child:before, .change-password .progress-wrapper div:last-child:before, .forgot-page .progress-wrapper div:last-child:before, .section-profile .progress-wrapper div:last-child:before, .section-ticket .progress-wrapper div:last-child:before {
    width: 185px;
  }
}
@media (min-width: calc(32em + 1px)) {
  .home .progress-wrapper, .login .progress-wrapper, .register .progress-wrapper, .change-password .progress-wrapper, .forgot-page .progress-wrapper, .section-profile .progress-wrapper, .section-ticket .progress-wrapper {
    width: 442px;
  }
}
.home .search-wrapper, .login .search-wrapper, .register .search-wrapper, .change-password .search-wrapper, .forgot-page .search-wrapper, .section-profile .search-wrapper, .section-ticket .search-wrapper {
  position: relative;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home .search-wrapper input, .login .search-wrapper input, .register .search-wrapper input, .change-password .search-wrapper input, .forgot-page .search-wrapper input, .section-profile .search-wrapper input, .section-ticket .search-wrapper input {
  padding: 0 2rem !important;
  padding-right: 3rem !important;
  width: 100%;
  height: 100%;
  border: 1px solid var(--border-dark);
  border-radius: 40px !important;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-dark);
}
.home .search-wrapper img, .login .search-wrapper img, .register .search-wrapper img, .change-password .search-wrapper img, .forgot-page .search-wrapper img, .section-profile .search-wrapper img, .section-ticket .search-wrapper img {
  position: absolute;
  right: 1rem;
}
@media (min-width: calc(48em + 1px)) {
  .home .search-wrapper, .login .search-wrapper, .register .search-wrapper, .change-password .search-wrapper, .forgot-page .search-wrapper, .section-profile .search-wrapper, .section-ticket .search-wrapper {
    width: 500px;
  }
}
.home .tab-location, .home .tab-category, .login .tab-location, .login .tab-category, .register .tab-location, .register .tab-category, .change-password .tab-location, .change-password .tab-category, .forgot-page .tab-location, .forgot-page .tab-category, .section-profile .tab-location, .section-profile .tab-category, .section-ticket .tab-location, .section-ticket .tab-category {
  margin-top: 1rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: calc(48em + 1px)) {
  .home .tab-location, .home .tab-category, .login .tab-location, .login .tab-category, .register .tab-location, .register .tab-category, .change-password .tab-location, .change-password .tab-category, .forgot-page .tab-location, .forgot-page .tab-category, .section-profile .tab-location, .section-profile .tab-category, .section-ticket .tab-location, .section-ticket .tab-category {
    width: auto;
  }
}
.home .location-container, .home .category-container, .login .location-container, .login .category-container, .register .location-container, .register .category-container, .change-password .location-container, .change-password .category-container, .forgot-page .location-container, .forgot-page .category-container, .section-profile .location-container, .section-profile .category-container, .section-ticket .location-container, .section-ticket .category-container {
  margin-top: 1rem;
  padding: 1rem;
  width: 100%;
  height: 100%;
  border: 1px solid var(--border-dark);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}
.home .location-container .location-wrapper, .home .location-container .category-wrapper, .home .category-container .location-wrapper, .home .category-container .category-wrapper, .login .location-container .location-wrapper, .login .location-container .category-wrapper, .login .category-container .location-wrapper, .login .category-container .category-wrapper, .register .location-container .location-wrapper, .register .location-container .category-wrapper, .register .category-container .location-wrapper, .register .category-container .category-wrapper, .change-password .location-container .location-wrapper, .change-password .location-container .category-wrapper, .change-password .category-container .location-wrapper, .change-password .category-container .category-wrapper, .forgot-page .location-container .location-wrapper, .forgot-page .location-container .category-wrapper, .forgot-page .category-container .location-wrapper, .forgot-page .category-container .category-wrapper, .section-profile .location-container .location-wrapper, .section-profile .location-container .category-wrapper, .section-profile .category-container .location-wrapper, .section-profile .category-container .category-wrapper, .section-ticket .location-container .location-wrapper, .section-ticket .location-container .category-wrapper, .section-ticket .category-container .location-wrapper, .section-ticket .category-container .category-wrapper {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 1rem;
  border-bottom: 1px solid var(--color-primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-dark);
  cursor: pointer;
}
.home .location-container .location-wrapper:nth-child(2), .home .location-container .category-wrapper:nth-child(2), .home .category-container .location-wrapper:nth-child(2), .home .category-container .category-wrapper:nth-child(2), .login .location-container .location-wrapper:nth-child(2), .login .location-container .category-wrapper:nth-child(2), .login .category-container .location-wrapper:nth-child(2), .login .category-container .category-wrapper:nth-child(2), .register .location-container .location-wrapper:nth-child(2), .register .location-container .category-wrapper:nth-child(2), .register .category-container .location-wrapper:nth-child(2), .register .category-container .category-wrapper:nth-child(2), .change-password .location-container .location-wrapper:nth-child(2), .change-password .location-container .category-wrapper:nth-child(2), .change-password .category-container .location-wrapper:nth-child(2), .change-password .category-container .category-wrapper:nth-child(2), .forgot-page .location-container .location-wrapper:nth-child(2), .forgot-page .location-container .category-wrapper:nth-child(2), .forgot-page .category-container .location-wrapper:nth-child(2), .forgot-page .category-container .category-wrapper:nth-child(2), .section-profile .location-container .location-wrapper:nth-child(2), .section-profile .location-container .category-wrapper:nth-child(2), .section-profile .category-container .location-wrapper:nth-child(2), .section-profile .category-container .category-wrapper:nth-child(2), .section-ticket .location-container .location-wrapper:nth-child(2), .section-ticket .location-container .category-wrapper:nth-child(2), .section-ticket .category-container .location-wrapper:nth-child(2), .section-ticket .category-container .category-wrapper:nth-child(2) {
  padding-top: 1rem;
}
.home .location-container .location-wrapper .icon-arrow, .home .location-container .category-wrapper .icon-arrow, .home .category-container .location-wrapper .icon-arrow, .home .category-container .category-wrapper .icon-arrow, .login .location-container .location-wrapper .icon-arrow, .login .location-container .category-wrapper .icon-arrow, .login .category-container .location-wrapper .icon-arrow, .login .category-container .category-wrapper .icon-arrow, .register .location-container .location-wrapper .icon-arrow, .register .location-container .category-wrapper .icon-arrow, .register .category-container .location-wrapper .icon-arrow, .register .category-container .category-wrapper .icon-arrow, .change-password .location-container .location-wrapper .icon-arrow, .change-password .location-container .category-wrapper .icon-arrow, .change-password .category-container .location-wrapper .icon-arrow, .change-password .category-container .category-wrapper .icon-arrow, .forgot-page .location-container .location-wrapper .icon-arrow, .forgot-page .location-container .category-wrapper .icon-arrow, .forgot-page .category-container .location-wrapper .icon-arrow, .forgot-page .category-container .category-wrapper .icon-arrow, .section-profile .location-container .location-wrapper .icon-arrow, .section-profile .location-container .category-wrapper .icon-arrow, .section-profile .category-container .location-wrapper .icon-arrow, .section-profile .category-container .category-wrapper .icon-arrow, .section-ticket .location-container .location-wrapper .icon-arrow, .section-ticket .location-container .category-wrapper .icon-arrow, .section-ticket .category-container .location-wrapper .icon-arrow, .section-ticket .category-container .category-wrapper .icon-arrow {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
}
@media (min-width: 375px) {
  .home .location-container .location-wrapper .icon-arrow, .home .location-container .category-wrapper .icon-arrow, .home .category-container .location-wrapper .icon-arrow, .home .category-container .category-wrapper .icon-arrow, .login .location-container .location-wrapper .icon-arrow, .login .location-container .category-wrapper .icon-arrow, .login .category-container .location-wrapper .icon-arrow, .login .category-container .category-wrapper .icon-arrow, .register .location-container .location-wrapper .icon-arrow, .register .location-container .category-wrapper .icon-arrow, .register .category-container .location-wrapper .icon-arrow, .register .category-container .category-wrapper .icon-arrow, .change-password .location-container .location-wrapper .icon-arrow, .change-password .location-container .category-wrapper .icon-arrow, .change-password .category-container .location-wrapper .icon-arrow, .change-password .category-container .category-wrapper .icon-arrow, .forgot-page .location-container .location-wrapper .icon-arrow, .forgot-page .location-container .category-wrapper .icon-arrow, .forgot-page .category-container .location-wrapper .icon-arrow, .forgot-page .category-container .category-wrapper .icon-arrow, .section-profile .location-container .location-wrapper .icon-arrow, .section-profile .location-container .category-wrapper .icon-arrow, .section-profile .category-container .location-wrapper .icon-arrow, .section-profile .category-container .category-wrapper .icon-arrow, .section-ticket .location-container .location-wrapper .icon-arrow, .section-ticket .location-container .category-wrapper .icon-arrow, .section-ticket .category-container .location-wrapper .icon-arrow, .section-ticket .category-container .category-wrapper .icon-arrow {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 32em) {
  .home .location-container .location-wrapper .icon-arrow, .home .location-container .category-wrapper .icon-arrow, .home .category-container .location-wrapper .icon-arrow, .home .category-container .category-wrapper .icon-arrow, .login .location-container .location-wrapper .icon-arrow, .login .location-container .category-wrapper .icon-arrow, .login .category-container .location-wrapper .icon-arrow, .login .category-container .category-wrapper .icon-arrow, .register .location-container .location-wrapper .icon-arrow, .register .location-container .category-wrapper .icon-arrow, .register .category-container .location-wrapper .icon-arrow, .register .category-container .category-wrapper .icon-arrow, .change-password .location-container .location-wrapper .icon-arrow, .change-password .location-container .category-wrapper .icon-arrow, .change-password .category-container .location-wrapper .icon-arrow, .change-password .category-container .category-wrapper .icon-arrow, .forgot-page .location-container .location-wrapper .icon-arrow, .forgot-page .location-container .category-wrapper .icon-arrow, .forgot-page .category-container .location-wrapper .icon-arrow, .forgot-page .category-container .category-wrapper .icon-arrow, .section-profile .location-container .location-wrapper .icon-arrow, .section-profile .location-container .category-wrapper .icon-arrow, .section-profile .category-container .location-wrapper .icon-arrow, .section-profile .category-container .category-wrapper .icon-arrow, .section-ticket .location-container .location-wrapper .icon-arrow, .section-ticket .location-container .category-wrapper .icon-arrow, .section-ticket .category-container .location-wrapper .icon-arrow, .section-ticket .category-container .category-wrapper .icon-arrow {
    right: 1rem;
    width: initial;
    height: initial;
  }
}
.home .location-container .location-wrapper .location-name, .home .location-container .category-wrapper .location-name, .home .category-container .location-wrapper .location-name, .home .category-container .category-wrapper .location-name, .login .location-container .location-wrapper .location-name, .login .location-container .category-wrapper .location-name, .login .category-container .location-wrapper .location-name, .login .category-container .category-wrapper .location-name, .register .location-container .location-wrapper .location-name, .register .location-container .category-wrapper .location-name, .register .category-container .location-wrapper .location-name, .register .category-container .category-wrapper .location-name, .change-password .location-container .location-wrapper .location-name, .change-password .location-container .category-wrapper .location-name, .change-password .category-container .location-wrapper .location-name, .change-password .category-container .category-wrapper .location-name, .forgot-page .location-container .location-wrapper .location-name, .forgot-page .location-container .category-wrapper .location-name, .forgot-page .category-container .location-wrapper .location-name, .forgot-page .category-container .category-wrapper .location-name, .section-profile .location-container .location-wrapper .location-name, .section-profile .location-container .category-wrapper .location-name, .section-profile .category-container .location-wrapper .location-name, .section-profile .category-container .category-wrapper .location-name, .section-ticket .location-container .location-wrapper .location-name, .section-ticket .location-container .category-wrapper .location-name, .section-ticket .category-container .location-wrapper .location-name, .section-ticket .category-container .category-wrapper .location-name {
  font-size: 22px;
  font-weight: 600;
}
.home .location-container .location-wrapper .category-name, .home .location-container .category-wrapper .category-name, .home .category-container .location-wrapper .category-name, .home .category-container .category-wrapper .category-name, .login .location-container .location-wrapper .category-name, .login .location-container .category-wrapper .category-name, .login .category-container .location-wrapper .category-name, .login .category-container .category-wrapper .category-name, .register .location-container .location-wrapper .category-name, .register .location-container .category-wrapper .category-name, .register .category-container .location-wrapper .category-name, .register .category-container .category-wrapper .category-name, .change-password .location-container .location-wrapper .category-name, .change-password .location-container .category-wrapper .category-name, .change-password .category-container .location-wrapper .category-name, .change-password .category-container .category-wrapper .category-name, .forgot-page .location-container .location-wrapper .category-name, .forgot-page .location-container .category-wrapper .category-name, .forgot-page .category-container .location-wrapper .category-name, .forgot-page .category-container .category-wrapper .category-name, .section-profile .location-container .location-wrapper .category-name, .section-profile .location-container .category-wrapper .category-name, .section-profile .category-container .location-wrapper .category-name, .section-profile .category-container .category-wrapper .category-name, .section-ticket .location-container .location-wrapper .category-name, .section-ticket .location-container .category-wrapper .category-name, .section-ticket .category-container .location-wrapper .category-name, .section-ticket .category-container .category-wrapper .category-name {
  font-size: 26px;
  font-weight: 600;
}
@media (min-width: 426px) {
  .home .location-container .location-wrapper, .home .location-container .category-wrapper, .home .category-container .location-wrapper, .home .category-container .category-wrapper, .login .location-container .location-wrapper, .login .location-container .category-wrapper, .login .category-container .location-wrapper, .login .category-container .category-wrapper, .register .location-container .location-wrapper, .register .location-container .category-wrapper, .register .category-container .location-wrapper, .register .category-container .category-wrapper, .change-password .location-container .location-wrapper, .change-password .location-container .category-wrapper, .change-password .category-container .location-wrapper, .change-password .category-container .category-wrapper, .forgot-page .location-container .location-wrapper, .forgot-page .location-container .category-wrapper, .forgot-page .category-container .location-wrapper, .forgot-page .category-container .category-wrapper, .section-profile .location-container .location-wrapper, .section-profile .location-container .category-wrapper, .section-profile .category-container .location-wrapper, .section-profile .category-container .category-wrapper, .section-ticket .location-container .location-wrapper, .section-ticket .location-container .category-wrapper, .section-ticket .category-container .location-wrapper, .section-ticket .category-container .category-wrapper {
    padding-left: 1rem;
  }
}
@media (min-width: calc(48em + 1px)) {
  .home .location-container, .home .category-container, .login .location-container, .login .category-container, .register .location-container, .register .category-container, .change-password .location-container, .change-password .category-container, .forgot-page .location-container, .forgot-page .category-container, .section-profile .location-container, .section-profile .category-container, .section-ticket .location-container, .section-ticket .category-container {
    width: 593px;
  }
}
.home .location-container, .login .location-container, .register .location-container, .change-password .location-container, .forgot-page .location-container, .section-profile .location-container, .section-ticket .location-container {
  height: calc(100vh - 5rem - 194px);
}
@media (min-width: calc(48em + 1px)) {
  .home .location-container, .login .location-container, .register .location-container, .change-password .location-container, .forgot-page .location-container, .section-profile .location-container, .section-ticket .location-container {
    height: calc(100vh - 6rem - 194px);
  }
}
.home .tab-ticket, .login .tab-ticket, .register .tab-ticket, .change-password .tab-ticket, .forgot-page .tab-ticket, .section-profile .tab-ticket, .section-ticket .tab-ticket {
  margin-top: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home .tab-ticket .search-wrapper, .login .tab-ticket .search-wrapper, .register .tab-ticket .search-wrapper, .change-password .tab-ticket .search-wrapper, .forgot-page .tab-ticket .search-wrapper, .section-profile .tab-ticket .search-wrapper, .section-ticket .tab-ticket .search-wrapper {
  width: 100%;
  justify-self: center;
}
@media (min-width: calc(48em + 1px)) {
  .home .tab-ticket .search-wrapper, .login .tab-ticket .search-wrapper, .register .tab-ticket .search-wrapper, .change-password .tab-ticket .search-wrapper, .forgot-page .tab-ticket .search-wrapper, .section-profile .tab-ticket .search-wrapper, .section-ticket .tab-ticket .search-wrapper {
    width: 500px;
  }
}
.home .tab-ticket .ticket-list, .login .tab-ticket .ticket-list, .register .tab-ticket .ticket-list, .change-password .tab-ticket .ticket-list, .forgot-page .tab-ticket .ticket-list, .section-profile .tab-ticket .ticket-list, .section-ticket .tab-ticket .ticket-list {
  display: flex;
  gap: 2rem;
  transition: 0.5s ease-in-out;
}
.home .tab-ticket .btn-previous, .home .tab-ticket .btn-next, .login .tab-ticket .btn-previous, .login .tab-ticket .btn-next, .register .tab-ticket .btn-previous, .register .tab-ticket .btn-next, .change-password .tab-ticket .btn-previous, .change-password .tab-ticket .btn-next, .forgot-page .tab-ticket .btn-previous, .forgot-page .tab-ticket .btn-next, .section-profile .tab-ticket .btn-previous, .section-profile .tab-ticket .btn-next, .section-ticket .tab-ticket .btn-previous, .section-ticket .tab-ticket .btn-next {
  position: absolute;
  top: 60%;
  width: 50px;
  height: 50px;
  background: var(--color-primary);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (min-height: calc(67.5em + 1px)) {
  .home .tab-ticket .btn-previous, .home .tab-ticket .btn-next, .login .tab-ticket .btn-previous, .login .tab-ticket .btn-next, .register .tab-ticket .btn-previous, .register .tab-ticket .btn-next, .change-password .tab-ticket .btn-previous, .change-password .tab-ticket .btn-next, .forgot-page .tab-ticket .btn-previous, .forgot-page .tab-ticket .btn-next, .section-profile .tab-ticket .btn-previous, .section-profile .tab-ticket .btn-next, .section-ticket .tab-ticket .btn-previous, .section-ticket .tab-ticket .btn-next {
    top: 40%;
  }
}
@media (max-height: 44em) {
  .home .tab-ticket .btn-previous, .home .tab-ticket .btn-next, .login .tab-ticket .btn-previous, .login .tab-ticket .btn-next, .register .tab-ticket .btn-previous, .register .tab-ticket .btn-next, .change-password .tab-ticket .btn-previous, .change-password .tab-ticket .btn-next, .forgot-page .tab-ticket .btn-previous, .forgot-page .tab-ticket .btn-next, .section-profile .tab-ticket .btn-previous, .section-profile .tab-ticket .btn-next, .section-ticket .tab-ticket .btn-previous, .section-ticket .tab-ticket .btn-next {
    top: 70%;
  }
}
@media (max-height: 40em) {
  .home .tab-ticket .btn-previous, .home .tab-ticket .btn-next, .login .tab-ticket .btn-previous, .login .tab-ticket .btn-next, .register .tab-ticket .btn-previous, .register .tab-ticket .btn-next, .change-password .tab-ticket .btn-previous, .change-password .tab-ticket .btn-next, .forgot-page .tab-ticket .btn-previous, .forgot-page .tab-ticket .btn-next, .section-profile .tab-ticket .btn-previous, .section-profile .tab-ticket .btn-next, .section-ticket .tab-ticket .btn-previous, .section-ticket .tab-ticket .btn-next {
    top: 80%;
  }
}
.home .tab-ticket .btn-previous, .login .tab-ticket .btn-previous, .register .tab-ticket .btn-previous, .change-password .tab-ticket .btn-previous, .forgot-page .tab-ticket .btn-previous, .section-profile .tab-ticket .btn-previous, .section-ticket .tab-ticket .btn-previous {
  left: 2%;
}
@media (min-width: calc(64em + 1px)) {
  .home .tab-ticket .btn-previous, .login .tab-ticket .btn-previous, .register .tab-ticket .btn-previous, .change-password .tab-ticket .btn-previous, .forgot-page .tab-ticket .btn-previous, .section-profile .tab-ticket .btn-previous, .section-ticket .tab-ticket .btn-previous {
    left: 16%;
  }
}
.home .tab-ticket .btn-next, .login .tab-ticket .btn-next, .register .tab-ticket .btn-next, .change-password .tab-ticket .btn-next, .forgot-page .tab-ticket .btn-next, .section-profile .tab-ticket .btn-next, .section-ticket .tab-ticket .btn-next {
  right: 2%;
}
@media (min-width: calc(64em + 1px)) {
  .home .tab-ticket .btn-next, .login .tab-ticket .btn-next, .register .tab-ticket .btn-next, .change-password .tab-ticket .btn-next, .forgot-page .tab-ticket .btn-next, .section-profile .tab-ticket .btn-next, .section-ticket .tab-ticket .btn-next {
    right: 16%;
  }
}
.home .tab-ticket .ticket-container-large, .login .tab-ticket .ticket-container-large, .register .tab-ticket .ticket-container-large, .change-password .tab-ticket .ticket-container-large, .forgot-page .tab-ticket .ticket-container-large, .section-profile .tab-ticket .ticket-container-large, .section-ticket .tab-ticket .ticket-container-large {
  margin-top: 5rem;
  height: calc(100vh - 9rem - 194px);
  transition: 0.5s ease-in-out;
}
.home .tab-ticket .ticket-container-large.active, .login .tab-ticket .ticket-container-large.active, .register .tab-ticket .ticket-container-large.active, .change-password .tab-ticket .ticket-container-large.active, .forgot-page .tab-ticket .ticket-container-large.active, .section-profile .tab-ticket .ticket-container-large.active, .section-ticket .tab-ticket .ticket-container-large.active {
  margin-top: 1rem;
  margin-bottom: 0;
  height: calc(100vh - 5rem - 194px);
}
@media (min-height: calc(67.5em + 1px)) {
  .home .tab-ticket .ticket-container-large.active, .login .tab-ticket .ticket-container-large.active, .register .tab-ticket .ticket-container-large.active, .change-password .tab-ticket .ticket-container-large.active, .forgot-page .tab-ticket .ticket-container-large.active, .section-profile .tab-ticket .ticket-container-large.active, .section-ticket .tab-ticket .ticket-container-large.active {
    height: auto;
  }
}
@media (max-width: 48em) {
  .home .tab-ticket .ticket-container-large.active, .login .tab-ticket .ticket-container-large.active, .register .tab-ticket .ticket-container-large.active, .change-password .tab-ticket .ticket-container-large.active, .forgot-page .tab-ticket .ticket-container-large.active, .section-profile .tab-ticket .ticket-container-large.active, .section-ticket .tab-ticket .ticket-container-large.active {
    height: auto;
  }
}
@media (max-height: 45em) {
  .home .tab-ticket .ticket-container-large.active, .login .tab-ticket .ticket-container-large.active, .register .tab-ticket .ticket-container-large.active, .change-password .tab-ticket .ticket-container-large.active, .forgot-page .tab-ticket .ticket-container-large.active, .section-profile .tab-ticket .ticket-container-large.active, .section-ticket .tab-ticket .ticket-container-large.active {
    height: auto;
    margin-bottom: 1rem;
  }
}
@media (min-height: calc(67.5em + 1px)) {
  .home .tab-ticket .ticket-container-large, .login .tab-ticket .ticket-container-large, .register .tab-ticket .ticket-container-large, .change-password .tab-ticket .ticket-container-large, .forgot-page .tab-ticket .ticket-container-large, .section-profile .tab-ticket .ticket-container-large, .section-ticket .tab-ticket .ticket-container-large {
    height: auto;
  }
}
@media (max-width: 48em) {
  .home .tab-ticket .ticket-container-large, .login .tab-ticket .ticket-container-large, .register .tab-ticket .ticket-container-large, .change-password .tab-ticket .ticket-container-large, .forgot-page .tab-ticket .ticket-container-large, .section-profile .tab-ticket .ticket-container-large, .section-ticket .tab-ticket .ticket-container-large {
    height: auto;
  }
}
@media (max-height: 45em) {
  .home .tab-ticket .ticket-container-large, .login .tab-ticket .ticket-container-large, .register .tab-ticket .ticket-container-large, .change-password .tab-ticket .ticket-container-large, .forgot-page .tab-ticket .ticket-container-large, .section-profile .tab-ticket .ticket-container-large, .section-ticket .tab-ticket .ticket-container-large {
    height: auto;
    margin-bottom: 1rem;
  }
}
@media (min-width: calc(48em + 1px)) {
  .home .tab-ticket, .login .tab-ticket, .register .tab-ticket, .change-password .tab-ticket, .forgot-page .tab-ticket, .section-profile .tab-ticket, .section-ticket .tab-ticket {
    margin: 0;
    width: auto;
  }
}
.home .ticket-container, .login .ticket-container, .register .ticket-container, .change-password .ticket-container, .forgot-page .ticket-container, .section-profile .ticket-container, .section-ticket .ticket-container {
  margin: 1rem 0;
  padding: 0 1rem;
  width: 100%;
}
.home .ticket-container .filter-date, .login .ticket-container .filter-date, .register .ticket-container .filter-date, .change-password .ticket-container .filter-date, .forgot-page .ticket-container .filter-date, .section-profile .ticket-container .filter-date, .section-ticket .ticket-container .filter-date {
  margin-top: 1rem;
}
.home .ticket-container .filter-date .filter-header, .login .ticket-container .filter-date .filter-header, .register .ticket-container .filter-date .filter-header, .change-password .ticket-container .filter-date .filter-header, .forgot-page .ticket-container .filter-date .filter-header, .section-profile .ticket-container .filter-date .filter-header, .section-ticket .ticket-container .filter-date .filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
}
.home .ticket-container .filter-date .filter-header div:last-child, .login .ticket-container .filter-date .filter-header div:last-child, .register .ticket-container .filter-date .filter-header div:last-child, .change-password .ticket-container .filter-date .filter-header div:last-child, .forgot-page .ticket-container .filter-date .filter-header div:last-child, .section-profile .ticket-container .filter-date .filter-header div:last-child, .section-ticket .ticket-container .filter-date .filter-header div:last-child {
  color: var(--color-error);
  cursor: pointer;
}
.home .ticket-container .filter-date .filter-body, .login .ticket-container .filter-date .filter-body, .register .ticket-container .filter-date .filter-body, .change-password .ticket-container .filter-date .filter-body, .forgot-page .ticket-container .filter-date .filter-body, .section-profile .ticket-container .filter-date .filter-body, .section-ticket .ticket-container .filter-date .filter-body {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.home .ticket-container .filter-date .filter-body > div, .login .ticket-container .filter-date .filter-body > div, .register .ticket-container .filter-date .filter-body > div, .change-password .ticket-container .filter-date .filter-body > div, .forgot-page .ticket-container .filter-date .filter-body > div, .section-profile .ticket-container .filter-date .filter-body > div, .section-ticket .ticket-container .filter-date .filter-body > div {
  position: relative;
  width: 100%;
}
.home .ticket-container .filter-date .filter-body input, .login .ticket-container .filter-date .filter-body input, .register .ticket-container .filter-date .filter-body input, .change-password .ticket-container .filter-date .filter-body input, .forgot-page .ticket-container .filter-date .filter-body input, .section-profile .ticket-container .filter-date .filter-body input, .section-ticket .ticket-container .filter-date .filter-body input {
  padding: 0 1rem !important;
  padding-right: 2rem !important;
  height: 45px;
  background-color: #FFFFFF;
  border: 1px solid var(--border-dark);
  border-radius: 10px !important;
  font-size: 14px;
  font-weight: 400;
  color: #3C3C3C;
}
.home .ticket-container .filter-date .filter-body svg, .login .ticket-container .filter-date .filter-body svg, .register .ticket-container .filter-date .filter-body svg, .change-password .ticket-container .filter-date .filter-body svg, .forgot-page .ticket-container .filter-date .filter-body svg, .section-profile .ticket-container .filter-date .filter-body svg, .section-ticket .ticket-container .filter-date .filter-body svg {
  position: absolute;
  top: 12px;
  right: 12px;
}
.home .ticket-container .filter-status, .login .ticket-container .filter-status, .register .ticket-container .filter-status, .change-password .ticket-container .filter-status, .forgot-page .ticket-container .filter-status, .section-profile .ticket-container .filter-status, .section-ticket .ticket-container .filter-status {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.home .ticket-container .filter-status > div, .login .ticket-container .filter-status > div, .register .ticket-container .filter-status > div, .change-password .ticket-container .filter-status > div, .forgot-page .ticket-container .filter-status > div, .section-profile .ticket-container .filter-status > div, .section-ticket .ticket-container .filter-status > div {
  padding: 1rem;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid var(--border-dark);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 400;
  color: var(--border-dark);
  cursor: pointer;
}
.home .ticket-container .filter-status > div.active, .login .ticket-container .filter-status > div.active, .register .ticket-container .filter-status > div.active, .change-password .ticket-container .filter-status > div.active, .forgot-page .ticket-container .filter-status > div.active, .section-profile .ticket-container .filter-status > div.active, .section-ticket .ticket-container .filter-status > div.active {
  border: none;
  background-color: var(--color-primary);
  font-weight: 700;
  color: #FFFFFF;
}
.home .ticket-container .ticket-list, .login .ticket-container .ticket-list, .register .ticket-container .ticket-list, .change-password .ticket-container .ticket-list, .forgot-page .ticket-container .ticket-list, .section-profile .ticket-container .ticket-list, .section-ticket .ticket-container .ticket-list {
  margin-top: 1rem;
  display: grid;
  gap: 1rem;
}
@media (min-width: calc(32em + 1px)) {
  .home .ticket-container, .login .ticket-container, .register .ticket-container, .change-password .ticket-container, .forgot-page .ticket-container, .section-profile .ticket-container, .section-ticket .ticket-container {
    padding: 0;
    width: 500px;
  }
}
.home .ticket-wrapper, .login .ticket-wrapper, .register .ticket-wrapper, .change-password .ticket-wrapper, .forgot-page .ticket-wrapper, .section-profile .ticket-wrapper, .section-ticket .ticket-wrapper {
  width: 100%;
  border: 1px solid var(--border-dark);
  border-radius: 5px;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
}
.home .ticket-wrapper .ticket-header, .login .ticket-wrapper .ticket-header, .register .ticket-wrapper .ticket-header, .change-password .ticket-wrapper .ticket-header, .forgot-page .ticket-wrapper .ticket-header, .section-profile .ticket-wrapper .ticket-header, .section-ticket .ticket-wrapper .ticket-header {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-dark);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
}
.home .ticket-wrapper .ticket-header .action, .login .ticket-wrapper .ticket-header .action, .register .ticket-wrapper .ticket-header .action, .change-password .ticket-wrapper .ticket-header .action, .forgot-page .ticket-wrapper .ticket-header .action, .section-profile .ticket-wrapper .ticket-header .action, .section-ticket .ticket-wrapper .ticket-header .action {
  position: relative;
  cursor: pointer;
}
.home .ticket-wrapper .ticket-header .action.dropdown .action-dropdown, .login .ticket-wrapper .ticket-header .action.dropdown .action-dropdown, .register .ticket-wrapper .ticket-header .action.dropdown .action-dropdown, .change-password .ticket-wrapper .ticket-header .action.dropdown .action-dropdown, .forgot-page .ticket-wrapper .ticket-header .action.dropdown .action-dropdown, .section-profile .ticket-wrapper .ticket-header .action.dropdown .action-dropdown, .section-ticket .ticket-wrapper .ticket-header .action.dropdown .action-dropdown {
  display: flex;
}
.home .ticket-wrapper .ticket-header .action .action-dropdown, .login .ticket-wrapper .ticket-header .action .action-dropdown, .register .ticket-wrapper .ticket-header .action .action-dropdown, .change-password .ticket-wrapper .ticket-header .action .action-dropdown, .forgot-page .ticket-wrapper .ticket-header .action .action-dropdown, .section-profile .ticket-wrapper .ticket-header .action .action-dropdown, .section-ticket .ticket-wrapper .ticket-header .action .action-dropdown {
  display: none;
  position: absolute;
  top: -17px;
  right: -12.5rem;
  padding: 1rem;
  width: 170px;
  height: 98px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  background-color: #FFFFFF;
  border: 1px solid var(--border-dark);
  border-radius: 5px;
  cursor: default;
}
.home .ticket-wrapper .ticket-header .action .action-dropdown div, .login .ticket-wrapper .ticket-header .action .action-dropdown div, .register .ticket-wrapper .ticket-header .action .action-dropdown div, .change-password .ticket-wrapper .ticket-header .action .action-dropdown div, .forgot-page .ticket-wrapper .ticket-header .action .action-dropdown div, .section-profile .ticket-wrapper .ticket-header .action .action-dropdown div, .section-ticket .ticket-wrapper .ticket-header .action .action-dropdown div {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark);
  cursor: pointer;
}
.home .ticket-wrapper .ticket-header .action .action-dropdown div:last-child, .login .ticket-wrapper .ticket-header .action .action-dropdown div:last-child, .register .ticket-wrapper .ticket-header .action .action-dropdown div:last-child, .change-password .ticket-wrapper .ticket-header .action .action-dropdown div:last-child, .forgot-page .ticket-wrapper .ticket-header .action .action-dropdown div:last-child, .section-profile .ticket-wrapper .ticket-header .action .action-dropdown div:last-child, .section-ticket .ticket-wrapper .ticket-header .action .action-dropdown div:last-child {
  color: var(--color-error);
}
.home .ticket-wrapper .ticket-body, .login .ticket-wrapper .ticket-body, .register .ticket-wrapper .ticket-body, .change-password .ticket-wrapper .ticket-body, .forgot-page .ticket-wrapper .ticket-body, .section-profile .ticket-wrapper .ticket-body, .section-ticket .ticket-wrapper .ticket-body {
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: center;
  gap: 0.5rem;
}
.home .ticket-wrapper .ticket-body > div, .login .ticket-wrapper .ticket-body > div, .register .ticket-wrapper .ticket-body > div, .change-password .ticket-wrapper .ticket-body > div, .forgot-page .ticket-wrapper .ticket-body > div, .section-profile .ticket-wrapper .ticket-body > div, .section-ticket .ticket-wrapper .ticket-body > div {
  width: 100%;
  border: 1px solid var(--border-dark);
  border-radius: 3px;
}
.home .ticket-wrapper .ticket-body .queue-number, .login .ticket-wrapper .ticket-body .queue-number, .register .ticket-wrapper .ticket-body .queue-number, .change-password .ticket-wrapper .ticket-body .queue-number, .forgot-page .ticket-wrapper .ticket-body .queue-number, .section-profile .ticket-wrapper .ticket-body .queue-number, .section-ticket .ticket-wrapper .ticket-body .queue-number {
  grid-row: 1 / 2;
  grid-column: 1 / 4;
  font-size: 20px;
  font-weight: 700;
  color: var(--color-primary);
}
.home .ticket-wrapper .ticket-body .ticket-status, .login .ticket-wrapper .ticket-body .ticket-status, .register .ticket-wrapper .ticket-body .ticket-status, .change-password .ticket-wrapper .ticket-body .ticket-status, .forgot-page .ticket-wrapper .ticket-body .ticket-status, .section-profile .ticket-wrapper .ticket-body .ticket-status, .section-ticket .ticket-wrapper .ticket-body .ticket-status {
  grid-row: 1 / 2;
  grid-column: 4 / 7;
  font-size: 14px;
  font-weight: 700;
  background-color: var(--bg-success);
  color: var(--color-success);
}
.home .ticket-wrapper .ticket-body .ticket-status.status-on-queue, .login .ticket-wrapper .ticket-body .ticket-status.status-on-queue, .register .ticket-wrapper .ticket-body .ticket-status.status-on-queue, .change-password .ticket-wrapper .ticket-body .ticket-status.status-on-queue, .forgot-page .ticket-wrapper .ticket-body .ticket-status.status-on-queue, .section-profile .ticket-wrapper .ticket-body .ticket-status.status-on-queue, .section-ticket .ticket-wrapper .ticket-body .ticket-status.status-on-queue {
  background-color: var(--bg-process);
  color: var(--color-process);
}
.home .ticket-wrapper .ticket-body .ticket-status.status-on-call, .login .ticket-wrapper .ticket-body .ticket-status.status-on-call, .register .ticket-wrapper .ticket-body .ticket-status.status-on-call, .change-password .ticket-wrapper .ticket-body .ticket-status.status-on-call, .forgot-page .ticket-wrapper .ticket-body .ticket-status.status-on-call, .section-profile .ticket-wrapper .ticket-body .ticket-status.status-on-call, .section-ticket .ticket-wrapper .ticket-body .ticket-status.status-on-call {
  background-color: var(--bg-secondary);
  color: var(--color-secondary);
}
.home .ticket-wrapper .ticket-body .address, .login .ticket-wrapper .ticket-body .address, .register .ticket-wrapper .ticket-body .address, .change-password .ticket-wrapper .ticket-body .address, .forgot-page .ticket-wrapper .ticket-body .address, .section-profile .ticket-wrapper .ticket-body .address, .section-ticket .ticket-wrapper .ticket-body .address {
  grid-row: 2 / 3;
  grid-column: 1 / 3;
}
.home .ticket-wrapper .ticket-body .category, .login .ticket-wrapper .ticket-body .category, .register .ticket-wrapper .ticket-body .category, .change-password .ticket-wrapper .ticket-body .category, .forgot-page .ticket-wrapper .ticket-body .category, .section-profile .ticket-wrapper .ticket-body .category, .section-ticket .ticket-wrapper .ticket-body .category {
  grid-row: 2 / 3;
  grid-column: 3 / 5;
}
.home .ticket-wrapper .ticket-body .total-queue, .login .ticket-wrapper .ticket-body .total-queue, .register .ticket-wrapper .ticket-body .total-queue, .change-password .ticket-wrapper .ticket-body .total-queue, .forgot-page .ticket-wrapper .ticket-body .total-queue, .section-profile .ticket-wrapper .ticket-body .total-queue, .section-ticket .ticket-wrapper .ticket-body .total-queue {
  grid-row: 2 / 3;
  grid-column: 5 / 7;
}
.home .ticket-wrapper .ticket-body .queue-number, .home .ticket-wrapper .ticket-body .ticket-status, .login .ticket-wrapper .ticket-body .queue-number, .login .ticket-wrapper .ticket-body .ticket-status, .register .ticket-wrapper .ticket-body .queue-number, .register .ticket-wrapper .ticket-body .ticket-status, .change-password .ticket-wrapper .ticket-body .queue-number, .change-password .ticket-wrapper .ticket-body .ticket-status, .forgot-page .ticket-wrapper .ticket-body .queue-number, .forgot-page .ticket-wrapper .ticket-body .ticket-status, .section-profile .ticket-wrapper .ticket-body .queue-number, .section-profile .ticket-wrapper .ticket-body .ticket-status, .section-ticket .ticket-wrapper .ticket-body .queue-number, .section-ticket .ticket-wrapper .ticket-body .ticket-status {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home .ticket-wrapper .ticket-body .address, .home .ticket-wrapper .ticket-body .category, .home .ticket-wrapper .ticket-body .total-queue, .login .ticket-wrapper .ticket-body .address, .login .ticket-wrapper .ticket-body .category, .login .ticket-wrapper .ticket-body .total-queue, .register .ticket-wrapper .ticket-body .address, .register .ticket-wrapper .ticket-body .category, .register .ticket-wrapper .ticket-body .total-queue, .change-password .ticket-wrapper .ticket-body .address, .change-password .ticket-wrapper .ticket-body .category, .change-password .ticket-wrapper .ticket-body .total-queue, .forgot-page .ticket-wrapper .ticket-body .address, .forgot-page .ticket-wrapper .ticket-body .category, .forgot-page .ticket-wrapper .ticket-body .total-queue, .section-profile .ticket-wrapper .ticket-body .address, .section-profile .ticket-wrapper .ticket-body .category, .section-profile .ticket-wrapper .ticket-body .total-queue, .section-ticket .ticket-wrapper .ticket-body .address, .section-ticket .ticket-wrapper .ticket-body .category, .section-ticket .ticket-wrapper .ticket-body .total-queue {
  padding: 0.5rem;
  height: 101px;
  display: grid;
}
.home .ticket-wrapper .ticket-body .address label, .home .ticket-wrapper .ticket-body .category label, .home .ticket-wrapper .ticket-body .total-queue label, .login .ticket-wrapper .ticket-body .address label, .login .ticket-wrapper .ticket-body .category label, .login .ticket-wrapper .ticket-body .total-queue label, .register .ticket-wrapper .ticket-body .address label, .register .ticket-wrapper .ticket-body .category label, .register .ticket-wrapper .ticket-body .total-queue label, .change-password .ticket-wrapper .ticket-body .address label, .change-password .ticket-wrapper .ticket-body .category label, .change-password .ticket-wrapper .ticket-body .total-queue label, .forgot-page .ticket-wrapper .ticket-body .address label, .forgot-page .ticket-wrapper .ticket-body .category label, .forgot-page .ticket-wrapper .ticket-body .total-queue label, .section-profile .ticket-wrapper .ticket-body .address label, .section-profile .ticket-wrapper .ticket-body .category label, .section-profile .ticket-wrapper .ticket-body .total-queue label, .section-ticket .ticket-wrapper .ticket-body .address label, .section-ticket .ticket-wrapper .ticket-body .category label, .section-ticket .ticket-wrapper .ticket-body .total-queue label {
  margin: 0;
  align-self: flex-start;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-dark);
}
.home .ticket-wrapper .ticket-body .address > div, .home .ticket-wrapper .ticket-body .category > div, .home .ticket-wrapper .ticket-body .total-queue > div, .login .ticket-wrapper .ticket-body .address > div, .login .ticket-wrapper .ticket-body .category > div, .login .ticket-wrapper .ticket-body .total-queue > div, .register .ticket-wrapper .ticket-body .address > div, .register .ticket-wrapper .ticket-body .category > div, .register .ticket-wrapper .ticket-body .total-queue > div, .change-password .ticket-wrapper .ticket-body .address > div, .change-password .ticket-wrapper .ticket-body .category > div, .change-password .ticket-wrapper .ticket-body .total-queue > div, .forgot-page .ticket-wrapper .ticket-body .address > div, .forgot-page .ticket-wrapper .ticket-body .category > div, .forgot-page .ticket-wrapper .ticket-body .total-queue > div, .section-profile .ticket-wrapper .ticket-body .address > div, .section-profile .ticket-wrapper .ticket-body .category > div, .section-profile .ticket-wrapper .ticket-body .total-queue > div, .section-ticket .ticket-wrapper .ticket-body .address > div, .section-ticket .ticket-wrapper .ticket-body .category > div, .section-ticket .ticket-wrapper .ticket-body .total-queue > div {
  align-self: flex-end;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark);
}
.home .ticket-container-large, .login .ticket-container-large, .register .ticket-container-large, .change-password .ticket-container-large, .forgot-page .ticket-container-large, .section-profile .ticket-container-large, .section-ticket .ticket-container-large {
  margin-top: 1rem;
  width: 90vw;
  height: calc(100vh - 4rem - 168px);
  border: 1px solid var(--border-dark);
  border-radius: 20px 20px 0 0;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
  opacity: 0.5;
}
.home .ticket-container-large.active, .login .ticket-container-large.active, .register .ticket-container-large.active, .change-password .ticket-container-large.active, .forgot-page .ticket-container-large.active, .section-profile .ticket-container-large.active, .section-ticket .ticket-container-large.active {
  opacity: 1;
}
.home .ticket-container-large.active .ticket-description .actions button, .login .ticket-container-large.active .ticket-description .actions button, .register .ticket-container-large.active .ticket-description .actions button, .change-password .ticket-container-large.active .ticket-description .actions button, .forgot-page .ticket-container-large.active .ticket-description .actions button, .section-profile .ticket-container-large.active .ticket-description .actions button, .section-ticket .ticket-container-large.active .ticket-description .actions button {
  cursor: pointer;
}
.home .ticket-container-large .desktop-view, .login .ticket-container-large .desktop-view, .register .ticket-container-large .desktop-view, .change-password .ticket-container-large .desktop-view, .forgot-page .ticket-container-large .desktop-view, .section-profile .ticket-container-large .desktop-view, .section-ticket .ticket-container-large .desktop-view {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.home .ticket-container-large .desktop-view > div, .login .ticket-container-large .desktop-view > div, .register .ticket-container-large .desktop-view > div, .change-password .ticket-container-large .desktop-view > div, .forgot-page .ticket-container-large .desktop-view > div, .section-profile .ticket-container-large .desktop-view > div, .section-ticket .ticket-container-large .desktop-view > div {
  padding: 1rem;
}
.home .ticket-container-large .desktop-view .ticket-qrcode, .login .ticket-container-large .desktop-view .ticket-qrcode, .register .ticket-container-large .desktop-view .ticket-qrcode, .change-password .ticket-container-large .desktop-view .ticket-qrcode, .forgot-page .ticket-container-large .desktop-view .ticket-qrcode, .section-profile .ticket-container-large .desktop-view .ticket-qrcode, .section-ticket .ticket-container-large .desktop-view .ticket-qrcode {
  padding: 1rem 0;
}
@media (max-width: 34em) {
  .home .ticket-container-large .desktop-view, .login .ticket-container-large .desktop-view, .register .ticket-container-large .desktop-view, .change-password .ticket-container-large .desktop-view, .forgot-page .ticket-container-large .desktop-view, .section-profile .ticket-container-large .desktop-view, .section-ticket .ticket-container-large .desktop-view {
    display: none;
  }
}
.home .ticket-container-large .mobile-view, .login .ticket-container-large .mobile-view, .register .ticket-container-large .mobile-view, .change-password .ticket-container-large .mobile-view, .forgot-page .ticket-container-large .mobile-view, .section-profile .ticket-container-large .mobile-view, .section-ticket .ticket-container-large .mobile-view {
  height: 100%;
  display: grid;
  grid-template-rows: 50px 1fr;
  grid-template-columns: 1fr;
}
.home .ticket-container-large .mobile-view > div, .login .ticket-container-large .mobile-view > div, .register .ticket-container-large .mobile-view > div, .change-password .ticket-container-large .mobile-view > div, .forgot-page .ticket-container-large .mobile-view > div, .section-profile .ticket-container-large .mobile-view > div, .section-ticket .ticket-container-large .mobile-view > div {
  padding: 1rem;
}
.home .ticket-container-large .mobile-view .ticket-tabs, .login .ticket-container-large .mobile-view .ticket-tabs, .register .ticket-container-large .mobile-view .ticket-tabs, .change-password .ticket-container-large .mobile-view .ticket-tabs, .forgot-page .ticket-container-large .mobile-view .ticket-tabs, .section-profile .ticket-container-large .mobile-view .ticket-tabs, .section-ticket .ticket-container-large .mobile-view .ticket-tabs {
  grid-column: 1 / 3;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 20px 20px 0 0;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  cursor: pointer;
}
.home .ticket-container-large .mobile-view .ticket-tabs div, .login .ticket-container-large .mobile-view .ticket-tabs div, .register .ticket-container-large .mobile-view .ticket-tabs div, .change-password .ticket-container-large .mobile-view .ticket-tabs div, .forgot-page .ticket-container-large .mobile-view .ticket-tabs div, .section-profile .ticket-container-large .mobile-view .ticket-tabs div, .section-ticket .ticket-container-large .mobile-view .ticket-tabs div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home .ticket-container-large .mobile-view .ticket-qrcode, .login .ticket-container-large .mobile-view .ticket-qrcode, .register .ticket-container-large .mobile-view .ticket-qrcode, .change-password .ticket-container-large .mobile-view .ticket-qrcode, .forgot-page .ticket-container-large .mobile-view .ticket-qrcode, .section-profile .ticket-container-large .mobile-view .ticket-qrcode, .section-ticket .ticket-container-large .mobile-view .ticket-qrcode {
  border: none;
  grid-template-rows: 1fr 50px;
  justify-items: center;
  align-items: center;
}
.home .ticket-container-large .mobile-view .ticket-description, .login .ticket-container-large .mobile-view .ticket-description, .register .ticket-container-large .mobile-view .ticket-description, .change-password .ticket-container-large .mobile-view .ticket-description, .forgot-page .ticket-container-large .mobile-view .ticket-description, .section-profile .ticket-container-large .mobile-view .ticket-description, .section-ticket .ticket-container-large .mobile-view .ticket-description {
  gap: 0.25rem;
  font-size: 14px;
  line-height: 14px;
}
.home .ticket-container-large .mobile-view .ticket-description label, .login .ticket-container-large .mobile-view .ticket-description label, .register .ticket-container-large .mobile-view .ticket-description label, .change-password .ticket-container-large .mobile-view .ticket-description label, .forgot-page .ticket-container-large .mobile-view .ticket-description label, .section-profile .ticket-container-large .mobile-view .ticket-description label, .section-ticket .ticket-container-large .mobile-view .ticket-description label {
  font-size: 12px;
  line-height: 12px;
}
.home .ticket-container-large .mobile-view .ticket-description .location-name, .login .ticket-container-large .mobile-view .ticket-description .location-name, .register .ticket-container-large .mobile-view .ticket-description .location-name, .change-password .ticket-container-large .mobile-view .ticket-description .location-name, .forgot-page .ticket-container-large .mobile-view .ticket-description .location-name, .section-profile .ticket-container-large .mobile-view .ticket-description .location-name, .section-ticket .ticket-container-large .mobile-view .ticket-description .location-name {
  font-size: 20px;
  line-height: 20px;
}
.home .ticket-container-large .mobile-view .ticket-description .queue-number, .login .ticket-container-large .mobile-view .ticket-description .queue-number, .register .ticket-container-large .mobile-view .ticket-description .queue-number, .change-password .ticket-container-large .mobile-view .ticket-description .queue-number, .forgot-page .ticket-container-large .mobile-view .ticket-description .queue-number, .section-profile .ticket-container-large .mobile-view .ticket-description .queue-number, .section-ticket .ticket-container-large .mobile-view .ticket-description .queue-number {
  font-size: 24px;
  line-height: 24px;
}
@media (min-width: calc(34em + 1px)) {
  .home .ticket-container-large .mobile-view, .login .ticket-container-large .mobile-view, .register .ticket-container-large .mobile-view, .change-password .ticket-container-large .mobile-view, .forgot-page .ticket-container-large .mobile-view, .section-profile .ticket-container-large .mobile-view, .section-ticket .ticket-container-large .mobile-view {
    display: none;
  }
}
.home .ticket-container-large .ticket-qrcode, .login .ticket-container-large .ticket-qrcode, .register .ticket-container-large .ticket-qrcode, .change-password .ticket-container-large .ticket-qrcode, .forgot-page .ticket-container-large .ticket-qrcode, .section-profile .ticket-container-large .ticket-qrcode, .section-ticket .ticket-container-large .ticket-qrcode {
  display: grid;
  grid-template-rows: 1fr 50px;
  justify-items: center;
  border-right: 1px solid #000D2D2D;
  font-size: 25px;
  font-weight: 600;
  color: var(--color-secondary);
}
.home .ticket-container-large .ticket-qrcode canvas, .login .ticket-container-large .ticket-qrcode canvas, .register .ticket-container-large .ticket-qrcode canvas, .change-password .ticket-container-large .ticket-qrcode canvas, .forgot-page .ticket-container-large .ticket-qrcode canvas, .section-profile .ticket-container-large .ticket-qrcode canvas, .section-ticket .ticket-container-large .ticket-qrcode canvas {
  width: 90%;
  aspect-ratio: 1;
}
.home .ticket-container-large .ticket-qrcode > div, .login .ticket-container-large .ticket-qrcode > div, .register .ticket-container-large .ticket-qrcode > div, .change-password .ticket-container-large .ticket-qrcode > div, .forgot-page .ticket-container-large .ticket-qrcode > div, .section-profile .ticket-container-large .ticket-qrcode > div, .section-ticket .ticket-container-large .ticket-qrcode > div {
  justify-self: center;
  text-align: center;
}
.home .ticket-container-large .ticket-description, .login .ticket-container-large .ticket-description, .register .ticket-container-large .ticket-description, .change-password .ticket-container-large .ticket-description, .forgot-page .ticket-container-large .ticket-description, .section-profile .ticket-container-large .ticket-description, .section-ticket .ticket-container-large .ticket-description {
  display: grid;
  gap: 0.5rem;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  color: var(--color-secondary);
}
.home .ticket-container-large .ticket-description > div, .login .ticket-container-large .ticket-description > div, .register .ticket-container-large .ticket-description > div, .change-password .ticket-container-large .ticket-description > div, .forgot-page .ticket-container-large .ticket-description > div, .section-profile .ticket-container-large .ticket-description > div, .section-ticket .ticket-container-large .ticket-description > div {
  align-self: center;
  text-align: center;
}
.home .ticket-container-large .ticket-description label, .login .ticket-container-large .ticket-description label, .register .ticket-container-large .ticket-description label, .change-password .ticket-container-large .ticket-description label, .forgot-page .ticket-container-large .ticket-description label, .section-profile .ticket-container-large .ticket-description label, .section-ticket .ticket-container-large .ticket-description label {
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  opacity: 0.5;
}
.home .ticket-container-large .ticket-description .location-name, .login .ticket-container-large .ticket-description .location-name, .register .ticket-container-large .ticket-description .location-name, .change-password .ticket-container-large .ticket-description .location-name, .forgot-page .ticket-container-large .ticket-description .location-name, .section-profile .ticket-container-large .ticket-description .location-name, .section-ticket .ticket-container-large .ticket-description .location-name {
  font-size: 30px;
  line-height: 30px;
}
.home .ticket-container-large .ticket-description .queue-number, .login .ticket-container-large .ticket-description .queue-number, .register .ticket-container-large .ticket-description .queue-number, .change-password .ticket-container-large .ticket-description .queue-number, .forgot-page .ticket-container-large .ticket-description .queue-number, .section-profile .ticket-container-large .ticket-description .queue-number, .section-ticket .ticket-container-large .ticket-description .queue-number {
  font-size: 40px;
  line-height: 40px;
}
.home .ticket-container-large .ticket-description .actions, .login .ticket-container-large .ticket-description .actions, .register .ticket-container-large .ticket-description .actions, .change-password .ticket-container-large .ticket-description .actions, .forgot-page .ticket-container-large .ticket-description .actions, .section-profile .ticket-container-large .ticket-description .actions, .section-ticket .ticket-container-large .ticket-description .actions {
  margin-top: 1rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-self: flex-end;
  gap: 0.5rem;
}
.home .ticket-container-large .ticket-description .actions button, .login .ticket-container-large .ticket-description .actions button, .register .ticket-container-large .ticket-description .actions button, .change-password .ticket-container-large .ticket-description .actions button, .forgot-page .ticket-container-large .ticket-description .actions button, .section-profile .ticket-container-large .ticket-description .actions button, .section-ticket .ticket-container-large .ticket-description .actions button {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  cursor: default;
}
@media (min-width: 28em) {
  .home .ticket-container-large .ticket-description .actions button, .login .ticket-container-large .ticket-description .actions button, .register .ticket-container-large .ticket-description .actions button, .change-password .ticket-container-large .ticket-description .actions button, .forgot-page .ticket-container-large .ticket-description .actions button, .section-profile .ticket-container-large .ticket-description .actions button, .section-ticket .ticket-container-large .ticket-description .actions button {
    height: 50px;
  }
}
.home .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .login .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .register .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .change-password .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .forgot-page .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .section-profile .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .section-ticket .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
  background-color: var(--color-primary);
  color: #FFFFFF;
}
@media (min-width: 28em) {
  .home .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .login .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .register .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .change-password .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .forgot-page .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .section-profile .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp, .section-ticket .ticket-container-large .ticket-description .actions .btn-send-to-whatsapp {
    grid-column: 1 / 2;
  }
}
.home .ticket-container-large .ticket-description .actions .btn-change, .login .ticket-container-large .ticket-description .actions .btn-change, .register .ticket-container-large .ticket-description .actions .btn-change, .change-password .ticket-container-large .ticket-description .actions .btn-change, .forgot-page .ticket-container-large .ticket-description .actions .btn-change, .section-profile .ticket-container-large .ticket-description .actions .btn-change, .section-ticket .ticket-container-large .ticket-description .actions .btn-change {
  grid-row: 2 / 3;
  grid-column: 1 / 3;
  background-color: var(--color-secondary);
  color: #FFFFFF;
}
@media (min-width: 28em) {
  .home .ticket-container-large .ticket-description .actions .btn-change, .login .ticket-container-large .ticket-description .actions .btn-change, .register .ticket-container-large .ticket-description .actions .btn-change, .change-password .ticket-container-large .ticket-description .actions .btn-change, .forgot-page .ticket-container-large .ticket-description .actions .btn-change, .section-profile .ticket-container-large .ticket-description .actions .btn-change, .section-ticket .ticket-container-large .ticket-description .actions .btn-change {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }
}
.home .ticket-container-large .ticket-description .actions .btn-cancel, .login .ticket-container-large .ticket-description .actions .btn-cancel, .register .ticket-container-large .ticket-description .actions .btn-cancel, .change-password .ticket-container-large .ticket-description .actions .btn-cancel, .forgot-page .ticket-container-large .ticket-description .actions .btn-cancel, .section-profile .ticket-container-large .ticket-description .actions .btn-cancel, .section-ticket .ticket-container-large .ticket-description .actions .btn-cancel {
  grid-row: 3 / 4;
  grid-column: 1 / 3;
  background-color: #FFFFFF;
  color: var(--color-error);
  border: 2px solid var(--color-error);
}
@media (min-width: 28em) {
  .home .ticket-container-large .ticket-description .actions .btn-cancel, .login .ticket-container-large .ticket-description .actions .btn-cancel, .register .ticket-container-large .ticket-description .actions .btn-cancel, .change-password .ticket-container-large .ticket-description .actions .btn-cancel, .forgot-page .ticket-container-large .ticket-description .actions .btn-cancel, .section-profile .ticket-container-large .ticket-description .actions .btn-cancel, .section-ticket .ticket-container-large .ticket-description .actions .btn-cancel {
    grid-row: 2 / 3;
  }
}
@media (min-width: 28em) {
  .home .ticket-container-large .ticket-description .actions, .login .ticket-container-large .ticket-description .actions, .register .ticket-container-large .ticket-description .actions, .change-password .ticket-container-large .ticket-description .actions, .forgot-page .ticket-container-large .ticket-description .actions, .section-profile .ticket-container-large .ticket-description .actions, .section-ticket .ticket-container-large .ticket-description .actions {
    gap: 1rem;
  }
}
@media (min-width: calc(64em + 1px)) {
  .home .ticket-container-large, .login .ticket-container-large, .register .ticket-container-large, .change-password .ticket-container-large, .forgot-page .ticket-container-large, .section-profile .ticket-container-large, .section-ticket .ticket-container-large {
    width: 60vw;
  }
}
@media (min-height: calc(67.5em + 1px)) {
  .home .ticket-container-large, .login .ticket-container-large, .register .ticket-container-large, .change-password .ticket-container-large, .forgot-page .ticket-container-large, .section-profile .ticket-container-large, .section-ticket .ticket-container-large {
    height: auto;
  }
}
@media (max-width: 48em) {
  .home .ticket-container-large, .login .ticket-container-large, .register .ticket-container-large, .change-password .ticket-container-large, .forgot-page .ticket-container-large, .section-profile .ticket-container-large, .section-ticket .ticket-container-large {
    height: auto;
  }
}
@media (max-height: 45em) {
  .home .ticket-container-large, .login .ticket-container-large, .register .ticket-container-large, .change-password .ticket-container-large, .forgot-page .ticket-container-large, .section-profile .ticket-container-large, .section-ticket .ticket-container-large {
    height: auto;
    margin-bottom: 1rem;
  }
}
.modalOtp .modal-dialog {
  margin: 0 1rem;
  width: auto;
}
@media (min-width: 32em) {
  .modalOtp .modal-dialog {
    margin: auto;
    width: 500px;
  }
}
.modalOtp .modal-content {
  border: 1px solid var(--border-dark);
  border-radius: 20px;
}
.modalOtp .modal-header {
  position: relative;
  height: 100px;
  background-color: var(--color-primary);
  border: none;
  border-radius: 20px 20px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}
.modalOtp .modal-header h5 {
  font-size: 3rem;
  letter-spacing: 5px;
  line-height: 0;
}
@media (min-width: 28em) {
  .modalOtp .modal-header h5 {
    font-size: 5rem;
  }
}
.modalOtp .modal-header button {
  position: absolute;
  top: 3rem;
  left: 1rem;
  right: auto;
  opacity: 1;
}
@media (min-width: 28em) {
  .modalOtp .modal-header button {
    top: 2rem;
  }
}
@media (min-width: 28em) {
  .modalOtp .modal-header {
    height: 150px;
  }
}
.modalOtp .modal-body {
  border-radius: 0 0 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modalOtp .modal-body .modal-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-dark);
}
.modalOtp .modal-body .subtitle {
  margin-top: 0.5rem;
  font-size: 16px;
  font-weight: 400;
  color: var(--text-dark);
  text-align: center;
}
.modalOtp .modal-body .phone-number {
  margin-top: 0.25rem;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-primary);
}
.modalOtp .modal-body .otp-container {
  margin: 0 4rem;
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.modalOtp .modal-body .otp-container input {
  height: auto;
  padding-top: 0.8rem !important;
  border: 2px solid var(--color-success);
  border-radius: 10px !important;
  font-size: 2rem;
  color: var(--color-primary);
  text-align: center;
}
@media (min-width: 28em) {
  .modalOtp .modal-body .otp-container input {
    height: 100px;
    padding-top: 1.5rem !important;
    font-size: 5rem;
  }
}
@media (max-width: 425px) {
  .modalOtp .modal-body .otp-container input {
    width: 48px;
  }
}
.modalOtp .modal-body .resend-otp {
  margin-top: 2rem;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-dark);
  text-decoration: underline;
}
.modalOtp .modal-body .timer {
  margin-top: 2rem;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-dark);
}
.modalConfirm .modal-dialog {
  width: 450px;
}
.modalConfirm .modal-content {
  border: 1px solid var(--border-dark);
  border-radius: 10px;
}
.modalConfirm .modal-header {
  position: relative;
  height: 60px;
  border: none;
  border-bottom: 1px solid var(--border-dark);
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modalConfirm .modal-header h5 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-dark);
}
.modalConfirm .modal-header button {
  position: absolute;
  top: 2rem;
  left: 1rem;
  right: auto;
  opacity: 1;
}
.modalConfirm .modal-body {
  min-height: 200px;
  display: grid;
  background-color: #FFFFFF;
  border-radius: 0 0 10px 10px;
}
.modalConfirm .modal-body .modal-message {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-secondary);
}
.modalConfirm .modal-body .actions {
  margin-top: 1rem;
  display: flex;
  align-self: flex-end;
  gap: 1rem;
}
.modalConfirm .modal-body .actions button {
  width: 100%;
  height: 45px;
  background-color: #FFFFFF;
  border: 1px solid var(--color-error);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-error);
}
.modalConfirm .modal-body .actions button.btn-modal-confirm-yes {
  background-color: var(--color-error);
  color: #FFFFFF;
}
.modalLocation .modal-dialog {
  width: 593px;
}
.modalLocation .modal-content {
  border: 1px solid var(--border-dark);
  border-radius: 5px;
}
.modalLocation .modal-header {
  position: relative;
  height: 60px;
  border: none;
  border-bottom: 1px solid var(--border-dark);
  border-radius: 5px 5px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modalLocation .modal-header h5 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-dark);
}
.modalLocation .modal-header button {
  position: absolute;
  top: 2rem;
  left: 1rem;
  right: auto;
  opacity: 1;
}
.modalLocation .modal-body {
  min-height: 500px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 0 0 5px 5px;
  overflow-y: auto;
}
.modalLocation .modal-body .location-wrapper {
  position: relative;
  padding: 0 1rem;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color-primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-dark);
  cursor: pointer;
}
.modalLocation .modal-body .location-wrapper:nth-child(2) {
  padding-top: 1rem;
}
.modalLocation .modal-body .location-wrapper .icon-arrow {
  position: absolute;
  right: 1rem;
}
.modalLocation .modal-body .location-wrapper .location-name {
  font-size: 22px;
  font-weight: 600;
}
.modalLocation .modal-body .location-wrapper .category-name {
  font-size: 26px;
  font-weight: 600;
}
.loading-container {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: var(--index-very-high);
}
.loading-container .loading {
  display: grid;
  justify-items: center;
  align-items: center;
  transform: scale(0.75);
}
.loading-container .loading .icon {
  position: relative;
  padding: 1.5rem;
  width: 255px;
  height: 255px;
  background-color: #FFFFFF;
  border-radius: 50%;
}
.loading-container .loading .icon .circle {
  background: linear-gradient(to right, white, #38D97B);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: loading linear 1s infinite;
}
.loading-container .loading .icon img {
  position: absolute;
  padding: 1rem;
  top: 2.5rem;
  left: 2.5rem;
  background: #FFFFFF;
  border-radius: 50%;
}
.loading-container .loading .text {
  margin-top: 2rem;
  font-size: 24px;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
}
@media (min-width: 32em) {
  .loading-container .loading {
    transform: scale(1);
  }
}
.loading-container .checkmark {
  display: grid;
  justify-items: center;
  align-items: center;
  transform: scale(0.75);
}
.loading-container .checkmark .icon {
  position: relative;
  width: 255px;
  height: 255px;
  background-color: #FFFFFF;
  border-radius: 50%;
}
.loading-container .checkmark .icon .circle {
  background: var(--color-primary);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-container .checkmark .content {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #FFFFFF;
}
.loading-container .checkmark .content .content-title {
  font-size: 24px;
  font-weight: 800;
}
.loading-container .checkmark .content .content-description {
  font-size: 16px;
  font-weight: 400;
}
@media (min-width: 32em) {
  .loading-container .checkmark {
    transform: scale(1);
  }
}
@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=741dfd7c3473232db5aa886de553a34e.css.map */