/* 全局样式 */

/* 样式变量 */
@primary-color: #1890ff; // 全局主色
@link-color: #1890ff; // 链接色
@success-color: #52c41a; // 成功色
@warning-color: #faad14; // 警告色
@error-color: #f5222d; // 错误色
@font-size-base: 14px; // 主字号
@page-bg-color: #f7f7f9; // 页面背景色

#app {
	height: 100%;
}
/* 重写滚动条样式 start*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 3px;
	height: 6px;
	background-color: @page-bg-color;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	background-color: @page-bg-color;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	background-color: @primary-color;
}
/* 重写滚动条样式 end*/

/* 系统内table列表间距重写 */
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
	padding: 12px 8px !important;
}

/* 回到顶部 */
.ant-back-top {
	right: 50px;
	bottom: 30px;
}

/* 侧边栏样式重写 */
.ant-layout-sider .ant-menu.ant-menu-inline {
	width: 195px;
	padding-top: 1em;
}

.is_in_integrated_platform {
	.ant-layout-sider {
		background: #001529 !important;
	}
	.ant-layout-sider .ant-menu.ant-menu-inline {
		width: 195px;
		padding-top: 1em;
		background: #001529 !important;
		color: #fff !important;
		border: none;
	}
	.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
		background-color: #4091f7 !important;
		color: #fff;
	}
	.ant-menu-item:active,
	.ant-menu-submenu-title:active {
		background-color: #4091f7 !important;
		color: #fff;
	}
	.ant-menu-item:active span,
	.ant-menu-submenu-title:active span {
		color: #fff;
	}
	.ant-menu-submenu-expand-icon,
	.ant-menu-submenu-arrow {
		color: #fff;
	}
}

/* 侧边栏选中样式 */
// .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
// 	background-color: #fff!important;
// }
// .ant-menu-vertical .ant-menu-item::after,
// .ant-menu-vertical-left .ant-menu-item::after,
// .ant-menu-vertical-right .ant-menu-item::after,
// .ant-menu-inline .ant-menu-item::after{
// 	border-right: none!important;
// }

/* 侧边栏，logo的展示、隐藏 start*/
.trigger {
	margin-left: 1em;
	display: inline-block;
	vertical-align: middle;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
	width: 100% !important;
}
.ant-menu-sub.ant-menu-inline {
	background-color: #fff !important;
	padding-top: 0 !important;
}
.ant-menu-submenu-title,
.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon {
	transition: none !important;
}
// 折叠的时候，menu重新算图标的padding
.ant-layout-sider-collapsed .ant-menu-inline-collapsed .ant-menu-item,
.ant-layout-sider-collapsed .ant-menu-inline-collapsed .ant-menu-submenu {
	padding: 0 calc(50% - 2.5em / 2);
	text-align: center;
}
// 有子级栏目的
.ant-menu.ant-menu-inline-collapsed
	> .ant-menu-submenu
	> .ant-menu-submenu-title {
	padding: 0 calc(50% - 1.5em / 2);
}
// 折叠的时候，图标后面的文字元素隐藏
.ant-layout-sider-collapsed
	.ant-menu-inline-collapsed
	.ant-menu-item
	.ant-menu-title-content,
.ant-layout-sider-collapsed
	.ant-menu-inline-collapsed
	.ant-menu-submenu
	.ant-menu-title-content {
	display: none !important;
}
/* 侧边栏，logo的展示、隐藏 end*/

