/*
	Author: Javed Ur Rehman 
	Website: https://www.allphptricks.com/
*/
 
/* Popup Open button */	
.open-button{ 
	padding:10px;
	text-decoration:none;
	 
}
.open-button:hover{
	 
}

.popup {
	position:fixed;
	top:130px;
	left:270px;	
	width:100%;
	height:50%;
	display:none;
}

/* Popup inner div */
.popup-content {
	width: 750px;
	height: 145px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px 15px 10px 15px;
    margin-top: 200px;    
    border-radius: 3px;   
    border-width: 2px;
 	border-color:#1488CC;
    border-style: solid;
    background: #FFF;
    position: relative;
    
}

.resultcont{
	width: 750px; 
}
.monthhead{

	float: left;
	text-align: center; 
	width: 55px;
	height: 30px;
	line-height: 20px;
	border-radius: 2px;  
	font-weight: bold; 	
	border-width: 1px;
	border-color: #000; 
    border-style: solid;
	vertical-align: middle;

}

.monthqty{ 
	float: left; 
	width: 55px;
	height: 30px;
	line-height: 20px;
	border-radius: 2px;  
	font-weight: normal;
	border-width: 1px;
	border-color: #000; 
    border-style: solid;
	text-align:center;
	vertical-align: middle;
}
/* Popup close button */
.close-button {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 20px;
    background: #1488CC;
    font-size: 20px;
    text-align: center;
    color: #fff;
	text-decoration:none;
	font-weight: bold;
}

.close-button:hover {
	background: #1488CC;
	font-weight: bold;
}

@media screen and (max-width: 720px) {
.popup-content {
	width:90%;
	}	
	}