html,
body {
	background-color: #00374d;
	color: #fff;
	
}

h1 {
	color: #fff;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto 60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}


/* t3cms */
	
	/* general start */
/*	@font-face {
		font-family: 'LeagueGothic';
		src: url('../fonts/LeagueGothic-Regular.otf') format('opentype');
		 font-weight: 300; 
	}*/
	
	* {
		margin: 0;
		padding: 0;
	}
	
	body {
		font-family: 'Roboto', sans-serif;
		font-size: 1.8em;
		/*letter-spacing: .1em;*/
	}
	
	td {
		word-break: break-all;
	}
	
	th {
		padding-bottom: 0px;
		font-weight: normal;
		vertical-align: text-top;
	}
	
	.fsgh-container {
		margin: 20px;
	}
	
	.stretch {
		width: 100%;
	}

	.dark-blue-bg {
		background-color: #00374d;
	}
	
	.dark-blue-border {
		border-color: #00374d;
	}

	.light-blue-bg {
		background-color: #99b2ba;
	}
	
	.center-text {
		text-align: center;
	}
	
	.fsgh-logo {
		border: solid 1px #fff;
		margin: 0 auto;
		width: 300px;
		text-align: center;
		font-size: 1.2em;
		margin-bottom: 20px;
	}
	
	.content-container {
		width: 960px;
		padding: 20px;
		margin: 0 auto;
		margin-bottom: 20px;
		overflow: hidden;
	}
	
	@media (max-width: 1023px) {
		.content-container {
			width: auto;
		}
	}
	
	.round-corners {
		border-radius: 4px;
	}
	
	.input-fontsize {
		font-size: 1.1em;
		padding: 2px 4px;
	}
	
	.label-fontsize {
		 font-size: 1.3em;
		 color: #357ebd;
	}
	
	.light-blue-text {
		color: #357ebd;
	}
	
	.right-element {
		float: right;
	}
	/* general end */
	
	/* login start */
	.site-login {
		margin: 0 auto;
		width: 340px;
		padding: 20px;
		border-radius: 4px;
	}
	
	@media (max-width: 1023px) {
		.site-login {
			width: auto;
		}
	}
	
	.login-input {
		font-size: 1em;
	}
	
	.login-message {
		font-size: .9em;
		margin-top: 20px;
		margin-bottom: 60px;
	}
	
	.login-textfield {
		color: #428bca;
	}
	/* login end */
	
	/* user wiew start */
	.user-box-top {
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.user-box-top h1, .user-box-top a {
		display: inline-block;
		vertical-align: middle;
	}
	
	.user-box-top a {
		margin-left: 60px;
		color: #fff;
	}
	
	.user-box-top img {
		width: 25px;
		height: 25px;
		margin-right: 12px;
	}
	
	.user-headline {
		border-bottom: solid 1px #ccc;
		color: #366270;
	}
	
	.user-list-view {
		background-color: #fff;
		color: #aaa;
		vertical-align: top;
	}
	
	.user-column {
		float: left;
		width: 445px;
	}
	
	@media (max-width: 1023px) {
		.user-column {
			width: auto;
			float: none;
		}
	}
	
	.user-full-width {
		width: 100%;
	}
	
	.user-list-view li {
		list-style-type: none;
		display: block;
		padding: 10px 20px;
	}
	
	.user-list-view td, .user-list-view th {
		padding: 10px 20px;
	}
	
	.user-list-view img {
		width: 25px;
		height: 25px;
	}
	
	.user-actions {
		float: right;
		overflow: hidden;
	}
	
	.user-text {
		float: left;
		width: 445px;
		vertical-align: top;
		margin-left: 20px;
	}
	
	@media (max-width: 1023px) {
		.user-text {
			width: auto;
			float: none;
		}
	}
	/* user wiew end */
	
	.chooseStepImage {
		display: block;
		margin: 0 auto;
		width: 400px;
	}
	
	@media (max-width: 500px) {
		.chooseStepImage {
			width: 100%;
		}
	}