.base-modal-component[data-v-7c4e2831] {
  position: relative;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  width: 100%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  max-height: calc(100vh - 3.5rem);
  overflow-y: auto;
  --v-modal--title-font-size: 16px;
}
.modal-header[data-v-7c4e2831] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dee2e6;
  position: sticky;
  background: #fff;
  top: 0;
  z-index: 100;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  transition: box-shadow 100ms ease;
}
.modal-header.on-top[data-v-7c4e2831] {
  box-shadow: none;
}
.modal-header .modal-title[data-v-7c4e2831] {
  flex: 1;
}
.modal-header .modal-title .txt-title[data-v-7c4e2831] {
  font-size: var(--v-modal--title-font-size);
  color: #000;
  padding: 0 20px;
  font-weight: 500;
}
.modal-header .btn-close[data-v-7c4e2831] {
  margin: 5px 10px;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
}
.modal-header .btn-close[data-v-7c4e2831]:hover {
  background: #f8f9fa;
}
.modal-header .btn-close:hover img[data-v-7c4e2831] {
  opacity: 0.8;
}
.modal-header .btn-close img[data-v-7c4e2831] {
  display: block;
  width: 16px;
  opacity: 0.5;
}
.modal-body[data-v-7c4e2831] {
  padding: var(--v-modal-padding);
}
.buttons[data-v-7c4e2831] {
  position: sticky;
  bottom: 0;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  padding: 20px;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.16);
  transition: box-shadow 100ms ease;
}
.buttons.on-bottom[data-v-7c4e2831] {
  box-shadow: none;
}
.buttons .btn-done[data-v-7c4e2831] {
  background-image: linear-gradient(87deg, rgb(var(--v-theme-accent)) 3%, rgb(var(--v-theme-primary)) 97%);
}
.buttons .btn-done[data-v-7c4e2831],
.buttons .btn-cancel[data-v-7c4e2831] {
  border-radius: 12px;
}.popup-alert-component[data-v-7ce7884b] {
  padding: 1rem 1.5rem;
}
.icon-panel[data-v-7ce7884b] {
  display: flex;
  justify-content: center;
}
.message[data-v-7ce7884b] {
  white-space: pre-line;
  word-break: break-word;
  font-size: 1.125rem;
  color: #333;
}
@media only screen and (max-width: 600px) {
.message[data-v-7ce7884b] {
    font-size: 12px;
}
}.txt-message[data-v-95b18874] {
  padding: 20px 40px 0;
  font-size: 14px;
}.popup-wrong-component[data-v-cbb6cc99] {
  padding: 1rem 1.5rem;
}
.icon-panel[data-v-cbb6cc99] {
  display: flex;
  justify-content: center;
}
.message[data-v-cbb6cc99] {
  margin-top: 20px;
  white-space: pre-line;
  word-break: break-word;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333;
}
@media only screen and (max-width: 600px) {
.message[data-v-cbb6cc99] {
    font-size: 12px;
}
}
.try-again[data-v-cbb6cc99] {
  font-size: 0.85rem;
  font-style: italic;
  color: #666;
  padding: 1rem 0;
}
@media only screen and (max-width: 600px) {
.try-again[data-v-cbb6cc99] {
    font-size: 12px;
}
}.snackbar-item[data-v-d137854f] {
  cursor: pointer;
  opacity: 0.85;
}
.snackbar-item .progress[data-v-d137854f] {
  position: absolute;
  content: " ";
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: currentColor;
  opacity: 0.5;
  animation-name: snackbar-progress-d137854f;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.snackbar-item:hover .progress[data-v-d137854f] {
  animation-play-state: paused;
}
@keyframes snackbar-progress-d137854f {
from {
    width: 0%;
}
to {
    width: 100%;
}
}.re-login-overlay-component[data-v-038e3129] {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
  pointer-events: auto;
}h1 {
  font-size: 32px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 16px;
}

.table {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.table.flat {
  background-color: transparent;
  box-shadow: none;
}
.table.hover-table .trow:hover {
  background-color: rgba(var(--v-theme-primary), 0.05);
}
.table .thead,
.table .trow {
  display: flex;
  padding: 0 20px;
  align-items: center;
  font-size: 14px;
}
.table .thead {
  min-height: 60px;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  font-weight: 500;
  border-radius: 5px 5px 0 0;
}
.table .trow {
  background: #fff;
  min-height: 50px;
}
.table .trow:last-child {
  border-radius: 0 0 5px 5px;
}
.table .tcol {
  flex: 1;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scroll-thin {
  scrollbar-width: thin;
  overflow-y: auto;
  scrollbar-color: #ccc transparent;
}
.scroll-thin::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
.scroll-thin::-webkit-scrollbar-track {
  background: none;
}
.scroll-thin::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 1px;
}