html,body{
		background-color: #fafafa;
		height: 100%;
    	overflow: auto;
    	-webkit-overflow-scrolling: touch;
	}
	img:hover{
		opacity: 0.8;
	}
	#error-container{
		padding-top:130px;
		text-align: center;
		width: 100%;
		margin: 0 auto;
		font:normal;
		font-family: 'Open Sans', sans-serif;
	}
	#ios-error-container{
		padding-top:130px;
		text-align: center;
		width: 100%;
		margin: 0 auto;
		font:normal;
		font-family: 'Open Sans', sans-serif;
	}
	.close {
	    color: white;
	    float: right;
	    font-size: 28px;
	    font-weight: bold;
	    padding-top:3px;
	}
	.iframe-container{
		-webkit-overflow-scrolling: touch;
        overflow: scroll;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
	}
	.right-inner-container{display: unset;}
	.left-inner-container{display: unset;}
	.logo-img{
		height: 80px;
		margin-top: -20px;
	}
		select:focus, select:active{
			border:1px solid #E74C3C!important;
		}
		select {
		  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
		  /*background-color:#3498DB;*/
		  background-repeat:no-repeat;
		  background-position: right 10px top 15px;
		  background-size: 9px;
		  color:#e74c3c;
		  padding:12px;
		  width:auto;
		  border:1px solid #E74C3C;
		  border-radius: 5px;
        	font-style: normal;
		    /*font-weight: bold;*/
		  
		  text-align:center;
		  /*text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);*/
		  /*border-radius:0px;*/
		  /*-webkit-border-radius:0px;*/
		  -webkit-appearance: none;
		  
		  outline:0;
		  -webkit-transition:0.3s ease all;
			   -moz-transition:0.3s ease all;
			    -ms-transition:0.3s ease all;
			     -o-transition:0.3s ease all;
			        transition:0.3s ease all;
			        /*margin:5px;*/
		}
		.blue {
		  background-color:#3498DB;
		}

		.blue:hover {
		  background-color:#2980B9;
		}

		.green {
		  background-color:#2ECC71;
		}

		.green:hover {
		  background-color:#27AE60;
		}

		.red {
		  background-color:#E74C3C;
		}

		.red:hover {
		  background-color:#C0392B;
		}

		select:focus, select:active {
		  border:0;
		  outline:0;
		}
		.white-tx{
			color:white;
		}
		.p-12{
			padding: 12px;
		}
		.label{
			font-family: 'Open Sans', sans-serif;
		    font-style: normal;
		    text-decoration: none;
		    font-size: 11.5px;
		    font-weight: 500;
		    border-radius: 5px;
		}
		.top-banner{
			background-color: #fafafa;
			width: 100%;
			position: fixed;
			padding: 16px 10px;
			z-index: 2;
			/*margin-top: 15px;*/
			padding-bottom: 0;
			border-bottom: 1px solid #e6e6e6;
			height: 50px;
		}
		.bottom-banner{
			background-color: #fafafa;
			width: 100%;
			position: fixed;
			padding: 10px 0;
			z-index: 2;
			margin-top: 15px;
			padding-bottom: 0;
			border-top: 1px solid #e6e6e6;
			height: 50px;
			bottom: 0;
			text-align: center;
		}
		.button{
			margin-right:15px;
			color: #ffc108;
		    font-family: 'Open Sans', sans-serif;
		    border-color: #ffffff;
		    font-size: 15px;
        	font-style: normal;
		    font-weight: bold;
		    background-color: #ffffff;
		    border-radius: 60px;
		    -moz-border-radius: 60px;
		    -webkit-border-radius: 60px;
		    letter-spacing: 0px;
		    text-transform: none;
		    border-width: 2px;
		    padding-left: 50px;
		    padding-right: 50px;
		    text-decoration: none;
	        display: inline-block;
	        padding: 10px 50px;
		}
		.button-left{
			 text-decoration: none;
			float:left;
		}
		.button-right{
			margin-right: 20px;
			float:right;
			text-decoration: none;
		}
		/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
		@media only screen 
		  and (min-device-width: 320px) 
		  and (max-device-width: 568px)
		  and (-webkit-min-device-pixel-ratio: 2) {
		  	.right-container{
		  		display: block;
		  	}
		  	.left-inner-container, .right-inner-container{
				display: block;
			}
			.left-inner-container{
				padding-right:5px;
				margin-left: -5px;
			}
			.top-banner{
				padding-bottom: unset;
				/*margin-top: 5px;*/
				height:45px!important;
				padding:5px!important;
			}
			.logo-img{
				height: 60px;
			    margin-top: -10px;
			    margin-left: 0px;
			}
			select{
				font-size: 10px;
			}
			.label{
				}
				.top-banner{
				height:80px;
				padding:0px;
				width:95%;
			}
			iframe{
				top:63px;
			}
			.button{
				font-size: 1.5em;

			}
			#error-container{
				padding-top:110px;
			}
			.fa-exclamation-triangle{
				font-size: 3em;
			}
			h5{
				margin:5px;
			}
		}
		

		/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
		@media only screen 
		  and (min-device-width: 375px) 
		  and (max-device-width: 667px) 
		  and (-webkit-min-device-pixel-ratio: 2) { 
		  	.right-container{
		  		display: block;
		  	}
		  	.left-inner-container, .right-inner-container{
				display: block;
			}
			.left-inner-container{
				padding-right:5px;
				margin-left: -5px;
			}
			.top-banner{
				padding-bottom: unset;
				/*margin-top: 5px;*/
				height: 85px;
				padding-left: 10px;
			}
			.logo-img{
				height: 70px;
			    margin-top: -15px;
			    margin-left: 0px;
			}
			select{
				font-size: 10px;
			}
			.label{
				font-size: 10px;
			}
		}
		/* ----------- iPhone 6+, 7+ and 8+ ----------- */
		@media only screen 
		  and (min-device-width: 414px) 
		  and (max-device-width: 736px) 
		  and (-webkit-min-device-pixel-ratio: 3) { 
		  	.right-container{
		  		display: block;
		  	}
		  	.left-inner-container, .right-inner-container{
				display: block;
			}
			.left-inner-container{
				padding-right:5px;
			}
			.top-banner{
				padding-bottom: unset;
				/*margin-top: 5px;*/
				    height: 90px;
			}
			.logo-img{
				height: 60px;
			    margin-top: -10px;
			    margin-left: 0px;
			}
			select{
				font-size: 12px;
			}
			.label{
				font-size: 12px;
			}
		}
		/* ----------- iPhone X ----------- */
		@media only screen 
		and (min-device-width : 375px) 
		and (max-device-width : 812px)
		and (-webkit-device-pixel-ratio : 3) { 
			#error-container{
				padding-top:80px;
			}
			#ios-error-container{
				text-align: center;
			}
			.left-container{
				height: 60px;
			    width: 60px;
			    display: initial;
			    margin-top:8px;
			}
			.right-container{
				display: block;
				margin-top:8px;
			}
			.top-banner{
				height:55px!important;
				padding: 0 10px;
				/*margin: 0 10px 0px 8px;*/
				width:100%;
			}
			iframe{
				top:65px!important;
			}
			.button{
				font-size: 1.5em;

			}
			.label{
				display: -webkit-inline-box;
				/*width: 91.2%;*/
			}
			
			.button-right{
				/*display: none!important;*/
			}
			.logo-img{
				height:60px;
				margin-top:unset;
			}
			.left-inner-container, .right-inner-container{
				display: block;
			}
			.left-inner-container{
				padding-right:5px;
			}

		}