/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/app/persons.bundle.scss ***!
  \***********************************************************************************************************************************************/
persons {
  color: #4a4a4a;
}
persons .oral-filter-title {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.67;
  letter-spacing: 1px;
  font-weight: 500;
}
persons .oral-bold-text, persons .oral-info-window-content .oral-info-window-header, persons .oral-bold-text-small {
  font-size: 24px;
  font-weight: bold;
  color: #444444;
}
persons .oral-bold-text:focus, persons .oral-info-window-content .oral-info-window-header:focus, persons .oral-bold-text-small:focus {
  outline: 0 solid transparent;
}
persons .oral-bold-text-small {
  font-size: 20px;
}
persons .oral-filter-select {
  display: block;
}
persons .oral-info-window-content .oral-info-window-address {
  font-size: 16px;
}
persons .oral-info-window-content button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}
persons .show-nearby-container {
  margin-top: 20px;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/app/persons/persons-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.
*/
.oral-person-card, .oral-person-card-compact {
  height: 190px;
  background-color: #FFFFFF;
  margin-bottom: 28px;
  padding: 20px 30px 0 30px;
  position: relative;
  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.24), 0 0 0.125rem 0 rgba(0, 0, 0, 0.12);
}
.oral-person-card .oral-person-card-image-container, .oral-person-card-compact .oral-person-card-image-container {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.24), 0 0 0.125rem 0 rgba(0, 0, 0, 0.12);
}
.oral-person-card .oral-person-card-image-container image, .oral-person-card-compact .oral-person-card-image-container image {
  width: 80px;
  height: auto;
}
.oral-person-card .oral-person-card-name-container .oral-person-name, .oral-person-card-compact .oral-person-card-name-container .oral-person-name {
  color: #2E3B41;
  font-size: 20px;
  font-family: "relative-medium", sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 16px;
}
@media (min-width: 576px) {
  .oral-person-card .oral-person-card-name-container .oral-person-name, .oral-person-card-compact .oral-person-card-name-container .oral-person-name {
    font-size: 20px;
    font-family: "relative-medium", sans-serif;
    font-weight: bold;
    letter-spacing: 0;
  }
}
.oral-person-card .oral-person-card-name-container .oral-person-name, .oral-person-card-compact .oral-person-card-name-container .oral-person-name {
  color: #2E3B41;
}
.oral-person-card .oral-person-card-name-container .oral-person-title, .oral-person-card-compact .oral-person-card-name-container .oral-person-title {
  color: #999999;
}
.oral-person-card .oral-person-card-name-container:focus, .oral-person-card-compact .oral-person-card-name-container:focus {
  outline: 0px solid transparent;
}
.oral-person-card .oral-person-card-details-container .oral-person-card-expertises-container, .oral-person-card .oral-person-card-details-container .oral-person-card-languages-container, .oral-person-card .oral-person-card-details-container .oral-person-card-locations-container, .oral-person-card-compact .oral-person-card-details-container .oral-person-card-expertises-container, .oral-person-card-compact .oral-person-card-details-container .oral-person-card-languages-container, .oral-person-card-compact .oral-person-card-details-container .oral-person-card-locations-container {
  padding: 5px 0 0 0;
  color: #6A767C;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oral-person-card .oral-person-card-details-container .oral-person-card-expertises-container, .oral-person-card-compact .oral-person-card-details-container .oral-person-card-expertises-container {
  padding-top: 10px;
}
.oral-person-card .oral-person-card-button-container button, .oral-person-card-compact .oral-person-card-button-container button {
  text-transform: uppercase;
  white-space: nowrap;
}
.oral-person-card .oral-person-card-button-container, .oral-person-card-compact .oral-person-card-button-container {
  display: none;
  margin-top: 40px;
  height: 100%;
}
.oral-person-card:hover, .oral-person-card-compact:hover {
  box-shadow: 0 0 0.5625rem 0 rgba(0, 0, 0, 0.12);
}
.oral-person-card:hover .oral-person-card-name-container, .oral-person-card-compact:hover .oral-person-card-name-container {
  cursor: pointer;
}
.oral-person-card:hover .oral-person-card-name-container .oral-person-name, .oral-person-card-compact:hover .oral-person-card-name-container .oral-person-name {
  color: #76cc82;
}

.oral-person-card:hover .oral-person-card-button-container {
  display: block;
}
.oral-person-card:hover .oral-person-card-details-container {
  display: none;
}

