html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  /* Set the fixed height of the footer here */
  line-height: 60px;
  /* Vertically center the text there */
  background-color: #f5f5f5;
}


body {
  margin-bottom: 60px;
  /* Margin bottom by footer height */
  padding-top: 54px;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

/* 必填图标 */
.requiredIcon {
  color: red;
}

/* 建议列表样式 */
ul.suggestionsList {
  background-color: #eee;
  cursor: pointer;
  border-radius: 3px;

}

ul.suggestionsList li {
  padding: 12px;

}

/* 建议列表样式结束 */


/* 将bootstrap表格条纹颜色改为绿色 */
.table-striped>tbody>tr:nth-child(2n+1)>td,
.table-striped>tbody>tr:nth-child(2n+1)>th {
  background-color: #ecf9ec;
}

/* 更改标签页/药丸的背景颜色 */
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #ff6707;
}

/* 将建议列表显示在其他元素之上 */
.customListDivWidth {
  position: absolute;
  z-index: 500;
  width: 100%;
}

/* .dataTables_wrapper .dt-buttons {
  float:none;  
  text-align:center;
} */

.blueText {
  color: #2FA4E7;
}