/* CSS Document */


	/*set the Modal background*/
	.modal {
		display: none;
		position: fixed;
		display: none;
		left: 0;
		top: 0;
		width: 100%;
		height: 80%;
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.4);
		border-radius: 10px;
		background-color: #FFFFFF;
		padding:5px;
		margin:5px;
		overflow:scroll;
		opacity:0.9; 
		
	}

	/*style the model content box*/
	.modal-content {
		background-color: #FFFFFF;
		width: 100%;
		height:auto;
	}

	/* add zoom animation*/
	.animate {
		-webkit-animation: animatezoom 0.6s;
		animation: animatezoom 0.6s
	}
	
	@-webkit-keyframes animatezoom {
		from {
			-webkit-transform: scale(0)
		}
		to {
			-webkit-transform: scale(1)
		}
	}
	
	@keyframes animatezoom {
		from {
			transform: scale(0)
		}
		to {
			transform: scale(1)
		}
	}
	
	@media screen and (max-width: 300px) {
		span.psw {
			display: block;
			float: none;
		}
		.cancelbtn {
			width: 100%;
		}
	}
	

/*-------------- MODAL Definitions -------------------------- */ 
	
.modal-title{
	background-color: #FFFFFF;
	border-width:1px;
	border-radius: 8px;
	padding:10px;
	margin:5px;
	color: #666666;
	width: 100%;
	height: auto;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
@media(max-width:370px) { 
.modal-title{
	font-size:12px; 
	}
	}
	
.modal-ico{
	border-width:1px;
	border-radius: 50%;
	width: 20px;
	height: auto;
	font-size:13px;
	margin-right:3px;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}