@CHARSET "UTF-8";

/* -----------左边菜单样式开始---------- */
/** 配置页面-左侧菜单-最外层容器样式 */
.left_menu_project_page_config{
	position: fixed;
	left: 70px;
	top:15%;
	width:350px;
	height:70%;
	max-height:740px;
	border:0px red solid;
	border-radius: 5px;
	background: #fff;
	font-family: "微软雅黑";
	z-index: 990;
	background-color:rgba(0,0,0,0.0);
	-webkit-user-select: none;
}


/** -------------------------------左边菜单：纵向小图标菜单样式--------------------------------------------------------*/
/** 配置页面-左侧菜单-最外层容器样式:小图标容器大小 */
.left_menu_project_page_config_min{
	width:60px !important;
	height:295px !important;
	top:calc(50% - 150px) !important;
	top:-moz-calc(50% - 150px) !important;
	top:-webkit-calc(50% - 150px) !important;
}

/*页面配置-左边菜单：圆角容器 开始 */
.left_menu_project_page_config .menuRadius{
	width:100%;
	height: 100%;
}

/*页面配置-左边菜单-圆角容器 ：纵向小图标菜单样式 */
.left_menu_project_page_config .menuRadius li{
	width:54px;
	height:54px;
	border-radius:27px;
	border:1px #ccc solid;
	margin-top:15px;
	box-shadow: 2px 3px 7px 0 rgba(0,0,0,0.2);
	transition: background-color,width .2s;
	text-align: center;
	line-height:54px;
	font-size:18px;
	background-color: #fafafa;
	cursor: pointer;
	color:#888;
	overflow: hidden;
}

/** 页面配置-左边菜单-圆角容器:鼠标放上去的时候宽度边宽，弹出提示文字 */
.left_menu_project_page_config .menuRadius li:hover{
	width:118px;
	display: block;
	background-color: #5874d8;
	color:white;
}

/** 页面配置-左边菜单-圆角容器-左边菜单：纵向菜单-小圆角图标样式 */
.left_menu_project_page_config .menuRadius .menuRadiusIcon{
	width:54px;
	height:54px;
	display: block;
	line-height:54px;
	text-align: center;
	float:left;
}

/** 页面配置-左边菜单-圆角容器-左边菜单：纵向菜单-文字提示 */
.left_menu_project_page_config .menuRadius .menuRadiusTitle{
	width:54px;
	height:54px;
	display: block;
	float:left;
	line-height:54px;
	text-align: left;
}


/** -------------------------------左边菜单-顶部快捷图标菜单-样式--------------------------------------------------------*/
/** 页面配置-左边菜单-顶部横向小图标菜单：横向菜单小图标 */
.left_menu_project_page_config .leftMenuQuickMenuMinIcon{
	position: fixed;
	left: 130px;
	top:15%;
	width:243px;
	height:58px;
	z-index: 9999;
	background-color:#5874d8;
	display: none;
}



/** -------------------------------左边菜单-第一个菜单：模块选择-样式--------------------------------------------------------*/
/** 页面配置-左边菜单-模块选择：外层容器样式 */
.left_menu_project_page_config .menuSquare{
	width:100%;
	height:100%;
	max-height:740px;
	border:0px red solid;
	border-radius: 5px;
	background: #fff;
	z-index: 9031;
	font-family: "微软雅黑";
	overflow: hidden;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.20);
	display: none;
}

/** 页面配置-左边菜单-模块选择：滚动条容器的样式 */
.left_menu_project_page_config .menuSquare #controlParamListDiv,#controlParamPageModelListDiv{
	width:100%;
	height:-webkit-calc(100% - 60px); /* 减去头部的高度 */
	height:-moz-calc(100% - 60px);  /* 减去头部的高度 */
	height:calc(100% - 60px);  /* 减去头部的高度 */
	overflow-y: scroll;
	border:0px red solid;
}

#controlParamListDiv::-webkit-scrollbar{
    width:0px;
    display: none;
}

