//@import 'public-booking/main_dependencies';

bb-appointment-location-facet {

  .map__search__form {
    //@include desktop {
    //  display: flex;
    //}
  }

  .map__input {
    ////@include desktop {
    //  flex-basis: 75%;
    ////}

    &.has-error {
      .map__query__button {
        //border-color: $brand-danger;
      }
    }

    .input-group {
      width: 100%;
    }

    .input-group-btn {
      width: 46px !important;
    }

    .map__query {
      &__input {
        width: 100% !important;
        //border-top-left-radius: $border-radius-base !important;
        //border-bottom-left-radius: $border-radius-base !important;
        box-shadow: none;
        //font-size: $font-size-h5;
      }

      &__button {
        height: 46px;
        //border-top-right-radius: $border-radius-base;
        //border-bottom-right-radius: $border-radius-base;
      }

      &__error {
        height: 25px;
        margin-top: 5px;

        .help-block {
          margin: 0;
        }
      }
    }

    .map__geolocate-button-box {
      margin-bottom: 30px;
      flex-basis: 25%;

      display: flex;
      justify-content: center;

      button {
        padding: 0 0 2px 0;
        border-bottom: 2px solid #4a4a4a;
        //color: $bb-main-gray;
      }
    }

    .map__results {
      label {
      }
    }

    .map__canvas {

      bb-company-details {
        .company-details__distance {
          display: initial;
          order: 1;
          font-weight: 300;
          color: #9e9e9e;
          //font-size: $font-size-h6;
          margin-bottom: 10px;

          i {
            display: none;
          }
        }

        .company-details__name {
          order: 2;
        }

        .company-details__address, .company-details__phone {
          display: none;
        }
      }
    }
  }
}


  //@include desktop {
  //  #map__search-loader-container {
  //    display: flex;
  //  }
  //
  //  .map__results {
  //    flex-basis: (6 / 12) * 100%;
  //    padding:10px;
  //  }
  //
  //  .map__canvas {
  //    flex-basis: (6 / 12) * 100%;
  //    padding:10px;
  //    #map-canvas {
  //      border:1px solid #CCC;
  //    }
  //  }
  //}


//.location-summary_details{
//  margin-right: 15px;
//}