MingGao_vue/minggao/src/assets/css/global.css

html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
  /* overflow: hidden; */
}

a {
  text-decoration: none;
}

ul,
li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

.el-breadcrumb {
  margin-bottom: 15px;
  font-size: 12px;
  background: #f6f6f6;
  /* border-top: 1px solid #ddd; */
  padding: 15px 10px;
  margin-left: -20px;
  margin-right: -20px;
}

.el-dialog__header {
  background: #f2f2f2;
  border-bottom: 1px solid #cacaca;
}

.el-main {
  padding: 0 20px 0 20px;
  background-color: #f6f6f6;
  padding-top: 0 !important;
}

/* 修改分页的默认样式 */
.el-pagination {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.is-background .el-pager li.active {
  /* background-color: #17bb89 !important; */
}

.el-col {
  /* margin-bottom: 10px; */
}

/* 解决elementUI的table的闪动问题 */
.el-table__body {
  width: 100% !important;
}

/* 去掉e-card组件的padding */
.pad0 .el-card__body {
  padding: 0px !important;
}

/* 时间段宽度设置 */
.el-date-editor--daterange.el-input__inner {
  width: 220px !important;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #3eb984;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 100px;
  height: 100px;
  line-height: 100px !important;
  text-align: center;
}

.avatar {
  width: 100px;
  height: 100px;
  display: block;
}

/* 暂无数据 */
.expertDiagnosis_referral_units_not {
  width: 272px;
  margin: 0 auto;
}

/* 溯源系统的公共样式 */

.bread_act .el-breadcrumb__inner {
  color: #3eb984 !important;
}

/*
/* 蓝色 */
.el-button.el-button--blueInfo {
  background: #3eafb9;
  border-color: #3eafb9;
  color: #fff;
}

.el-button.el-button--blueInfo:hover,
.el-button.el-button--blueInfo:focus,
.el-button.el-button--blueInfo:active {
  background: #47bcc7;
  border-color: #3eafb9;
  color: #fff;
}

.el-button.el-button--blueInfo.is-plain {
  border: 1px solid #3eafb9;
  background: #fff;
  color: #3eafb9;
}

.el-button.el-button--blueInfo.is-plain:hover,
.el-button.el-button--blueInfo.is-plain:focus,
.el-button.el-button--blueInfo.is-plain:active {
  color: #fff;
  border: 1px solid #3eafb9;
  background-color: #3eafb9;
}

/* 绿色 */
.el-button.el-button--greenInfo {
  background: #3eb984;
  border-color: #3eb984;
  color: #fff;
}

.el-button.el-button--greenInfo:hover,
.el-button.el-button--greenInfo:focus,
.el-button.el-button--greenInfo:active {
  background: #54c79e;
  color: #fff;
  border-color: #3eb984;
}

.el-button.el-button--greenInfo.is-plain {
  border: 1px solid #3eb984;
  background: #fff;
  color: #3eb984;
}

.el-button.el-button--greenInfo.is-plain:hover,
.el-button.el-button--greenInfo.is-plain:focus,
.el-button.el-button--greenInfo.is-plain:active {
  color: #fff;
  border: 1px solid #3eb984;
  background-color: #3eb984;
}

.el-button.el-button--greenInfo.is-disabled,
.el-button.el-button--greenInfo.is-disabled:active,
.el-button.el-button--greenInfo.is-disabled:focus,
.el-button.el-button--greenInfo.is-disabled:hover {
  color: #fff;
  background-color: #3eb984;
  border-color: #3eb984;
}

.el-button.el-button--greenInfo.is-plain.is-disabled,
.el-button.el-button--greenInfo.is-plain.is-disabled:active,
.el-button.el-button--greenInfo.is-plain.is-disabled:focus,
.el-button.el-button--greenInfo.is-plain.is-disabled:hover {
  border: 1px solid #3eb984;
  background: #fff;
  color: #3eb984;
}

/* 红色 */
.el-button.el-button--redInfo {
  background: #f24140;
  border-color: #f24140;
  color: #fff;
}

.el-button.el-button--redInfo:hover,
.el-button.el-button--redInfo:focus,
.el-button.el-button--redInfo:active {
  background: #fc6060;
  color: #fff;
  border-color: #f24140;
}

.el-button.el-button--redInfo.is-plain {
  border: 1px solid #f24140;
  background: #fff;
  color: #f24140;
}

.el-button.el-button--redInfo.is-plain:hover,
.el-button.el-button--redInfo.is-plain:focus,
.el-button.el-button--redInfo.is-plain:active {
  color: #fff;
  border: 1px solid #f24140;
  background-color: #f24140;
}

/* 灰色 */
.el-button.el-button--grayInfo {
  background: #ecf1f4;
  border-color: #b6c1c5;
  color: #333;
}

.el-button.el-button--grayInfo:hover,
.el-button.el-button--grayInfo:focus,
.el-button.el-button--grayInfo:active {
  background: #d2e2e9;
  border-color: #b3c1c7;
  color: #666;
}

/* 1111111 */
.el-input.is-focus .el-input__inner {
  border-color: #14a478 !important;
}

.el-textarea__inner:focus,
.el-input__inner:focus {
  border-color: #14a478 !important;
}

/* .el-button:focus,
.el-button:hover {
  color: #14a478 !important;
  border-color: #14a478 !important;
  background-color: #ecf5ff;
} */
.el-button--greenInfo:hover {
  background-color: #ecf5ff;
}

.el-dropdown-menu__item:hover {
  color: #14a478 !important;
}

.el-button--primary {
  color: #fff !important;
  background-color: #14a478 !important;
  border-color: #14a478 !important;
}

.el-button--primary:hover {
  color: #fff !important;
  background-color: #14a478 !important;
}

.el-button--primary:focus {
  color: #fff !important;
  background-color: #14a478 !important;
}

/* 1111 */
.el-button.el-button--grayInfo.is-plain {
  border: 1px solid #dcdfe6;
  background: #fff;
  color: #606266;
}

.el-button.el-button--grayInfo.is-plain:hover,
.el-button.el-button--grayInfo.is-plain:focus,
.el-button.el-button--grayInfo.is-plain:active {
  color: #606266;
  border: 1px solid #dcdfe6;
  background-color: #eee;
}

/* 灰色 禁用灰*/
.el-button.el-button--grayDisable {
  background: #bbbbbb;
  border-color: #bbbbbb;
  color: #fff;
}

.el-button.el-button--grayDisable:hover,
.el-button.el-button--grayDisable:focus,
.el-button.el-button--grayDisable:active {
  background: #bbbbbb;
  border-color: #bbbbbb;
  color: #fff;
}

.serch-item-box .el-select .el-input__inner:focus {
  border-color: #3eb984;
}

.serch-item-box .el-select .el-input.is-focus .el-input__inner {
  border-color: #3eb984;
}

.el-select-dropdown__item.selected {
  color: #3eb984 !important;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}