.property-search-box { background: #fafdff; padding: 100px 0; display: flex; align-items: center; min-height: 70vh; background-repeat: no-repeat; background-size: cover; }

.property-search-box .filter-box-container { position: unset; }



.search-result .filter { margin-left: auto; margin-right: 0; position: relative; }

.search-result .filter select { -webkit-appearance: none; padding: 10px 15px 10px 60px; border: solid 1px #f2f2f2; color: #6c757d; }

.search-result .filter .icon { pointer-events: none; position: absolute; left: 10px; color: #6c757d; border-right: solid 1px #f2f2f2; padding-right: 7px; top: 50%; transform: translateY(-50%); }



.agent .agent-filter { justify-content: center; display: flex; flex-wrap: wrap; margin: 0 -7.5px 20px -7.5px; }

.agent .agent-filter a, .agent .agent-filter li { display: block; padding: 0 7.5px; flex: 0 0 20%; color: #9a7b2d; margin-bottom: 30px; }

.agent .agent-filter a.disabled, .agent .agent-filter li.disabled { cursor: no-drop; }

.agent .agent-filter a.disabled .logo-container, .agent .agent-filter li.disabled .logo-container { filter: grayscale(1); background: #e3e3e3; cursor: no-drop; }

.agent .agent-filter a:hover .logo-container, .agent .agent-filter li:hover .logo-container { border: solid 1px #EEEEEE; }

.agent .agent-filter a.active .logo-container, .agent .agent-filter li.active .logo-container { border: solid 1px #e29617; }

.agent .agent-filter a .logo-container, .agent .agent-filter li .logo-container { width: 100%; font-weight: bold; border: solid 1px transparent; height: 80px; padding: 0 30px; background: white; box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.05); display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.agent .agent-filter a .logo-container[aria-selected=true], .agent .agent-filter li .logo-container[aria-selected=true] { border: solid 1px #e29617; }

.agent .agent-filter a .logo-container img, .agent .agent-filter li .logo-container img { width: 100%; max-width: 160px; max-height: 50px; object-fit: contain; }

.filter-box-container { position: absolute; width: 100%; bottom: -35px; left: 0; }

.filter-box-container.shift-up { position: relative; top: -35px; }

.filter-box { padding: 8px; background: white; border-radius: 5px; position: relative; background: #f0e3ce; z-index: 1; opacity: 0.8; }

.filter-box .single-filter { display: flex; }

.filter-box .single-filter .filter-dropdown { position: relative; border: solid 1px #9a7b2d; border-radius: 5px; display: flex; flex: 1 0; }

.filter-box .single-filter .filter-dropdown .filter-icon { font-size: 18px; color: white; background: #9a7b2d; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; flex: 1 0 100px; font-family: "Poppins", sans-serif; font-weight: lighter; }

.filter-box .single-filter .filter-dropdown select { flex: 1 1 100%; -webkit-appearance: none; border: 0; background: 0; color: #333333; font-family: "Poppins", sans-serif; padding: 0 15px; width: 100%; background: white; }

.filter-box .single-filter .filter-dropdown .select-arrow { position: absolute; z-index: 2; color: #9a7b2d; font-size: 20px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

.filter-box .search-button { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; flex: 0 0 80px; background: #9a7b2d; color: white; border-radius: 5px; margin-left: 10px; cursor: pointer; border: solid 1px #9a7b2d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.filter-box .search-button:hover { background: #e29617; color: white; }


@media (max-width: 991px) { .sales-dashboard { flex-direction: column; }

  .filter-box-container { position: unset; padding-top: 40px; margin-bottom: 10px; }
  .filter-box-container.shift-up { top: 0; }
  
  .filter-box .col-lg-4 { margin-bottom: 15px; }
  .filter-box .col-lg-4:last-child { margin-bottom: 0; }
  .filter-box .single-filter { margin-bottom: 15px; }
  


@media (max-width: 767px) { .form-group .social-media-input .social-media-prefix { font-size: 13px; padding: 12px 7px; }

  .filter-box { padding: 20px; }
  .filter-box .single-filter .filter-dropdown .filter-icon { flex: 1 0 70px; height: 40px; width: 80px; font-size: 15px; }
  .filter-box .search-button { height: 40px; width: 40px; flex: 0 0 40px; }
 

/* Added by Yehezkiel P.W */
.filter-box-career { padding: 2.5% 5% 2.5% 5%; border-radius: 4px; position: relative; background: white; z-index: 1; }

.filter-box-career .single-filter { display: flex; }

.filter-box-career .single-filter .filter-dropdown { position: relative; border: solid 1px #9a7b2d; border-radius: 4px; display: flex; flex: 1 0; }

.filter-box-career .single-filter .filter-dropdown .filter-icon { font-size: 18px; color: white; background: #9a7b2d; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; flex: 1 0 50px; font-family: "Poppins", sans-serif; font-weight: lighter; }

.filter-box-career .single-filter .filter-dropdown select { flex: 1 1 100%; -webkit-appearance: none; border: 0; background: 0; color: #333333; font-family: "Poppins", sans-serif; padding: 0 15px; width: 100%; border-radius: 5px; background: white; }

.filter-box-career .single-filter .filter-dropdown .select-arrow { position: absolute; z-index: 2; color: #9a7b2d; font-size: 20px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

.filter-box-career .search-button { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; flex: 0 0 50px; background: #9a7b2d; color: white; border-radius: 4px; margin-left: 10px; cursor: pointer; border: solid 1px #9a7b2d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.filter-box-career .search-button:hover { background: white; color: #9a7b2d; }