/**装柜计划的css***/
.pl-box *{
	box-sizing: border-box;
}
.pl-box{
    display: flex;
    width: 100%;
	overflow: auto;
	height: 100%;
    background-color: #F1F1F1;
}
.pl-left{
	width: 260px;
	padding: 4px;
	overflow: auto;
}
.no-card{
	flex: 1;
	margin-bottom: 10px;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	background-color: white;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	transition: all .2s linear;
	overflow: hidden;
	/*border-left:4px solid #5cb85c ;*/
	cursor: pointer;
}
.no-card:hover{
	background-color: #e7fbf8;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
.pl-left .select{
	background-color: #b9f5ec;
	border-left:4px solid #5cb85c ;
}
.no-head{
	display: flex;
	align-items: center;
	padding: 5px 10px;
	font-size: 14px;
	justify-content: space-between;
}
.no{
	color: #d9534f;
	margin-right: 5px;
	cursor: pointer;
	font-weight: bold;
	font-style: normal;
}
.no-head .no-info{
	display: flex;
	flex: 1;
	    justify-content: flex-end;
}
.no-info i{
	font-size: 16px;
	padding: 0px 3px;
	cursor: pointer;
}
.no-row .g-num{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: cornflowerblue;
	color: white;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.no-row{
	display: flex;
	align-items: center;
	padding: 3px 10px;
	justify-content: space-around;
}
.no-row .no-date{
	font-size: 12px;
}
.from-to{
	display: flex;
	flex-direction: column;
}
.from-to span{
	font-size: 12px;
	color: #9e9e9e;
}
.from-to .iconfont{
	transform: scale(3,1);
	text-align: center;
}

.pl-right{
	flex:1;
	padding: 4px 2px;
	overflow: auto;
}
.gs-card{
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	background-color: white;
	margin-bottom: 10px;
	overflow-x: auto;
	font-size: 13px;
	user-select: none;
}
.gs-card .gs-ctn:last-child{
	border-bottom: none;
}
.gs-ctn{
	display: flex;
	background-color: white;
	border-bottom: 1px solid #D4D4D4;
}
.gs-ctn,.gs-head{
	border-left: 3px solid transparent;
}
.pl-right .select{
	border-left: 3px solid #5cb85c;
	background-color: rgba(0,0,0,0.1);
}
.gs-no{
	flex: 0 0 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #D4D4D4;
}
.g-sum{
	/*border-top: 1px solid #d4d4d4;*/
	background-color: rgba(0,0,0,.02);
	display: flex;
	align-items: center;
	box-sizing: content-box;
}
.g-sum span{
	height: 24px !important;
}
.gs-rows{
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 36px;  /*add 2018-06-06*/
}
.gs-row, .gs-head{
	display: flex;
}
.gs-head{
	font-weight: bold;
	border-bottom: 1px solid  #D4D4D4;
}
.gs-title{
	/*flex: 0 0 192px !important;*/
	/*flex: 0 0 142px !important;*/
	/*justify-content: flex-start !important;*/
}
.gs-title .no{
	padding-left: 10px;
}
.gs-row:hover{
	background-color: rgba(0,0,0,0.05)
}
.gs-row span,.gs-head span{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	white-space: nowrap;
}
/*提示*/
.gs-up,.gs-down{
	position: relative;
	font-weight: bolder;
	font-size: 14px;
}
.gs-up:before{
	content: '';
	position: absolute;
	right: 3px;
	top: 6px;
	border-left: 12px solid transparent;
}
.gs-down:before{
	content: '';
	position: absolute;
	right: 3px;
	bottom: 5px;
	border-left: 12px solid transparent;
}
	
.gs-down[gs-red]:before{
	border-bottom: 12px solid red;
}
.gs-up[gs-red]:before{
	border-top: 12px solid red;
}

.gs-down[gs-blue]:before{
	border-bottom: 12px solid blue;
}
.gs-up[gs-blue]:before{
	border-top: 12px solid blue;
}

.gs-down[gs-yellow]:before{
	border-bottom: 12px solid yellow;
}
.gs-up[gs-yellow]:before{
	border-top: 12px solid yellow;
}
				
/***百分比UI***/

.box-percent{
	margin-left: 10px;
	width: 30px;
	height: 12px;
	border:1px solid rgba(0,0,0,0.3);
}

.box-percent a{
	display: block;
	background-color: rgba(0,0,0,0.17);
	height: 100%;
	width: 10%;
}