/* The Modal (background) */
		.modal {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 9999; /* Sit on top */
			padding-top: 50px; /* 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-content {
			position: relative;
			background-color: #fefefe;
			margin: auto;
			padding: 0;
			border: 1px solid #888;
			width: 95%;
			max-width: 95%;
			box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
			-webkit-animation-name: animatetop;
			-webkit-animation-duration: 0.4s;
			animation-name: animatetop;
			animation-duration: 0.4s
		}

		/* Add Animation */
		@-webkit-keyframes animatetop {
			from {top:-300px; opacity:0} 
			to {top:0; opacity:1}
		}

		@keyframes animatetop {
			from {top:-300px; opacity:0}
			to {top:0; opacity:1}
		}

		/* The Close Button */
		.close {
			color: #4d4235;
			opacity:1;
			float: right;
			margin-right:20px;
			font-size: 28px;
		}

		.close:hover,
		.close:focus {
			color: #F44336;
			opacity:1;
			text-decoration: none;
			cursor: pointer;
		}

		.modal-header {
			padding: 2px 0px;
			color: white;
			background:#fff;
			font-weight:bold;
			border-color:#eff2f7;
			color:#4d4235;
		}

		.modal-body {padding: 2px 10px;}

		.modal-footer {
			margin-top:0px;
			padding: 2px 16px;
			background-color: #F44336;
			color: white;
		}
		/* The modal2 (background) */
		.modal2 {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 9999; /* Sit on top */
			padding-top: 50px; /* 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 */
		}

		/* modal2 Content */
		.modal2-content {
			position: relative;
			background-color: #fefefe;
			margin: auto;
			padding: 0;
			border: 1px solid #888;
			width: 75%;
			max-width: 75%;
			box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
			-webkit-animation-name: animatetop;
			-webkit-animation-duration: 0.4s;
			animation-name: animatetop;
			animation-duration: 0.4s
		}

		/* Add Animation */
		@-webkit-keyframes animatetop {
			from {top:-300px; opacity:0} 
			to {top:0; opacity:1}
		}

		@keyframes animatetop {
			from {top:-300px; opacity:0}
			to {top:0; opacity:1}
		}

		/* The Close Button */
		.close2 {
			color: #000;
			opacity:1;
			float: right;
			font-size: 22px;
		}

		.close2:hover,
		.close2:focus {
			color: #F44336;
			opacity:1;
			text-decoration: none;
			cursor: pointer;
		}

		.modal2-header {
			padding: 2px 16px;
			color: white;
		}

		.modal2-body {padding: 2px 10px;}

		.modal2-footer {
			margin-top:0px;
			padding: 2px 16px;
			background-color: #F44336;
			color: white;
		}
		
		/*Modal 3*/
		/* The modal3 (background) */
		.modal3 {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 9999; /* Sit on top */
			padding-top: 50px; /* 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 */
		}

		/* modal3 Content */
		.modal3-content {
			position: relative;
			background-color: #fefefe;
			margin: auto;
			padding: 0;
			border: 1px solid #888;
			width: 500px;
			max-width: 70%;
			box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
			-webkit-animation-name: animatetop;
			-webkit-animation-duration: 0.4s;
			animation-name: animatetop;
			animation-duration: 0.4s
		}

		/* Add Animation */
		@-webkit-keyframes animatetop {
			from {top:-300px; opacity:0} 
			to {top:0; opacity:1}
		}

		@keyframes animatetop {
			from {top:-300px; opacity:0}
			to {top:0; opacity:1}
		}

		/* The Close Button */
		.close3 {
			color: #000;
			opacity:1;
			float: right;
			font-size: 28px;
			font-weight:bold;
		}

		.close3:hover,
		.close3:focus {
			color: #F44336;
			opacity:1;
			text-decoration: none;
			cursor: pointer;
		}

		.modal3-header {
			padding: 2px 16px;
			color: white;
		}

		.modal3-body {padding: 2px 10px;}

		.modal3-footer {
			margin-top:0px;
			padding: 2px 16px;
			background-color: #F44336;
			color: white;
		}
		/*Modal 4*/
		/* The modal4 (background) */
		.modal4 {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 9999; /* Sit on top */
			padding-top: 50px; /* 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 */
		}

		/* modal4 Content */
		.modal4-content {
			position: relative;
			background-color: #fefefe;
			margin: auto;
			padding: 0;
			border: 1px solid #888;
			width: 800px;
			max-width: 80%;
			box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
			-webkit-animation-name: animatetop;
			-webkit-animation-duration: 0.4s;
			animation-name: animatetop;
			animation-duration: 0.4s
		}

		/* Add Animation */
		@-webkit-keyframes animatetop {
			from {top:-300px; opacity:0} 
			to {top:0; opacity:1}
		}

		@keyframes animatetop {
			from {top:-300px; opacity:0}
			to {top:0; opacity:1}
		}

		/* The Close Button */
		.close4 {
			color: #000;
			opacity:1;
			float: right;
			font-size: 28px;
			font-weight:bold;
		}

		.close4:hover,
		.close4:focus {
			color: #F44336;
			opacity:1;
			text-decoration: none;
			cursor: pointer;
		}

		.modal4-header {
			padding: 2px 16px;
			color: white;
		}

		.modal4-body {padding: 2px 10px;}

		.modal4-footer {
			margin-top:0px;
			padding: 2px 16px;
			background-color: #F44336;
			color: white;
		}