@charset "utf-8";


div.modal-content {
   border-radius:0px;
   font-size:18px;
   alignment-adjust:middle;
   width:350px;
   text-align:center;
  
    border-radius: 0px;

}



div.modal-header .close {
	float:left;
	
	text-shadow:none;
	margin-top:-9px;
	
}


.modal-header{
	background-color:#666;
	height:40px;
}
	
	
.modal-body{
	font-size:28px;
	align:center;
	border-radius:0px;
}
	
	
div.modal-body{
	font-size:28px;
	align:center;
	border-radius:0px;
	padding:0px;

}
	
	

.modal-title {
text-align:center;
	
 
	color:#fff; 
}



h4.modal-title {
	padding-left:15px;
	
	
	float:left;
    margin: -5px;
	font-size:24px;
	font-weight:700;
	margin-top:-13px;
	
}



div.modal-footer {
	padding:0px;
    text-align: left;
    border-top: 4px solid #A0D250; 
}



.close {
    font-weight: 700;
    ;
    opacity: 1;	
}

div.close:hover{

	color:#ea4335;
	opacity:1;
}

.button.close {
    -webkit-appearance: none;
    cursor: pointer;
    background: 0 0;
    border: 0;
	

}


.modal-header .close {

	outline-width:thick;
	 font-size: 30px;

}
.modal-header .close:hover {
	color:#ff931e;
}
.CircleChart_1{
	width:400px;
	height::400px;}

/* CSS Document */

@media only screen and (max-device-width: 414px) {
	div.modal-content {
   border-radius:0px;
   font-size:8px;
   alignment-adjust:middle;
   width:280px;
   text-align:center;
   top:50px;
    border-radius: 0px;
	
}
.modal-header .close {
	 outline-width:thick;
	 font-size: 40px;
	 top:50px;
}
	
div.modal-header .close {
    margin-top: -16px;
    text-shadow: none;
}}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	h4.modal-title {
    padding-left: 15px;
    float: left;
    margin: -5px;
    font-size: 32px;
    font-weight: 700;
    margin-top: -13px;
}
	div.modal-body{
	font-size:36px;
	align:center;
	border-radius:0px;
	padding:0px;

}
		div.modal-content {
   border-radius:0px;
   font-size:24px;
   alignment-adjust:middle;
   width:600px;
  
   text-align:center;
   top:50px;
    border-radius: 0px;
	
}
.modal-header .close {
	 outline-width:thick;
	 font-size: 60px;
	 top:55px;
}
	
div.modal-header .close {
    margin-top: -22px;
    text-shadow: none;
}}
/*
div.modal-body{
	text-align:center;
	font-size:20px;
	align:center;
	border-radius:0px;
	padding:0px;
	}

	




.modal-header{
	background-color:#999;
	height:35px;
	
}
	

.modal-title {
    margin: -10px;
	color:#fff;
}
h4.modal-title {
	text-align:center;
    margin: -12px;
	font-size:24px;
	font-weight:700;
}


.modal-header .close {
	 outline-width:thick;
	 font-size: 40px;
}

	}
	*/
	