#vueApp {
	top:0.85rem;
	left: 2.1rem;
	padding-right: 0.2rem;
	padding-left: 10px;
}

#vueApp .breadcrumb {
	padding: 8px 0px;
	font-size: 12px;
}

.el-table--small, .el-button--small {
  font-size: 14px !important;
}

#vueApp .tempalte-content {
	background: #fff;
	/* padding: 0.2rem 0.2rem 0.2rem 0.2rem; */
	/* min-height: calc(100vh - 0.85rem - 62px); */
  padding: 20px;
}

#vueApp .tempalte-content .search {
  display: flex;
  justify-content: space-between;
}

#vueApp .tempalte-content .search > .right {
  display: flex;
  justify-content: right;
  flex-wrap: wrap;
}

#vueApp .tempalte-content .search > .right > div {
  margin-left: 10px;
  margin-bottom: 20px;
}

#vueApp .tempalte-content .search > .right > div .el-select , #vueApp .tempalte-content .search > .right > div .el-input {
  width: 140px;
}

#vueApp .tempalte-content .search > .right > div .el-select .el-input {
  width: 100%;
}

#vueApp .tempalte-content .details-title {
  width: calc(100% + 44px);
  height: 40px;
  line-height: 40px;
  background: #F0F9FC;
  color: #5AC4FC;
  font-size: 15px;
  font-weight: bold;
  margin: -22px -20px 0px -22px;
  padding-left: 10px;
}

/* 信息条 */
#vueApp .tempalte-content .info-title {
  padding-left: 20px;
  margin-top: 20px;
  background-color: #F0F9FC;
  font-size: 14px;
  color: #333;
  min-height: 35px;
  line-height: 35px;
  width: 100%;
  position: relative;
  margin-bottom: 5px;
}

#vueApp .tempalte-content .info-title:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #5AC4FC;
  position: absolute;
  top: 12px;
  left: 8px;
}


/* 按钮 */
#vueApp .el-button--primary {
  background-color: #5AC4FC;
  border-color: #5AC4FC;
}

/* table */
#vueApp .table-box {
  margin-bottom: 10px;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #0a4c8a;
  border-color: #0a4c8a;
}
.el-table {
  color: #333;
}

.el-table thead.is-group th {
  background: #e7e9ec;
}

.el-table thead th,
.el-table thead tr {
  background-color: #f0f9fc !important;
  color: #656565;
  padding: 0px;
  line-height: 22px;
}

.el-table--border,
.el-table--group {
  border: 1px solid #797979;
}

.el-table td,
.el-table th.is-leaf {
  border-bottom: 1px solid #797979;
}

.el-table--border th,
.el-table--border th.gutter:last-of-type {
  border-bottom: 1px solid #797979;
}

.el-table--border td,
.el-table--border th {
  border-right: 1px solid #797979;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #ecf5ff;
}

 /* table sortTable */
.el-table .descending .sort-caret.descending {
  border-top-color: #0a4c8a;
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #0a4c8a
}

 /* table color */
.table-click-color {
  color: #0a4c8a ;
  cursor: pointer;
}

.el-table-column--selection .cell {
  padding: 0px 12px !important;
}

/* pagination */
.pagination {
  display: flex;
  justify-content: flex-end;
  /* margin: 20px 0px; */
  margin-top: 10px;
}

.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #5AC4FC;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #5AC4FC !important;
}

.el-pagination.is-background .el-pager li {
  color: #666;
}

.el-pagination.is-background .el-pager li:hover {
  background: #5AC4FC;
  color: #fff !important;
}

.el-pagination__total {
  color: #333;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
  color:#333;
}

/* message */
.el-message__icon {
  margin-right: 5px;
}

.el-message {
  width: auto !important;
  min-width: auto !important;
  top: 80px !important;
  padding: 14px !important;
  z-index: 9999 !important;
}

/* form表单 */
.rule-form {
  display: flex;
  flex-wrap: wrap;
}

.rule-form .el-form-item--small .el-form-item__label {
  /* border: 1px solid #DCDFE6; */
  background: #F0F9FC;
  border-right: none;
  font-weight: normal;
  font-size: 12px;
  line-height: 32px;
  padding-left: 10px;
}

/* form表单输入框 */
.rule-form .el-input--small .el-input__inner {
  border-radius: 0px;
  border: 1px solid #E8F0F3;
}
.rule-form .el-form-item--small.el-form-item {
  margin-bottom: 0px;
  width: 50%
}

.rule-form .el-input.is-disabled .el-input__inner {
  background-color: #fff;
  color: #333;
}

/* 文本域 */
.rule-form .el-textarea__inner {
  border-radius: 0px;
  border: 1px solid #E8F0F3;
}
.rule-form  .textarea-content .el-form-item__label{
  height: 71px;
}

