/* The Modal (background) */
		.modal {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 10000; /* Sit on top */
			padding-top: 25px; /* Location of the box */
			left: 0;
			top: 0;
			width: 100%; /* Full width */
			height: 105% !important; /* 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 */
		}

		@media (max-width: 600px) {
			/* 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;
				height:170% !important;;
			}
		  }

		/* 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;
			height:100% !important;;
		}
		

		/* 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; height:65%}

		.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: 25px; /* 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: 25px; /* 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: 1200px;
			max-width: 100%;
			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
		}
		.modal-dialog{
			overflow-y: initial !important
		}
		.modal-content{
			padding:50px;
			overflow-y:auto;
		}

		/* 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: black;
			font-weight:bold;
		}

		.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: 25px; /* 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: black;
			font-weight:bold;
		}

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

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

		/* modal5 Content */
		.modal5-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 */
		.close5 {
			color: #000;
			opacity:1;
			float: right;
			font-size: 28px;
			font-weight:bold;
		}

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

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

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

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