.box-grey {
margin: 10px 0px 10px 0px;
	overflow:hidden;
	padding:20px;
	-webkit-border-radius: 10px;
        border-radius: 10px; 
}

.box-grey {
	background-color:#839192;
	border:1px solid #afcde3;
}
.box-grey:hover{
	background-color:#9ea0a3;
	border:1px solid #afcde3;
}


.box-blue {
margin: 10px 0px 10px 0px;
	overflow:hidden;
	padding:20px;
	-webkit-border-radius: 10px;
        border-radius: 10px; 
}

.box-blue {
	background-color:DodgerBlue;
	border:1px solid #afcde3;
}
.box-blue:hover{
	background-color:LightSteelBlue;
	border:1px solid #afcde3;
}


.box-maintitle {
margin: 20px 0px 10px 0px;
	
	overflow:hidden;
	padding:10px;
	-webkit-border-radius: 10px;
        border-radius: 10px; 
}

.box-maintitle {
  height: 70px;
  background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,100,0,1));
}

.box-title {
margin: 20px 0px 10px 0px;
	
	overflow:hidden;
	padding:10px;
	-webkit-border-radius: 10px;
        border-radius: 10px; 
}

.box-title {
  height: 40px;
  
  background-image: linear-gradient(to right, rgba(84, 85, 87,1),rgba(84, 85, 87,1));
}

.box-name {
margin: 0px 0px 3px 50px;
	overflow:hidden;
	padding:10px;
	-webkit-border-radius: 10px;
        border-radius: 10px; 
}

.box-name {
  height: 40px;
  background-image: linear-gradient(to left, rgba(158, 160, 163,1), rgba(158, 160, 163,1));
}
.text-content { color :black;}