/* Z平台标准紫色号：#4032AE */


/* 只读状态背景变白色 */
.form-control:disabled, .form-control[readonly]{
	background-color:#fff;
}
.testheight{
	height: 100px;
}
 .clearA,.clearA:link,.clearA:visited,.clearA:hover,.clearA:active{
	color:#000000;
	text-decoration:none !important;
}


 .clearB,.clearB:link,.clearB:visited,.clearB:hover,.clearB:active{
	color:#ffffff;
	text-decoration:none !important;
}

.br1 {
	border: 0.5px solid #e2e2e2;
}

.br2 {
	border: 0.5px solid red;
}

.marginright1{
	margin-right: 1px;
}
.marginleft1{
	margin-left: 1px;
}

/* checkbox控件外层DIV */
.zcheckbox_div{
	/* height: 38px; */
	font-size: 16px;
	color:#495057;
	padding-top:0px;
	padding-bottom:0px;
	overflow:hidden;
}

.zcheckbox_div div{
	padding-top: 5px;
	padding-left:0px;
}

.float_left{
	float: left;
	padding-right:10px;
/* 	padding-left: 10px;
	padding-right:10px; */
}

/* zcheckbox控件 */
.zcheckbox{
	vertical-align: middle;
	width: 14px;
	height: 14px;
	margin-right:5px;
	font-size: 18px;
}

.a1 a:link{color:#000000;text-decoration:none !important;}
.a1 a:visited {color:#000000;text-decoration:none;} 
.a1 a:hover {color:#000000;text-decoration:none;} 
.a1 a:active {color:#000000;text-decoration:none;}

.RedText{
	color: red;
}

.GreyText{
	color:#495057;
}



/* A标签变色 */
.TableUrlA:link{color:#4032ae;text-decoration:none !important;}
.TableUrlA:visited {color:#4032ae;text-decoration:none;} 
.TableUrlA:hover {color:#4032ae;text-decoration:none;} 
.TableUrlA:active {color:#4032ae;text-decoration:none;}


/* Text style 文字颜色1：紫底白字 */
.ts1{
	background-color:#4032ae;
	color:#fff;
}

/* font-size 字体大小 */
.fs10{
	font-size: 10px;
}
.fs14{
	font-size: 14px;
}
.fs16{
	font-size: 16px;
}
.fs18{
	font-size: 18px;
}
.fs20{
	font-size: 20px;
}
.fs30{
	font-size: 30px;
}
.fs40{
	font-size: 40px;
}
.fs50{
	font-size: 50px;
}
.fs60{
	font-size: 60px;
}

/* 左边距 */
.padding-left-0{
	padding-left: 0px;
}
.padding-right-0{
	padding-right: 0px;
}
.padding-left-20{
	padding-left: 20px;
}
.padding-left-30{
	padding-left: 30px;
}
.padding-left-40{
	padding-left: 40px;
}

.padding-bottom-10{
	padding-bottom: 10px;
}

.padding-bottom-20{
	padding-bottom: 20px;
}
.padding-top-0{
	padding-top: 0px;
}
.padding-top-10{
	padding-top: 10px;
}
.padding-top-20{
	padding-top: 20px;
}


/* 内边距 */
.margin-bottom-5{
	margin-bottom: 5px;
}

/* 边框样式 */
.border1{
	border: 1px solid #bbb;
}
.border1_top{
	border-top: 1px solid #bbb;
}
.border1_bottom{
	border-bottom: 1px solid #bbb;
}
.border1_left{
	border-left: 1px solid #bbb;
}
.border1_right{
	border-right: 1px solid #bbb;
}

/* 移动端CSS */
.mpage {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.mhead {
	z-index: 999;
}
.mhead_title{
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #bbb;
	padding-bottom: 10px;
	padding-top: 10px;
}

.mhead a:link{color:#000000;text-decoration:none !important;}
.mhead a:visited {color:#000000;text-decoration:none;} 
.mhead a:hover {color:#000000;text-decoration:none;} 
.mhead a:active {color:#000000;text-decoration:none;}

.mhead_button_box{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	padding-top: 10px;
	border-bottom: 1px solid #bbb;
	flex-wrap: wrap;
}
.mhead_button{
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	padding-bottom: 10px;
}

.mhead_paging_title{
	border-bottom: 1px solid #bbb;
}

/* .mbody {
	flex-grow: 1;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	&::
	-webkit-scrollbar{
		display:none;
	}
} */



.m_bottomrow {
	font-size: 14px;
	display: flex;
	flex-direction: row;
	/* flex-direction: 决定是横还是竖 
   1>row：从左到右的水平方向为主轴(默认值)
   2>row-reverse：从右到左的水平方向为主轴
   3>column：从上到下的垂直方向为主轴
   4>column-reverse：从下到上的垂直方向为主轴 */
	justify-content: space-around;
	/* 是在横向上做改变
  1>flex-start：主轴起点对齐(默认值) 
  2>flex-end：主轴结束点对齐 
  3>center：在主轴中居中对齐 
  4>space-between：两端对齐，除了两端的子元素分别靠向两端的容器之外，其他子元素之间的间隔都相等 
  5>space-around：每个子元素之间的距离相等，两端的子元素距离容器的距离也和其它子元素之间的距离相同 */
	align-items: stretch;
	/* align-items: 是在纵向上做改变 
  1>stretch 填充整个容器(默认值) 
  2>flex-start 侧轴的起点对齐 （这里我们手动设置下子 view 的高度，来看的明显一些） 
  3>flex-end 侧轴的终点对齐 
  4>center 在侧轴中居中对齐 
  5>baseline 以子元素的第一行文字对齐 */
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #bbb;
}

.m_bottomrow img {
	width: 40px;
	height: 40px;
}

.m_bottomrowColumn {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m_foot_botton_row_row{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.display{
	display:none;
}

.visibility{
	visibility:hidden;
}

/* ===============重写Bootstrap样式=================== */
/* 重写列表自动刷新按钮，关闭状态的样式 */
.switchbutton-off {
  background-color: #ffd2d2;
  color: #000000;
}

/* 重写form 字段样式 */
.input-group-text {
	background-color:transparent;
	border: none;
}

.btn-light{
	background-color:transparent;
	border: none;
}

.page-item.active .page-link{
	background-color:#77778D;
	border: none;
}

.page-link{
	color: #6C757D;
}

/* ===============重写Bootstrap样式=================== */


.msgbox {
	margin-bottom: 14px;
}

.msgboxtext {
	margin-left: 20px;
	font-size: 16px;
	white-space: pre;
}

.msgboxhead0 {
	color: #0000ff;
	font-size: 14px;
}

.msgboxhead1 {
	color: #008040;
	font-size: 14px;
}

/*#清空树型菜单显示图标*/
.tree-folder {
	background: none;
}

.tree-folder-open {
	background: none;
}

.tree-file {
	background: none;
}