html {
	height: 100%;
}

@font-face {
	font-family: SourceSansPro;
	src: url(../font/SourceSansPro-Light.ttf);
}

@font-face {
	font-family: SourceSansPro;
	src: url(../font/SourceSansPro-ExtraLight.ttf);
	font-weight: 300;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-weight: 300;
}

body {
	background-color: #162844;
	font-family: 'SourceSansPro-ExtraLight', sans-serif;
	color: white;
	font-weight: 300;
}

body ::-webkit-input-placeholder {
	/* WebKit browsers */
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	font-weight: 300;
}

body :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	opacity: 1;
	font-weight: 300;
}

body ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	opacity: 1;
	font-weight: 300;
}

body :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	font-weight: 300;
}

.form-group {
  margin-bottom: 1rem;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

.navbar {
	padding: 0px 10px;
}

#navbarSupportedContent {
	background-color: #fff9;
	padding: 5px;
}

.form-check-input {
	cursor: pointer;
	border: 1px #fff solid !important;
}
	
.card {
	background-color: rgba(255, 255, 255, 0.3);
	padding: 0;
}


.msgs_container {
  transition: all 0.5s;
}

.bg-light {
	background-color: rgba(255, 255, 255, 0.7) !important;
}