.flex-center{
    display: flex;
    align-content: center; 
}

.text-bold{
	font-weight:bold;
}
.color-red{
		color:red;
}
.color-blue{
		color:blue;
}
.color-brown{
		color:#930;
}
.color-green{
		color:#047807;
}

.app-box h3.title{
	font-size:18px;
	font-family: "Tahoma", Serif !important;
}

.app-box h4.sub-title{
	font-size:16px;
	font-family: "Tahoma", Serif !important;
}

.app-box .form-inline > * {
   margin:5px 9px !important;
}
.app-box .app-pages p{
	line-height: 1.4;
	margin:4px 0px 4px 0px;
	
}

.result-parent{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	 
}
.result-box{
	    
    height: 197px;
    border: 1px solid #ccc;
    margin-top: 20px;
    flex: 1 1 150px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
	margin:5px;
	 
	
}
 

.result-box .title{
	background-color:#0296BB;
	width: 100%;
	
	display: inline-block;
	 
	
}
.result-box .title .result-icon{
 	
	font-weight: bold;
	font-size:34px;
	float: left;
	padding-left:5px;
	padding-right: 5px;
	width: 15%;
	
	
}
.result-box .title .soru{
	float:left; 
	font-weight: bold;
	color:#fff;
	font-size:24px;
	margin-top:8px;
	width: 55%;
	text-align: center;
	 

}

.result-box .title .soru-no{
 	
	font-weight: bold;
	float: right;
	padding-left:15px;
	padding-right: 15px;
	font-size:34px;
	width: 30%;
	background-color:#8B8B8B;
	text-align: center;
}

.result-box .footer{
	text-align: center;
	background-color:#3579D5;
	padding: 10px;
}
.result-box .footer a.result-btn{
	width: 100%;
	color:#fff;
	font-weight: bold;
	cursor: pointer;
	font-size:18px;
}


.result-box .content{
	padding:2px 5px 2px 5px;
	text-align: center;
	font-size:34px;
}


.result-box .verilen-cevap{
	color:red;
}

 

.app-box .p-lineh-normal p{
	line-height: 1.5 !important;
	margin:15px 0px 15px 0px !important;
	
}