html {
    height: 100%;
}
body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
	background-color: #163c8d;
	height: 100%;
}
/*form styles*/
#msform {
	max-width: 500px;
	margin: 50px auto;
	text-align: center;
	position: relative;
	width: 80%;
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 3px;
padding: 50px 40px;
box-sizing: border-box;
/* width: 80%; */
/* margin: 0 10%; */
/*stacking fieldsets above each other*/
position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
display: none;
}
.element::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: 300;
}
.element::-moz-placeholder { /* Firefox 19+ */
  font-weight: 300;
}
.text-left { 
    text-align: left;
	font-weight: 300;
}
/*inputs*/
#msform input, #msform textarea {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #6f6f71;
	margin-top: 10px;
	width: 100%;
	box-sizing: border-box;
	color: #4c4949;
	font-size: 18px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	font-weight: 300;
	outline: none;
}
/*buttons*/
#msform .action-button {
	width: 145px;
	background: #163c8d;
	font-weight: 900;
	color: white;
	border: 0 none;
	border-radius: 2px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #1a14fa;
}
/*headings*/
.fs-title {
	font-size: 20px;
	color: #000;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-weight: 900;
}
.fs-title2 {
	font-size: 22px;
	color: #000;
	margin-bottom: 20px;
	font-weight: 900;
}
.fs-subtitle {
	font-weight: 400;
	font-size: 12px;
	color: #666;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.fs-subtitle2 {
	font-weight: 400;
	font-size: 12px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
}
#progressbar li {
list-style-type: none;
color: white;
text-transform: uppercase;
font-size: 9px;
width: 33.33%;
float: left;
position: relative;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #333;
background: white;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
background: #27AE60;
color: white;
}
.form-group.pass_word i {
position: absolute;
left: 10px;
top: 15px;
font-size: 20px;
color: #999;
}
.form-group {
	margin-bottom: 20px;
}
.form-group.pass_word {
position: relative;
}
.container1 {
display: inline-block;
width: 18%;
position: relative;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0;
height: 45px;
line-height: 55px;
z-index: 2;
font-weight: normal;
margin-bottom: 30px;
}
/* Hide the browser's default radio button */
.container1 input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 50px;
width: 25px;
background-color: none;
border: 1px solid #ddd;
width: 100%;
}
/* On mouse-over, add a grey background color */
/*.container1:hover input ~ .checkmark {
background-color: #ccc;
}*/
/* When the radio button is checked, add a blue background */
.container1 input:checked ~ .checkmark {
background-color: #1a14fa;
z-index: -1;
}
.container1 input:checked ~ .container1{color: #fff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.container1 input:checked ~ .checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.container1 input:checked ~ p{
color: #fff;
}
.email_error, .error {
    color: red;
}
.myAlert {
    margin-bottom: 15px;
}
.top_padding_content {
    margin-top: 70px;
}
span.username_note {
    font-size: 10px;
	font-weight:300;
}
.logo {
	text-align: left;
}
.logo img {
    height: 70px;
}
#msform {
	max-width: 430px;
	min-height: 74vh;
	margin: 0px auto 50px;
	text-align: center;
	position: relative;
	width: 100%;
}

#msform .action-button {
	width: 145px;
	background: #163c8d;
	font-weight: 900;
	color: white;
	cursor: pointer;
	margin-bottom: 20px;
	margin-top:0px;
	
}
.footer.signup_footer p {
	color: #fff;
	font-weight: 300;
}
.footer.signup_footer p a {
	color: #fff;
	padding-right: 50px;
}
.footer.signup_footer a {
	color: #fff;
	font-weight: 300;
	margin-bottom: -10%;
}
.copy_right.content {
	float: left;
	padding-right: 150px;
}
.footer.signup_footer {
	/* position: absolute; */
	width: 90%;
	bottom: 0px;
}
.container-fluid.create_account_new {
	padding: 0px 120px;
	height: 100%;
}
.footer_content.text-center {
    padding: 1px;
}

@media screen and (max-width:1200px) {
	.footer.signup_footer {
		position: inherit;
		width: auto;
	}
}
@media screen and (max-width:991px) {
	.container-fluid.create_account_new {
		padding: 0px 50px;
	}
	#msform {
        margin: 50px auto 50px;	
    }
}

@media screen and (max-width:768px) {
    .footer.signup_footer {
        width: 96%;
        padding:15px;
        text-align:center;
    
    }
    .copy_right.content {
        float: none;
        padding-right: 0px;
    }
    .footer.signup_footer p a {
		color: #fff;
		margin: 0 10px;
	}
	.container-fluid.create_account_new {
		padding: 0px 20px;
	}

}


[type="checkbox"]
{
    vertical-align:middle;
}
[type="label"]
{
    vertical-align:middle;
}