/*!
 * Fonts
 */

@font-face {
	src: url('/skin/fonts/Knockout-67_Web.woff2');
	font-family: 'Knockout-67-Full-Bantamweight';
}

/*!
 * HTML Reset
 */

html, body {
	margin: 0;
	padding: 0;
	color: #5b6770;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: #ffffff;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

html {
	font: normal 14px/19px sans-serif;
	overflow-y: scroll;
}
p, ul, ol, dl, pre, table, fieldset, .block {
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	text-rendering: optimizelegibility;
	line-height: normal;
	margin: 0.6em 0 0.3em 0;
}

h1 a, h2 a, h3, h4 a, h5 a, h6 a {
	color: inherit;
}

ul, ol, dl {
	padding-left: 2em;
}

a {
	text-decoration: none;
}

sub, sup {
	position: relative;
	font-size: 70%;
}

	sub {
		top: 1px;
	}

	sup {
		top: -1px;
	}

object {
	outline: none;
}

img {
	border: 0;
	vertical-align: top;
	max-width: 100%;
}

figure figcaption {
	display: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: inherit;
	font-size: inherit;
	width: 100%;
}

	table th,
	table td,
	table caption {
		text-align: left;
	}

/*!
 * Additional classes
 */

.hidden {
	display: none;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

img.align-right {
	float: right;
	margin: 0 0 1em 1em;
}

img.align-left {
	float: left;
	margin: 0 1em 1em 0;
}

/*!
 * ClearFix
 */

.clear, .container, .row {
	clear: both;
}

.clearfix, .container, .row {
	zoom: 1;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after {
	content: "";
	display: table;
}

.clearfix:after, .container:after, .row:after {
	clear: both;
}

.row {
	position: relative;
	display: block;
}

/*!
 * System messages
 */

#system_messages {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}
	#system_messages .message {
		position: relative;
		text-align: center;
		padding: 10px;
		color: #ffffff;
	}
	#system_messages .success,
	#system_messages .notice {
		background: #002e5d;
	}
	#system_messages .warning {
		background: #e75a06;
	}
	#system_messages .error,
	#system_messages .error.fatal {
		background-color: #a20618;
	}

/*!
 * Form validation
 */

.validation-failed {
	border-color: #db2323 !important;
}

.validation-advice {
	clear: left;
	color: #db2323;
	padding-left: 150px;
}

/*!
 * Forms
 */

form label {
	font-weight: normal;
}

form label.label {
	display: block;
	width: 150px;
	padding: 9px 0;
	line-height: normal;
	float: left;
}

label.title {
	padding-right: 10px;
	font-family: "Knockout-67-Full-Bantamweight", sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	vertical-align: middle;
	color: #ffffff;
	line-height: 0.8;
}
	form label.title {
		vertical-align: top;
	}


form label.overTxtLabel {
	padding: 2px 0 0 5px;
	font-style: italic;
	display: inline;
	font-size: 12px;
	float: none;
	width: auto;
	color: #5b6770;
}

form .group {
	display: inline-block;
}

form .indent {
	padding-left: 150px;
}

form .row {
	margin: 10px 0;
}

form div {
	clear: left;
	line-height: 34px;
}
form div.text {
	line-height: normal;
}

form h2 {
	clear: left;
}

input, textarea, select {
	font-family: inherit;
	line-height: normal;
	vertical-align: top;
	font-size: 100%;
	outline: none;
	padding: 2px;
	color: #5b6770;
}
	input[type=checkbox], input[type=radio] {
		vertical-align: baseline;
	}
	input[type=text], input[type=password], textarea {
		width: 100%;
		background: #ffffff;
		padding: 5px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #ced1d4;
	}
		input[type=text], input[type=password] {
			line-height: 24px;
			max-width: 275px;
		}
		.filter input[type=text] {
			max-width: 200px;
		}
		textarea {
			height: 150px;
		}

	select {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: #ffffff url('/skin/dropdown-arrow.svg') no-repeat right center;
		background-position: center right 10px;
		border: 2px solid #ced1d4;
		padding: 9px 20px 9px 10px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		max-width: 100%;
		width: 275px;
	}
		textarea:hover, textarea:focus,
		select:hover, select:focus,
		input:hover, input:focus {
			border-color: #92959d;
		}

/*!
 * Buttons
 */

