@charset "UTF-8";
/**
 * CUSTOM WORK:- QID=12684
 */
/* MOD:- ADVANCED FORMS W/ STEPS */
.badge-client {
  background-color: #FFA500;
  color: #794f02; }

.badge-agent {
  background-color: #ADD8E6;
  color: #00516c; }

.form-steps-header-wrapper {
  background-color: #f8f9fa;
  border-radius: 5px;
  margin-top: 30px;
  margin-bottom: 45px;
  padding: 15px 0 7.5px;
  z-index: -2;
  position: relative; }

#form-steps-header {
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  padding: 0;
  margin: 0; }
  #form-steps-header li {
    list-style-type: none;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
    position: relative;
    letter-spacing: 0.7px;
    text-align: center; }
  #form-steps-header.steps-3 li {
    width: 33.33%; }
  #form-steps-header.steps-4 li {
    width: 25%; }
  #form-steps-header.steps-5 li {
    width: 20%; }
  #form-steps-header.steps-6 li {
    width: 16.65%; }
  #form-steps-header li:before {
    content: counter(step);
    counter-increment: step;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    font-size: 14px;
    color: #fff;
    background: #6c757d;
    border-radius: 32px;
    margin: 0 auto 10px auto; }
  #form-steps-header li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #6c757d;
    position: absolute;
    left: -50%;
    top: 15px;
    z-index: -1;
    /*put it behind the numbers*/ }
  #form-steps-header li:first-child:after {
    /*connector not needed before the first step*/
    content: none; }
  #form-steps-header li.prev:before,
  #form-steps-header li.prev:after {
    background: #007bff;
    color: #fff; }
  #form-steps-header li.active:before,
  #form-steps-header li.active:after {
    background: #28a745;
    color: #fff; }

@media (min-width: 992px) {
  .form-listing {
    margin-left: 150px;
    margin-right: 150px; } }
.form-listing .col-form-label {
  font-size: 1.1rem; }
.form-listing ul:not(.nav):not(.agent-contact-details) {
  list-style-type: none;
  position: relative;
  padding-left: 25px; }
  .form-listing ul:not(.nav):not(.agent-contact-details) li {
    margin-bottom: .5rem; }
    .form-listing ul:not(.nav):not(.agent-contact-details) li:before {
      content: '✓';
      position: absolute;
      left: 5px; }
  .form-listing ul:not(.nav):not(.agent-contact-details) li li:before {
    content: 'o'; }

.form-buttons input {
  margin-right: 10px; }
.form-buttons input:last-child {
  margin-left: auto;
  margin-right: 0; }

.form-check small, .form-group small {
  font-size: 95%;
  color: #4d5358 !important; }

.input-group {
  display: flex !important; }
  .input-group .input-group-text {
    font-size: inherit; }

.invalid-pill {
  color: #dc3545; }
  .invalid-pill.active {
    background-color: #dc3545 !important;
    color: #fff; }

.listing-details .table-custom-fields {
  max-width: 310px !important; }
.listing-details #gmap_wrapper {
  height: 400px !important; }

#gmap_wrapper {
  height: 700px; }

#gmap_canvas {
  width: 100%;
  height: 100%; }

/* default : hidden */
#googleMap {
  display: none; }

#listGridMapToggle #gmap_wrapper {
  height: 785px; }

.btn-group.show {
  display: inline-flex !important; }

.profile-card .company-logo {
  max-width: 100%;
  padding: 10px 24px; }

/*# sourceMappingURL=mods.css.map */