/*页面配置-左边菜单-模块选择：默认情况下隐藏滚动条 */
#controlParamListDiv::-webkit-scrollbar {
	display:none;
}
#controlParamPageModelListDiv::-webkit-scrollbar {
	display:none;
}

/*页面配置-左边菜单-模块选择：鼠标放上去的情况下显示滚动条 */
#controlParamListDiv:hover::-webkit-scrollbar {
	display:block;
}
#controlParamPageModelListDiv:hover::-webkit-scrollbar {
	display:inline;
}

/*页面配置-左边菜单-已存在模块选择： 行级容器*/
.left_menu_project_page_config .menuSquare .colModuleStatcLine {
    height: 42px;
    line-height: 44px;
    border: 1px solid #d2d2d2;
    margin-bottom: 15px;
    font-size: 13px;
    color: #666;
    cursor: pointer;
    border-radius: 5px;
    margin:10px 15px;
}

/*页面配置-左边菜单-已存在模块选择： 左侧文字内容*/
.left_menu_project_page_config .menuSquare .colModuleLineLeft {
    display: inline-block;
    width: 190px;
    margin-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

/*页面配置-左边菜单-已存在模块选择： 右侧图标容器*/
.left_menu_project_page_config .menuSquare .colModuleLineRight {
    float: right;
    display: inline-block;
    width: 100px;
    vertical-align: top;
    text-align: right;
    padding-right:10px;
}

/*页面配置-左边菜单-已存在模块选择： 模块名文字*/
.left_menu_project_page_config .menuSquare .colModuleNameText {
    display: inline-block;
    min-width: 65px;
    margin: 0 1px;
}

/** -------------------------------左边菜单-第二个菜单：模块选择-样式--------------------------------------------------------*/
/** 页面配置-左边菜单-模块选择：外层容器样式 */
.left_menu_project_page_config .leftMenuSkinSetting{
	width:100%;
	height:100%;
	max-height:740px;
	border:0px red solid;
	border-radius: 5px;
	background: #fff;
	z-index: 9031;
	font-family: "微软雅黑";
	overflow: hidden;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.20);
	display: none;
}

/** -------------------------------左边菜单-第三个菜单：模块选择-样式--------------------------------------------------------*/
.left_menu_project_page_config .leftMenuSysSetting{
	width:100%;
	height:100%;
	max-height:740px;
	border:0px red solid;
	border-radius: 5px;
	background: #fff;
	z-index: 9031;
	font-family: "微软雅黑";
	overflow: hidden;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.20);
	display: none;
}

/** -------------------------------左边菜单-第四个菜单：模块选择-样式--------------------------------------------------------*/
/* 左边页面切换菜单样式 */
.left_menu_project_page_config .pageListChangeContainter{
/* 	position: fixed; */
/* 	left: 70px; */
/* 	top:15%; */
/* 	width:350px; */
/* 	height:70%; */
/* 	max-height:740px; */
/* 	border:0px red solid; */
/* 	border-radius: 5px; */
/* 	background: #fff; */
/* 	z-index: 9031; */
/* 	font-family: "微软雅黑"; */
/* 	overflow: hidden; */
/* 	box-shadow: 0 0 15px 0 rgba(0,0,0,0.20); */
/* 	z-index: 990; */
/* 	display: none; */
/* 	-webkit-user-select: none; */

	width:100%;
	height:100%;
	max-height:740px;
	border:0px red solid;
	border-radius: 5px;
	background: #fff;
	z-index: 9031;
	font-family: "微软雅黑";
	overflow: hidden;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.20);
	display: none;
}

/** -------------------------------左边菜单-第五个菜单：数据表格选择-样式--------------------------------------------------------*/
.left_menu_project_page_config .dataListChangeContainter{
	width:100%;
	height:100%;
	max-height:740px;
	border:0px red solid;
	border-radius: 5px;
	background: #fff;
	z-index: 9031;
	font-family: "微软雅黑";
	overflow: hidden;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.20);
	display: none;
}


