@charset "utf-8";

#photo,
.big_pic {
  max-width: 100PX;
  height: auto;
}

.order_basic td br:nth-child(n),
.order_basic th br:nth-child(n) {
  /*  display: none !important*/
}

.dataTables_wrapper {
  background: var(--bs-gray-400, #ccc);
}

.cr2,
.cr2::-webkit-input-placeholder {
  color: var(--bs-danger)
}

.contentbox table tr:nth-child(even),
.contentbox table tr:nth-child(odd):hover {
  background: var(--bs-white, #fff) !important
}

.contentbox table tr:nth-child(odd),
.contentbox table tr:nth-child(even):hover {
  background: var(--bs-tertiary-bg, #f9f9f9) !important
}

.multi-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.multi-nav {
  margin: 0 0 0px 0px;
  padding-bottom: 30px;
}

.multi-nav>li {
  text-align: center;
  display: table-cell;
  padding: 28px 5px;
  line-height: 1.3;
  text-align: center;
  background-color: var(--bs-purple);
  margin-left: 10px;
  border: 1px solid var(--bs-white, #fff);
}

.multi-nav>li>a {
  color: var(--bs-white, #fff);
  font-size: 1.6rem;
  font-weight: bold;
}

.multi-nav>.is-active {
  background-color: tomato;
}

.tips_r a {
  color: var(--bs-danger) !important;
}

.region {
  min-width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
}

.cr2,
.cr2::-webkit-input-placeholder,
.redFont,
.redFont::-webkit-input-placeholder,
.shake_class,
.shake_class:before,
.shake_class:after,
*:required::placeholder,
.required::placeholder,
.requird::placeholder,
*:required:invalid,
.required:invalid,
.requird:invalid {
   color: var(--bs-danger, red) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.shake_class,
.shake_class:before,
.shake_class:after,
*:required:invalid,
.required:invalid,
.requird:invalid {
   outline: 1px solid var(--bs-danger, red) !important;
   outline-offset: -1px  !important;
}

.shake_class,
.shake_class:before,
.shake_class:after {
  outline: none !important;
  transition: color 0.4s ease !important;
  animation: shake_move 1.06s ease-in-out infinite !important;
}

@keyframes shake_move {
  0%, 100%  { transform: translateX(0); }
  12%      { transform: translateX(-3px); }
  25%      { transform: translateX(2.5px); }
  37%      { transform: translateX(-2px); }
  50%      { transform: translateX(0); }
}

.login-main .login-btn {
  background: var(--bs-purple) !important;
}


body {
  /* 禁用拉到刷新和过卷滚发光效果。 仍然保持滑动导航Disables pull-to-refresh and overscroll glow effect.
     Still keeps swipe navigations. */
  overscroll-behavior-y: none;
}

button:disabled {
  color: var(--bs-secondary-color, grey);
  /* 灰色字体 */
  background-color: var(--bs-secondary-bg, lightgrey);
  /* 灰色背景 */
  cursor: not-allowed;
  /* 将鼠标指针改为禁止点击的样式 */
}

.contentbox #Onlineregistrationform th {
  text-align: right !important;
  max-width: 200px;
}

/* 把所有都改为黑白（100% 灰色）*/
/*

*{

    filter: grayscale(100%); 

}
*/
.en_name {
  font-size: 10px;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.contentbox tr th form {
  word-break: normal !important;
  white-space: normal !important;
}

.tips {
  font-size: 23pt;
  color: var(--bs-danger);
  font-weight: bold;
  padding: 3px;
}

#main {
  background: var(--bs-gradient);
  min-height: 100vh;
}


  input[disabled],
  select[disabled], 
  textarea[disabled],

  input[readonly],
  select[readonly], 
  textarea[readonly]

  {
     
    border: none !important;
    background: none !important;
   -webkit-appearance: none !important;
   resize:none!important;
   cursor: default !important;
   outline: none !important;
   pointer-events: none !important;
   
  }

  input[disabled] +.cr2,
 select[disabled] +.cr2,
 textarea[disabled] +.cr2,

 input[readonly] +.cr2,
 select[readonly] +.cr2,
 textarea[readonly] +.cr2
 {
   display: none !important;
 }
  input[disabled]::-webkit-input-placeholder, 
  select[disabled]::-webkit-input-placeholder, 
  textarea[disabled]::-webkit-input-placeholder,

  input[readonly]::-webkit-input-placeholder, 
  select[readonly]::-webkit-input-placeholder, 
  textarea[readonly]::-webkit-input-placeholder
  { 
    -webkit-text-fill-color: rgba(255, 255, 255, 0) !important;
  }
  input[disabled]::-ms-input-placeholder, 
  select[disabled]::-ms-input-placeholder, 
  textarea[disabled]::-ms-input-placeholder, 

  input[readonly]::-ms-input-placeholder, 
  select[readonly]::-ms-input-placeholder, 
  textarea[readonly]::-ms-input-placeholder

  {
    -webkit-text-fill-color: rgba(255, 255, 255, 0) !important;
  }

  input[disabled]::placeholder, 
  select[disabled]::placeholder, 
  textarea[disabled]::placeholder,

  input[readonly]::placeholder, 
  select[readonly]::placeholder, 
  textarea[readonly]::placeholder

  {
    -webkit-text-fill-color: rgba(255, 255, 255, 0) !important;
  }

  input[disabled]::-webkit-outer-spin-button,
  input[disabled]::-webkit-inner-spin-button,

  input[readonly]::-webkit-outer-spin-button,
  input[readonly]::-webkit-inner-spin-button
  {
    -webkit-appearance:none  !important;
  }

   input[type="number"][disabled],
   input[type="number"][readonly]
    {
    -moz-appearance: textfield  !important;
    }

  a,button  {
  white-space: nowrap !important;   /* 文字强制单行，不换行 */
}