.html,
body,
.signOutBtn {
  font-family: "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "sans-serif" !important;
}

.bg-blue:hover {
  background: rgb(224, 243, 255) !important;
}

.zIndexFix {
  z-index: 1 !important;
}

input {
  font-family: "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "sans-serif" !important;
}

#password {
  font-family: "sans-serif" !important;
}

.alert-icon-selected:after {
  background: rgb(9, 112, 210);
  width: 28px;
  height: 28px;
  display: inline-block;
  content: "";
  -webkit-mask: url("../font/alert-icon.svg") no-repeat 50% 50%;
  mask: url("../font/alert-icon.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.alert-icon:after {
  content: url("../font/alert-icon.svg");
}

.alert-bg-icon:after {
  /* content: url("https://api.iconify.design/ant-design:alert-outlined.svg?height=28"); */
  content: url("../font/alert-bg-icon.svg");
}

/*解析度錯誤*/
@media (max-width: 1289px) {
  .sizeAlert {
    display: none !important;
  }
  .hideAlert {
    display: block !important;
  }
}

@media (min-width: 1290px) {
  .sizeAlert {
    display: block !important;
  }
  .hideAlert {
    display: none !important;
  }
}

/*load font*/
@font-face {
  font-family: "Comfortaa";
  src: url("../font/Comfortaa-VariableFont_wght.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans TC";
  src: url("../font/NotoSansTC-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans SC";
  src: url("../font/NotoSansSC-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*placeholder*/

/*webkit瀏覽器專用*/
::-webkit-input-placeholder {
  font-size: 14.08px !important;
  font-family: "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "sans-serif" !important;
}
/*Firefox 4-18瀏覽器專用*/
::-moz-placeholder {
  font-size: 14.08px !important;
  font-family: "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "sans-serif" !important;
}
/*Firefox 19+瀏覽器專用*/
::-moz-placeholder {
  font-size: 14.08px !important;
  font-family: "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "sans-serif" !important;
}
/*IE10瀏覽器專用*/
:-ms-input-placeholder {
  font-size: 14.08px !important;
  font-family: "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "sans-serif" !important;
}

/*sidebar*/
.metismenu-icon {
  opacity: 1 !important;
}

/*ann tool*/

.logout-btn {
  position: absolute;
  bottom: 10px;
}
@media (max-width: 1450px) {
  .logout-btn {
    position: absolute;
    bottom: 50px;
  }
}

.blackshadow {
  position: fixed;
  z-index: 80;
  top: 0%;
  left: -5%;
  width: 120vw;
  height: 100vh;
  background: black;
  opacity: 0.5;
  /* overflow: hidden; */
}

.button-none {
  border: none;
  background: none;
  width: 100%;
  text-align: left;
}

.magnifier-btn {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
  font-size: 1rem !important;
}

.color--blue__1 {
  color: #1d6bb5;
}

.font--size__md {
  font-size: 1.5rem !important;
}
.font--size__title {
  font-size: 1.25rem !important;
}

.block--inline__20 {
  display: inline-block;
  width: 20%;
}

.block--inline__15 {
  display: inline-block;
  width: 15%;
}

.block--inline__5 {
  display: inline-block;
}

.block--inline__35 {
  display: inline-block;
}

.block--inline__50 {
  display: inline-block;
  width: 50%;
}

.pointer {
  cursor: pointer !important;
}

/* 隱藏沒用到的按鈕*/
button.btn-icon.btn-icon-only.btn.btn-primary.btn-sm {
  display: none !important;
}

/*loading tool*/
/*loading spec*/
.input-text {
  margin-top: 0.5rem;
  border: 1px gray solid;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 8vw;
  font-size: 1.2rem;
}

.button-raduis {
  border: rgb(106, 184, 45) 1px solid;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: rgb(106, 184, 45);
  color: white;
}

.loading-area {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 25vw;
  height: 25vh;
  transform: translate(-50%, -50%);
  background: none;
  z-index: 99;
  text-align: center;
  font-size: 2rem;
  box-shadow: none;
  border-radius: none;
}

.result-area-tool {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 15vw;
  height: 15vh;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 99;
  text-align: center;
  font-size: 1.5rem;
  box-shadow: 2px 2px 10px gray;
  border-radius: 10px;
}

.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12vw;
  transform: translate(-50%, -50%);
}

.loading-img {
  width: 200px;
}

.dropdown-menu {
  max-height: 28vmax;
  overflow: auto;
}

.logo-customer {
  width: 60px;
  height: 60px;
}

.logo-default {
  width: 50px;
  height: 50px;
}