.left_menu_project_page_config .pageListChangeContainter .pageListAddCol{
	border:0px;
	display: inline-block;
	min-width: 65px;
	margin: 0px 15px;
	margin-top:15px;
	width:100%;
}





.left_menu{
	z-index:6;top:0px;left:0px;
	width:56px;
	float:left;
	height:100%;
	background-color: #fff;
	position: fixed;
	padding-top:51px;
	border-right:1px #e5e5e5 solid;
	
}

.left_menu_project{
	width:180px;
}

.left_menu .activity{
	width:180px!important;
}

.active{
	background-color: #ecf8ee;
    color: #4caf50;
}

.left_menu .menutop{
	width:100%;height:30px;font-size:12px;text-align: center;line-height:30px;border-bottom: 1px #e5e5e5 solid;color:#999;
}

.left_menu ul{
	width:100%;
	height:100%;
}

.left_menu ul li{
	width:100%;
	display: block;
	overflow: hidden;
	min-height:50px;
	height:auto;
	line-height:50px;
	border-bottom: 1px #e5e5e5 solid;
}

.left_menu ul li dl{
	width:100%;
	height:auto;
	line-height:50px;
	border-top: 1px #e1e1e5 solid;
	clear: both;
}

.left_menu ul li dd{
	width:100%;
	height:50px;
	line-height:50px;
	border-top: 1px #e1e1e5 solid;
	padding-left:45px;
}

.left_menu .menuIcon{
	float:left;
	width:56px;
	display: block;
	text-align: center;
	font-size:16px;
	line-height:50px;
	color:#999;
}

.left_menu .menuName{
	width:auto;
	float:left;
	display: block;
	text-align: left;
	margin-left:-10px;
}









/* .left_menu_project_page_config .menuSquare{ */
/* 	width:100%; */
/* 	height:100%; */
/* 	max-height:740px; */
/* 	border:0px red solid; */
/* 	border-radius: 5px; */
/* 	background: #fff; */
/* 	z-index: 9031; */
/* 	font-family: "微软雅黑"; */
/* 	overflow: hidden; */
/* 	box-shadow: 0 0 15px 0 rgba(0,0,0,0.20); */
/* 	display: none; */
/* } */

/* .left_menu_project_page_config .menuSquare .titleContainer{ */
/* 	background-color: #5874d8; */
/* 	height:58px; */
/* 	width:100%; */
/* 	position: relative; */
/* } */


.left_menu_project_page_config .titleIcon{
	width:60px;
	height:58px;
	float:left;
	font-size:18px;
	text-align: center;
	line-height:58px;
	color:white;
	background-color: #6680e1;
	border-left:1px #5874d8 solid;
}

.left_menu_project_page_config .triangleActive{
	position: absolute;
	bottom: 0;
	left: 120px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
    border-bottom-color: transparent;
	border-bottom-color: #fff;
	transition: left .3s;
}

.left_menu_project_page_config .menuSquare .moduleLegend {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    background: #fbfbfb;
    clear:both;
}

.moduleLegend_on .mLegendText::before {
    border-right-color: #5874d8;
    border-bottom-color: #5874d8;
    transform: rotate(0);
}

.mLegendText::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
    border-right-color: #666;
    border-bottom-color: #666;
    margin: -3px 10px 0 15px;
    vertical-align: middle;
    transition: all .2s;
    transform: rotate(-45deg);
}

.moduleViewList_on {
    height: auto;
    border-bottom: 1px solid #eaeaea;
}

.moduleViewList {
    overflow: hidden;
    transition: height .3s;
    max-height: 800px;
    background: #fbfbfb;
    padding-left:10px;
}

.moduleAloneArea {
    float: left;
    width: 83px;
    height: 83px;
    border-right: 1px dashed #e1e1e1;
    border-left: 1px dashed #e1e1e1;
    border-bottom: 1px dashed #e1e1e1;
    margin-bottom: -1px;
    margin-right: -1px;
    color: #333;
    cursor: pointer;
    position: relative;
}

