/*  Simplifia / CSS filterbar : filterbar.css ------------------------------------------
*	Copyright David Gamet - All rights reserved
---------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------
  COLORS
---------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------
  FILTER BAR
---------------------------------------------------------------------------------- */
#filter-bar {
  display: none; }

/* -------------------------------------------------------------------------------
  TABLET
---------------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
  #filter-bar {
    overflow: inherit;
    width: 100%;
    border-bottom: 1px solid #b3b3b3;
    background-color: #FFF; }
    #filter-bar .container {
      overflow: inherit; }
    #filter-bar #search-form {
      overflow: inherit;
      height: 45px;
      margin: 0;
      padding: 0 0 0 50px;
      background: white url("../images/search-form-bg.png") 10px center no-repeat; }
      #filter-bar #search-form input[type="text"] {
        float: left;
        display: block;
        width: 13%;
        margin: 7px 2% 0 0;
        padding: 6px;
        font-size: 14px;
        border: none; }
      #filter-bar #search-form .label-search-city {
        float: left;
        width: 8%;
        margin: 7px 2% 0 0;
        padding: 6px 0 7px 0;
        font-size: 13px;
        text-align: center;
        color: #393c3d; }
      #filter-bar #search-form .filter {
        float: left;
        border-left: 1px solid #b3b3b3; }
        #filter-bar #search-form .filter #filter-sorting, #filter-bar #search-form .filter #filter-display {
          overflow: inherit;
          position: relative;
          width: auto;
          float: left;
          border-bottom: none;
          cursor: pointer; }
          #filter-bar #search-form .filter #filter-sorting input[type="button"], #filter-bar #search-form .filter #filter-display input[type="button"] {
            min-width: 140px; }
          #filter-bar #search-form .filter #filter-sorting .fake-label, #filter-bar #search-form .filter #filter-display .fake-label {
            line-height: 25px; }
          #filter-bar #search-form .filter #filter-sorting .buttons, #filter-bar #search-form .filter #filter-display .buttons {
            display: none;
            position: absolute;
            left: -1px;
            top: 45px;
            z-index: 9999;
            width: 200px;
            padding: 10px 10px 5px 10px;
            text-align: center;
            background-color: #f6f6f6;
            border: 1px solid #b3b3b3; }
            #filter-bar #search-form .filter #filter-sorting .buttons input, #filter-bar #search-form .filter #filter-display .buttons input {
              margin: 0 0 5px 0; }
        #filter-bar #search-form .filter #filter-sorting {
          border-right: none; }
        #filter-bar #search-form .filter #filter-sorting:hover .buttons, #filter-bar #search-form .filter #filter-display:hover .buttons {
          display: block; }
      #filter-bar #search-form button {
        float: right;
        margin: 5px 5px 0 0; }
        #filter-bar #search-form button .glyphicon {
          width: 14px;
          height: 13px;
          margin: 0 5px 0 0; }

  #filter-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999; } }
/* -------------------------------------------------------------------------------
  SCREEN
---------------------------------------------------------------------------------- */
@media screen and (min-width: 992px) {
  #filter-bar #search-form input[type="text"] {
    width: 21%; } }
/* -------------------------------------------------------------------------------
  WIDE
---------------------------------------------------------------------------------- */
@media screen and (min-width: 1200px) {
  #filter-bar #search-form input[type="text"] {
    width: 25%; } }
/*  ------------------------------------------------------------------------------
	THIS IS THE END // Copyright David Gamet - All rights reserved
---------------------------------------------------------------------------------- */