html,body{
	font-size: 0.9rem;
	color: #838383;
}
a{
	color: #467bcb;
}
header{
	background: #48C6FF!important;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.2rem;
	line-height:2.5rem;
	height:2.5rem;
}

.mui-content{
	margin: 0.3125rem;
	background-color: transparent!important;
}
.exam{
	font-size: 12px;
	padding: 0 0 1rem 0;
	margin: 0 0 0.2rem 0 ;
	border-radius:5px;
	background-color: #ffffff;
	margin-bottom: 20px;
	border: 1px solid #e7e7e7;
	box-shadow:#E0E0E0;
}

.examTitle{
	width: 100%;
	background-color: #E0E0E0;
	padding:1rem;
	border-radius:5px;
	height: 3rem;
	line-height: 1.2rem;
	text-align: left;
	color: #000000;
}

.monitor .left span:nth-child(1){
	font-size: 1rem;
}

.monitor .left span:nth-child(2){
	font-size: 0.8rem;
}

/**************************************************/
.progressbar{
	padding: 0 5px;
	margin-top: 0.5rem;
	height: 1.25rem;
	width: 100%;
	display: flex;
}
.progressbar .left{
	flex: 1;
	padding: 0 0.3125rem;
}
.progressbar .left .mui-progressbar{
	border-radius:10px;
	background-color: #FFFFFF;
	border: #5ccbb1 0.125rem solid;
	text-align: center;
	display: block;
	height: 1.5rem;
	display: block;
	width: 100%;
	line-height: 1.4rem;
}

.progressbar .left .mui-progressbar span{
	background: #5ccbb1!important;
	z-index: 999;
}
.progressbar .left .mui-progressbar div{
	position: relative;
	text-align: center;
	z-index: 1000;
	color: #5C5C5C;
}

.progressbar .right{
	width: 70px;
	line-height: 1.5rem;
	text-align: right;
}

.doScore{
	font-size: 1rem;
	color: red;
}

.warning{
	color: orangered;
}

.error{
	color: orangered;
}