.moduleArea_rich .moduleAloneIcon {
    background-position: -601px -1201px;
}

.moduleAloneIcon {
    height: 30px;
    width: 37px;
    margin: 10px auto 10px auto;
/*     background-image: url(/image/v2/mbg01.png?v=201806151520); */
/*     background-repeat: no-repeat; */
    text-align: center;
}

.moduleAloneText {
    font-size: 12px;
    text-align: center;
}

.mouseDownControlContainer{
	position: fixed;
	width:83px;
	height:83px;
	left:100px;
	top:60px;
	border: 1px solid #557ce1;
	background-color:rgba(255, 255, 255, 0.5);
	z-index: 999;
	display: none;
}

.controlConfigParamContainer{
	width:100%;
	height:100%;
	position: fixed;
	z-index: 991;
	background-color:rgba(125, 125, 125, 0.3);
	margin:0px;
	padding:0px;
	left:0px;
	top:0px;
	display: none;
}

.controlConfigParamContent{
	width:840px;
	height:70%;
	position: relative;
	left:-webkit-calc(50% - 420px);
	left:-moz-calc(50% - 420px);
	left:calc(50% - 420px);;
	top:15%;
	background-color: white;
	border-radius:5px;
}

.controlConfigParamContentTitle{
	height:60px;
	border-bottom:1px #ccc solid;
	position: relative;
}

.controlConfigParamContentTitle .controlTitle{
	display:block;
	width:100%;
	height:100%;
	padding-left:30px;
	line-height:60px;
	float:left;
	font-size:17px;
}

.controlConfigParamContentTitle .closeBtn{
	position: absolute;
	right:0px;
	top:0px;
	height:60px;
	width:60px;
	font-size:23px;
	text-align: center;
	line-height:60px;
}

.controlConfigParamContentBottom{
	position: absolute;
	bottom:0px;
	left:0px;
	height:60px;
	width:100%;
	font-size:23px;
	text-align: center;
	line-height:60px;
	border-top:1px #ccc solid;
}

.controlConfigParamContentCenter{
	width:100%;  
	height:-webkit-calc(100% - 120px); 
	height:-moz-calc(100% - 120px); 
	height:(100% - 120px); 
	border:0px red solid;
}

.controlConfigParamContentBottom button{
	width:100px;
	margin:0px 10px;
	height:40px;
}

.controlConfigParamContentCenter_Left{
	width:150px;
	height:100%;
	border-right:1px #ccc solid;
	float:left;
}

.controlConfigParamContentCenter_Left .noActity{
	height:60px;
	font-size:18px;
	text-align: center;
	line-height: 60px;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	margin-right:-1px;
	background-color: white;
}

.controlConfigParamContentCenter_Left .actity{
	height:60px;
	font-size:18px;
	text-align: center;
	line-height: 60px;
	border-right:0px #ccc solid;
	border-bottom:1px #ccc solid;
	margin-right:-1px;
	background-color: white;
}

.controlConfigParamContentCenter_Right{
	width:-webkit-calc(100% - 150px); 
	width:-moz-calc(100% - 150px); 
	width:(100% - 150px); 
	height:100%;
	float:right;
}

/*<!-- 控件配置参数中的，基础属性 --> */
.controlConfigParamBase,.controlConfigParamSenior,.controlConfigParamStyle,.controlConfigParamData{
	clear:both;
	width:90%;
	height:90%;
	margin:5%;
	border:0px red solid;
}

.controlConfigParamSenior,.controlConfigParamStyle,.controlConfigParamData{
	display: none;
}

.controlConfigParamBase table{
	width:100%;
}

.controlConfigParamBase tr{
	height:50px;
}

.controlConfigParamSenior tr{
	height:35px;
}

.controlConfigParamBase tr .pr20{
	padding-right:30px;
}

