/* created by jevgeni dot virves at regio dot ee 2012-11-07 (happy birthday!) */






.restriction-filters {
	display: block;
	position: relative;
	clear: both;
	padding: 0 20px;
	margin-top: 10px;
}

.restriction-filters > li {
	display: block;
	position: relative;
	clear: both;
	margin: 0 0 10px 0;
}
.restriction-filters > li.date {
	z-index: 100;
}


.restriction-filters > li.disabled {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}


.wrapper > .content > .sidebar > .tabs-content > .restrictions .header h4 small {
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 70%;
	line-height: 100%;
	vertical-align: middle;
}

.wrapper > .content > .sidebar > .tabs-content > .restrictions .header h4 small.hidden {
	display: none;
}

.restriction-filters li.date span {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
}

.restriction-filters li.date label,
.restriction-filters li.date input {
	display: inline-block;
	position: relative;
	vertical-align: bottom;
}
.restriction-filters li.date input {
	width: 70px;
}

.restriction-filters .dates_shortcuts {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.restriction-filters .dates_shortcuts li {
	padding: 0;
	white-space: nowrap;
	cursor: pointer;
}
.restriction-filters .dates_shortcuts ul {
	display: block;
	position: absolute;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #ccc;
	z-index: 100;
}
.restriction-filters .dates_shortcuts ul.hidden {
	display: none;
}
.restriction-filters .dates_shortcuts ul li {
	padding: 0 5px;
	line-height: 25px;
}
.restriction-filters .dates_shortcuts ul li.selected,
.restriction-filters .dates_shortcuts ul li:hover {
	background: #0073ea;
	color: #fff;
}

.restriction-filters input[type="text"] {
	border: solid 1px #ccc;
	background: #fff;
}
.restriction-filters input[type="text"]:focus {
	/*border: solid 1px #0772a1;*/
}

.restriction-filters li.date span .icon {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	background: transparent url('../img/calendar.png') center no-repeat;
	cursor: pointer;
}



.filter_keyword .keyword_input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
    width: 200px;
	height: 22px;
    padding: 0 2px;
    line-height: 100%;
}

.filter_keyword .toggle_dropdown {
	display: inline-block;
	position: absolute;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: 1px;
	right: 1px;
    width: 24px;
    height: 20px;
    padding: 0;
	background: url('../img/dropdown-arrow.png') no-repeat scroll center center #eee;
    line-height: 100%;
    opacity: 0.7;
	cursor: pointer;
}
.filter_keyword.opened .toggle_dropdown {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}
.filter_keyword .toggle_dropdown:hover {
	opacity: 0.9;
}
.filter_keyword .toggle_dropdown.disabled {
	opacity: 0.2;
	cursor: default;
}


.filter_keyword .available_tags {
	display: block;
	position: absolute;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: 21px;
	right: 0;
	min-width: 200px;
	max-height: 300px;
	margin: 0 0 0 -200px;
	background: #fff;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	border: 1px solid #ccc;
	overflow-x: visible;
	overflow-y: auto;
	z-index: 3;
}

.filter_keyword .available_tags.hidden {
	display: none;
}

.filter_keyword .available_tags li {
	display: block;
	position: relative;
	clear: both;
	padding: 2px 5px;
	cursor: pointer;
}

.filter_keyword .available_tags li:hover,
.filter_keyword .available_tags li.focus {
	color: #fff;
	background: #0073ea;
}
.filter_keyword .available_tags li.selected {
	font-weight: bold;
}
.filter_keyword .available_tags li.hidden {
	display: none;
}

.filter_keyword .selected_tags {
	margin: 0;
	position: relative;
	clear: both;
}

.filter_keyword .selected_tags li {
    display: inline-block;
	position: relative;
	clear: none;
    width: 110px;
    margin: 1px 0 0 1px;
    padding: 1px 2px 1px 5px;
    background: #d6d6d6;
    border: 1px solid #ccc;
    border-radius: 5px;
	white-space: nowrap;
    overflow: hidden;
}

.filter_keyword .selected_tags .remove_tag {
    display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 20px;
	height: 100%;
	top: 0;
	right: 0;
	background: #d6d6d6;
	border: none;
	font-weight: bold;
	color: #aaa;
	cursor: pointer;
}
.filter_keyword .selected_tags .remove_tag:hover {
	color: #000;
}