.btn {
	border: 0;
	cursor: pointer;
	font-family: inherit;
	font-size: 15px;
	font-weight: normal;
	height: 32px;
	line-height: normal;
	margin: 0;
	outline: none;
	overflow: visible;
	padding: 1px 20px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 14px;
	position: relative;
}
	a.btn {
		display: inline-block;
		height: 34px;
		line-height: 34px;
		padding: 0 20px;
	}

	/*!
	 * Default button
	 */
	.btn {
		background: #62b5e5;
		color: #002e5d;
	}
		.btn:hover,
		.btn:focus {
			background: #002e5d;
			color: #ffffff;
		}
		.breakout-container .btn:hover,
		.breakout-container .btn:focus {
			background: #ffffff;
			color: #002e5d;
		}

	.btn.btn-texticon {
		border-radius: 0;
		background: transparent;
		color: #5b6770;
		padding: 0;
		margin: 0 15px;
	}
		.btn.btn-texticon.active,
		.btn.btn-texticon:hover,
		.btn.btn-texticon:focus {
			color: #002e5d;
		}
		.btn.btn-texticon .icon {
			display: none;
			width: 30px;
			position: absolute;
			top: 0;
			right: -20px;
			bottom: 0;
			background-color: #002e5d;
			border-radius: 4px;
			background-position: center center;
			background-repeat: no-repeat;
		}
			.btn.btn-texticon.active .icon,
			.btn.btn-texticon:hover .icon,
			.btn.btn-texticon:focus .icon {
				background-color: #62b5e5;
			}
		.btn.btn-texticon .icon-download {
			background-image: url('/skin/icon-download.png');
		}
		.btn.btn-texticon .icon-documentation {
			background-image: url('/skin/icon-play.png');
		}
		.btn.btn-texticon .icon-profile {
			background-image: url('/skin/icon-profile.png');
		}
		.btn.btn-texticon .icon-logout {
			background-image: url('/skin/icon-logout.png');
		}

/*!
 * Base typography and text colors
 */

h1 {
	font-size: 200%;
	color: #002e5d;
}

h1.title {
	font-family: "Knockout-67-Full-Bantamweight", sans-serif;
	font-size: 450%;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 0.8em;
}

h2 {
	font-size: 115%;
	color: #002e5d;
}

h3 {
	font-size: 110%;
	font-weight: normal;
}

h4 {
	font-size: 104%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 90%;
}

a {
	color: #002e5d;
}

/*!
 * Layout
 */

#container {
	background: #ffffff;
}

.container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 940px;
	zoom: 1;
}
	.subcontainer {
		margin: 20px;
	}
	.breakout-container {
		margin: 0 -20px -30px;
		padding: 5px 20px;
		min-height: 20px;
		background: #002e5d;
		color: #ffffff;
	}
		.breakout-container .container {
			max-width: 920px;
			margin: 10px auto;
		}

header {
	position: relative;
	z-index: 2;
}
	header .container {
		position: relative;
	}
		#logo {
			position: relative;
			max-width: 100%;
			display: inline-block;
		}
			#logo img {
				height: 61px;
			}
		header .title {
			padding: 20px;
			font-family: "Knockout-67-Full-Bantamweight", sans-serif;
			font-size: 450%;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
			line-height: 61px;
			color: #002e5d;
			position: absolute;
			right: 0;
			top: 0;
		}

@media all and (max-width: 560px) {
	header .title {
		padding: 0;
		position: relative;
	}
}

footer {
	position: relative;
	font-size: 14px;
	line-height: 24px;
}
	footer .subcontainer {
		margin-top: 30px;
	}
	footer .links {
		font-size: 12px;
		line-height: normal;
	}

#content {
	position: relative;
	min-width: 400px;
	background-color: #e7e8ea;
	color: #5b6770;
	z-index: 1;
}
	#content .subcontainer {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.navigation {
		position: relative;
		margin-bottom: 38px;
	}
		.navigation a {
			margin-right: 30px;
			margin-bottom: 5px;
		}
		.navigation .btn-texticon {
			color: #002e5d;
			line-height: 20px;
			height: auto;
		}
		.navigation .btn-texticon.active,
		.navigation .btn.btn-texticon:hover,
		.navigation .btn.btn-texticon:focus {
			border-bottom: 1px solid #62b5e5;
		}
		.navigation .btn-texticon::after {
			content: " ";
			display: inline-block;
			vertical-align: 4px;
			border: 2px solid #002e5d;
			border-left: none;
			border-bottom: none;
			transform: rotate(45deg);
			width: 4px;
			height: 4px;
			letter-spacing: 1.5px;
			transform-origin: 25% 125%;
		}

