xiaoben-as2-php/css/learning-group.css

@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-12-17 14:34:18
 * @version $Id$
 */

.learning-group{
	background-color: #fafafa;
}
.learning-group .btn-top-box{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #fff;
	box-sizing: border-box;
}
.learning-group .btn-back, .learning-group .btn-save{
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;

}
.learning-group .btn-back{
	color:#14AE68;
	border: 1px solid #14AE68;
	border-radius: 4px;  
}
.learning-group .btn-save{
	color: #fff;
	background-color: #14AE68;
	border-radius: 4px; 
}

.group-box{
	padding: 20px;
	display: flex;
    flex-wrap: wrap;
    /*align-content: space-between;*/
    /*justify-content: space-around;*/


}
.group-box .group{
	position: relative;
	margin-right: 10px;
	width: 610px;
	height: 420px;
	margin-bottom: 20px; 
	box-sizing: border-box;
	background-color: #fff;
}
.group-box .group-top{
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	background-color: #14AE68;
	box-sizing: border-box;
	
}
.group-box .group-content{
	height: 360px;
	border: 1px solid #EEEEEE;
}
.group-box .group-name{
	font-weight: 500;
}
.group-box .group-user-number{
	font-size: 16px;
}

.group-list-box{
	height: 300px;
	overflow: auto;
}

.table-group-list{
	width: 100%;
	font-size: 18px;
	text-align: center;
	color: #333;
}
.table-group-list th{
	line-height: 60px;
	font-size: 18px;
}
.table-group-list td{
	line-height: 40px;
	font-size: 18px;
}

.btn-group-bottom-box{
	height: 60px;
	background: #F5FEFA;
	box-sizing: border-box;
}

.btn-delete-group{
	display: inline-block;
	margin-top: 18px;
	margin-left: 227px;
	cursor: pointer;
}
.btn-add-student{
	display: inline-block;
	margin-top: 18px;
	margin-left: 110px;
	cursor: pointer;
}

.btn-group-bottom-delete-box{
	display: none;                                
	text-align: center;
}
.btn-delete-all-group{
	display: inline-block;
	margin-top: 12px;
	width: 100px;
	line-height: 34px;
	color: #FF5353;
	border: 1px solid #FF5353;
	box-sizing: border-box;
	border-radius: 4px; 
	cursor: pointer;
}
.btn-delete-group-save{
	display: inline-block;
	margin-top: 12px;
	margin-left: 16px;
	width: 80px;
	line-height: 34px;
	color: #14AE68;
	border: 1px solid #14AE68;
	box-sizing: border-box;
	border-radius: 4px; 
	cursor: pointer;
}

.btn-add-group,.btn-add-student-2{
	margin-top: 160px;
	font-size: 18px;
	color: #16AE68;
	letter-spacing: 0;
	text-align: center;
	cursor: pointer;
}
.btn-add-group img,.btn-add-student-2 img{
	margin-right: 16px;
	vertical-align: middle;
}

.btn-add-student-2{
	margin-top: 160px;
	font-size: 18px;
	color: #16AE68;
	letter-spacing: 0;
	text-align: center;
	cursor: pointer;
}
.btn-delete-group-student{
	display: none;
	cursor: pointer;
}

.dialog-delete-all-group-student{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(000,000,000,0.5);
}
.dialog-delete-all-group-student p{
	margin-top: 156px;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;

}
.btn-dialog-delete-all-group-student-box{
	padding-top: 60px;
	text-align: center;
}
.btn-dialog-delete-all-group-student-box span{
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer;
}
.btn-dialog-delete-all-group-student-colse{
	margin-left: 18px;
	background-color: #fff;
	color: #14AE68;
	background: #FFFFFF;
	
}
.btn-dialog-delete-all-group-student-save{
	color: #fff;
	background: #14AE68;
}

/*新增小组弹窗*/

.dialog-set-group-name{
	display: none;
	width: 610px;
	background-color: #fff;
}
.set-group-name-title{
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	background: #14AE68;

}
.btn-set-group-name-colse-1{
	margin-top: 20px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.set-group-name-main{
	color: #333;

}
.set-group-name-content{

	margin: 30px 20px;
	font-size: 16px;

}
.set-group-name-wrap{
	position: relative;
	display: inline-block;
	background-color: #eee;
	height: 40px;
	line-height: 40px;

}
.input-set-group-name{
	padding-left: 10px;
	width: 480px;
	height: 40px;
	border: none;
	outline: none;
	background-color: #eee;
	box-sizing: border-box;

}

.set-group-name-tips{
	position: absolute;
	right: 0;
	top: 40px;
	font-size: 14px;
	color: #999999;
}


.btn-set-group-name-box{
	padding: 20px 0;
	text-align: center;
}
.btn-set-group-name-box span{
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer;
}
.btn-set-group-name-colse{
	color: #14AE68;
	background: #FFFFFF;
	border: 1px solid #14AE68;
	
}
.btn-set-group-name-save{
	margin-left: 18px;
	color: #fff;
	background: #14AE68;
}


/*添加小组成员弹窗*/

.dialog-add-group-student{
	display: none;
	width: 976px;
	height: 550px;
	background-color: #fff;

}

.add-group-student-title{
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	background: #14AE68;

}
.btn-add-group-student-colse-1{
	margin-top: 20px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.add-group-student-content{
	height: 430px;
	overflow: auto;
}
.table-add-group-student{
	width: 100%;
	text-align: center;
	color: #333;
}
.table-add-group-student tr:nth-child(odd) {
    background-color: #fafafa;
}
.table-add-group-student th{
	line-height: 50px;
	font-size: 18px;

}
.table-add-group-student td{
	line-height: 34px;
	font-size: 16px;

}
.checkbox-add-group-student-list{
	width: 16px;
	height: 16px;

}

.disabled{
	color: #999 ;
}

.btn-add-group-student-box{
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #eee;
}
.btn-add-group-student-box span{
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer;
}
.btn-add-group-student-colse{
	color: #14AE68;
	background: #FFFFFF;
	border: 1px solid #14AE68;
	box-sizing: border-box;
	
}
.btn-add-group-student-save{
	margin-left: 18px;
	color: #fff;
	background: #14AE68;
}