* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
    color-adjust: exact !important;                 /*Firefox*/
}
#printDiv{visibility:hidden}
  .Unfav{display:none}
  .fav1{display:none}
  .Unfav2{display:none}
  .fav3{display:none}
  .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 50px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
} 
.btn {
	background-color: white;
	border: none;
	color: black;
	padding: 12px 16px;
	font-size: 16px;
	cursor: pointer;
  }
  
  /* Darker background on mouse-over */
  .btn:hover {
	background-color: Grey;
  }   
/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 95%;
}
.modal2 {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 150;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }    
  /* Modal Content */
  .modal-content2 {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
  }
  .modal3,.modal31,.modal32,.modal33 {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }    
  /* Modal Content */
  .modal-content3,.modal-content31,.modal-content32,.modal-content33 {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
  }
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal1 {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 10px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content1 {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 90%;
  }
  .modal2 {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 10px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content2 {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 90%;
  }
  .popup_content, .popup-overlay {
		  visibility: hidden;
  }
  .popup_content2, .popup-overlay2 {
	visibility: hidden;
}
.popup_content3, .popup-overlay3 ,.popup_content31, .popup-overlay31 ,.popup_content32, .popup-overlay32 ,.popup_content33, .popup-overlay33 {
	visibility: hidden;
}
  .popup_content1, .popup-overlay1 {
		  visibility: hidden;
  }


  .modal4 {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 10px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content4 {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 90%;
  }
  .popup_content4, .popup-overlay4 {
		  visibility: hidden;
  }

  input.calformdel {
	display:block;
	width:25px;/*match image width;*/
	height:25px;/* match image height */
	line-height:50px;/* match height*/
	background:url(../image/icons/delete.png) no-repeat 0 0;/* path to your image */
	color:#000;
	border:none;
	padding:0;
	text-transform:capitalize;/* ie6 fix to hide text*/
	text-indent:-999em;/* hide text - remove this if you want the text in the value attribute to show.*/
	clear:both;/* ie6 fix*/
}
input.Allkill {
	display:block;
	width:25px;/*match image width;*/
	height:25px;/* match image height */
	background:url(../image/icons/delete.png) no-repeat 0 0;/* path to your image */
	color:#000;
	border:1px solid #ccc;
	padding:0;
	text-transform:capitalize;/* ie6 fix to hide text*/
	text-indent:-999em;/* hide text - remove this if you want the text in the value attribute to show.*/
	clear:both;/* ie6 fix*/
}
input.Allkills {
	display:block;
	width:25px;/*match image width;*/
	height:25px;/* match image height */
	background:url(../image/icons/delete.png) no-repeat 0 0;/* path to your image */
	color:#000;
	border:1px solid #ccc;
	padding:0;
	text-transform:capitalize;/* ie6 fix to hide text*/
	text-indent:-999em;/* hide text - remove this if you want the text in the value attribute to show.*/
	clear:both;/* ie6 fix*/
}
input.calformcal {
	display:block;
	width:25px;/*match image width;*/
	height:25px;/* match image height */
	line-height:50px;/* match height*/
	background:url(../../image/icons/Heart.png) no-repeat 0 0;/* path to your image */
	color:#000;
	border:none;
	padding:0;
	text-transform:capitalize;/* ie6 fix to hide text*/
	text-indent:-999em;/* hide text - remove this if you want the text in the value attribute to show.*/
	clear:both;/* ie6 fix*/
}
input#myID {
	display:block;
	width:25px;/*match image width;*/
	height:25px;/* match image height */
	line-height:50px;/* match height*/
	background:url(../../image/icons/heart-tick1.jpg) no-repeat 0 0;/* path to your image */
	color:#000;
	border:none;
	padding:0;
	text-transform:capitalize;/* ie6 fix to hide text*/
	text-indent:-999em;/* hide text - remove this if you want the text in the value attribute to show.*/
	clear:both;/* ie6 fix*/
}
#country{
	width:40%;
}
#name{
	width:60%;
	
}
#evtstart{
	width:30%;
	
}
#QuickEvents{
	width:70%;
	
}
#QuickEvents td{
	padding:3px
	
}
#ViewEvents{
	width:100%;
	
}
#ViewEvents td{
	padding:3px
	
}
#eventButtons{
	
	padding:0.9%;
	position:relative;
	float:left;
	width:33%
}
#OneColumn{
	width:70%;margin-left:15%;padding-top: 1%;margin-top:70px;background-color:white
}
#iff0{
height:720px;
overflow:auto;

}
/* Media queries
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
	#iff0{
		height:500px;
		overflow:auto;
		
		}
	#OneColumn{
		width:90%;margin-left:5%;margin-top:70px;padding-top: 1%;background-color:white;
	}
	#country{
		width:80%;
	}
	#name{
		width:90%;
		
	}
	#evtstart{
		width:80%;
		
	}
	#QuickEvents{
		width:90%;
		
	}
	#QuickEvents td{
		padding:3px
		
	}
	#ViewEvents{
		width:90%;
		
	}
	#ViewEvents td{
		padding:1px
		
	}
	#eventButtons{
		width:51%;
		margin-left:10%;
		position:relative;
		float:left
	}
}