.block-login {
	max-width: 350px;
}
	.block-login form {
		margin-top: 30px;
	}
	.block-login .row-label {
		display: none;
	}
.block-content {
	background-color: #ffffff;
	margin: 0 -1em 1em -1em;
	padding: 1em;
	position: relative;
}
	.block-content h1 {
		margin-top: 0;
	}
	.block-content a.to-top {
		position: absolute;
		top: 1em;
		right: 1.3em;
	}
	.block-content a.to-top::after {
		content: " ";
		display: inline-block;
		vertical-align: 4px;
		border: 2px solid #002e5d;
		border-right: none;
		border-bottom: none;
		transform: rotate(45deg);
		width: 4px;
		height: 4px;
		letter-spacing: 1.5px;
		transform-origin: 25% 175%;
	}
	.block-manual img {
		box-shadow: 0 0 0.5em 0 #5f646d;
	}
	.block-index img {
		margin: 0;
	}

blockquote {
	border-left: 0.2em solid #5f646d;
	margin: 0 0 1em 0.2em;
	padding-left: 0.6em;
	color: #000000;
}
	blockquote p {
		margin-bottom: 0.5em;
	}
	blockquote a {
		color: #0000ff;
	}

table {
	border-collapse: separate;
	border-spacing: 4px;
}
	th {
		padding: 0 5px;
		white-space: nowrap;
		font-weight: bold;
	}
		th a {
			display: block;
			padding-right: 17px;
		}
		th.asc a {
			background-image: url('/skin/asc.png');
			background-repeat: no-repeat;
			background-position: center right;
		}
		th.desc a {
			background-image: url('/skin/desc.png');
			background-repeat: no-repeat;
			background-position: center right;
		}
	td {
		background: #ffffff;
		padding: 5px;
		color: #1a171c;
		vertical-align: top;
		white-space: nowrap;
	}
	tr:nth-child(2n) td {
		background: #f5f5f5;
	}

#list_csf tr:hover td {
	background: #62b5e5;
	cursor: pointer;
}

#list_csf button {
	width: 16px;
	height: 16px;
	padding: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

.invalid {
	background-color: #ffdddd !important;
}

fieldset {
	border: 1px solid #666666;
	background: #ffffff;
	position: relative;
}
	fieldset legend {
		color: #002e5d;
		font-weight: bold;
	}
	fieldset fieldset {
		margin-bottom: 25px;
		border: 1px solid #c0c0c0;
		background: #f5f5f5;
	}
		fieldset fieldset legend {
			color: #5b6770;
			font-weight: normal;
		}
	fieldset .message-cd {
		margin-right: 30px;
	}
	fieldset .message-cd::before {
		content: "";
		display: block;
		border-top: 15px solid #c0c0c0;
		border-right: 20px solid transparent;
		position: absolute;
		bottom: -16px;
		left: -1px;
	}
	fieldset .message-cd::after {
		content: "";
		display: block;
		border-top: 14px solid #f5f5f5;
		border-right: 19px solid transparent;
		position: absolute;
		bottom: -14px;
		left: 0;
	}
	fieldset .message-client {
		margin-left: 30px;
	}
	fieldset .message-client::before {
		content: "";
		display: block;
		border-top: 15px solid #c0c0c0;
		border-left: 20px solid transparent;
		position: absolute;
		bottom: -16px;
		right: -1px;
	}
	fieldset .message-client::after {
		content: "";
		display: block;
		border-top: 14px solid #f5f5f5;
		border-left: 19px solid transparent;
		position: absolute;
		bottom: -14px;
		right: 0;
	}

.attachments {
	margin-top: 10px;
	padding: 5px;
	background-color: #e0e0e0;
}
	.attachments ul {
		padding-left: 20px;
	}

.paging {
	text-align: center;
}
	.paging a.btn {
		height: auto;
		padding: 2px 12px;
		line-height: 1.2;
	}
.buttons {
	padding-top: 1em;
}
.consentsettings div {
	line-height: inherit;
}

#csf_form {
	padding: 10px;
	border: 1px solid #666666;
	background-color: #f5f5f5;
}
	#csf_form h2 {
		border-bottom: 1px solid #666666;
	}
	#csf_form select.fixed {
		width: 150px;
	}
	#csf_form input,
	#csf_form select {
		margin-bottom: 5px;
	}