@font-face {
		font-family: 'OpenSans';
		src: url('/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
}

.login-page {
		color: white;
}

.login-page .lead {
		font-family: OpenSans;
		color: white;
		text-align: center;
		margin-bottom: 10.0%;
		height: 30%;
}
.login-page h1 {
		font-size: 2.8em;
}
#cqms-logo {
		margin-right: 2%
}

.panel-heading {
	margin: auto;
	display: none;
}

.form-content {
	color: white;
	width: 70%;
	margin: auto;
	display: none;
}
.tab {
	width: 6rem;
}
.tab-group {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		width: 100%;
}
.tab-group:after {
		content: "";
		display: table;
		clear: both;
}
.tab-group li a {
		display: block;
		text-decoration: none;
		padding: 5px;
		background-color: white;
		color: #2E78C3;
		font-size: 20px;
		float: left;
		width: 100%;
		text-align: center;
		cursor: pointer;
		transition: 0.5s ease;
}
.tab-group li a:hover {
		background-color: #2E78C3;
		color: white;
}
.tab-group .active a {
		background-color: #2E78C3;
		color: white;
}

#buttons {
		text-align: center;
		margin: auto;
}
#InternalButton {
		border-radius: 0px 10px 10px 0px;
}
#ExternalButton {
		border-radius: 10px 0px 0px 10px;
}

#username-input {
		background: url('/user_icon.svg') no-repeat scroll 13px 13px;
		background-color: white;
		padding-left: 30px;
		margin: auto;
}
#password-input {
		background: url('/lock_icon.svg') no-repeat scroll 13px 13px;
		background-color: white;
		padding-left: 30px;
		margin: auto;
}

#internal-form{
		/* don't show external form initially */
		display: none;
		margin: auto;
}

.login-button {
		color: white;
		background-color: #2E78C3;
		width: 6rem;
}

.cancel-button {
		color: #2E78C3;
		background-color: white;
		width: 6rem;
}