h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
td, th {
	padding: 0;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
ul {
	list-style-type: none;
}
a {
	color: #2785ed;
}
table {
	border-collapse: collapse;
}
img {
	border: 0;
	display: block;
}
input, textarea, button, select {
	font: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	outline-offset: 0;
	border-radius: 0;
	border: 1px solid #ccc;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: none;
}
input[type=submit], button {
	cursor: pointer;
}
textarea {
	height: 80px;
	overflow: auto;
}
@im: '../images/';
@sp: '../images/sprite.png';
.hover-underline {
	text-decoration: none;
	&:hover {
		text-decoration: underline;
	}
}
.rgba(@red, @green, @blue, @opacity) {
	background: rgb(@red, @green, @blue);
	background: rgba(@red, @green, @blue, @opacity);
}
.transition(@string) {
	-webkit-transition: @string;
	-moz-transition: @string;
	-o-transition: @string;
	transition: @string;
}
.transform(@string) {
	-webkit-transform: @string;
	-moz-transform: @string;
	-ms-transform: @string;
	-o-transform: @string;
	transform: @string;
}
.filter(@string) {
	-webkit-filter: @string;
	-moz-filter: @string;
	-ms-filter: @string;
	-o-filter: @string;
	filter: @string;
}
.transform-transition(@time) {
	-webkit-transition: -webkit-transform @time;
	-moz-transition: -moz-transform @time;
	-ms-transition: -ms-transform @time;
	-o-transition: -o-transform @time;
	transition: transform @time;
}
.filter-transition(@time) {
	-webkit-transition: -webkit-filter @time;
	-moz-transition: -moz-filter @time;
	-ms-transition: -ms-filter @time;
	-o-transition: -o-filter @time;
	transition: filter @time;
}
.gradient(@start: white, @end: black) {
	background: @end;
	background: -webkit-linear-gradient(top, @start 0%, @end 100%);
	background: -ms-linear-gradient(top, @start 0%, @end 100%);
	background: -o-linear-gradient(top, @start 0%, @end 100%);
	background: linear-gradient(to bottom, @start 0%, @end 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{start}', endColorstr='@{end}', GradientType=0);
}
.opacity(@opacity) {
	opacity: @opacity;
	@msopacity: @opacity * 100;
	filter: ~'alpha(opacity=@{msopacity})';
}
.bshadow(@string) {
	-webkit-box-shadow: @string;
	box-shadow: @string;
}
.cols(@string) {
	-webkit-column-count: @string;
	-moz-column-count: @string;
	column-count: @string;
}
.col-break(@string) {
	-webkit-column-break-inside: @string;
	-moz-column-break-inside: @string;
	-ms-column-break-inside: @string;
	-o-column-break-inside: @string;
	column-break-inside: @string;
}
.perspective(@distance) {
	-webkit-perspective: @distance;
	-moz-perspective: @distance;
	perspective: @distance;
}
.perspective-origin(@string) {
	-webkit-perspective-origin: @string;
	-moz-perspective-origin: @string;
	perspective-origin: @string;
}
.backface-visibility(@string) {
	-webkit-backface-visibility: @string;
	-moz-backface-visibility: @string;
	backface-visibility: @string;
}
.transform-origin(@string) {
	-webkit-transform-origin: @string;
	-moz-transform-origin: @string;
	-ms-transform-origin: @string;
	-o-transform-origin: @string;
	transform-origin: @string;
}
.triangle-up(@color, @height, @leftSide, @rightSide) {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: @color transparent;
	border-width: 0 @rightSide @height @leftSide;
}
.triangle-right(@color, @height, @leftSide, @rightSide) {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent @color;
	border-width: @leftSide 0 @rightSide @height;
}
.triangle-down(@color, @height, @leftSide, @rightSide) {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: @color transparent;
	border-width: @height @rightSide 0 @leftSide;
}
.triangle-left(@color, @height, @leftSide, @rightSide) {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent @color;
	border-width: @rightSide @height @leftSide 0;
}
.center() {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.image-container(@width) {
	width: @width;
	overflow: hidden;
	img {
		margin: 0 auto;
		max-width: 100%;
	}
}
::-webkit-search-cancel-button {
	margin: 0 5px;
	cursor: pointer;
}
::-webkit-search-decoration {
	display: none;
}
html {
	height: 100%;
}
body {
	height: 100%;
	min-width: 991px;
	margin: 0;
	font: ~'16px/1' 'PT Sans Narrow', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #4c4c4c;
}
.disabled {
	.opacity(.4) !important;
	cursor: default !important;
}
.inactive {
	.opacity(0) !important;
	cursor: default !important;
}
.dn {
	display: none !important;
}
.db {
	display: block !important;
}
.no-transition {
	.transition(none) !important;
}
.quick-transition {
	.transition(ease-out 300ms) !important;
}
.clr {
	clear: both;
	display: block;
}
.push {
	clear: both;
	display: block;
}
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}
.inner-wrapper {
	width: 961px;
	padding: 0 15px;
	margin: 0 auto;
}
.resize-bg {
	overflow: hidden;
	position: relative;
	img {
		width: 100%;
		height: auto;
		.transition(opacity 200ms);
		opacity: 0;
		position: relative;
		&.vertical {
			height: 100%;
			width: auto;
		}
		&.loaded {
			opacity: 1;
		}
	}
}
.text-container {
	margin: 20px;
	p {
		margin: 20px 0;
	}
	img {
		display: inline;
		margin: 10px 20px 10px 0;
		&.align-left {
			float: left;
		}
		&.align-right {
			float: right;
			margin: 10px 0 10px 20px;
		}
	}
	object {
		margin-bottom: 30px;
	}
}
h1 {
	font-size: 36px;
	font-weight: normal;
	color: #4c4c4c;
}
h2 {
	font-size: 24px;
	font-weight: normal;
}
.wrapper {
	min-height: 100%;
	position: relative;
}
.content {
	margin-bottom: 50px;
}
.masthead {
	height: 85px;
	overflow: hidden;
	border-bottom: 4px solid #0379f0;
	background: #313442;
	background: -webkit-linear-gradient(top, #313442 0%,#25292c 69%,#2c3035 80%,#454b54 100%);
	background: -o-linear-gradient(top, #313442 0%,#25292c 69%,#2c3035 80%,#454b54 100%);
	background: -ms-linear-gradient(top, #313442 0%,#25292c 69%,#2c3035 80%,#454b54 100%);
	background: linear-gradient(to bottom, #313442 0%,#25292c 69%,#2c3035 80%,#454b54 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313442', endColorstr='#454b54',GradientType=0);
}
.m-logo {
	float: left;
	overflow: hidden;
	margin-right: 25px;
}
.m-logo-text {
	float: left;
	color: white;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 85px;
}
.m-button {
	border-left: 1px solid #313436;
	border-left: 1px solid rgba(95, 95, 95, .2);
	color: #bdbdbd;
	float: right;
	display: table;
	height: 85px;
	line-height: 20px;
	a {
		padding: 0 35px;
		display: table-cell;
		vertical-align: middle;
		text-decoration: none;
		color: inherit;
		&:hover {
			i {
				.opacity(1);
			}
			p {
				color: white;
			}
		}
	}
	i {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		background-image: url(@sp);
		.transition(opacity 100ms);
		.opacity(.7);
	}
	p {
		display: inline-block;
		vertical-align: middle;
		.transition(color 100ms);
	}

}
.m-logout {
	border-right: 1px solid #313436;
	border-right: 1px solid rgba(95, 95, 95, .2);
	i {
		width: 21px;
		height: 16px;
		background-position: -48px -39px;
	}
}
.m-main {
	i {
		width: 18px;
		height: 16px;
		background-position: -30px -39px;
	}
}
.m-offer {
	i {
		width: 24px;
		height: 16px;
		background-position: -6px -38px;
	}
}
.silver-gradient {
	background: #f8f8f8;
	background: -webkit-linear-gradient(top,#ffffff 0%,#f3f3f3 69%,#f3f3f3 76%,#f8f8f8 100%);
	background: -o-linear-gradient(top,#ffffff 0%,#f3f3f3 69%,#f3f3f3 76%,#f8f8f8 100%);
	background: -ms-linear-gradient(top,#ffffff 0%,#f3f3f3 69%,#f3f3f3 76%,#f8f8f8 100%);
	background: linear-gradient(to bottom,#ffffff 0%,#f3f3f3 69%,#f3f3f3 76%,#f8f8f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f8f8f8',GradientType=0);
}
.header {
	height: 80px;
	.silver-gradient;
	border-bottom: 1px solid #ddd;
	table {
		width: 100%;
		height: 80px;
		td {
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			text-align: center;
			p {
				display: inline-block;
				vertical-align: middle;
			}
			i {
				display: inline-block;
				vertical-align: middle;
				margin-right: 10px;
			}
		}
	}
}
.h-name {
	font-size: 19px;
	i {
		.triangle-down(#666, 8px, 5px, 5px);
	}
}
.h-dropdown-wrapper {
	height: 80px;
	position: relative;
	&:hover {
		.h-dropdown {
			visibility: visible;
			opacity: 1;
			top: 100%;
		}
		.h-dropdown-layer {
			background: #f4f4f4;
			background: -webkit-linear-gradient(top,#f9f9f9 0%,#efefef 69%,#efefef 76%,#f4f4f4 100%);
			background: -o-linear-gradient(top,#f9f9f9 0%,#efefef 69%,#efefef 76%,#f4f4f4 100%);
			background: -ms-linear-gradient(top,#f9f9f9 0%,#efefef 69%,#efefef 76%,#f4f4f4 100%);
			background: linear-gradient(to bottom,#f9f9f9 0%,#efefef 69%,#efefef 76%,#f4f4f4 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f4f4f4',GradientType=0);
		}
	}
}
.h-dropdown-layer {
	border-bottom: 1px solid #ddd;
	height: 80px;
	line-height: 80px;
	position: relative;
	z-index: 2;
	.silver-gradient;
	-webkit-backface-visibility: hidden; // MacOS webkit bug
}
.h-dropdown {
	visibility: hidden;
	opacity: 0;
	top: 70%;
	position: absolute;
	z-index: 1;
	background: white;
	left: -1px;
	width: 100%;
	border: 1px solid #d5d5d5;
	.transition(all 150ms cubic-bezier(.47,0,.69,1));
	.bshadow(0 4px 14px -3px rgba(63, 63, 63, .4));
	li {
		font-size: 15px;
		padding: 10px 20px;
		border-top: 1px solid #d5d5d5;
		&:first-child {
			border-top: none;
		}
		&:hover {
			background: #f3f3f3;
		}
	}
}
.change-password {
	cursor: pointer;
}
.h-open,
.h-closed {
	i {
		font-size: 32px;
		color: #353535;
		font-style: normal;
	}
	p {
		color: #8b8b8b;
		text-align: left;
		line-height: 16px;
		font-size: 14px;
	}
}
.h-search-box {
	border-radius: 2px;
	position: relative;
	background: white;
	display: inline-block;
	input[type=submit] {
		position: absolute;
		top: 1px;
		left: 1px;
		height: 38px;
		width: 38px;
		border: 0;
		background: url(@sp) -122px -60px no-repeat;
	}
	input[type=search] {
		// -webkit-appearance: none;
		border: 1px solid #bdbdbd;
		border-radius: 3px;
		height: 20px;
		padding: 9px 10px 9px 40px;
		.transition(border-color 250ms);
		&:focus {
			border-color: #999;
		}
	}
}
.h-new {
	.blue-button {
		i {
			width: 9px;
			height: 9px;
			background: url(@sp) -111px -22px;
			margin-right: 7px;
		}
	}
}
.blue-button {
	border: 1px solid #2277cd;
	border-radius: 3px;
	.gradient(#4a99f2, #2785ed);
	.bshadow(~'inset 0 -5px 15px -8px white, 0 3px 10px -2px gray');
	.transition(box-shadow 100ms);
	color: white;
	height: 34px;
	padding: 0 15px 4px;
	&.small {
		height: 28px;
		line-height: 28px;
		padding: 0 15px 2px;
	}
	&:hover {
		.gradient(#4190E9, #1C7FEC);
	}
	&:active,
	&.active {
		.bshadow(none);
		.gradient(#2785ed, #4a99f2);

	}
}
.title-container {
	padding: 35px 0 20px;
}
.title-breadcrumbs {
	font-size: 36px;
	float: left;
	li {
		float: left;
		color: #d4d4d4;
		margin-right: 15px;
	}
	a {
		display: inline-block;
		.hover-underline;
		margin-right: 15px;
	}
}
.title-print {
	float: right;
}
.case-filter {
	z-index: 2;
	border-radius: 4px;
	width: 100%;
	font-size: 15px;
	.gradient(#fbfbfb, #f7f7f7);
	td {
		padding: 13px 15px;
		border: 1px solid #ddd;
		vertical-align: top;
		h4 {
			color: #999;
			font-size: 14px;
			margin-bottom: 8px;
			font-weight: normal;
		}
	}
}
.cf-organization {
	width: 200px;
}
.cf-status {
	width: 100px;
	.styled-selectbox {
		width: 100px;
	}
}
.cf-product {
	width: 140px;
	.styled-selectbox {
		width: 140px;
	}
}
.cf-date {
	white-space: nowrap;
	p {
		vertical-align: middle;
		display: inline-block;
		margin: 0 5px;
	}
}
.date-button {
	vertical-align: middle;
	display: inline-block;
	height: 30px;
	position: relative;
	width: 120px;
	-webkit-user-select: none;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	.gradient(#fff, #eee);
	input[type=date] {
		outline: 0;
		text-align: left;
		width: 100px;
		padding: 0 10px;
		background: none;
		border: 0;
		line-height: 30px;
		height: 30px;
		position: relative;
		z-index: 1;
		&::-webkit-clear-button {
			display: none;
		}
		&::-webkit-inner-spin-button {
			display: none;
		}
		&::-webkit-calendar-picker-indicator {
			height: 100%;
			padding: 0;
			position: absolute;
			right: 0;
			width: 32px;
			opacity: 0;
		}
	}
	b {
		width: 30px;
		height: 30px;
		border-left: 1px solid #d5d5d5;
		position: absolute;
		z-index: 2;
		.silver;
		right: -1px;
		top: -1px;
		cursor: pointer;
		&:hover {
			.gradient(#fafafa, #e9e9e9);
		}
		&:active {
			.gradient(#e3e3e3, #f6f6f6);
			.bshadow(none);
		}
		i {
			.center();
			background: url(@sp) -46px -22px;
			width: 17px;
			height: 17px;
		}
	}
}
.cf-show {
	width: 50px;
}
.cfo-right {
	float: right;
	width: 40px;
	.silver-button {
		width: 30px;
		height: 30px;
		float: right;
		position: relative;
		&.active {
			i {
				.transform(rotate(-45deg));
			}
		}
		i {
			width: 12px;
			height: 12px;
			.center();
			.transform-transition(100ms);
			background: url(@sp) -63px -22px;
		}
	}
}
.cfo-left {
	overflow: hidden;
}
.cfo-list {
	li {
		margin: 4px 0;
		display: block;
		span {
			color: #393939;
			font-size: 14px;
			margin-right: 10px;
		}
	}
}
.cfo-remove {
	display: inline-block;
	vertical-align: top;
	width: 13px;
	height: 13px;
	background: url(@sp) -75px -22px;
	cursor: pointer;
	margin-top: 3px;
}
.silver {
	-webkit-user-select: none;
	cursor: pointer;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	.gradient(#fff, #eee);
	.transition(box-shadow 100ms);
	&:hover {
		.gradient(#fafafa, #e9e9e9);
	}
	&:active,
	&.active {
		.gradient(#e3e3e3, #f6f6f6);
		.bshadow(none);
	}
}
.silver-button {
	-webkit-user-select: none;
	cursor: pointer;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	background: #ebebeb;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 68%,#ebebeb 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 68%,#ebebeb 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 68%,#ebebeb 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 68%,#ebebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
	.bshadow(~'inset 0 -5px 15px -8px white, 0 3px 14px -7px gray');
	.transition(box-shadow 100ms);
	&:hover {
		.gradient(#fafafa, #e9e9e9);
	}
	&:active,
	&.active {
		.gradient(#e3e3e3, #f6f6f6);
		.bshadow(none);
	}
	&.small {
		height: 28px;
		line-height: 28px;
		padding: 0 15px 2px;
	}
}
.styled-selectbox {
	height: 30px;
	b {
		width: 30px;
		height: 30px;
		float: right;
		border-left: 1px solid #d5d5d5;
		position: relative;
		i {
			.center();
			.triangle-down(#7b7b7b, 4px, 4px, 4px);
		}
	}
	em {
		padding: 0 10px;
		height: 30px;
		line-height: 30px;
		display: block;
		font-style: normal;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	ul {
		display: none;
		background: white;
		border: 1px solid #d5d5d5;
		position: relative;
		top: -1px;
		z-index: 9;
		max-height: 140px;
		overflow-y: auto;
		li {
			border-top: 1px solid #d5d5d5;
			cursor: pointer;
			padding: 7px 10px;
			&:first-child {
				border-top: 0;
			}
			&:hover {
				background: #fbfbfb;
			}
			&:active,
			&.active {
				background: #eaeaea;
				cursor: default;
			}
		}
	}
}
.selectbox-head {
	.silver;
}
.filter-information {
	padding: 25px 0;
}
.fi-left {
	float: left;
	padding-left: 15px;
	h2 {
		display: inline-block;
		vertical-align: top;
		margin-right: 15px;
		line-height: 30px;
	}
}
.fi-right {
	float: right;
}
.pagination {
	margin-top: 3px;
	li {
		float: left;
		font-size: 14px;
		line-height: 27px;
		text-align: center;
		a {
			.hover-underline;
			display: block;
			padding: 0 10px;
			height: 27px;
			margin: 0 2px;
		}
		span {
			display: block;
			height: 27px;
			color: white;
			padding: 0 10px;
			background: #2785ed;
			border-radius: 3px;
			margin: 0 2px;
		}
		.pagination-title {
			color: #858585;
			background: none;
			margin-right: 5px;
		}
	}
}
.fi-print {
	display: inline-block;
	vertical-align: top;
	.silver;
	width: 30px;
	height: 30px;
	position: relative;
	i {
		.center();
		background: url(@sp) -29px -22px;
		width: 17px;
		height: 15px;
	}
}
.title-print {
	&:hover {
		b {
			.gradient(#fafafa, #e9e9e9);
		}
	}
	&:active {
		b {
			.gradient(#e3e3e3, #f6f6f6);
		}
	}
	a {
		text-decoration: none;
	}
	p {
		display: inline-block;
		vertical-align: top;
		line-height: 32px;
		color: #737373;
		padding: 0 12px;
	}
}
.case-table {
	width: 100%;
	font-size: 15px;
	&.single-case {
		tr.ct-details {
			display: table-row;
		}
	}	
	th {
		font-weight: normal;
		text-align: left;
		border: 1px solid #d2d2d2;
		.gradient(#f7f7f7, #ececec);
		white-space: nowrap;
		&:first-child {
			width: 1px;
		}
		a {
			display: block;
			padding: 9px 20px 9px 10px;
			color: inherit;
			position: relative;
			text-decoration: none;
			&:hover {
				.gradient(#f0f0f0, #dedede);
			}
		}
		span {
			display: block;
			padding: 9px 15px;
		}
		i {
			width: 6px;
			height: 11px;
			background: url(@sp) 0 -37px;
			position: absolute;
			top: 50%;
			right: 7px;
			margin-top: -5px;
		}
	}
	td {
		border: 1px solid #e4e4e4;
		padding: 9px 10px;
		height: 26px;
		.silver-button {
			height: 20px;
			line-height: 20px;
			padding: 2px 10px;
			margin-left: 15px;
		}
		a {
			.hover-underline;
		}
	}
	tr {
		.transition(background-color 150ms);
		&.odd-row {
			background: #f9f9f9;
		}
		&:hover {
			background: #f2f2f2;
		}
		&.ct-details {
			.gradient(#eeeeee, #f9f9f9);
			padding: 20px 0;
			height: 75px;
			display: none;
			p {
				line-height: 30px;
				display: inline-block;
				vertical-align: middle;
				margin: 0 8px;
			}
			.styled-selectbox {
				display: inline-block;
				vertical-align: middle;
				margin: 0 8px;
				text-align: left;
			}
			.silver-button {
				height: 30px;
				line-height: 30px;
				display: inline-block;
				vertical-align: middle;
				margin: 0 8px;
				padding: 0 12px;
			}
			td {
				text-align: center;
			}
		}
	}
}
.cf-select-type + .styled-selectbox {
	width: 190px;
}
.cf-select-prio + .styled-selectbox {
	width: 70px;
}
.ct-close {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	height: 23px;
	background: url(@sp) -88px -22px;
}
.expand-button {
	border: 1px solid #a9a9a9;
	border-radius: 3px;
	width: 16px;
	height: 16px;
	display: block;
	position: relative;
	.silver;
	&.collapse {
		i {
			background-position: -21px -30px;
		}
	}
	i {
		.center();
		width: 8px;
		height: 8px;
		background: url(@sp) -21px -22px;
	}
}
.f-line {
	background: #1065ba;
	height: 4px;
	display: block;
}
.f-collapse-button {
	position: absolute;
	left: 50%;
	margin-left: -42px;
	width: 85px;
	height: 20px;
	top: -17px;
	z-index: 1;
	cursor: pointer;
	border-radius: 3px 3px 0 0;
	border-top: 1px solid #4b8cda;
	.gradient(#2a77d3, #015bac);
	i {
		display: block;
		width: 9px;
		height: 5px;
		margin: 7px auto;
		background: url(@sp) 0 -22px;
		.transform-transition(300ms);
	}
	&.expand {
		i {
			.transform( rotate(180deg) );
		}
	}
	&.expand-nofx {
		i {
			background-position: -9px -59px;
		}
	}
}
.pre-footer {
	background: black;
	font-size: 15px;
	color: #999;
	position: relative;
}
.f-links {
	padding: 30px 0 10px;
	overflow: hidden;
}
.f-block {
	float: left;
	margin-bottom: 20px;
	h3 {
		text-transform: uppercase;
		color: #ccc;
		font-weight: normal;
		margin-bottom: 10px;
	}
	ul {
		li {
			margin: 9px 0;
			line-height: 18px;
			a {
				text-decoration: none;
				color: #999;
				&:hover {
					color: #eee;
				}
			}
		}
	}
	p {
		margin: 0;
	}
}
.f-list {
	overflow: hidden;
}
.studio-link {
	float: right;
	text-decoration: none;
	color: #999;
	&:hover {
		color: #eee;
	}
}
.studio-logo {
	float: right;
	background: url(@sp);
	width: 116px;
	height: 22px;
	margin-left: 10%;
}
.footer {
	clear: both;
	color: #999;
	background: black;
	p {
		margin: 0;
	}
}
.f-lower {
	.inner-wrapper {
		padding: 0 15px 30px;
	}	
}
.f-top-line {
	margin-bottom: 31px;
	height: 1px;
	background: #555;
}
.f-copy {
	float: left;
	width: 250px;
	margin-right: 20px;
}
.f-studio {
	float: right;
	width: 250px;
}
.f-social {
	padding: 0 250px 0 270px;
	text-align: center;
}
.fc-button {
	.opacity(.7);
	.transition(opacity 200ms);
	margin-left: 5%;
	display: inline-block;
	height: 15px;
	&:hover {
		.opacity(1);
	}
}
.f-subscribe {
	position: relative;
}
.subscribe-input {
	border: 1px solid #434343;
	border-radius: 4px;
	margin-bottom: 5px;
	padding: 1px 9px 5px;
	.transition(border-color 100ms);
	input[type=text],
	input[type=email] {
		height: 24px;
		line-height: 29px;
		color: #eee;
		width: 100%;
		background: transparent;
		border: 0;
		padding: 0;
	}
	&.focused {
		border-color: #0864ca;
	}
}
.subscribe-submit {
	position: absolute;
	right: 0;
	bottom: 1px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-radius: 0 4px 4px 0;
	border: 0;
	background: url(@sp) -120px 0;
	&:hover {
		background-position: -120px -30px;
	}
}
.f-block {
	width: 25%;
}
.f-two-column {
	width: 50%;
	ul {
		width: 45%;
		margin-left: 9%;
		float: left;
		&:first-child {
			margin-left: 0;
		}
	}
}
.f-three-column {
	width: 50%;
	ul {
		width: 30%;
		margin-left: 3%;
		float: left;
		&:first-child {
			margin-left: 0;
		}
	}
}
.after-shadow {
	position: relative;
	&:after {
		height: 14px;
		width: 686px;
		left: 156px;
		position: absolute;
		content: '';
		background: url('@{im}bottom_shadow.png');
	}
}
.color-open {
	color: #7ebd24;
}
.color-closed {
	color: #ca0808;
}
.case-details {
	font-size: 15px;
	line-height: 20px;
	h2 {
		font-size: 22px;
		margin-top: 30px;
		padding: 0 20px 20px;
	}
}
.cd-left {
	width: 235px;
	float: left;
	h2 {
		border-bottom: 1px solid #e4e4e4;
		padding-left: 0;
		padding-right: 0;
		margin: 30px 20px 0;
	}
}
.cd-right {
	width: 700px;
	float: right;
}
.cd-item {
	border: 1px solid #e4e4e4;
	border-bottom-width: 2px;
	border-radius: 3px;
	margin-bottom: 15px;
}
.cdi-title {
	padding: 15px 20px;
	.gradient(#f6f6f6, #ececec);
	overflow: hidden;
	strong {
		font-weight: normal;
		color: black;
		float: left;
		font-size: 16px;
	}
}
.cdi-date {
	float: right;
	color: #767676;
	i {
		display: inline-block;
		vertical-align: top;
		width: 13px;
		height: 13px;
		background: url(@sp) -75px -35px;
		margin: 3px 6px 0;
	}
	p {
		display: inline-block;
		vertical-align: top;
	}
}
.cdi-attachment {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
	padding: 13px 20px;
	background: #fffcf5;
	color: #767676;
	strong {
		font-weight: normal;
		color: black;
		margin-right: 5px;
		font-size: 16px;
	}
}
.attachment-tail {
	position: absolute;
	width: 14px;
	height: 7px;
	background: url(@sp) -69px -48px;
	bottom: -1px;
	left: 40px;
}
.overlay {
	opacity: 0;
	overflow: hidden;
	display: none;
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('@{im}overlay.png');
	.transition(all 300ms);
	.perspective(1000px);
	-webkit-backface-visibility: hidden;
	&.show {
		opacity: 1;
	}
	&.message {
		.o-message {
			visibility: visible;
			.transform(none);
		}
	}
	&.offer {
		.o-offer {
			visibility: visible;
			.transform(none);
		}
	}
	&.password {
		.o-password {
			visibility: visible;
			.transform(none);
		}
	}
	&.new-case {
		.o-new-case {
			visibility: visible;
			.transform(none);
		}
	}
	&.absolute {
		position: absolute;
		> div {
			top: 40px;
			bottom: auto !important;
		}
		.white-shadow {
			position: absolute;
			top: 250px;
			bottom: auto;
		}
	}
}
.white-shadow {
	position: fixed;
	width: 140px;
	height: 2px;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	.bshadow(0 0 350px 220px rgba(255, 255, 255, .4));
	border-radius: 50%;
	background: rgba(255, 255, 255, .4);
}
.o-message,
.o-offer,
.o-password,
.o-new-case {
	visibility: hidden;
	width: 620px;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	left: 0;
	-webkit-transition: -webkit-transform 300ms, opacity 200ms, visibility 200ms;
	-moz-transition: -moz-transform 300ms, opacity 200ms, visibility 200ms;
	-ms-transition: -ms-transform 300ms, opacity 200ms, visibility 200ms;
	-o-transition: -o-transform 300ms, opacity 200ms, visibility 200ms;
	transition: transform 300ms, opacity 200ms, visibility 200ms;
	.transform(scale(0.8) rotateX(15deg) translateY(-1000px));
	.bshadow(0 0 25px 0px rgba(0, 0, 0, .4));
}
.om-block {
	border-top: 1px solid #d8d8d8;
	padding: 20px;
}
.om-submit-block {
	border-top: 1px solid #d8d8d8;
	background: #f7f7f7;
	padding: 15px 20px;
	.silver-button {
		line-height: 38px;
		height: 38px;
		padding: 0 15px;
		float: right;
		margin: 0 10px;
	}
	.blue-button {
		float: right;
	}
}
.om-head {
	border-radius: 3px 3px 0 0;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	.gradient(#f5f5f5, #ececec);
	h2 {
		line-height: 75px;
		padding: 0 100px 0 25px;
	}
}
.om-body {
	border-radius: 0 0 3px 3px;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	background: white;
}
.om-close {
	float: right;
	width: 75px;
	height: 75px;
	position: relative;
	cursor: pointer;
	i {
		.opacity(.7);
		width: 11px;
		height: 11px;
		background: url(@sp) -109px -45px;
		.center();
	}
	&:hover {
		i {
			.opacity(1);
		}
	}
}
.om-block {
	padding: 25px;
}
.om-left {
	float: left;
	width: 110px;
	color: black;
	margin-top: 8px;
}
.om-right {
	float: right;
	width: 430px;
	textarea {
		padding: 8px 12px;
		width: 404px;
		max-width: 404px;
		border: 1px solid #cbcbcb;
		.transition(border-color 250ms);
		border-radius: 3px;
		&:focus {
			border-color: #999;
		}
	}
	input[type=text],
	input[type=password], {
		padding: 8px 12px;
		width: 404px;
		border: 1px solid #cbcbcb;
		.transition(border-color 250ms);
		border-radius: 3px;
		&:focus {
			border-color: #999;
		}
	}
}
.om-separator {
	.clr;
	height: 15px;
}
.file-line {
	margin-bottom: 15px;
	&.add {
		.fl-add {
			display: inline-block;
		}
	}
	&.remove {
		.fl-remove {
			display: inline-block;
		}
	}
}
.fl-file {
	position: absolute;
	visibility: hidden;
}
.fl-button {
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
	line-height: 33px;
	padding: 0 15px;
}
.fl-title {
	display: inline-block;
	vertical-align: top;
	margin: 0 7px;
	line-height: 35px;
}
.fl-add {
	-webkit-user-select: none;
	display: none;
	vertical-align: top;
	margin: 6px 7px 0;
	width: 23px;
	height: 23px;
	background: url(@sp) -86px -48px;
	cursor: pointer;
}
.fl-remove {
	.fl-add;
	background-position: -63px -55px;
}
.om-note {
	margin-top: 8px;
	font-size: 14px;
	color: #a2a2a2;
}
.ol-wrapper {
	z-index: 1;
	position: relative;
}
.organization-list {
	position: absolute;
	background: white;
	border-left: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-radius: 3px;
	left: 15px;
	padding-top: 15px;
	visibility: hidden;
	opacity: 0;
	top: -70px;
	.transition(all 250ms cubic-bezier(.47,0,.69,1));
	.transition(all 250ms cubic-bezier(.47,-0.68,.69,1.62));
	&.visible {
		visibility: visible;
		opacity: 1;
		top: -10px;
	}
}
.ol-list {
	li {
		border-bottom: 1px solid #d4d4d4;
		display: block;
		&:first-child {
			border-top: 1px solid #d4d4d4;
		}
	}
	label {
		clear: both;
		display: block;
		overflow: hidden;
		cursor: pointer;
		.transition(background-color 150ms);
		&:hover {
			background: #f2f2f2;
			.checkbox-wrapper {
				background: #f2f2f2;
			}
		}
		span {
			overflow: hidden;
			padding: 0 12px;
			white-space: nowrap;
			margin-right: 40px;
			line-height: 34px;
			display: block;
		}
	}
	.checkbox-wrapper {
		border-left: 1px solid #d4d4d4;
		float: right;
		padding: 8px;
		background: #f8f8f8;
		.transition(background-color 150ms);
	}
}
.checkbox {
	width: 16px;
	height: 16px;
	border: 1px solid #ccc;
	border-radius: 3px;
	display: block;
	position: relative;
	background: white;
	&.active {
		i {
			background: url(@sp) -10px -22px;
		}
	}
	i {
		width: 10px;
		height: 8px;
		.center();
	}
}
.ol-buttons {
	padding: 6px;
	white-space: nowrap;
	.silver-button {
		float: left;
		margin-right: 6px;
		&.small {
			width: auto;
			height: 31px;
			line-height: 31px;
		}
	}
	.blue-button {
		float: right;
		&.small {
			width: auto;
			height: 31px;
			line-height: 31px;
		}
	}
}
.req-star {
	color: #ed0000;
	font-style: normal;
	margin-left: 2px;
	font-size: 14px;
	font-family: Arial, sans-serif;
}
.nc-select-system + .styled-selectbox,
.nc-select-client + .styled-selectbox {
	width: 190px;
}
.nc-select-prio + .styled-selectbox {
	width: 70px;
}