.rule-form .el-textarea.is-disabled .el-textarea__inner {
  background-color: #fff;
  color: #333;
}

/* 单选 */
/* .rule-form  .el-radio-group {
  margin-top: 6px;
} */

/* 表单的边框 */
.rule-form .form-radio-border {
  padding-bottom: 1px;
  border: 1px solid #E8F0F3;
  padding-top: 8px;
  width: 100%;
  padding-left: 5px;
}

.rule-form .form-checkbox-border {
  padding-left: 5px;
  line-height: 22px;
  border: 1px solid #E8F0F3;
  padding-top: 4px;
}


.rule-form .form-checkbox-border label {
  margin-bottom: 0px;
}

/* 表单-错误信息 */
.rule-form .el-form-item__error {
  position: relative ;
  margin-bottom: 2px;
}

/* 表单-单选 */
.rule-form .el-radio-group .is-disabled.is-checked .el-radio__inner {
  border-color: #409EFF;
  background: #409EFF;
}

.rule-form .el-radio-group .is-disabled.is-checked .el-radio__inner::after {
  background-color: #fff;
}

.rule-form .el-radio-group .is-disabled.is-checked .el-radio__label {
  color: #409EFF;
}

.rule-form .el-radio__input.is-disabled+span.el-radio__label {
  color: #333;
}

/* 表单-复选框 */
.rule-form  .el-checkbox-group .is-disabled.is-checked .el-checkbox__inner {
  background-color: #409EFF;
  border-color: #409EFF;
}

.rule-form  .el-checkbox-group .is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #fff;
}

.rule-form .el-checkbox-group .is-disabled.is-checked .el-checkbox__label {
  color: #409EFF;
}

.rule-form .el-checkbox__input.is-disabled+span.el-checkbox__label {
  color: #333;
}

/* table */
.table-disabled .el-input.is-disabled .el-input__inner {
  background-color: #fff;
  color: #333
}


/* 自定义表单样式 */
.assets-content {
  max-height: 65vh;
  overflow-y: auto;
  padding-right: 10px;
}

.multiple-form > div{
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  font-size: 12px;
}

.multiple-form .assets-btn {
  justify-content: flex-end;
  margin: 10px 0px;
}

.multiple-form > div > div:first-child {
  width: 140px;
  background: #F0F9FC;
  line-height: 32px;
  padding-left: 10px;
}

.multiple-form > div > div:first-child.required:before {
  content: '*';
  color: #F56C6C;
  margin-right: 4px;
  font-size: 12px;
}

.multiple-form .el-input.is-disabled .el-input__inner {
  background-color: #fff;
  color: #333
}


.multiple-form > div > div:last-child {
  width: calc(100% - 140px);
  line-height: 32px;
}

.table-disabled .el-input.is-disabled .el-input__inner {
  background-color: #fff;
  color: #333
}

/* table 添加红点 */
.table-box .rule-required > .cell:before {
  content: '*';
  color: #F56C6C;
  margin-right: 4px;
  font-size: 12px;
}

/* form 添加红点 */
.form-required > .el-form-item__label:before {
  content: '*';
  color: #F56C6C;
  margin-right: 4px;
  font-size: 12px;
}

/* form 文件上传 */
.form-upload-box {
  display: flex;
  width: 100%;
  line-height: auto;
  align-items: center;
  margin-bottom: 5px;
}

.form-upload-box .form-upload-name {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 12px;
  background: #F0F9FC;
  font-size: 12px;
  color: #606266;
}

.form-upload-box .form-required:before {
  content: '*';
  color: #F56C6C;
  margin-right: 4px;
  font-size: 12px;
}

/* 阿里iconfont */
.iconfont {
  color: #409EFF;
  cursor: pointer;
}


/* 时间轴 */
.el-timeline-item__tail {
  border-color: #409eff !important;
}

.el-timeline-item__node {
  background-color: #409eff !important;
}

/* 提交按钮 */
.submit-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

/* 文件上传 */
.el-upload__input {
  display: none !important;
}

/* 一行省略号 */
.one-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-tabs--border-card>.el-tabs__header {
  background-color: #F0F9FC !important;
}

/* form 文件上传 */
#vueApp .cy-upload .upload-form .el-button--primary {
  background-color: #F0F9FC !important;
  border-color: #F0F9FC !important;
  color: #606266 !important;
}

#vueApp .cy-upload .upload-form .el-button--primary:focus, #vueApp .cy-upload .upload-form .el-button--primary:hover {
  color: #606266 !important;
}

/* iconfont */
#vueApp .iconfont {
  font-size: 16px !important;
  margin-right: 20px;
  color: #5ac4fc;
}

/* 查看页面步骤条steps */
.view-steps-box {
  padding-top: 20px;
  background: #fff;
}


/* 选项卡 */
.el-tabs__item {
  font-size: 15px !important;
}