.oral-person-card-compact:hover {
  cursor: pointer;
}

.oral-persons-display-more-container {
  text-align: center;
  margin-top: 20px;
}
.oral-persons-display-more-container .oral-persons-display-more {
  margin-left: auto;
  margin-right: auto;
}

.persons-widget {
  margin: 20px auto 64px auto;
}
.persons-widget .oral-persons-person-filters {
  width: 100%;
  padding: 0 0 20px 0;
}
.persons-widget .oral-persons-person-filters select {
  display: block;
}
.persons-widget .oral-persons-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) {
  .persons-widget .oral-persons-no-results-list {
    font-size: 20px;
    font-family: "relative-medium", sans-serif;
    font-weight: bold;
    letter-spacing: 0;
  }
}
.persons-widget .oral-persons-no-results-list {
  text-align: center;
}
.persons-widget #show-filters-button-container {
  padding-bottom: 20px;
}

.oral-persons-overlap-hero {
  width: 100%;
}
.oral-persons-overlap-hero.overlap-hero-small {
  padding: 40px;
}
.oral-persons-overlap-hero .select-manager {
  margin-top: 9px;
  margin-bottom: 16px;
}
.oral-persons-overlap-hero .select-manager .mdc-select {
  height: 100%;
  cursor: pointer;
}
.oral-persons-overlap-hero .select-manager .mdc-select__anchor {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  width: auto;
}
.oral-persons-overlap-hero .select-manager .mdc-select__anchor .mdc-select__selected-text {
  visibility: hidden;
  width: 0;
}
.oral-persons-overlap-hero .select-manager .mdc-select__anchor span:not(.mdc-select__selected-text) {
  color: #2E3B41;
  font-size: 20px;
  font-family: "relative-medium", sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 16px;
}
@media (min-width: 576px) {
  .oral-persons-overlap-hero .select-manager .mdc-select__anchor span:not(.mdc-select__selected-text) {
    font-size: 20px;
    font-family: "relative-medium", sans-serif;
    font-weight: bold;
    letter-spacing: 0;
  }
}
.oral-persons-overlap-hero .select-manager .mdc-select__anchor span:not(.mdc-select__selected-text) {
  color: #2E3B41 !important;
  padding-top: 0;
}
.oral-persons-overlap-hero .select-manager .mdc-select .mdc-list-item {
  align-items: center;
}
.oral-persons-overlap-hero .persons-header-column {
  padding-left: 0;
}
.oral-persons-overlap-hero div.row {
  margin: 0;
}
.oral-persons-overlap-hero .action-section {
  padding-top: 24px;
  margin-bottom: -18px;
}
.oral-persons-overlap-hero hr.before-person-list {
  margin: 7px 0 0 0;
  visibility: visible;
}
.oral-persons-overlap-hero hr.after-person-list {
  margin: 7px 0 0 0;
}
@media (max-width: 575.98px) {
  .oral-persons-overlap-hero.overlap-hero-small {
    padding: 20px 15px 14px 15px;
  }
  .oral-persons-overlap-hero.overlap-hero-small div.row:not(.action-section) {
    padding: 0 14px;
    margin: 0;
  }
  .oral-persons-overlap-hero .person-search-container {
    padding: 0;
  }
  .oral-persons-overlap-hero .action-section {
    border-top: 1px solid #EEEEEE;
    text-align: center;
    padding-top: 14px;
    margin: 0 -15px -4px -15px;
  }
}

.person-main-filters {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .person-main-filters {
    flex-direction: row;
  }
}
.person-main-filters > * {
  display: flex;
  flex-direction: column;
}
.person-main-filters .person-search-container {
  flex: 1 1 auto;
}
@media (min-width: 768px) {
  .person-main-filters .person-search-container {
    flex: 1 1 70%;
    margin-right: 30px;
  }
}
.person-main-filters .person-search-container > div {
  position: relative;
}
.person-main-filters .person-location-container {
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
}
.person-main-filters .mdc-select {
  width: 100% !important;
}

.compact-extra-filters {
  margin-top: 30px;
}
.compact-extra-filters mdc-select .mdc-select {
  width: 100% !important;
}

.extra-filters-button {
  line-height: 60px;
}

.person-full-extra-filters mdc-select .mdc-select {
  width: 100% !important;
}

#orderSelect .mdc-select {
  width: 170px !important;
  position: relative;
}