.page_data ul li, .page_data ol li, .page_data ul li span, .page_data ol li span{
    color: #686565 !important;
}


.header_fillter .symbol { float:right;}

.overlay22 {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 9999999999999999999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.5); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
 .image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.filter-toggle i {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.filter-toggle:hover i {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media only screen and (max-width: 768px) {
  .filters-mobile {
    display: none;
  }
  .shop-filters {
    text-align: left;
  }
  .filter-toggle {
    display: block;
	 position: fixed;
  }
}
.filter-toggle {
  display: none;
  position: fixed;
  z-index: 999999999;
  top: 200px;
  left: 0;
  font-size: 1.4em;
  border-top: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  color: #b2b2b2;
  background: #fff;
  -webkit-border-radius: 0 0px 0px 0;
  -moz-border-radius: 0 0px 0px 0;
  border-radius: 0 0px 0px 0;
  padding: 5px 13px;
  cursor: pointer;
}

 
.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.symbol {
    float: right;
    font-size: 1.5em;
    margin-right: 5px;
    color: #999999;
    cursor: pointer;
}

.data_fillter {
    color:#abaaaa;
}

.search_selection {
    background-color: #f2f2f2;
    padding: 5px 10px;
    border-radius: 10px;
    cursor: pointer;
    float: left;
    margin: 2px 5px;
    font-size: .85em;
}


    .search_selection span {
        margin-left: 4px;
        color: #FF0000;
    }
 
.header_fillter {
    width: 100%;
    float: left;
    clear: both;
    margin: 5px 0 0 !important;
    border: 1px solid #f2f2f2;
    color: #715E40 !important;
    padding: 5px;
    font-family: "Prata", sans-serif;
}

.data_fillter {
    width: 100%;
    float: left;
    clear: both;
    padding: 10px;
    margin: 0 0 5px !important;
    border: 1px solid #f2f2f2;
    border-top: 0px;
}
#loaderID{ width:100%; height:100%; background-color:#003399;}