﻿.dropdown-filter {
	position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdown-filter .dropdown-menu-vertical,
.dropdown-filter .dropdown-panel {
	min-width: 160px;
	max-width: 360px;
	list-style: none;
	background: #FFF;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px 0;
	margin: 0;
}

.dropdown-filter .dropdown-panel {
	padding: 10px;
}

.dropdown-filter.dropdown-tip {
	margin-top: 8px;
}

.dropdown-filter.dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.dropdown-filter.dropdown-tip.dropdown-anchor-right:before {
	left: auto;
	right: 9px;
}

.dropdown-filter.dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block;
}

.dropdown-filter.dropdown-tip.dropdown-anchor-right:after {
	left: auto;
	right: 10px;
}


.dropdown-filter.dropdown-scroll .dropdown-menu-vertical,
.dropdown-filter.dropdown-scroll .dropdown-panel {
	max-height: 358px;
	overflow: auto;
}

.dropdown-filter .dropdown-menu-vertical span {
	padding: 0 0;
	margin: 0;
	line-height: 18px;
}

.dropdown-filter .dropdown-menu-vertical span,
.dropdown-filter .dropdown-menu-vertical label {
	display: block;
	color: #555;
	text-decoration: none;
	line-height: 18px;
	padding: 3px 15px;
	margin: 0;
	white-space: nowrap;
}

.dropdown-filter .dropdown-menu-vertical span:hover,
.dropdown-filter .dropdown-menu-vertical label:hover {
	background-color: #08C;
	color: #FFF;
	cursor: pointer;
}

.dropdown-filter .dropdown-menu-vertical .dropdown-divider {
	font-size: 1px;
	border-top: solid 1px #E5E5E5;
	padding: 0;
	margin: 5px 0;
}

/* ========================= */
/*          FILTER           */
/* ========================= */
.menu-filter {
    list-style: none;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0;
    padding: 0;
}
    .menu-filter li {
        display: inline-block;
        margin-right: 15px;
    }
        /*.menu-filter li > div.drop-menufilter {
            position: absolute;
            left: 0;
            display: none;
            overflow: hidden;
            z-index: 99;
            width: 200px;
        }*/
.menu-filter li .checked {
    font-weight: 700;
}
        .menu-filter li a {
            color: #1f2228;
            font-weight: 300;
        }
        .menu-filter li a, .menu-filter li span {
            cursor: pointer;
            font-size: 14px;
        }
        /*.menu-filter li div.drop-menufilter span {
            background: #1abc9c;
            display: block;
        }
        .menu-filter li div.drop-menufilter span:first-child {
            padding-top: 12px;
        }
        .menu-filter li div.drop-menufilter span:last-child {
            padding-bottom: 12px;
        }
        .menu-filter li div.drop-menufilter span {
            padding: 8px 20px;
            color: #fff;
            display: block;
        }
            .menu-filter li div.drop-menufilter span:hover {
                background: #16a085;
            }
.clear-filter {
    color: #dc0d17!important;
}*/