/*============================================================================
	MUST BE PLACED BELOW THE ORIGINAL MODALPOPUP CSS FILE WHEN LINKING
==========================================================================*/

.modal {
		/* Kepps Menu-Navi-Popup behind banner slider
	      and prevents confusion between Slider Navi 
		  button & Menu-pop-up links by clicking the popup*/
	z-index:8; /* <== Important! */
}
.modal-content {
		/* without scrolling there 
		is no way to view the overflowed 
		content locked at the bottom */
height:auto; overflow:auto;	/* <== Important! */
max-height:320px;
max-width:600px;
border:1px solid white; border-radius:5px;

	/*--Scrollbar styling --*/
scrollbar-3dlight-color:gold;
    scrollbar-arrow-color:#FF0055;
    scrollbar-darkshadow-color:#FF0055;
   /*  scrollbar-base-color:  ;
	scrollbar-face-color:  ;
    scrollbar-highlight-color:  ;
    scrollbar-shadow-color:  ; */
}

.modal-content::-webkit-scrollbar { /*--Scrollbar styling --*/
    width: 12px;
}
.modal-content::-webkit-scrollbar-track { /*--Scrollbar styling --*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
.modal-content::-webkit-scrollbar-thumb { /*--Scrollbar styling --*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.close{
color:#000;  /*border:1px solid #000; border-radius:100px; margin-left:5px;*/
font-size:18px; 
padding-left: 2px;	
	}