// 列表查询条件label
.search-item {
	display: flex !important;
	align-items: center;
	padding: 0 0.5em 0.5em 0.5em;
	label {
		display: inline-block !important;
		min-width: @font-size-base * 2;
		width: auto;
		text-align: left;
		padding-right: @font-size-base*.5;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	label + * {
		-webkit-box-flex: 1;
		-ms-flex: 1 1;
		flex: 1 1;
		display: inline-block !important;
		vertical-align: middle;
		width: 100%;
	}
}
// .ant-calendar-range-picker-input {
// 	width: 30% !important;
// }

// 正常的右间距
.primary-right-spacing {
	margin-right: @font-size-base;
}

// 表单按钮col布局
.form-button-col {
	text-align: end;
}

//字体颜色
.textC-red {
	color: @error-color !important;
}

// 左侧树
.base-layout-sider {
	background: #fff;
	overflow: hidden;
	&:hover {
		overflow: auto;
	}
}

.subtitle {
	position: relative;
	padding-left: @font-size-base;
	margin: 1em 0.5em;
	font-weight: bolder;
	font-size: @font-size-base * 1.2;
	&:before {
		position: absolute;
		top: 0; //.5 * @font-size-base;
		left: 0;
		content: '';
		display: inline-block;
		width: 2px;
		height: 100%;
		// border-radius: 50%;
		background-color: @primary-color;
	}
}

// 页面右侧内容区，占满第一屏
.base-card-full-screen {
	min-height: calc(100vh - 106px) !important;
}

// view页面，嵌入其他系统的页面
.view-layout-content .base-card-full-screen {
	min-height: calc(100vh - 0px) !important;
}

// card不要边框
.ant-card.ant-card-bordered {
	border: none !important;
}

// 搜索按钮
.button-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	.button-item {
		margin-left: 0.5em;
		// margin-bottom: 0.5em;
	}
}

// bpmn图标隐藏
.bjs-powered-by {
	display: none !important;
}

// tabs导航
.ant-tabs-nav-scroll {
	background-color: #fff !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
	background-color: #fff !important;
	color: rgb(136, 136, 136) !important;
	border: 1px solid #eee !important;
	margin: 0 !important;
	transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
	color: rgb(136, 136, 136) !important;
	background: #e8edf7 !important;
}

/* 登录信息下拉框 */
.custom-svg() {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	content: '';
	width: 21px;
	height: 21px;
}
.login-custom-dropdown-wrapper {
	position: relative;
	.ant-dropdown {
		top: 41px !important; /* 头部高50px */
		// border: 1px solid #2f54eb;
		.ant-dropdown-menu-item.custom-item {
			position: relative;
			padding-left: 56px;
			&.personal {
				&:before {
					.custom-svg();
					background: url(../assets/svg/personal1.svg) no-repeat
						center/cover;
				}
			}
			&.password {
				&:before {
					.custom-svg();
					background: url(../assets/svg/password1.svg) no-repeat
						center/cover;
				}
			}
			&.quit {
				&:before {
					.custom-svg();
					background: url(../assets/svg/quit1.svg) no-repeat
						center/cover;
				}
			}
			&.license-about {
				&:before {
					.custom-svg();
					background: url(../assets/svg/about.svg) no-repeat
						center/cover;
				}
			}
			&.license {
				&:before {
					.custom-svg();
					background: url(../assets/svg/license.svg) no-repeat
						center/cover;
				}
			}
		}
		.ant-dropdown-menu-item:hover {
			background-color: #f0f5ff;
		}
	}
}

