@CHARSET "ISO-8859-1";

.user-filter-container {
	transition-property: all; /*left, width, height;*/
	transition-duration: 0.5s;
	top: 40px;
	overflow: auto;
	position: absolute;
	bottom: 0px;
}

.filter-wrapper {
	/* -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); */
  	
	/* transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); */
	/* position: relative; */
	/* left: 0; */
	/* width: 200px; */
    
	/* display: inline-block; */
    
	list-style: none;
    
	/* margin: 1em 0 0 0; */
	padding: 0 !important;
	margin: 0 !important;
	/* height: 60px; */ /* initial widget height */
}

.ui-filters {
	/* max-height: 200px; */
	/* width: 100%; */
	/* -webkit-transition: all 500ms ease-in; */
	-moz-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	/* transition: all 500ms ease-in; */
    /*overflow: hidden;*/  
    
	/* position: relative; */
}

#left-arrow, #right-arrow {
	/* transition: 150ms; */
	/* top: 0; */
	/* position: absolute; */
	/* width: 28px; */
	/* height: 100%; */
	/* cursor: pointer; */
	/* z-index: 3000; */
}

#left-arrow {
    /* left: -999999px; */
    /* background: url(../img/bg_direction_nav.png) no-repeat 0 center; */
    
}

#right-arrow {
    /* right: -999999px; */
    /* background: url(../img/bg_direction_nav.png) no-repeat -28px center; */
}

.user-filter-container:hover #right-arrow {
right: 0;
}

.user-filter-container:hover #left-arrow {
left: 0;
}

.simple .delete-column-filter{
	display: none;
}

.filter-wrapper .delete-column-filter {
	cursor: pointer;
	padding: 2px;
	float: right;
	display: block;
	width: 10px;
	height: 10px;
	background: url('../img/grey-cross-10.png') no-repeat;
	margin-right: 2px;
	margin-top: 5px;
}

.filter-wrapper>li {
 	/* min-height: 40px; */
	
 	/* height: inherit; */
		
 	float: left;
	
 	/* transition-property: opacity; */
	
 	/* transition-duration: 0.4s; */
 	/* margin: 6px; */
 	margin-left: 0;
 	margin-bottom: 15px;
 	margin-top: 0px;
}

.filter-wrapper>li:first-child {
	/* margin-left: 0; */
}

/* ivette */
.filter-wrapper>li>.content {	
	padding: 10px;
	background-color: #F3F3F3;
	padding-left: 8px;
	padding-top: 0;
	width: 176px;
	border: 1px solid rgb(236, 236, 236);
}

.filter-wrapper .tail,
.filter-wrapper .content {
	/*border-top: 1px solid black;
	border-bottom: 1px solid black; ivette */
	/* background-color: #d3e5fc; */ /* #9EC8F3;	*/
}

.filter-wrapper li:nth-child(5n+2) .content,
.filter-wrapper li:nth-child(5n+2) .tail
 {
    /* background-color: #d3e5fc; *//*#9ec8f3;*/
}

.filter-wrapper li:nth-child(5n+3) .content,
.filter-wrapper li:nth-child(5n+3) .tail
 {
    /* background-color: #d3e5fc; *//*#d6e4f3;*/
}

.filter-wrapper li:nth-child(5n+4) .content,
.filter-wrapper li:nth-child(5n+4) .tail
{
    /* background-color: #d3e5fc; *//*#d7dff4;*/
}

.filter-wrapper li:nth-child(5n+5) .content,
.filter-wrapper li:nth-child(5n+5) .tail
{
    /*background-color: #d3e5fc;/*#badbef;*/
}

.filter-wrapper li:nth-child(5n+6) .content,
.filter-wrapper li:nth-child(5n+6) .tail
{
    /*background-color: #d3e5fc;/*#d2ebef;*/
}

li.add-column-filter {
	/*background-image: url(../img/dx.png);*/
}

/*
.column-filter-selector {
	display: none;
}
*/

.bt-add-column-filter {
	/*background-image: url(../img/plus.png);*/
	/*margin-top: -4px;
	top: 44%;
	position: relative;
	margin-left: 28px;*/
	padding-top: 8px;
	display: inline-block;
	padding-bottom:8px;
}

.column-filter-selector {
	margin-top: 10px;
	/*
	top: 44%;
	position: relative;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	*/
}
/*
.bt-add-column-filter, .bt-remove-column-filter, 
.bt-add-column-filter-value, .bt-remove-column-value {
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}
*/

.bt-remove-column-filter {
	float: right;
	position: relative;
	margin-right: 6px;
	top: 3px;
	background-image: url(../img/empty_filter_10px.png); /*url(../img/refresh_10.png);*/
	background-repeat: no-repeat;
	margin-bottom: 2px;
	height: 10px;
	width: 10px;
	display: none;
}

.bt-add-column-filter-value {
	background-image: url(../img/empty_filter_add_16px.png);
	background-repeat: no-repeat;
	position: relative;
	top: 8px;
	left: 10px;
	z-index: 1000;
	display: none;
}

/* .bt-remove-column-value { */
/* 	margin-right: 13px; */
/* 	left: 5px; */
/* 	top: 4px; */
/* 	position: relative; */
/* 	background-image: url(../img/grey-cross-10.png); */
/* 	background-repeat: no-repeat; */
/* 	margin-bottom: 3px; */
/* 	height: 10px; */
/* 	width: 10px; */
/* } */

.filter-wrapper .tail, .filter-wrapper .head {
	/* width: 5px; */
	/* height: inherit; */
	/* float:left; */
	display: none;
}

