/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/app/locations.bundle.scss ***!
  \*************************************************************************************************************************************************/
/*
 * Common mixins that can be used in all bundles on the AngularJS side.
 */
/**
 * SCSS variables and mixins and other utilities included into every CSS file.
 *
 * Don't put anything that generates actual output CSS into these files. It will be repeated N times in the output! So
 * only use variables, mixins and functions.
 */
/**
 * Convert a hex color to an RGB string that can be passed as MDL color variables
 */
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
* Margins
*/
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
* Margins
*/
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/**
 * Set text color for disabled UI elements.
 */
/**
 * Set border color for disabled UI elements.
 */
/**
 * Create a grid with a custom gutter width.
 */
/**
 * Transitions & Positioning
 */
/*
Use collapsed margins to get rid of the top margin of the top item and the
bottom margin of the bottom item inside a container. This is good for when the
margins of the top and bottom items are unknown.

This defaults to setting "overflow: hidden" to prevent margins from also
collapsing *around* this element. If you can't have "overflow: hidden", then you
should pass false and prevent them from collapsing some other way.
*/
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
* Margins
*/
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
locations {
  color: #4a4a4a;
}
locations .oral-show-nearest {
  display: block;
  color: #2E3B41;
  font-family: "relative-medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 576px) {
  locations .oral-show-nearest {
    font-family: "relative-medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
  }
}
locations .oral-show-nearest {
  font-weight: bold;
  color: #999999;
  margin-top: 8px;
}
locations .oral-show-nearest:hover {
  cursor: pointer;
}
locations .oral-show-nearest:focus {
  outline: none;
}
locations .oral-filter-select {
  display: block;
}
locations .oral-locations-location-filters, locations .oral-locations-overlap-hero {
  width: 100%;
  padding: 40px;
}
@media (max-width: 575.98px) {
  locations .oral-locations-location-filters, locations .oral-locations-overlap-hero {
    padding: 20px 14px 15px 14px;
  }
}
locations .oral-locations-location-filters .oral-search-location-label, locations .oral-locations-overlap-hero .oral-search-location-label {
  width: 100%;
  display: block;
}
locations .oral-locations-location-filters .oral-search-location-input, locations .oral-locations-overlap-hero .oral-search-location-input {
  width: 100%;
}
locations .show-nearby-container {
  margin-top: 1px;
}
locations hr.after-locations {
  margin: -5px 0 28px 0;
}
@media (max-width: 575.98px) {
  locations hr.after-locations {
    display: none;
  }
}
@media (max-width: 575.98px) {
  locations .action-section {
    border-top: 1px solid #EEEEEE;
    text-align: center;
    padding: 23px 0 9px 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}
locations .oral-map-container {
  margin-top: 18px;
  height: 658px;
  width: 100%;
}
locations .oral-map-container #locations-map {
  height: 100%;
  width: 100%;
}
locations .oral-map-container .oral-info-window-content .oral-info-window-header {
  color: #2E3B41;
  font-size: 20px;
  font-family: "relative-medium", sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 16px;
}
@media (min-width: 576px) {
  locations .oral-map-container .oral-info-window-content .oral-info-window-header {
    font-size: 20px;
    font-family: "relative-medium", sans-serif;
    font-weight: bold;
    letter-spacing: 0;
  }
}
locations .oral-map-container .oral-info-window-content .oral-info-window-header {
  color: #009AAA;
}
locations .oral-map-container .oral-info-window-content .oral-info-window-address {
  font-size: 16px;
}
locations .mdc-tab-bar {
  margin-bottom: 10px;
}
locations .info-box {
  padding-left: 30px;
}
locations .info-box:before {
  color: #009AAA;
  left: 0;
}
locations #floating-show-nearby-button {
  position: fixed;
  bottom: 12px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1000;
  opacity: 1;
}
locations #floating-show-nearby-button.ng-hide {
  opacity: 0;
}
locations #floating-show-nearby-button.ng-hide-add, locations #floating-show-nearby-button.ng-hide-remove {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/app/locations/locations-widget.scss ***!
  \***********************************************************************************************************************************************************/
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
* Margins
*/
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
* Margins
*/
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/**
 * Set text color for disabled UI elements.
 */
/**
 * Set border color for disabled UI elements.
 */
/**
 * Create a grid with a custom gutter width.
 */
/**
 * Transitions & Positioning
 */
/*
Use collapsed margins to get rid of the top margin of the top item and the
bottom margin of the bottom item inside a container. This is good for when the
margins of the top and bottom items are unknown.

This defaults to setting "overflow: hidden" to prevent margins from also
collapsing *around* this element. If you can't have "overflow: hidden", then you
should pass false and prevent them from collapsing some other way.
*/
.location-compact-container {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .location-compact-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.locations-widget {
  margin: 0 auto 64px auto;
}
.locations-widget .oral-locations-service-filters {
  width: 100%;
  padding: 30px 0 30px 0;
}
.locations-widget .oral-locations-service-filters select {
  display: block;
}
.locations-widget .oral-map-container {
  height: 420px;
  width: 100%;
}
.locations-widget .oral-map-container #locations-map {
  height: 100%;
  width: 100%;
}
.locations-widget .oral-info-window-content .oral-info-window-header {
  color: #2E3B41;
  font-size: 20px;
  font-family: "relative-medium", sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 16px;
}
@media (min-width: 576px) {
  .locations-widget .oral-info-window-content .oral-info-window-header {
    font-size: 20px;
    font-family: "relative-medium", sans-serif;
    font-weight: bold;
    letter-spacing: 0;
  }
}
.locations-widget .oral-info-window-content .oral-info-window-header {
  color: #009AAA;
}
.locations-widget .oral-info-window-content .oral-info-window-address {
  font-size: 16px;
}
.locations-widget .oral-locations-no-results-list {
  color: #2E3B41;
  font-size: 20px;
  font-family: "relative-medium", sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 16px;
}
@media (min-width: 576px) {
  .locations-widget .oral-locations-no-results-list {
    font-size: 20px;
    font-family: "relative-medium", sans-serif;
    font-weight: bold;
    letter-spacing: 0;
  }
}
.locations-widget .oral-locations-no-results-list {
  text-align: center;
}

.oral-locations-map .action-section {
  padding-top: 11px;
}