h2{
    font-size: 25px;
}

body {
    font-family: Arial, sans-serif;
    background: linear-gradient(to bottom right, #ffe8e2, #dffbff);
}

/* 所有输入框、选择框透明 */
input,select {
  background-color: transparent !important;
  backdrop-filter: none;
  box-shadow: none;
  border: 1px solid #bbb;
  border-radius: 4px;
  color: #151414;
}

select.form-select {
  height: 38px !important;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 0.95rem;
}

/* 表格栏位也透明 */
table td,table th {
  background-color: transparent !important;
} 

footer.footer {
  background-color: transparent !important;
}

/* Chrome, Safari, Edge, Opera 搜索箭头消除*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.right-box {
  margin-left: 1px; /* 数值越大越靠右，例如 40px */
}


/* Firefox 搜索箭头消除*/
input[type="number"] {
  -moz-appearance: textfield;
}

#installationType,#communicationMethod {
  height: 130px; /* 你可以根据实际需求微调，例如 140px, 150px 等 */
}

span.text-danger {
  font-size: 1.2rem;
  line-height: 2;
}

.container {
    margin-top: 20px;
}

.custom-select-left {
    display: none !important;
}

.table {
    margin-top: 20px;
}

th.search-amax,td.search-amax {
    display: none;
}

.search-order {
  display: none;
}


img.charger-image {
  transition: transform 0.3s ease; /*动画过渡时间*/
}

/*鼠标指向图片时放大*/
img.charger-image:hover {
  transform: scale(2.0); /*比例大小*/
  z-index: 10;
}

.btn-primary, .btn-reset {
    margin-top: 20px;
}

.readonly-input {
    background-color: #e9ecef !important; /* Bootstrap 默认灰色 */
    color: #6c757d !important; /* 文字颜色变灰 */
    cursor: not-allowed !important; /* 鼠标变成不可点击 */
    border: 1px solid #ced4da !important; /* 让边框和其他输入框一致 */
    opacity: 1 !important; /* 确保不会透明 */
}

.footer {
    position: relative;
    bottom: 20px;
    width: 100%;
    background-color: #f8f9fa;
    padding: 10px 0;
}
.footer i {
    color: #333; /* 图标颜色 */
    transition: color 0.3s ease-in-out;
}

.footer i:hover {
    color: #0d6efd; /* 鼠标悬停时变蓝色 */
}

#resultCount {
    font-size: 20px;
    margin-right: 10px;
    color: #333;
}

.col-md-3 {
    align-items: center
}