@primaryColor: #1CC0F3;
@borderColor: var(--border-color);
@primary-textColor: var(--primary-text-color); //文本副级颜色
@second-textColor: var(--second-text-color); //文本副级颜色

.school-container{
	display: flex;
	height: 100%;
	// font-family: 'NotoSerif', '微软正黑体', 'Microsoft JhengHei UI', 'Microsoft JhengHei', Sans-serif;
	
	.school-container-header{
		display: flex;
		justify-content: space-between;
		padding-right: 20px;
		color: @second-textColor;
	}
	
	&-left{
		width: 28%;
		height: 100%;
		border-right: 1px solid @borderColor;
		// border-right: 1px solid #909090;
		
		.school-list-wrap{
			height: 100%;
			overflow: hidden;
			
			.list-wrap{
				width: 100%;
				display: flex;
				flex-direction: column;
				padding-left: 10px;
				padding-bottom: 50px;
				overflow: hidden;
				
				.school-item{
					position: relative;
					width: 100%;
					padding: 15px 10px;
					// border-bottom: 1px solid @borderColor;
					// border-bottom: 1px solid #e1e1e1;
					display: flex;
					font-size: 12px;
					
					// &:last-child{
					// 	// border-bottom:none;
					// }
					
					&-name{
						font-size: 14px;
						font-weight: 300;
						color:@primary-textColor;
						font-weight: 500;

						// color:#525B6F;
					}
					
					&-status{
						font-size: 12px;
						background: @primaryColor;
						padding: 2px 8px;
						margin-left: 10px;
						border-radius: 2px;
						font-weight: 200;
						color: white;
					}
					
					&-code{
						margin: 5px 0;
						color:@second-textColor;
						letter-spacing: .6px;
					}
					
					&-nums{
						color:@primaryColor;
						margin-top: 5px;
						font-size: 12px;
						margin-left: 20px;
						
						.ivu-icon{
							font-size: 18px;
							margin-right: 5px;
						}
					}
					
					&-role{
						position: absolute;
						right: 20px;
						top: 20px;
						color:@second-textColor;
					}
					
					&-btn{
						position: absolute;
						right: 20px;
						bottom: 20px;
						// width: 100px;
						height: 30px;
						line-height: 30px;
						border-radius: 5px;
						color:#fff;
						// background: @primaryColor;
						text-align: center;
						// visibility: hidden;
						cursor: pointer;
						
						.ivu-icon{
							font-size: 16px;
							margin-right: 2px;
							color: #DDDDDD;
						}
					}
					
					&:hover{
						// .item-active;
						background: var(--hover-text-color);
						
						.school-item-btn{
							visibility: visible;
						}
					}
				}
			}
		}
	}
	
	.schoolmgmt-container-right{
		// width: 60%;
		flex: 1;
		height: 100%;
		
		.school-container-header{
			width: 100%;
			height: 40px;
			// border-bottom: 1px solid @borderColor;
			// border-bottom: 1px solid #909090;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 20px;
		}
		
		.table-wrap{
			// padding: 0 20px;
		}
	}
	
	
	&-header{
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding-left: 20px;
		color:@second-textColor;
		// border-bottom: 1px solid @borderColor;
	}
	
	.item-active {
	    background-image: -webkit-linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(110,110,110,.2) 50%, rgba(110,110,110,.4) 100%);
	    background-image: -o-linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(110,110,110,.2) 50%, rgba(110,110,110,.4) 100%);
	    background-image: -moz-linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(110,110,110,.2) 50%, rgba(110,110,110,.4) 100%);
	    background-image: linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(110,110,110,.2) 50%, rgba(110,110,110,.4) 100%);
	}
	
}

	