*{
	font-family: 'titillium';
}

body {
	margin: 0px;
}

.pageContainer {
	margin-top: 3%;
}

.loginBox {
	width: 90%;
	border-width: 1px;
	margin: auto;
	max-width: 900px;
}  

.loginBoxContent {
	padding:3% 4%; 
	border: 1px solid #ddd; 
	border-top: none;
	margin-top: 1px;
} 

.boxContent {
	padding:3% 4%; 
	border: 1px solid #ddd; 
	margin-top: 1px;
}  

@media screen and (max-width: 650px) {
	.loginBoxText {
		font-size: 100%;
	}

	.loginBoxTitle {
		font-size: 140%;
		margin: 0px;
	}
}

@media screen and (min-width: 650px) {
	.loginBoxText {
		font-size: 110%;
	}

	.loginBoxTitle {
		font-size: 160%;
		margin: 0px;
	}
}

.tab {
	overflow: hidden;
	background-color: #f1f1f1;
}

.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	margin: 0px;
	border-radius: 0px;
}

.tab button:hover {
	background-color: #ddd;
}

.tab button.active {
	background-color: #ccc;
}

.tabcontent {
	display: none;
	-webkit-animation: fadeEffect 1s;
	animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

.loginInput{
	display: inline-block;
	width: 100%;
	min-height: calc(1.875rem + 2px);
	line-height: 1.875rem;
	border: 1px solid var(--sds-c-input-color-border,#dddbda);
	border-radius: var(--sds-c-input-radius-border,.25rem);
	background-color: var(--sds-c-input-color-background,#fff);
}

.loginInput:active, .loginInput:focus{
	border-color: var(--sds-c-input-color-border-focus,#1589ee);
	background-color: var(--sds-c-input-color-background-focus,var(--sds-c-input-color-background,#fff));
	color: var(--sds-c-input-text-color-focus);
	box-shadow: var(--sds-c-input-shadow-focus,0 0 3px #0070d2);
	outline: 0;
}

.centered {
	text-align: center;
}

.justified {
	text-align: justify;
}

.errorMessageBox {
	margin-bottom: 20px; 
	background-color: antiquewhite;
}

.tablinks{
	background-image:none;
}

.logoAgid{
	width:40%; 
	margin-top: 40px; 
	max-width: 200px;
}

.saveButton{
	margin: 15px; 
	padding: .70em 1em .70em 1em;
	font-size: 1.15em;
	text-align: center;
}