/* 全局样式表 */
html,
body,
#app {
	height: 100%;
	margin: 0;
	padding: 0;
	min-width: 1366px;
}

.center_in {
	display: flex;
	align-items: center;
	justify-content: center;
}

.space_between_in {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.same_row_in {
	display: flex;
	align-items: center;
}

.el-table th.el-table__cell {
	background: rgba(2, 59, 115, 1) !important;
}

.el-table thead {
	color: #fff !important;
}

/*最外层透明*/
.el-table,
.el-table__expanded-cell {
	background-color: transparent !important;
	color: #05b3d3 !important;
}

/* 表格内背景颜色 */
.el-table th,
.el-table tr,
.el-table td {
	background-color: transparent !important;
	border-color: #21606e !important;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
	border-bottom: 1px solid #0171b9 !important;
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
	background: rgba(255, 255, 255, 0.2) !important;
	color: #fff !important;
}

.el-button {
	color: #fff !important;
	background: transparent !important;
}

.el-button--default:hover {
	color: #409eff !important;
}

.el-button--primary {
	background-color: rgba(102, 177, 255, 0.5) !important;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
	color: #8cc5ff !important;
	background-color: #ecf5ff !important;
	border-color: #d9ecff !important;
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
	background-color: #fab6b6 !important;
	border-color: #fab6b6 !important;
}

.el-button--primary:hover {
	color: #fff !important;
	background-color: rgba(102, 177, 255, 1) !important;
}

.el-button--danger {
	border-color: rgba(245, 108, 108, 1) !important;
	background-color: rgba(245, 108, 108, 0.5) !important;
}

.el-button--danger:hover {
	background-color: rgba(245, 108, 108, 1) !important;
}

.el-button--warning {
	border-color: #e6a23c !important;
	background-color: rgba(230, 162, 60, 0.3) !important;
}

.el-button--warning:hover {
	background-color: #e6a23c !important;
}

.el-button--info {
	border-color: #909399 !important;
	background-color: rgba(144, 147, 153, 0.3) !important;
}

.el-button--info:hover {
	background-color: #909399 !important;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
	content: '';
	background-color: transparent !important;
}

.el-table__fixed-right::before {
	background-color: unset !important;
}

.el-table__fixed-right {
	background-color: rgb(20 37 55) !important;
}

.is-scrolling-left,
.is-scrolling-middle,
.is-scrolling-right {
	&+.el-table__fixed-right {
		height: calc(100% - 17px) !important;
	}

	&+.el-table__fixed {
		height: calc(100% - 17px) !important;

		&+.el-table__fixed-right {
			height: calc(100% - 17px) !important;
		}
	}
}

.el-table__fixed::before {
	background-color: unset !important;
}

.el-table__fixed {
	color: #67c23a !important;
	background-color: rgb(20 37 55) !important;
	/* box-shadow: 0 0 10px rgba(219, 239, 253, .2) !important; */
}

/* .el-table__fixed {
	box-shadow: 0 0 10px rgba(219, 239, 253, .2) !important;
} */

.el-select {
	width: 100% !important;
}

.el-dialog .el-date-editor {
	width: 100% !important;
}

.el-date-editor--daterange.el-input__inner {
	width: 260px !important;
}

.el-date-editor .el-range-separator {
	line-height: 36px !important;
}

.el-select-dropdown {
	background-color: rgba(2, 59, 115, .8) !important;
	border: 1px solid #409EFF !important;
}

.el-select-dropdown__item {
	color: #fff !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
	background-color: rgba(64, 158, 255, .5) !important;
}

.el-select-dropdown[x-placement^=bottom] .popper__arrow {
	border-bottom-color: #409EFF !important;
}

.el-select-dropdown[x-placement^=bottom] .popper__arrow::after {
	border-bottom-color: rgba(2, 59, 115, .9) !important;
}

.el-cascader {
	width: 100% !important;
}

.el-cascader__dropdown {
	background-color: rgba(2, 59, 115, .8) !important;
	border: 1px solid #409EFF !important;
}

.el-cascader__dropdown .popper__arrow {
	border-bottom-color: #409EFF !important;
}

.el-cascader-menu {
	color: #fff !important;
	border-right: 1px solid #409EFF !important;
}

.el-cascader__dropdown .popper__arrow::after {
	border-bottom-color: rgba(2, 59, 115, .9) !important;
}

.el-cascader-node.hover,
.el-cascader-node:hover {
	background-color: rgba(64, 158, 255, .5) !important;
}

.el-cascader-node:not(.is-disabled):focus {
	background-color: rgba(64, 158, 255, .5) !important;
}

.el-pagination__total,
.el-pagination__jump {
	color: #fff;
}

.paging_bottom {
	display: flex;
	justify-content: flex-end;
}

.el-pager .number,
.el-pager .el-icon {
	min-width: auto;
	padding: 0 8px;
	margin-right: 10px;
	background-color: transparent;
	color: #666;

	&.active {
		border-radius: 5px;
		background-color: rgba(64, 158, 255, .7);
		color: white;
	}
}

.el-pager .number:last-child {
	margin-right: 0;
}

.el-dialog__header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.el-dialog__footer {
	border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.el-dialog {
	margin-top: 10vh !important;
	background: rgba(2, 69, 115, .9) !important;
}

.el-dialog__body,
.el-dialog__title,
.el-dialog__header,
.el-form-item__label {
	color: #fff !important;
}

.el-input__inner {
	background-color: rgba(2, 59, 115, .8) !important;
	padding: 0 15px !important;
	font-size: 14px !important;
	border-radius: 4px !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, .2) !important;
}

.el-input__inner:hover {
	border: 1px solid #07c0e0 !important;
}

.el-input__inner:focus {
	border: 1px solid #07c0e0 !important;
}

.el-range-editor .el-range-input {
	color: #fff;
	background-color: unset !important;
}

.el-date-editor .el-range-separator {
	color: #fff;
}

.el-input--prefix .el-input__inner {
	padding-left: 30px !important;
}

.el-input.is-disabled .el-input__inner {
	border: 1px solid rgba(255, 255, 255, .2) !important;
	background-color: rgba(2, 59, 115, .9) !important;
}

.el-textarea__inner {
	color: #fff !important;
	background-color: #023b73 !important;
	border: 1px solid rgba(255, 255, 255, .2) !important;
}

.el-textarea__inner:hover {
	border-color: #07c0e0 !important;
}
.el-textarea.is-disabled .el-textarea__inner{
	border-color: rgba(255, 255, 255, .2) !important;
}
.el-radio {
	color: #fff !important;
}

.el-divider {
	background-color: rgba(255, 255, 255, 0.2) !important;
}

.bottom_zero {
	margin-bottom: 0px !important;
}

.el-breadcrumb__inner.is-link {
	color: #fff !important;
}

.el-breadcrumb__inner {
	color: #C0C4CC !important;
}

.el-tree {
	background: unset !important;
	color: #fff !important;
}

.el-tree-node:focus>.el-tree-node__content {
	background-color: rgba(64, 158, 255, 0.5) !important;
}

.el-tree-node__content:hover {
	background-color: rgba(64, 158, 255, 0.5) !important;
}

.el-pagination__editor {
	padding: 0px 5px !important;
}

.el-picker-panel .el-input__inner {
	color: #606266 !important;
	border-radius: 4px !important;
	border: 1px solid #dcdfe6 !important;
	background-color: #fff !important;
}

.el-picker-panel .el-input.is-disabled .el-input__inner {
	background-color: #f5f7fa !important;
	border-color: #e4e7ed !important;
	color: #c0c4cc !important;
	cursor: not-allowed !important;
}

.el-picker-panel .el-button {
	background: #fff !important;
	border: 1px solid #dcdfe6 !important;
	color: #606266 !important;
}

.el-picker-panel .el-button.is-plain:hover {
	background: #fff !important;
	border-color: #409eff !important;
	color: #409eff !important;
}

.el-picker-panel .el-button.is-disabled.is-plain,
.el-picker-panel .el-button.is-disabled.is-plain:focus,
.el-picker-panel .el-button.is-disabled.is-plain:hover {
	background-color: #fff !important;
	border-color: #ebeef5 !important;
	color: #c0c4cc !important;
}

.el-picker-panel .el-button--text {
	border-color: transparent !important;
	color: #409eff !important;
	background: transparent !important;
}

.el-picker-panel .el-button--text:hover {
	color: #66b1ff !important;
	border-color: transparent !important;
	background-color: transparent !important;
}

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

.el-upload--picture-card {
	border: 1px solid #d9d9d9 !important;
}

.avatar-uploader .el-upload:hover {
	border-color: #409EFF;
}

.el-upload--picture-card {
	background-color: unset !important;
}

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

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

.el-message-box {
	border: unset !important;
	background-color: rgba(2, 69, 115, 0.9) !important;
}

.el-message-box__title {
	color: #fff !important;
}

.el-message-box__content {
	color: #fff !important;
}