@import "theme.css";
	html,body{height:100%;width:100%;}
	a{color:#1458B3;}
	a:hover{color:#008fff;}
	
	input[type=text],[type=password],[type=email],[type=number],[type=date],[type=time],select{padding:7px;width:100%;outline:none;border-radius:4px;color:var(--pcolor);
	border:1px solid #ccc;font-family:var(--defont);font-size:16px;background:#fff;}
	input:focus{outline:1px solid #008fff;}
	input[type=file]:focus{ outline:none;}
	.logbtn{width:100%;padding:8px;background:var(--pcolor);border:1px solid var(--pcolor);color:#fff;font-weight:bold;border-radius:4px;font-size:15px;font-family:helvetica;text-shadow:0px 0px 1px #000;}
	.progbtn{background:#ADD8E6;padding:9px;text-align:center;border-radius:3px;cursor:not-allowed;color:#191970;font-size:14px;display:none;}
	input[type=checkbox],[type=radio]{padding:5px;cursor:pointer; -ms-transform:scale(1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5); 
	-o-transform:scale(1); transform:scale(1.5);background:transparent;}
	.input-div{border-radius:4px;background:#fff;border:1px solid #ccc;}
	.input-div select{border:0px;outline:none;background:transparent;padding:8px;cursor:pointer; }
	.input-div option{color:#0047ab;padding:5px 0px;}
	.mssg{ padding:8px;width:100%;min-height:100px;color:#000;border:1px solid #ccc;}
	.mssg:focus{outline:1px solid #489ED7;}
	
	.menu{ width:0;position:fixed;top:0;right:0;z-index:5;background:rgba(0,0,0,0.9);height:100%;overflow:auto;max-width:500px;color:#fff;}
	.menu a {color:#F5F5DC;}
	.menu ul li{padding:10px 0px;list-style:none;font-family:var(--defont);font-size:17px;}
	.menu a:hover {color:#F16622;text-decoration:none;}
	
	.wrap,.overlay{position:fixed;width:100%;height:100%;top:0;position:fixed;z-index:99;background:rgba(0,0,0,0.6);display:none;}
	.popup,.previewimg,.progessdiv{width:90%;left:2%;right:2%;top:5%;position:fixed;margin:0 auto;background:#fff;border-radius:5px;max-height:90%;
	overflow:auto; max-width:600px;min-height:300px;display:none;z-index:999;}
	.jdiv{border:1px solid #dcdcdc;padding:10px;cursor:;max-width:500px;margin:0 auto;background:#f8f8ff;}
	
	@media screen and (min-width:600px) and (max-width:1000px){
		.log-des{padding:40px 5px;text-align:center;max-width:450px;margin:0 auto;color:;font-family:var(--defont);font-size:16px;}
		.leftimg {max-width:100%;max-height:350px;}
		.hed1{font-size:30px;font-family:Cabin Condensed;}
		.innerdiv{max-width:400px;margin:0 auto;padding:0px 5px;}
		.topnav{padding:2px 40px;max-width:;margin:0 auto;position:relative;box-shadow:0px 2px 4px #f0f0f0;}
		#leftpane,#rightpane{overflow:auto;font-family:var(--defont);font-size:16px;}
		.mtbl{width:100%;margin:0 auto;max-width:500px;}
		.container-fluid{height:100%;background:#2676A1}
		.bwrap{height:100%;background:rgba(245,245,245,0.8);}
		.subtitle{font-family:var(--defont);text-align:center;margin-top:30px;}
	}
	
	@media screen and (min-width:1001px){
		.row{max-width:1200px;margin:0 auto;}
		.log-des{padding:40px 5px;text-align:center;max-width:450px;margin:0 auto;color:;font-family:var(--defont);font-size:16px;}
		.leftimg {max-width:100%;max-height:350px;}
		.hed1{font-size:30px;font-family:Cabin Condensed;}
		.innerdiv{max-width:450px;margin:0 auto;padding:0px 5px;}
		.topnav{padding:2px 40px;max-width:;margin:0 auto;position:relative;box-shadow:0px 2px 4px #f0f0f0;}
		#leftpane,#rightpane{overflow:auto;font-family:var(--defont);font-size:16px;}
		.mtbl{width:100%;margin:0 auto;max-width:430px;height:100%;margin-top:30px;}
		.container-fluid{height:100%;background:#2676A1}
		.bwrap{height:95%;background:rgba(245,245,245,0.8);margin-top:1%;}
		.subtitle{font-family:var(--defont);text-align:center;margin-top:25px;}
	}
	
	@media screen and (max-width:599px){
		.log-des{display:none;}
		.topnav{padding:12px 20px;margin:0 auto;position:relative;}
		#rightpane{min-height:77%;font-family:var(--defont);color:;overflow:auto;}
		.hed1{font-size:28px;font-family:Cabin Condensed;}
		.innerdiv{max-width:350px;margin:0 auto;padding:10px 5px 0px 5px}
		.mtbl{width:96%;margin:0 auto}
		.container-fluid{background:#2676A1;height:100%;}
		.bwrap{height:100%;background:rgba(245,245,245,0.8);}
		.subtitle{font-family:var(--defont);text-align:center;margin-top:30px;}
	}
	
	ol.register-progress[data-steps="2"] li { width: 49%; }
	ol.register-progress[data-steps="3"] li { width: 33%; }
	ol.register-progress[data-steps="4"] li { width: 24%; }
	ol.register-progress[data-steps="5"] li { width: 19%; }
	ol.register-progress[data-steps="6"] li { width: 16%; }
	ol.register-progress[data-steps="7"] li { width: 14%; }
	ol.register-progress[data-steps="8"] li { width: 12%; }
	ol.register-progress[data-steps="9"] li { width: 11%; }
	.register-progress {width: 100%;list-style: none;list-style-image: none;margin: 20px 0 20px 0;padding: 0;}
	.register-progress li {float: left;text-align: center;position: relative;}
	.register-progress .name {display: block;vertical-align: bottom;text-align: center;margin-bottom: 1em;color: #191970;opacity: 0.5;}
	.register-progress .step {color: #000;border: 5px solid #999;background-color: #999;border-radius: 50%;line-height: 1.8;width: 2.5em;height: 2.5em;
	display: inline-block;z-index: 0;font-size:13px;}
	.register-progress .step span {opacity: 0.5;}
	.register-progress .active .name,
	.register-progress .active .step span {opacity: 1;font-weight:bold;}
	.register-progress .step:before {content: "";display: block;background-color: #999;height: 0.4em;width: 37%;position: absolute;bottom: 1.2em;left: 0;z-index: 0;}
	.register-progress .step:after {content: "";display: block;background-color: #999;height: 0.4em;width: 37%;position: absolute;bottom: 1.2em;right: 0;z-index: 0;}
	.register-progress li:first-of-type .step:before {display: none;}
	.register-progress li:last-of-type .step:after {display: none;}
	.register-progress .done .step,
	.register-progress .done .step:before,
	.register-progress .done .step:after,
	.register-progress .active .step,
	.register-progress .active .step:before {background-color: #6495ed; color:#fff;}
	.register-progress .done .step,
	.register-progress .active .step {border: 5px solid #6495ed;}