ul {
	padding: 0;
	list-style: none;
}
#nav {
	width: 18.75%;
	float: left;
	padding: 0 15px;
	& > ul {
		margin-bottom: 20px;
		background-color: #FFF;
		border: 1px solid rgba(0, 0, 0, 0);
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		padding: 15px;
		border-color: #DDD;
	}
}
#single-title {
	display: none;
}
#main-content {
	padding: 0 15px;
	// width: 81.25%;
	width: 62.5%;
	float: left;
	.widget {
		text-align: left;
		margin-bottom: 20px;
		.title {
			border: none;
			margin-bottom: 6px;
		}
	}
}
#real-content {
	& > #right,
	& > #left {
		margin-top: -15px;
		float: left;
		width: 50%;
		form {
			padding: 0;
			width: auto;
			margin: 0;
			border: none;
			box-shadow: none;
		}
		.block {
			display: block;
			padding: 20px;
			background: white;
			margin: 20px auto;
			margin-bottom: 20px;
			background-color: #FFF;
			border: 1px solid rgba(0, 0, 0, 0);
			border-color: #DDD;
			border-radius: 4px;
			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
			margin-bottom: 0;
			
			h2 {
				padding-top: 0;
				margin-top: 0;
				text-align: left;
				font-size: 20px;
				font-weight: 600;
			}
		}
	}
	& > #right {
		padding-left: 15px;
	}
	& > #left {
		padding-right: 15px;
	}
}
#messages {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	border: 1px solid #D8D8D8;
	background: #F1F1F1;
	padding: 15px 25px;
	margin-bottom: 15px;
	.messages {
		margin-bottom: 0;
	}
	.info {
		color: #158300;
	}
	.info:before {
		position: relative;
		top: 7px;
		left: -7px;
		display: inline-block;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e084";
		display: block;
		font-size: 21px;
		float: left;
		margin-right: 2px;
		color: #27A30F;
	}
}
#content {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	overflow: hidden;
	background: #F1F1F1;
	border: 1px solid #D8D8D8;
	margin-bottom: 25px;
	// min-height: 220px;
	border-radius: 5px;
	border-top: none;
	padding: 25px;
	h1:first-child {
		margin-top: 0;
		font-size: 30px;
	}
	h2 {
		font-size: 24px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 15px;
		padding-bottom: 8px;
		&:first-child {
			margin-top: 0;
		}
	}
	h3 {
		font-size: 18px;
		margin-top: 25px;
		margin-bottom: 15px;
		font-weight: 600;
	}
	label {
		display: block;
		text-align: left;
	}
	select,
	input[type="password"],
	input[type="email"],
	input[type="text"] {
		text-align: left;
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #FFF;
		background-image: none;
		border: 1px solid #CCC;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		margin-bottom: 10px;
	}
	& > p:last-child {
		margin: 0;
	}
	& > :last-child {
		margin-bottom: 0;
	}
}
form,
.right {
	display: block;
	padding: 20px;
	width: 60%;
	background: white;
	margin: 20px auto;
	margin-bottom: 20px;
	background-color: #FFF;
	border: 1px solid rgba(0, 0, 0, 0);
	border-color: #DDD;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	margin-bottom: 0;
	text-align: center;
	h1, h2, h3, h4, h5, p {
		text-align: left;
	}
	form {
		background: transparent;
		padding: 0;
		margin: 0;
		border: none;
		box-shadow: none;
		width: auto;
	}
}
input[type="submit"] {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid rgba(0, 0, 0, 0);
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	color: #FFF;
	background-color: #428BCA;
	border-color: #357EBD;
}
input[type="submit"]:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #3276B1;
	border-color: #285E8E;
}
input[type="submit"]:active,
input[type="submit"]:focus {
	color: #FFF;
	background-color: #3276B1;
	border-color: #285E8E;
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
input[type="submit"] + button.submit,
button.submit + input[type="submit"],
input[type="submit"] + input[type="submit"],
button.submit + button.submit {
	margin-left: 5px;
}
button.submit {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid rgba(0, 0, 0, 0);
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #333;
	background-color: #FFF;
	border-color: #CCC;

	&:hover {
		text-decoration: none;
		color: #333;
		background-color: #EBEBEB;
		border-color: #ADADAD;
	}
	&:active,
	&:focus {
		outline: 0;
		background-image: none;
		-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		color: #333;
		background-color: #EBEBEB;
		border-color: #ADADAD;
		background-image: none;
	}
}
.help-text {
	font-size: 11px;
	margin-top: -5px;
	color: #706C6C;
	margin-bottom: 15px;
}
.federation-plugin-list {
	text-align: left;

	border-radius: 5px;
	& > li {
		border: 1px solid #DADADA;
		padding: 5px 15px;
		&:last-child {
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		&:first-child {
			border-top-right-radius: 5px;
			border-top-left-radius: 5px;
		}
	}
	form {
		text-align: left;
		overflow: hidden;
		display: block;
		input {
			padding: 5px 8px;
			font-size: 11px;
			float: right;
		}
	}
	.federation-plugin-federation-name {
		padding-top: 4px;
		display: inline-block;
	}
}
#content {
	.bo-block {
		padding-top: 20px;
		h2 {
			font-size: 18px;
			margin-bottom: 10px;
			font-weight: 600;
		}
	}
	.dataview {
		display: none;
	}
}
#services {
	& > h3 {
		font-size: 24px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 15px;
		padding-bottom: 8px;
		&:first-child {
			margin-top: 0;
		}
	}
	& > ul {
		display: block;
		overflow: hidden;
		width: 100%;
	}
	& > ul > li {
		display: block;
		padding: 20px;
		background: #FFF;
		margin: 20px auto;
		margin-bottom: 20px;
		background-color: #FFF;
		border: 1px solid rgba(0, 0, 0, 0);
		border-color: #DDD;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		margin-bottom: 0;
		text-align: left;
		float: left;
		height: 244px;
		margin: 0 10px 20px;
		width: 47%;
		ul {
			padding: 0;
		}
		& > strong {
			padding-top: 0;
			font-size: 24px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			margin-bottom: 15px;
			padding-bottom: 8px;
			margin-top: 0;
			text-align: left;
			font-size: 20px;
			font-weight: 600;
			margin-top: -5px;
			display: block;
			a {
				color: #333;
			}
		}
	}
}
#rub_service {
	overflow: hidden;
	form {
		padding: 25px 30px;
		width: auto;
		overflow: hidden;
		input, select {
			max-width: 250px;
		}
		h3 {
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			margin-bottom: 15px;
			margin-top: 30px;
			padding-bottom: 8px;
		}

		h4 {
			font-size: 17px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			margin-bottom: 15px;
			margin-top: 30px;
			padding-bottom: 8px;
		}
		input.cancel {
			color: #333;
			background-color: #FFF;
			border-color: #CCC;
			&:hover {
				color: #333;
				background-color: #EBEBEB;
				border-color: #ADADAD;
			}
			&:active, &:focus {
				outline: 0;
				background-image: none;
				-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
				box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			}
		}
		.submit-button,
		.cancel-button {
			float: right;
			width: 49%;
		}
		.cancel-button {
			float: left;
			text-align: right;
		}
	}
}
#steps {
	margin-bottom: 30px;
	float: left;
	width: 25%;
	& > h2 {
		font-size: 15px;
		border-bottom: none;
		font-weight: bolder;
		margin-bottom: 0;
		padding-bottom: 8px;

	}
	& > ol {
		overflow: hidden;
		list-style: none;
		padding: 0;
		position: relative;

		& > li {
			border-radius: 4px;
			border: 1px solid lightgrey;
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 25px;
			background: #F1F1F1;
			color: #5C5C5C;
			padding: 10px 15px;
			position: relative;
			&.current {
				background: white;
				color: #333;
			}
			margin-right: 23px;
			ul {
				top: 100%;
				left: 0;
				margin: 0 -10px -18px;
				li {
					display: block;
					padding: 5px 10px;
					color: #333;
					font-size: 12px;
					&.current {
						color: #FFF;
						background-color: #428BCA;
						border-color: #357EBD;
						border-radius: 2px;
						.label {
							color: white;
						}
					}
					span {
						font-size: 11px;
						margin-right: 10px;
						font-weight: 400;
						line-height: 1.2em;
					}
				}
			}
			
			&:after {
				position: absolute;
				left: 50%;
				margin-left: -6px;
				top: 100%;
				content: '';
				width: 0;
				height: 0;
				border-style: solid;
				margin-top: 10px;
				border-width: 6px 6px 0 6px;
				border-color: #B6B6B6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
			}
			&:last-child:after {
				content: none;
			}
		}
	}
	.label {
		color: #333;
		font-weight: normal;
		padding: 5px 0;
		display: inline-block;
	}
	.label + ul {
		padding: 5px 0 12px;
	}
}
.logged-in .user.fullname {
	font-weight: bold;
}
.login-actions {
	margin-top: 25px;
	margin-bottom: 0;
	p:last-child {
		margin-bottom: 0;
	}
}
