/* Font Import */

/* General Defaults */
* {
	box-sizing: border-box;
}
body {
	margin: 0px;
	padding: 0px;
	/* font-family: TT Norms Pro, sans-serif; */
}

button, input, select {
	border:  none;
}

a {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: none;
}

input, select {
	outline: none;
}

/* Main Columns / Sections */
.main-container {
	width: 100%;
	display: flex;
}

.bg-section {
	margin: 0px;
	padding: 0px;
}

.login-bg-image {
	height: 100vh;
	width: 55vw;
	object-fit: cover;
}

.form-section{
	padding: 20vh 100px;
	width: 100%;
}

.already-member {
	position: absolute; 
	bottom: 5vh;
}

/*	Colors */
.text-grey {
	color: #9da1aa;
}

.text-grey-blue {
	color: #68728f;
}

.text-simple-blue {
	color: #034ba9;
}

.text-dark-blue {
	color: #0a1a62;
}

.text-dark {
	color: #3a3c47;
	font-weight: bold;
}

.bg-light {
	background-color: #f2f2f2;
}

.bg-grey {
	background-color: #9da1aa;
}

.bg-grey-blue {
	background-color: #68728f;
}

.bg-simple-blue {
	background-color: #034ba9;
}

.bg-dark-blue {
	background-color: #0a1a62;
}

.bg-dark {
	background-color: #3a3c47;
}

.border-grey {
	border: 1px solid #9da1aa;
}

.border-grey-blue {
	border: 1px solid #68728f;
}

.border-simple-blue {
	border: 1px solid #034ba9;
}

.border-dark-blue {
	border: 1px solid #0a1a62;
}

.border-dark {
	border: 1px solid #3a3c47;
}


/* Forms */
.normal-imput {
	margin-top: 5px;
	padding: 3.5% 5%;
	width: 100%;
	border-radius: 5px;
}

.select-input {
	margin-top: 5px;
	padding: 3.5% 5%;
	width: 100%;
	border-radius: 5px;
}

.checkbox-input {}


/* Buttons */
.primary-btn {
	padding: 3.5% 5%;
	font-weight: 400;
	background-color: #034ba9;
	border: 1px solid #68728f;
	color: #f3f3f3;
	border-radius: 5px;
}

.primary-btn:hover {
	transition: .3s;
	background-color: #0a1a62;
	border: 1px solid #034ba9;
}


/* Misc */
.d-none {
	display: none;
}

.d-block {
	display: block;
}

.d-flex {
	display: flex;
}

.width-10 {
	width: 10%;
}

.width-20 {
	width: 20%;
}

.width-30 {
	width: 30%;
}

.width-40 {
	width: 40%;
}

.width-50 {
	width: 50%;
}

.width-60 {
	width: 60%;
}

.width-70 {
	width: 70%;
}

.width-80 {
	width: 80%;
}

.width-90 {
	width: 90%;
}

.full-width {
	width: 100%;
}




/*
	Responsive Mode
*/

@media (max-width: 991px) {
	#headerSection {
		margin-top: 80px;
	}
	.login-bg-image {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.main-container {
		display: block;
	}

	.bg-section {
		/*display: none;*/
	}

	.already-member {
		position: initial; 
		margin-top: 5vh;
	}

	.login-bg-image {
		display: none;
	}

	.form-section{
		padding: 5vh 50px;
	}

	.normal-imput {
		padding: 5% 5%;
	}

	.select-input {
		padding: 5% 5%;
	}

	.primary-btn {
		padding: 5% 5%;
	}

  	.width-60 {
		width: 100%;
	}

	.width-70 {
		width: 100%;
	}

	.width-80 {
		width: 100%;
	}

	.width-90 {
		width: 100%;
	}
}