@CHARSET "UTF-8";

/* @group Widget */

.hofff-selectri-widget {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 12px;
	border: 0;
}

.hofff-selectri-widget ol,
.hofff-selectri-widget ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

.hofff-selectri-widget li {
	position: relative;
}

.hofff-selectri-widget.hofff-selectri-hide-content .hofff-selectri-content {
	display: none;
}

/* @end */

/* @group Selection */



/* @end */

/* @group Tree */

.hofff-selectri-selection.hofff-selectri-has-selection,
.hofff-selectri-result.hofff-selectri-open,
.hofff-selectri-suggestions.hofff-selectri-open,
.hofff-selectri-tree.hofff-selectri-open {
	display: block;
}

.hofff-selectri-selection,
.hofff-selectri-result,
.hofff-selectri-suggestions {
	display: none;
	padding: 5px 0 10px;
}

.hofff-selectri-tree {
	display: none;
	padding: 10px 0 2px;
}

.hofff-selectri-selection > ol,
.hofff-selectri-result > ol,
.hofff-selectri-suggestions > ol,
.hofff-selectri-tree > ol,
.hofff-selectri-messages p {
	border-top: 1px solid #e9e9e9;
/* 	border-bottom: 1px solid #e9e9e9; */
}

.hofff-selectri-node,
.hofff-selectri-messages p {
	border-bottom: 1px solid #e9e9e9;
	background-color: #f6f6f6;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.hofff-selectri-tree .hofff-selectri-node {
	margin-left: 10px;
	border-left: 1px solid #e9e9e9;
}

.hofff-selectri-node:hover {
	background-color: #d8f9ae; /* #ebfdd7; */
}

.hofff-selectri-node.hofff-selectri-fade {
	background-color: #f6f6f6;
	-webkit-transition: background-color 1.5s ease 0.5s;
}

.hofff-selectri-node.hofff-selectri-highlight {
	background-color: #aed8f9; /*#eff5fa;*/
	-webkit-transition: none;
}

.hofff-selectri-children {
	display: none;
	margin-left: 10px;
	border-left: 1px solid #e9e9e9;
	padding-left: 8px;
	padding-bottom: 5px;
}

:last-child > .hofff-selectri-children {
	border-left: 0;
	padding-left: 9px;
	padding-bottom: 0;
}

/* children container, where the path contains at least one non last child node,
will get padding, this is true for all except the last children container of the
last node in preorder, if it has one */
:not(:last-child) > .hofff-selectri-children :last-child > .hofff-selectri-children {
	padding-bottom: 5px;
}

/* children avoid double padding when there are already a bottom padding on a
parents children container */
:last-child > .hofff-selectri-children :last-child > .hofff-selectri-children {
	padding-bottom: 0;
}

.hofff-selectri-open > .hofff-selectri-children {
	display: block;
}

.hofff-selectri-path {
	position: absolute;
	top: -100000px;
	left: 0;
	width: 100%;
	height: 0;
	-webkit-transition: none;
}

.hofff-selectri-tree .hofff-selectri-path {
	left: -19px;
}

.hofff-selectri-node:hover > .hofff-selectri-path {
	top: 0px;
	-webkit-transition: top 1ms linear 0.4s;
}