.filter-wrapper .content {
	/* height: inherit; */
	/* vertical-align: top; */
	/* float: left; */
}

.filter-wrapper .column-label {
	text-align: center;	
}

.filter-wrapper .column-value-container
{
	/* min-height: 45px; */
}

.filter-wrapper .column-value-container,
.filter-wrapper .wrapper-add-column-filter-value {
	/* position: relative; */
	/* left: 10px; */
	list-style: none;
	/* vertical-align: middle; */
	padding: 0; 	/* 6px; ivette */
	margin: 0;
	/* border: 0; */
	/* -webkit-transition: all 500ms ease-in; */
	-moz-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	/* transition: all 500ms ease-in; */
	/* top: -20px; */
}


.tail img, .head img {
	margin: 0;
	position: absolute;
	width: 30px;	/* ivette */
	padding: 0;
	height: inherit;
}

.filter-wrapper li.add-column-filter>.tail {
	/*border-bottom: 1px dashed black;
	border-top: 1px dashed black; ivette */
	background-color: #f7fafd; /*#FBDC9C;*/
}

.filter-wrapper li.add-column-filter .content {
	/* padding-left: 10px; */
	/* -webkit-transition: all 500ms ease-in; */
	-moz-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	/* transition: all 500ms ease-in; */
	/* background-color: #f7fafd; */ /*#FBDC9C;*/
	/* border-bottom: 1px dashed #9ec8f3; */
	/* border-top: 1px dashed #9ec8f3; */

}

span.column-value {
	font-size: 0.85em;
}

.column-value-autocomplete.ui-autocomplete-input {
padding: 0;
font-size: 0.7em !important;
}

.column-filter.filter-lable {
	/*border-left: 1px solid; ivette */
}

.column-filter.filter-lable>.content {
	vertical-align: middle;
   	font-family: Segoe UI Semibold;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	font-size: 0.7em;
	min-width: 25px;
	height: 8px;
	background-color: #FBDC9C;	/* ivette */
}

.head>img {
	z-index: 50;	/* ivette */
	
}

.column-value-selector option[disabled] {
display: none;
}

select.column-value-selector {
max-width: 160px;
}

.column-value-container.loading {
background-position: center;
background-repeat: no-repeat;
background-image: url(../viewer/graph_viewer/img/ui-anim_basic_16x16.gif);
height: 45px;
}

.bt-remove-column-filter.disabled {
opacity: 0.4;
filter: alpha(opacity=40);
cursor: pointer;

}

ul.ui-autocomplete.ui-menu {
z-index: 99999 !important;
}

div.column-value {
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	max-width: 144px;
	max-height: 15px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	font-size: 11px;
}

.user-filter-container.minimized {
	overflow: hidden;
	transition-property: all;
	transition-duration: 0.5s;
    max-height: 0;
}
.minimized .ui-filters {
	transition-property: all;
	transition-duration: 0.5s;
    max-height: 0;
}

/*** END small style ***/

.bt-add-column-filter.disabled {
	cursor: auto;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.column-label {
	/* width: 100%; */
	font-size: 10pt; 
	font-weight: bold;
	/* text-transform: uppercase; */
	/* color: #2e6e9e; */
	/* margin: 5px; */
	/* height: 18px; */
	/* position: relative; */
	/* top: -20px; */
	display: inline-block;
	padding: 7px;
	padding-left: 3px;
}

select.column-value-selector, .column-filter-selector {
	/*font-size: 0.7em !important;*/
	width: 160px;
	height: 28px;
	font-size: 1em !important;
	margin-left: 5px;
}

.multiple-value-container {
	position: relative;
	top: -20px;
	left: 10px;
	padding: 5px;
	font-size: 10px;
}

.user-filter-container .chosen-container-multi .chosen-choices li.search-choice {
	font-size: 0.9em;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
padding: 0;
font-size: 0.7em !important;
max-width: 153px;
overflow-y: scroll;
max-height: 200px;
}

ul.chosen-choices{
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

.add-column-filter .content {
    background-color: #E5EFFA !important;
}

.distinct-values-summary{
	font-size: 0.7em;
	color: gray;
	padding: 5px;
	padding-left: 1px;
}

ul.chosen-choices {
min-height: 30px;
}

.btn-filter-mode{
    font-size: 0.7em;
    position: absolute;
    bottom: 0;
    color: blue;
    font-weight: normal;
    right: 0;
    text-decoration: underline;
    cursor: pointer;
}

.invisible{
	display:none;
}

.filter-txt{
	/*margin-left: 26px;
	vertical-align: middle;
	font-size: 11pt;	*/
	font-weight: bold;
	font-size: 12px;
	color: #2E6E9E;
}

.filter-txt:hover{
	text-decoration: underline;
	cursor:pointer;
}

.advanced li.add-column-filter {
    display: inline-block;
}
.simple li.add-column-filter {
    display: none;
}

.chosen-container-active.chosen-with-drop.reverse .chosen-single.chosen-default {
	border-radius: 0 0 4px 4px;
}

.chosen-container-single .chosen-drop.reverse {
border-radius: 4px 4px 0 0;
}

.simple .delete-column-filter,
.advanced li.add-column-filter.disabled {
display: none;
}

.chosen-container-single .chosen-drop .result-selected {
  display: none;
}

.chosen-container .chosen-results li.result-selected {
background: none;
color: gray;
}

.chosen-container .chosen-results li.result-selected.highlighted {
	cursor: auto;
	background: none;
	color: gray;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"]:focus{
     width: 100%!important; 
}