.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: calc(100% - 120px);
    overflow-y: scroll;
}
 /* Styling modal */ 
        
.modal-head-css{
	background-color: #CCC;
	font-size:16px !important;
	font-weight:900;
	color:#f00;
}
#alert-box div span:first-child{
	
	width:50% !important;
	display: inline-block;
}

#alert-box div span:nth-child(even){
	
	width:50% !important;
	display: inline-block;
	
}
#alert-box div span:first-child:before{
	
	content:' ';
	padding-left:25%;
}
#alert-box div span{
	border-bottom:1px solid red;
}
#alert-box div span:nth-child(even):before{
	
	content:':\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'
	
	
}
.pr_head{
	display:block;
	text-align:center;
	padding:10px 5px 10px 5px;
	border-radius:25px;
	background-color:#900;
	font-size:1.2em;
	font-weight:700;
	color:#fff;
	width:60%;
	left:50%;
	transform:translateX(-50%);
	position:relative
}
.pr_title{
	color:#900;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
.pr_res_row{
	margin-bottom:10px;
}
.pr_res_row span{
	width:50% !important;
	display: inline-block;
	font-size:16px;
	color:#fff;
	background-color:#900;
	text-align:center;
}
.pr_res_row span{
	border-radius:25px;
	
}
@media screen and (min-width: 770px) {
	.pr_res_row span:first-child{
	//padding-left:100px;
}
.pr_res_row span:nth-child(even){
	//padding-left:100px;
}
.modal-dialog,
.modal-content {
    /* 80% of window height */
    height: auto;
}
.modal{
			top:10%;
			//transform:translateY(-50%) !important;
        } 
}
@media screen and (max-width:769px){
	.pr_res_row span:first-child{
	//padding-left:50px;
}
.pr_res_row span:nth-child(even){
	//padding-left:50px;
}
.modal-dialog,
.modal-content {
    /* 80% of window height */
    height: auto;
}
.modal{
			top:5%;
			//transform:translateY(-50%) !important;
        } 
}