.hofff-selectri-path > ol {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 99;
	padding: 2px 6px 2px 4px;
	border-radius: 3px;
	box-shadow: 1px 1px 3px #666;
	background: #666;
	background-image: -moz-linear-gradient(bottom,#333 0,#666 80%);
	background-image: -webkit-linear-gradient(bottom,#333 0,#666 80%);
	background-image: -o-linear-gradient(bottom,#333 0,#666 80%);
	background-image: -ms-linear-gradient(bottom,#333 0,#666 80%);
	background-image: linear-gradient(to top,#333 0,#666 80%);
}

.ie8 .hofff-selectri-path > ol {
	background-color: #000;
}

.hofff-selectri-path-node {
	float: left;
}

.hofff-selectri-path-node:not(:last-child)::after {
	content: '»';
	margin-left: 5px;
	color: #fff;
	line-height: 22px;
}

.hofff-selectri-path-node a:not(:hover) {
	color: #fff;
}

.hofff-selectri-icon {
	line-height: 0;
	vertical-align: top;
	padding: 2px;
}

.hofff-selectri-drag {
	width: 22px;
	height: 22px;
	display: none;
	float: left;
	background: url(../images/drag.gif) no-repeat center center;
	text-indent: -10000px;
	cursor: move;
}

.hofff-selectri-selection .hofff-selectri-drag {
	display: block;
}

.hofff-selectri-label {
	float: left;
	line-height: 22px;
}

.hofff-selectri-tree .hofff-selectri-node > .hofff-selectri-label {
	padding-left: 7px
}

.hofff-selectri-tree .hofff-selectri-node > .hofff-selectri-label > .hofff-selectri-handle {
	display: block;
	background: url(../images/open.gif) no-repeat 1px 2px;
	margin-left: -18px;
	padding-left: 18px;
}

.hofff-selectri-tree .hofff-selectri-open > .hofff-selectri-node > .hofff-selectri-label > .hofff-selectri-handle {
	background-image: url(../images/close.gif);
}

.hofff-selectri-select,
.hofff-selectri-deselect {
	width: 18px;
	height: 18px;
	text-indent: -10000px;
	overflow: hidden;
	position: absolute;
	top: 2px;
	right: 3px;
}

.hofff-selectri-select {
	background: url(../images/add.gif) no-repeat center center;
	display: block;
}

.checkbox .hofff-selectri-select {
	background-image: url(../images/checkbox_unchecked.png);
}
.radio .hofff-selectri-select {
	background-image: url(../images/radio_unchecked.png);
}

.hofff-selectri-selected > .hofff-selectri-node > .hofff-selectri-select {
	display: none;
}

.hofff-selectri-deselect {
	background: url(../images/remove.gif) no-repeat center 2px;
	display: none;
}

.checkbox .hofff-selectri-deselect {
	background-image: url(../images/checkbox_checked.png);
}

.radio .hofff-selectri-deselect {
	background-image: url(../images/radio_checked.png);
}

.hofff-selectri-selected > .hofff-selectri-node > .hofff-selectri-deselect {
	display: block;
}

.hofff-selectri-deselect .hofff-selectri-handle,
.hofff-selectri-select .hofff-selectri-handle {
	display: block;
	width: 100%;
	height: 100%;
}

.hofff-selectri-result > p,
.hofff-selectri-suggestions > p {
	margin: 0 0 3px;
}

.hofff-selectri-messages {

}

.hofff-selectri-messages p {
	color: #ff0000;
	padding: 3px 9px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* @end */

/* @group Tools */

.hofff-selectri-tools {
	position: relative;
	overflow: hidden;
}

.hofff-selectri-tools .hofff-selectri-search {
	width:465px;
	margin: 0;
	padding: 0;
	float: left;
	position:relative;
}

.hofff-selectri-tools .hofff-selectri-search input {
	padding: 3px 2px;
	margin: 0 0 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #b8b8b8;
	height: 100%;
	width: 100%;
}

.hofff-selectri-tools .hofff-selectri-search input:focus {
	background-color: #ebfdd7;
}

.hofff-selectri-tools .hofff-selectri-clear-selection,
.hofff-selectri-tools .hofff-selectri-toggle,
.hofff-selectri-tools .hofff-selectri-toggle-content {
	float: left;
	padding-left: 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hofff-selectri-tools .hofff-selectri-clear-search {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	padding: 2px 9px 3px;
	font-size: 12px;
}

.hofff-selectri-tools .hofff-selectri-query + .hofff-selectri-clear-search {
	display: block;
}

.hofff-selectri-tools .hofff-selectri-clear-selection a,
.hofff-selectri-tools .hofff-selectri-toggle a,
.hofff-selectri-tools .hofff-selectri-toggle-content a {
	padding:3px 12px 3px 13px;
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-size:12px;
	border:1px solid #aaa;
	border-radius:3px;
	color:#555;
	cursor:pointer;
	text-shadow:1px 1px 0 #eee;
	background:#eee;
	display:inline-block;
	background-image:-moz-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:-webkit-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:-o-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:-ms-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:linear-gradient(to top, #ccc 0%, #eee 60%);
}

.hofff-selectri-tools .hofff-selectri-clear-selection a:hover,
.hofff-selectri-tools .hofff-selectri-toggle a:hover,
.hofff-selectri-tools .hofff-selectri-toggle-content a:hover {
	box-shadow: 0 0 3px #aaa;
}

.hofff-selectri-tools .hofff-selectri-clear-selection a:active,
.hofff-selectri-tools .hofff-selectri-toggle a:active,
.hofff-selectri-tools .hofff-selectri-toggle-content a:active {
	color: #bbb;
	box-shadow: 0 0 6px #999;
}

.ie9 .hofff-selectri-tools .hofff-selectri-clear-selection a,
.ie9 .hofff-selectri-tools .hofff-selectri-toggle a,
.ie9 .hofff-selectri-tools .hofff-selectri-toggle-content a {
	filter: none;
}


/* @end */

/* @group helper */

.hofff-selectri-node:before, .hofff-selectri-node:after,
.hofff-selectri-tools:before, .hofff-selectri-tools:after {
	content: ' ';
	display: table;
}

.hofff-selectri-node:after,
.hofff-selectri-tools:after {
	clear: both;
}

.hofff-selectri-node,
.hofff-selectri-tools {
	*zoom: 1;
}

/* @end */