/* 上传头像 */
.avatar-uploader-wrapper {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	&.users-management-modal-uopload {
		width: 100px;
		height: 100px;
		border-radius: unset;
	}
	text-align: center;
	cursor: pointer;
	background-color: #eee;
	border: 1px dashed #d9d9d9;
	transition: all 0.2s;
	&:hover {
		border: 1px dashed #2f54eb;
	}
	.avatar-uploader {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

/*  a-card卡片padding */
.ant-card-body {
	padding: 0.5em !important;
}

/* 流程设计 - 流程设计bpmn编辑器、版本管理 弹框 */
.publish-editor-modal {
	top: 0 !important;
	padding: 0 !important;
	min-height: calc(100vh - 0px) !important;
}

/* 流程设计 - 流程分类树 */
.design-category-custom-dropdown-wrapper {
	min-height: calc(100vh - 232px) !important;
	overflow-x: scroll;
	.tree-title {
		display: inline-block;
		width: calc(100% - 60px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.operation-icon-wrapper {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 52px;
		line-height: 14px;
		.operation-icon {
			display: inline-block;
			width: 14px;
			&:hover {
				color: #1890ff;
			}
			&:not(:last-child) {
				margin-right: 5px;
			}
		}
	}
	/* antdesign v3 */
	// div.ant-tree-treenode{
	// 	display: inline-block;
	// 	width: 100%;
	// 	position: relative;
	// 	.ant-tree-node-content-wrapper {
	// 		display: inline-block;
	// 		width: calc(100% - 24px) !important;
	// 		.ant-tree-title{
	// 			display: inline-block;
	// 			width: 100%;
	// 			height: 100%;
	// 		}
	// 	}
	// }
	/* antdesign v2 */
	li[role='treeitem'] {
		position: relative;
		.ant-tree-node-content-wrapper {
			width: calc(100% - 24px) !important;
		}
	}
	ul.ant-tree-child-tree[role='group'] {
		.operation-icon-wrapper {
			top: 12px;
		}
	}
}

/* 用户管理 - 组织树 */
.user-management-custom-dropdown-wrapper {
	min-height: calc(100vh - 160px) !important;
	overflow-x: scroll;
	.tree-title {
		display: inline-block;
		width: 100%; // calc(100% - 24px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	li[role='treeitem'] {
		.ant-tree-node-content-wrapper {
			width: calc(100% - 24px) !important;
		}
	}
}

/* 授权弹框 */
.authorize-modal-wrapper {
	.ant-modal-body {
		padding: 5px !important;
		min-height: 225px;
	}
	.authorize-modal {
		height: calc(100vh - 244px) !important;
	}
	.user-management-custom-dropdown-wrapper {
		min-height: calc(100vh - 265px) !important;
	}
}

/* tag标签 关闭按钮 hover颜色修改 */
.ant-tag-close-icon:hover {
	color: @error-color!important;
}

/* 服务监控 */
.custom-monitor-description {
	margin: 1em 0;
	border-bottom: 1px solid #f0f0f0;
	&.ant-descriptions-bordered .ant-descriptions-view {
		border: 0;
	}
}

/* 头像列表 */
.ant-drawer-body {
	padding: 20px 5px 5px !important;
}
.ant-drawer-content-wrapper {
	width: 65% !important;
}

// design 流程设计bpmn流程图 - spin样式设置
.design-canvas-spin .ant-spin-container {
	height: 100% !important;
}
.custom-timer-modal .ant-input-number-input {
	margin-right: @font-size-base * 1;
	text-align: right !important;
}
.design-canvas-wrapper svg {
	min-height: 100% !important;
}
// design 流程设计bpmn流程图 - 按钮栏样式
.custom-action {
	display: flex;
	justify-content: flex-end;
	padding: 0 0 10px 0;
	width: 100%;
	top: -7px;
	border-bottom: 1px solid #eee;
	.ant-space-item:first-child {
		flex: 1;
	}
	.hidden-menu {
		display: none !important;
	}
	.process-design-name {
		display: inline-block;
		font-size: 1.2em;
		font-weight: bolder;
		margin-right: 0.5em;
	}
	.process-design-info {
		display: inline-block;
		font-size: 0.8em;
		color: #1890ff;
		.unpublish {
			color: #f5222d;
		}
	}
	.process-design-isCurrent {
		background-color: #52c41a;
		color: #fff;
		display: inline-block;
		margin-right: 0.5em;
		padding: 2px 4px;
		font-size: 0.8em;
		border-radius: 1px;
	}
}

// design 流程设计bpmn流程图 - 流程修改时， 不展示左侧工具栏及节点右键菜单，编辑源文件按钮、导入BPMN按钮
.hidden-menu button.edit-bpmn,
.hidden-menu button.import-bpmn,
.hidden-menu .djs-palette.open,
.hidden-menu .djs-overlay-container .djs-overlay.djs-overlay-context-pad {
	display: none !important;
}
//
.hidden-menu #activiti-multiInstance-completionCondition-btn,
.hidden-menu #activiti-id-btn {
	display: none !important;
}

/* 流程设计 - 版本管理 运行状态*/
.item-before-circle {
	position: relative;
	padding-left: 15px;
	&:before {
		position: absolute;
		content: '';
		top: 50%;
		left: 5px;
		transform: translateY(-50%);
		width: 4px;
		height: 4px;
		border-radius: 50%;
	}
	&.running:before {
		background-color: #52c41a;
	}
	&.suspended:before {
		background-color: #f5222d;
	}
}

// 左侧工具栏
.custom-design-container .djs-palette {
	top: 0 !important;
}

// 右侧配置面板
.custom-design-container .bpp-properties-panel {
	height: calc(100vh - 60px) !important;
	background-color: #fff !important;
	border-left: 1px solid #eee;
	overflow-y: scroll;
}

.custom-design-container svg.new-parent {
	background-color: #fff !important;
}

// 校验错误信息样式 - 按钮
.custom-design-container .bjsl-overlay.bjsl-issues-bottom-right,
.custom-design-container .bjsl-button.bjsl-button-error,
.custom-design-container .bjsl-button.bjsl-button-inactive,
.custom-design-container .bjsl-button.bjsl-button-success,
.custom-design-container .bjsl-button.bjsl-button-warning {
	display: none;
}

/* design-process-view样式 */
.customModalClassValue,
.customModalClassValue .ant-modal,
.customModalClassValue .ant-modal-content {
	padding-bottom: 0 !important;
	height: 100% !important;
	top: 0 !important;
}
.customModalClassValue .ant-modal-body {
	padding: 0 10px !important;
	height: 80% !important;
}

// 查看流程图 - svg节点颜色
// 待办
.custom-design-container svg .to-do .djs-visual > :nth-child(1) {
	stroke: @primary-color!important;
	path {
		fill: #fff !important;
	}
}
// 高亮节点
.custom-design-container svg .doing .djs-visual > :nth-child(1) {
	stroke: @success-color!important;
	path {
		fill: #fff !important;
	}
}
// 已办
.custom-design-container svg .done .djs-visual > :nth-child(1) {
	stroke: @warning-color!important;
	path {
		fill: #fff !important;
	}
}
// 高亮 线
.custom-design-container svg .nodeSuccess .djs-visual > :nth-child(1) {
	stroke: @success-color!important;
}
.custom-design-container .bjs-powered-by {
	display: none !important;
}
.custom-design-container .bjs-container {
	position: relative !important;
	top: 0 !important;
}

// 流程管理 - 流程设计 - 内联脚本-脚本文本框   1.脚本任务节点；2.连接线；3.监听器
.custom-codemirror .cm-gutterElement:not(:first-child) {
	height: 25.19px !important;
	span {
		display: inline-block;
		height: 25.19px !important;
	}
}

// 数据源管理列表 左侧菜单隐藏 -- 20230506
.custom-a-menu-hidden {
	display: none !important;
}

// 导航下拉框 - 关于
.view-about-modal {
	.ant-modal-body {
		background-color: #ddd;
		border: 2px solid #666;
		.about-name {
			font-size: @font-size-base * 1.5;
		}
		.about-version {
			margin-top: @font-size-base * 0.75;
			font-size: @font-size-base * 1.15;
			color: #666;
		}
		.about-customer-name {
			margin-top: @font-size-base * 1.25;
			font-size: @font-size-base * 1.15;
			color: #666;
		}
		.about-valid-period {
			font-size: @font-size-base * 1.15;
			color: #666;
		}
		.about-copyright {
			margin-top: @font-size-base * 1.25;
			font-size: @font-size-base * 1.15;
			color: #666;
		}
	}
}
// 验证许可、许可页样式
.verify-license {
	// .ant-result-title{
	// 	background-color: red;
	// 	color: #fff;
	// 	width: 10%;
	// 	margin: 0 auto @font-size-base;
	// }
	.ant-result-subtitle {
		font-size: @font-size-base * 1.5;
	}
	.ant-statistic {
		margin-left: 5px;
		height: 22px;
		line-height: 22px;
		display: inline-block;
		.ant-statistic-content {
			color: #fff;
			font-size: 14px;
		}
	}
}

.license-wrapper {
	margin: 2em;
	padding-bottom: 2em;
	.license-info-box {
		min-height: @font-size-base * 6;
		.license-no-info {
			background-color: red;
			color: #fff;
			width: 10%;
			text-align: center;
			font-size: @font-size-base * 1.5;
			margin: 0 auto @font-size-base;
		}
	}

	.ant-divider-plain.ant-divider-with-text {
		position: relative;
		height: 2px;
		background-color: #222;
	}
	.ant-divider-inner-text {
		position: absolute;
		top: -20px;
		font-size: 24px;
		background-color: #fff;
		padding: 0 0.5em 0 0;
		font-weight: bolder;
	}
	.license-button-wrapper {
		display: flex;
		justify-content: center;
	}
}