/*
.restriction-filters input[type="button"] {
	display: inline-block;
	position: relative;
	float: right;
	margin: -3px 0 0 3px;
	padding: 3px 10px 3px;
	height: 26px;
	clear: none;
	background: #225e79;
	border: solid 1px #0772a1;
	border-radius: 0;
	line-height: 16px;
	color: #fff;
	cursor: pointer;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}


.restriction-filters li.filter_keyword label,
.restriction-filters li.filter_keyword input {
	display: inline-block;
	position: relative;
	float: left;
	vertical-align: bottom;
}


input#restriction-filters-keyword-fishes {
	width: 200px;
	margin: 0 0 0 5px;
	padding: 0 2px;
	height: 20px;
	line-height: 100%;
}

input#restriction-filters-keyword-fishes.error {
	color: #ff0000;
}

#restriction-filters-keyword-fishes-dropdown {
	width: 24px;
	height: 20px;
	margin: 1px 0 0 -25px;
	padding: 0;
	background: #eee url('../img/dropdown-arrow.png') center no-repeat;
	border: solid 1px transparent;
	line-height: 100%;
	opacity: 0.7;
}
#restriction-filters-keyword-fishes-dropdown:hover {
	opacity: 0.9;
}
#restriction-filters-keyword-fishes-dropdown.disabled {
	opacity: 0.2;
	cursor: default;
}


.restriction-filters-keyword-fishes-selected {
	display: block;
	position: relative;
	clear: both;
	padding: 0 0 10px 20px;
}
.restriction-filters-keyword-fishes-selected.hidden {
	display: none;
}

.restriction-filters-keyword-fishes-selected li {
	display: inline-block;
	width: 165px;
	padding: 2px 2px 2px 10px;
	margin: 0 5px 5px 0;
	background: #d6d6d6;
	border: solid 1px #ccc;
	border-radius: 5px;
	overflow: hidden;
}

.restriction-filters-keyword-fishes-selected li span.label {
	position: absolute;
	left: 5px;
	right: 25px;
	white-space: nowrap;
	overflow: hidden;
}

.restriction-filters-keyword-fishes-selected li .remove {
	display: inline-block;
	float: right;
	padding: 3px 6px;
	line-height: 100%;
	margin-left: 10px;
	cursor: pointer;
	opacity: 0.5;
    font-weight: bold;
}
.restriction-filters-keyword-fishes-selected li .remove:hover {
	opacity: 1;
}

*/
    
	
.restriction-results.hidden {
	display: none;
}

.restriction-results {
	/*border-top: 1px solid #63AFD0;*/
}
.restriction-results li {
	display: block;
	position: relative;
	clear: both;
	padding: 0 0;
	cursor: pointer;
	border: 1px solid #d6d6d6;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.restriction-results li.hidden {
	display: none;
}
.restriction-results li .category {
    position: absolute;
    left: -6px;
    height: 100%;
}
/*
.restriction-results li.category-1 .category, .restriction-results li.category-2 .category {
    border-left: 3px solid #662D91;
}
.restriction-results li.category-3 .category {
    border-left: 3px solid #F15825;
}
.restriction-results li.category-4 .category {
    border-left: 3px solid #92B134;
}
*/
.restriction-results li[data-type="1"] .category {
    border-left: 3px solid #662D91;
}
.restriction-results li[data-type="2"] .category {
    border-left: 3px solid #F7941D;
}
.restriction-results li[data-type="3"] .category {
    border-left: 3px solid #F15825;
}
.restriction-results li[data-type="4"] .category {
    border-left: 3px solid #92B134;
}
.restriction-results li>span {
	padding: 5px 10px 0 10px;
}

.restriction-results li:hover,
.restriction-results li.hover {
	background: #ffd773;
}

.restriction-results li.active {
	background: #ffbd73;
}


.restriction-results li .name {
	display: block;
	position: relative;
	clear: both;
	font-weight: bold;
	width: 240px;
    font-size: 14px;
}

.restriction-results li .date {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
    padding: 5px;
	text-align: right;
	font-style: italic;
}

.print .restriction-results li .date {
	right: 10px;
}

.restriction-results li .shortDescription {
	display: block;
	position: relative;
	clear: both;
	margin-left: 20px;
	padding-bottom: 10px;
	width: 285px;
}
.restriction-results li .description {
	display: none;
	position: relative;
	clear: both;
	padding: 10px 20px 10px 20px;
	cursor: default;
}

.restriction-results li.more .description {
	display: block;
}

.restriction-results li.hover .description {
	background: #f9f8f0;
}
.restriction-results li.active .description {
	background: #edecdb;
    border-radius: 0px 0px 10px 10px;
}

.restriction-results li span.more {
	display: block;
	position: absolute;
	top: 30px;
	left: 340px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/nool_alla.png') center no-repeat;
	cursor: pointer;
}


.restriction-results li.more {
	padding-bottom: 0;
}

.restriction-results li span.zoomin {
	display: block;
	position: absolute;
	top: 30px;
	left: 325px;
	width: 20px;
	height: 20px;
    margin: 0;
    padding: 0;
	background: transparent url('../img/zoom-in.png') center no-repeat;
	cursor: pointer;
    opacity: 0.5;
    z-index: 2;
}
.restriction-results li span.zoomin:hover {
    opacity: 0.6;
}

.restriction-results li.category-2 span.zoomin {
    display: none;
}


.restriction-results li.more span.more {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/nool_yles.png') center no-repeat;
	cursor: pointer;
}

.restrictions-messages {
	display: block;
	padding: 20px;
	font-style: italic;
	background: #f7e391;
}

.restrictions-messages.hidden {
	display: none;
}

.restrictions-messages li.hidden {
	display: none;
}

.restrictions-loading {
	display: block;
	position: relative;
	margin: 20px 40px;
	padding: 20px 20px 20px 40px;
	font-style: italic;
	background: transparent url('../img/loading.gif') left no-repeat;
}

.restrictions-loading.hidden {
	display: none;
}
.category-tips {
    line-height: 20px;
	padding: 0 0 10px 20px;
}

.category-tips li {
    display: inline-block;
	width: 45%;
    line-height: 20px;
    clear: both;
	cursor: pointer;
}
.category-tips li span {
    display: inline-block;
}

.category-tips li span:first-child {
	width: 15px;
	height: 15px;
	font-size: 11px;
	font-weight: bold;
	color: transparent;
	line-height: 15px;
	text-align: center;
}
.category-tips li.checked span:first-child {
	color: #fff;
}