/* .controlConfigParamBase li input{ */
/* 	height:35px; */
/* } */

/* .controlConfigParamBase li .modelName{ */
/* 	width:-webkit-calc(100% - 200px); */
/* 	width:-moz-calc(100% - 200px); */
/* 	width:calc(100% - 200px); */
/* } */

/*<!-- 控件配置参数中的，样式属性 --> */
.controlConfigParamStyle p{
	width:auto;
	float:left;
	height:100px;
	line-height:50px;
	font-size:14px;
}

.controlConfigParamStyle ul{
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
	float:left;
	height:100px;
}

.controlConfigParamStyle ul li{
/* 	border:1px #ccc solid; */
	width:100px;
	height:100px;
	float:left;
	margin:0px 15px;
}



/** 主菜单头部菜单外部容器 样式 */
.left_menu_project_page_config .titleContainer{
	background-color: #5874d8;
	height:58px;
	width:100%;
	position: relative;
/* 	scrollbar-width: none; Firefox */
/* 	-ms-overflow-style: none; IE 10+ */
}

/* .left_menu_project_page_config::-webkit-scrollbar { */
/*   display: none; Chrome Safari */
/* } */

/** 主菜单头部菜单tab选项卡 样式 */
.left_menu_project_page_config .titleTab{
	width:120px;
	height:58px;
	float:left;
	display: block;
	font-size:14px;
	text-align: center;
	line-height:58px;
	color:white;
}

/** 主菜单头部菜单右上角的关闭菜单 样式 */
.left_menu_project_page_config .titleClose{
	width:50px;
	height:58px;
	float:left;
	display: block;
	font-size:14px;
	text-align: center;
	line-height:58px;
	color:white;
}

/* .left_menu_project_page_config .pageListChangeContainter .triangleActive{ */
/* 	position: absolute; */
/* 	bottom: 0; */
/* 	left: 120px; */
/* 	width: 0; */
/* 	height: 0; */
/* 	border: 6px solid transparent; */
/*     border-bottom-color: transparent; */
/* 	border-bottom-color: #fff; */
/* 	transition: left .3s; */
/* } */

.left_menu_project_page_config .pageListChangeContainter .modulePageList {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    background: #fbfbfb;
    clear:both;
}

.pageListChangeContent{
	width:100%;
	overflow-y:scroll; 
	height:100%;
}

/*隐藏滚动条 */
.pageListChangeContent::-webkit-scrollbar {
	display:none;
}

.modulePageIcon::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px #666 solid;
    margin: -3px 10px 0 15px;
    vertical-align: middle;
    transition: all .2s;
    transform: rotate(-45deg);
}

.displayNone{
	display: none;
}

.leftMenuStyleBorder{
	border:1px #ccc solid;
	height:80px !important;
}

.leftMenuStyleBorderActity{
	border:1px green solid;
}

/* ------------头部菜单样式------------*/
.topmenu p{
	width:auto;
	float:left;
	height:100%;
	text-align:center;
	padding:0px 30px;
	color:white;
}
.topmenu .activity{
	border-bottom:2px #ffc001 solid;
	color:rgba(144,202,248,1);
}

.menu_list{
	overflow-y:scroll;
	padding-bottom:51px;
	overflow-x:hidden;
}


/*  菜单折叠展开的样式  start */
.leftMenuOpen{
	right:0px;
	top:0px;/*15px;*/
	position: absolute;
	display: block;
	width:25px;/*40px*/
	height:23px;
	color:#aaa;
/* 	background: url('/themes/images/shuadan/jiantouup.png'); */
/* 	background-size:100% 100%; */
}

.leftMenuFold{
	right:0px;
	top:0px;/*15px;*/
	position: absolute;
	display: block;
	width:25px;/*40px*/
	height:23px;
	color:#aaa;
/* 	background: url('/themes/images/shuadan/jiantoudown.png'); */
/* 	background-size:100% 100%; */
}
/*  菜单折叠展开的样式  end */