/*亮模式配色变量*/
:root{
	/*高亮色*/
	--primary-color:#1890ff;
	/*高亮辅助色*/
	--primary-color1:#40a9ff;
	/*亮模式下面的背景色*/
	--background-color:white;
	/*背景辅助色，浅灰区域*/
	--background-color1:#f0f2f5;
	/*主体文字颜色*/
	--font-color:rgba(0, 0, 0, 0.85);
	/*次要文字颜色*/
	--font-color1:rgba(0, 0, 0, 0.65);
	/*左导航区域将要文字色*/
	--font-color2:rgba(255,255,255,0.65);
	/*左导航区域主文字色*/
	--font-color3:white;
	/*边框色*/
	--border-color:#ccc;
}

/*一、全局样式控制*/
html,body{height:100%;}
body{background:var(--backbround-color); color:var(--font-color); font-size:1.3rem;}
/*避免通过href属性来实现手形指针，同时去掉浏览器加的彩色以更美观,最后禁止换行以适应小屏*/
a{cursor:pointer; color:unset;}
#side-menu a:hover{color:white;}
/*避免成为焦点的时候老是出现下划线影响美观*/
a:focus{text-decoration:unset;}
legend{padding-top:10px;}
/*不允许两者加粗*/
th,label{font-weight:unset;}
/*表体内单元格视为次要文本，这个对不对？*/
td{color:var(--font-color1);}
th,td{text-align:center; vertical-align:middle !important;} 

.container-fluid{padding-left:0; padding-right:0;}
/*缩小由bootstrap加的圆角，outline与边框的不同是它不占空间，此处去掉否则影响美观，盒阴影也去掉，影响美观*/
.form-control,.btn{border-radius:2px !important; outline: none !important; box-shadow:none !important; webkit-box-shadow:none !important;}
.form-horizontal .form-group{margin-left:0; margin-right:0;}
.btn-primary{background:var(--primary-color); border-color:var(--primary-color)}
.btn-primary:hover{background:var(--primary-color1); border-color:var(--primary-color1)}
.btn-default{color:var(--font-color1)}

/*字号大小控制*/
.small-font{font-size:12px;}
.big-font{font-size:16px;}
.large-font{font-size:20px;}

/*二、动画*/
@keyframes rotate {
	from {
		transform:rotate(0deg)
	}
	to {
		transform:rotate(360deg)
	}
}
/*只是旋转动画，这个定义分开主要是为了给旋转动画配文字需要*/
.rotate-animation,._loading{animation:rotate 1500ms linear infinite both; width: 40px; height: 40px; border: 5px dashed #999999; border-radius: 100%;}
/*对于全局旋转动画，屏幕居中*/
._loading{position:fixed; left:50%; top:50%; margin-left:-20px; margin-top:-20px; z-index: 1030;}
/*无限滚动条进度样式*/
@keyframes progress {
	from {
		background-image: repeating-linear-gradient(-45deg,rgb(81,142,194) 0 10px,rgb(51,122,183) 10px 20px);
	}
	to {
		background-image: repeating-linear-gradient(-45deg,rgb(51,122,183) 0 10px,rgb(81,142,194) 10px 20px);
	}
}
.scroll-progress{animation:progress 600ms linear infinite both}
/*闪烁动画*/
@keyframes blink {  
	0% { opacity: 1; }  
	50% { opacity: 0; }  
	100% { opacity: 1; }   
}
.blink,.cursor{animation: blink 1s infinite;}

/*三、其它*/
/* 科技感像素字体 */
@font-face{font-family:electronicFont;src:url(../fonts/DS-DIGIT.TTF)}
.border{border:1px solid var(--border-color)}
/*溢出省略号效果*/
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*消息列表样式控制*/
.messages img{cursor:pointer; max-width:100px; max-height:100px;}
.messages p{margin-bottom:0;}
/*自己构造的鼠标插入点的填充色*/
.cursor{background:black;}
.CodeMirror {border: 1px solid #dedfdf; flex:1; min-height:300px;}
.form-group .col-sm-3{text-align:right;}