/*******update*********/

body {
  background: url("../../images/login_bg.svg") no-repeat;
  background-position: center;
  background-size: cover;
}

.select::after {
  background-image: url("../../images/select_down.svg");
}

.mask-display {
  background: #fff url(../../images/eye_off.svg) center / cover;
}

.mask-display.show {
  background: url(../../images/eye.svg) center / cover;
}

.stepper ul li.pass:after {
  background: url(../../images/checkcircle.svg) center no-repeat;
}

/****************************************************************/
/*******add*********/

.select-placeholder[data-placeholder="Select"],
.select-placeholder[data-placeholder="Pilih"],
.select-placeholder[data-placeholder="Hãy lựa chọn "],
.select-placeholder[data-placeholder="選択してください。"],
.select-placeholder[data-placeholder="เลือก"],
.select-placeholder[data-placeholder="선택해주세요"]
 {
  color: #aaa;
}

.container {
  align-items: center;
}

@media (max-width: 1023px) {
  .container {
    align-items: start;
  }
}

@media (max-width: 623px) {
  .container {
    align-items: start;
  }
}


.header-logo.always-visible {
  display: block !important; /* 使用 !important 覆蓋其他規則 */
}


.ellipsis {
	width: 100%; /* 限制寬度 */
	white-space: nowrap; /* 不允許換行 */
	overflow: hidden; /* 隱藏溢出的內容 */
	text-overflow: ellipsis; /* 溢出部分顯示省略號 */
}

/* 當文字過長時顯示的 placeholder */
.placeholder-text {
  display: none; /* 預設隱藏 */
}


.register-form .input-title {
  display: flex;
  align-items: center;
  max-width: 100%;
}

.register-form .input-title .label-text {
  flex: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.register-form .input-title .required {
  margin-left: 4px;
}



/*修改條件，在不動style.css的前提，把此條件再覆蓋一次 */
.header-logo {
  display: none;
}
@media (max-width: 1023px) {
  .header-logo {
    display: block;
  }
}