/* Minification failed. Returning unminified contents.
(714,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(715,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(719,26): run-time error CSS1039: Token not allowed after unary operator: '-base-color'
(731,19): run-time error CSS1039: Token not allowed after unary operator: '-pseudo-element-display'
(738,52): run-time error CSS1039: Token not allowed after unary operator: '-base-color'
(738,71): run-time error CSS1039: Token not allowed after unary operator: '-highlight-color'
(738,95): run-time error CSS1039: Token not allowed after unary operator: '-base-color'
(741,31): run-time error CSS1039: Token not allowed after unary operator: '-animation-direction'
(742,30): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration'
 */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0
}

[data-tippy-root] {
  max-width: calc(100vw - 10px)
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform,visibility,opacity
}

  .tippy-box[data-placement^=top] > .tippy-arrow {
    bottom: 0
  }

    .tippy-box[data-placement^=top] > .tippy-arrow:before {
      bottom: -7px;
      left: 0;
      border-width: 8px 8px 0;
      border-top-color: initial;
      transform-origin: center top
    }

  .tippy-box[data-placement^=bottom] > .tippy-arrow {
    top: 0
  }

    .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
      top: -7px;
      left: 0;
      border-width: 0 8px 8px;
      border-bottom-color: initial;
      transform-origin: center bottom
    }

  .tippy-box[data-placement^=left] > .tippy-arrow {
    right: 0
  }

    .tippy-box[data-placement^=left] > .tippy-arrow:before {
      border-width: 8px 0 8px 8px;
      border-left-color: initial;
      right: -7px;
      transform-origin: center left
    }

  .tippy-box[data-placement^=right] > .tippy-arrow {
    left: 0
  }

    .tippy-box[data-placement^=right] > .tippy-arrow:before {
      left: -7px;
      border-width: 8px 8px 8px 0;
      border-right-color: initial;
      transform-origin: center right
    }

  .tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
  }

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333
}

  .tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
  }

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1
}

@font-face {
    font-family: 'HMH Icons';
    src: url(/MediaLibrary/fonts/houston-methodist-icons.eot);
    src: url(/MediaLibrary/fonts/houston-methodist-icons.eot?#iefix) format('embedded-opentype'),url(/MediaLibrary/fonts/houston-methodist-icons.woff) format('woff'),url(/MediaLibrary/fonts/houston-methodist-icons.ttf) format('truetype'),url(/MediaLibrary/fonts/houston-methodist-icons.svg#houston-methodist-icons) format('svg')
}

.glyp-plus:before,
.glyp-stop:before,
.glyp-remove:before,
.glyp-check:before,
.glyp-arrow-down:before,
.glyp-arrow-up:before,
.glyp-arrow-right:before,
.glyp-pin:before,
.glyp-phone:before,
.glyp-carrot-right:before,
.glyp-minus:before,
.glyp-map:before,
.glyp-arrow-left:before,
.glyp-arrow-options:before {
    font-family: HMH Icons;
    font-weight: normal;
    margin-right: .5em;
    font-size: 1.1em;
    position: relative;
    top: 3px;
    line-height: 1;
}

.glyp-plus:before {
    content: 'a';
}

.glyp-stop:before {
    content: 'b';
}

.glyp-remove:before {
    content: 'c';
}

.glyp-check:before {
    content: 'd';
}

.glyp-arrow-down:before {
    content: 'e';
}

.glyp-arrow-up:before {
    content: 'f';
}

.glyp-arrow-right:before {
    content: 'g';
}

.glyp-arrow-pin:before {
    content: 'h';
}

.glyp-phone:before {
    content: 'i';
}

.glyp-carrot-right:before {
    content: 'j';
}

.glyp-minus:before {
    content: 'k';
}

.glyp-map:before {
    content: 'l';
}

.glyp-arrow-left:before {
    content: 'm';
}

.glyp-arrow-options:before {
    content: 'n';
}
.ds-xofy,
.ds-ratings {
    margin-right: 7px
}

.ds-comment {
    max-width: 800px;
    min-width: 300px;
}

.ds-breakdown {
    padding: 0px;
}

.ds-title {
    font-weight: bold;
}

.ds-average {
    font-size: 100%;
    font-weight: bold;
    width: 23px;
    margin-left: 10px;
}

.ds-average-max {
    font-weight: normal;
    color: #777;
}

.ds-lcol {
    max-width: 140px;
    min-width: 100px;
    width: 20%;
    float: left;
    text-align: left;
}

.ds-rcol {
    max-width: 660px;
    min-width: 200px;
    width: 70%;
    float: left;
}

.ds-date {
    margin: 0px 5px;
    font-size: 90%;
}

.ds-pubs {
    margin: 0px 5px;
    font-size: 84%;
    display: block;
}

.ds-body {
    margin: 0px 0px 10px 0px !important;
}

.ds-author {
    float: left;
    font-size: 90%;
}

.ds-provider {
    font-size: 80%;
    margin: 0 0 10px;
}

.ds-provider-label {
    color: #777;
}

.ds-questiontext {
    font-weight: bold;
}

.ds-poweredby {
    text-align: center;
    margin: 20px 0px;
    font-size: 80%;
}

.ds-clear {
    clear: both;
}

hr.ds-divider {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}

span.ds-stars {
    display: block;
    background: url(/medialibrary/images/star-ratings.png) 0 0 repeat-x;
    width: 88px;
    height: 16px;
}

span.ds-stars5 {
    background-position: 0 -160px !important;
}

span.ds-stars45 {
    background-position: 0 -144px !important;
}

span.ds-stars4 {
    background-position: 0 -128px !important;
}

span.ds-stars35 {
    background-position: 0 -112px !important;
}

span.ds-stars3 {
    background-position: 0 -96px !important;
}

span.ds-stars25 {
    background-position: 0 -80px !important;
}

span.ds-stars2 {
    background-position: 0 -64px !important;
}

span.ds-stars15 {
    background-position: 0 -48px !important;
}

span.ds-stars1 {
    background-position: 0 -32px !important;
}

span.ds-stars05 {
    background-position: 0 -16px !important;
}

span.ds-stars0 {
    background-position: 0 0px !important;
}

.ds-commentprefix {
    margin: 0px 0px 30px 0px;
}

.ds-commentprefix .ds-stars {
    float: left;
    margin: 0px 10px 0px 0px;
}

.ds-commentprefix .ds-ratingcount {
    font-size: 100%;
    margin: 0 10px;
    color: #777;
    font-style:italic;
}

    .ds-ratingcount-small {
        font-size: 0.9em;
        margin: 0;
        color: #777;
    }

.ds-comments-more {
    text-align: center;
}

.ds-breakdown .ds-stars,
.ds-breakdown .ds-average {
    float: left;
    margin: 0px 10px 0px 0px;
}

.ds-breakdown ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

  .ds-breakdown ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
  }

  .ds-breakdown li span {
    display: inline-block;
  }

    .ds-breakdown li span:first-of-type {
      flex-basis: 30px;
    }

    .ds-breakdown li span:nth-child(2) {
      flex-basis: 87px;
      margin-right: 10px;
    }

    .ds-breakdown li span:last-of-type {
      flex: 1;
    }

.ds-distribution ul {
    padding: 0px;
    margin: 0px;
}

.ds-distribution li {
    list-style: none;
    height: 16px;
    margin: 0 0 7px 0;
    clear: both;
}

.ds-distribution[data-ds-clickable="true"] li {
    cursor: pointer;
}

.ds-distribution .ds-average {
    float: left;
}

.ds-dist-bar {
    width: 120px;
    height: 100%;
    border: solid 1px #aaa;
    margin: 0 10px;
    float: left;
}

.ds-dist-bar-fill {
    background-color: #ffcb35;
    height: 100%;
}

.ds-comment-response {
    padding: 10px 0px;
    font-size: 90%;
}

    .ds-comment-response .ds-date {
        margin: 0px;
    }

    .ds-comment-response .ds-res-body {
        margin: 2px 0px;
    }

    .ds-comment-response .ds-author {
        float: none;
        font-weight: bold;
    }

.ds-comments-filter {
    margin: 1em 0;
}

.ds-comments-filter {
    display: inline-block;
}

.ds-filter-select {
    display: inline-block;
    max-width: 9em;
    margin-left: 1em;
}

    .ds-filter-select:first-of-type {
        margin-left: 0;
    }

select.dropdown:focus::-ms-value {
  background: none;
  color: #000;
}

select.dropdown {
  padding: 4px 6px;
  cursor: pointer;
  width: 100%;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  color: #000;
  font-style: normal;
  min-height: 32px;
  padding: 6px 6px 6px 14px;
  font-size: 14px;
  font-weight: 600;
}

  select.dropdown:focus {
    border: 1px solid #000;
  }

.select-dropdown-container > .select-dropdown:focus, .select-dropdown-container > .select-dropdown:active {
  outline: none;
}

.select-panel {
  position: relative
}

  .select-panel:after {
    font-family: 'FontAwesome';
    content: '';
    color: #000;
    font-size: 1.15rem;
    padding-right: .1rem;
    background-color: #fff;
    font-weight: bold;
    position: absolute;
    right: .2rem;
    padding: .5rem;
    line-height: .5rem;
    top: .35rem;
    pointer-events: none
  }

.physician-component-wrapper input[data-selection='true'] ~ .select-dropdown > .select-dropdown-text {
  color: #124A7E;
}

.physician-component-wrapper .select-dropdown-container > .select-dropdown {
  height: 40px;
}

.tippy-box {
  background-color: #F5F5F5;
  box-shadow: 0px 6px 7px #0000001C;
}

.tippy-arrow {
  color: #F5F5F5;
  transform: none !important;
  right: 20%;
  left: auto !important;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  transform: scale(3);
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  transform: scale(3);
}

#specialty-wizard {
  display: none;
}

.specialty-wizard {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  padding: 10px 10px 20px;
}

  .specialty-wizard .specialty-wizard-title {
    color: #000;
    font-size: 17px;
    font-weight: 600;
  }

  .specialty-wizard .specialty-wizard-body {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }

  .specialty-wizard .specialty-wizard-actions {
    display: flex;
    justify-content: flex-end;
  }

  .specialty-wizard .specialty-wizard-actions button {
    color: #fff;
    font-size: 12px;
    background-color: #124A7E;
  }

    .specialty-wizard .specialty-wizard-actions button:hover {
      background-color: #ab0032;
    }

.physician-results-container {
    position: relative;
    float: left;
    width: 100%;
}

.physician-results-overlay {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  margin: 0 -25px;
}

@-moz-document url-prefix() {
  .select-panel:after {
    padding: .69rem .5rem;
    top: .05rem;
    right: .06rem;
  }
}

@supports (-ms-ime-align:auto) {
  .select-panel:after {
    top: .3rem;
  }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
  .select-panel:after {
    top: .3rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-right: .5rem
  }

  select::-ms-expand {
    display: none
  }
}

#physician-results ul {
  margin: 0 0 0 40px !important;
}

.physician-component-wrapper {
  margin-top: 15px !important;
}

  .physician-component-wrapper > .results-area {
    margin-top: 0 !important;
  }

  .physician-component-wrapper .physician-results-title {
    font-weight: bold;
    width: auto !important
  }

.serviceLine .physician-results-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ourDoctorsTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
  gap: 20px;
  width: auto
}

  .ourDoctorsTitle h3, .ourDoctorsTitle h2 {
    align-self: center;
  }

  .ourDoctorsTitle .filterContainer {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    margin-left: auto;
    width: 100%;
  }

.ourDoctorsLabel {
  font-weight: bold;
  min-width: 110px;
  margin-top: 6px;
  margin-right: 1rem;
}

.ourDoctorsSort {
  margin-left: auto;
  display: flex;
}

  .ourDoctorsSort .select-panel {
    max-width: 200px;
    min-width: 144px;
  }

.select-dropdown-container {
  width: 100%;
}

  .select-dropdown-container .select-dropdown-options {
    top: 40px !important;
  }

    .select-dropdown-container .select-dropdown-options li {
      padding: 8px 0px;
    }

.provider-expanded-filter .select-dropdown-container .select-dropdown-options {
  padding: 10px 0;
}

.ds-summary {
  text-align: center;
}

.ds-xofy {
  position: relative;
  top: -10px;
}

.ds-average {
  font-size: 10px !important;
  font-weight: bold;
  color: #707070 !important;
}

.ds-average-max {
  font-size: 10px !important;
  font-weight: bold;
  color: #707070 !important;
}

@keyframes our-doctors-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.our-doctors-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

  .our-doctors-loading-skeleton::after {
    content: ' ';
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient( 90deg, var(--base-color), var(--highlight-color), var(--base-color) );
    transform: translateX(-100%);
    animation-name: our-doctors-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
  }

.our-doctors-skeleton-row {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  width: 98%;
}

.our-doctors-skeleton-column {
  column-gap: 10px;
  display: flex;
  flex: 1;
  flex-direction: row;
}

  .our-doctors-skeleton-column > span > span {
    width: 220px;
  }

.ds-summary {
  margin-top: 7px;
}

span.ds-stars {
  transform: scale(0.7);
}

#openAvailabilityDialog .dialog-container-shadow {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .6) !important;
  z-index: 1;
}

@media (min-width: 960px) {
  .physician-results-card > .physician-results-card-profile {
    width: 55% !important;
  }

  .our-doctors-skeleton-row {
    width: 100%;
  }

  .our-doctors-skeleton-column {
    flex-direction: column;
  }

    .our-doctors-skeleton-column > span > span {
      width: 100%;
    }
}

@media (min-width:768px) {
  .ds-average {
    font-size: 12px;
  }

  .doct-sea-results2 .ds-average-max {
    font-size: 12px;
  }
}

@media (max-width:959px) and (min-width:768px) {
  .ourDoctorsSort .select-panel {
    max-width: 150px;
  }

  .select-dropdown-container .select-dropdown-options li > div {
    padding: 10px 30px;
  }
}

@media (min-width:601px) and (max-width: 767px) {
  #physician-results {
    margin: 0 -25px !important;
  }
}

@media (max-width: 767px) {
  .ourDoctorsTitle .filterContainer {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-left: 0;
  }

  .physician-component-wrapper .select-dropdown-container {
    position: relative;
    width: 100%;
  }
}

@media (max-width: 960px) {
  .ourDoctorsTitle h3, .ourDoctorsTitle h2 {
    width: 100%;
  }

  .ourDoctorsLabel {
    width: 100%;
    margin-bottom: .3rem;
  }

  .ourDoctorsSort {
    width: 100%;
    flex-direction: column;
  }

    .ourDoctorsSort .select-panel {
      max-width: none;
    }

  .ourDoctorsLabel {
    margin-right: 0;
  }

  .physician-results-card > .physician-results-card-profile {
    width: 100% !important;
  }

  .physician-results-card > .physician-results-card-availability {
    width: 100% !important;
  }

  .physician-component-wrapper .select-dropdown-container {
    margin-bottom: 0 !important;
  }
}

@media (max-width:600px) {
  #physician-results {
    margin: 0 -25px !important;
  }
}

@media (max-width: 350px) {
  #physician-results {
    margin: 0 -25px !important;
  }
}

.physician-results-card {
  border-top: 1px solid #e5e5e5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 15px 0 15px 10px;
  column-gap: 15px;
}

  .physician-results-card > .physician-results-card-profile {
    width: 55%;
  }

.provider-profile-row {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.provider-profile-image-container {
  flex-basis: 88px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
}

.provider-profile-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 105px;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

.provider-profile-image-link {
  display: flex;
  flex-direction: column;
  position: relative;
}

  .provider-profile-image-link > .provider-profile-image-label {
    background-color: hsla(0, 0%, 100%, .85);
    display: block;
    font-size: 12px;
    font-style: italic;
    min-height: 24px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: calc(100% - 24px);
    width: 100%;
  }

.provider-profile-info-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 5px;
  justify-content: flex-start;
}

  .provider-profile-info-container > .provider-profile-info > .provider-profile-name {
    width: 100%;
  }

    .provider-profile-info-container > .provider-profile-info > .provider-profile-name .provider-name {
      font-size: 1.3em;
      font-weight: 900;
      line-height: 24px;
    }

    .provider-profile-info-container > .provider-profile-info > .provider-profile-name .provider-profile-name-logo {
      height: 12px;
      margin-left: 5px;
      width: 20px;
    }

  .provider-profile-info-container > .provider-profile-info > .provider-profile-specialties {
    font-family: Titillium Web;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
  }

  .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }

    .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-new-patients span.accepting-icon {
      font-size: 14px !important;
      position: relative;
      top: 3px;
    }

    .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-video-visits span.accepting-icon {
      font-size: 14px !important;
      position: relative;
      top: 3px;
    }

    .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-video-visits.accepting-video-visits * {
      color: #007078;
    }

    .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-video-visits span {
      font-size: 11px;
      font-weight: 600;
    }

    .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-new-patients.accepting-new-patients svg {
      color: #769d2b;
    }

    .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-new-patients.not-accepting-new-patients svg {
      color: #ab0032;
    }

    .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-video-visits.not-accepting-video-visits svg {
      color: #d4d4d4;
    }

  .provider-profile-info-container > .provider-profile-location {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

    .provider-profile-info-container > .provider-profile-location > .provider-profile-address, .provider-profile-info-container > .provider-profile-location > .provider-profile-phone {
      display: flex;
      gap: 5px;
      width: 100%;
    }

      .provider-profile-info-container > .provider-profile-location > .provider-profile-address .address-icon, .provider-profile-info-container > .provider-profile-location > .provider-profile-phone .address-icon {
        font-size: 16px;
        position: relative;
        top: 2px;
      }

      .provider-profile-info-container > .provider-profile-location > .provider-profile-address .address-icon, .provider-profile-info-container > .provider-profile-location > .provider-profile-phone .address-icon {
        font-size: 16px;
        position: relative;
        top: 2px;
      }

      .provider-profile-info-container > .provider-profile-location > .provider-profile-address .address-label, .provider-profile-info-container > .provider-profile-location > .provider-profile-phone .address-label {
        color: #707070;
        font-size: 12px;
        font-weight: 600;
      }

    .provider-profile-info-container > .provider-profile-location > .provider-profile-address, .provider-profile-info-container > .provider-profile-location > .provider-profile-phone {
      display: flex;
      gap: 5px;
      width: 100%;
    }

  .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-new-patients span {
    font-size: 11px;
    font-weight: 600;
  }

  .provider-profile-info-container > .provider-profile-location > .provider-profile-address .address-icon > svg, .provider-profile-info-container > .provider-profile-location > .provider-profile-phone .address-icon > svg {
    color: #707070;
  }

  .provider-profile-info-container > .provider-profile-location > .provider-profile-address .address-label > a[href^="tel:"], .provider-profile-info-container > .provider-profile-location > .provider-profile-phone .address-label > a[href^="tel:"] {
    color: #707070 !important;
    font-weight: 900;
    font-size: 12px;
  }

.physician-results-card > .physician-results-card-availability {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: calc(45% - 15px);
}

.provider-availability-container {
  display: flex;
  flex-direction: row;
}

  .provider-availability-container > .provider-availability-container-spacer {
    width: 20px;
  }

  .provider-availability-container > .availability-timeslots-container {
    width: 99%;
  }

  .provider-availability-container .availability-timeslots-container.availability-timeslots-container-column {
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px 0;
    justify-content: flex-start;
    padding: 0 5px;
  }

.availability-timeslots-container {
  display: flex;
  justify-content: space-evenly;
}

.provider-availability-container .availability-timeslots-container .availability-timeslots-column {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 8px 0;
  justify-content: flex-start;
  padding: 0 5px;
}

.availability-timeslots-container .availability-timeslots.in_person-timeslot {
  background: #124a7e;
}

.availability-timeslots-container .availability-timeslots.video-timeslot {
  background: #007078;
}

.availability-timeslots-container .availability-timeslots-column .availability-timeslots, .availability-timeslots-container .availability-timeslots-column .availability-timeslots-more-button {
  width: 100%;
}

.availability-timeslots-container .availability-timeslots {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center;
  min-height: 27px;
  min-width: 78px;
  padding: 0 10px;
  white-space: nowrap;
}

.provider-availability-message-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 10px;
  min-height: 100%;
}

  .provider-availability-message-container .appointment-button {
    font-size: 14px;
    font-weight: 600;
    width: auto;
  }

  .provider-availability-message-container > .provider-availability-message {
    color: #707070;
    font-family: Titillium Web;
    font-size: 14px;
    text-align: center;
    width: 85%;
  }

.provider-availability-more-dates {
  padding: 10px 5px 5px;
  width: 100%;
}

  .provider-availability-more-dates > .provider-availability-more-dates-button {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #124a7e;
    font-family: Titillium Web;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
  }

    .provider-availability-more-dates > .provider-availability-more-dates-button svg {
      font-size: 15px;
      margin-right: 4px;
      position: relative;
      top: 3px;
    }

.provider-availability-container > .availability-timeslots-container .availability-timeslots > .timeslot-visit-time {
  font-weight: 400;
  font-size: 14px;
}

.availability-timeslots-container .availability-timeslots span {
  display: block;
  min-width: 57px;
  text-align: center;
}

.availability-timeslots-container .availability-timeslots > .timeslot-visit-type {
  display: none;
}

.availability-timeslots-container .availability-timeslots span {
  display: block;
  min-width: 57px;
  text-align: center;
}

.availability-timeslots-container .availability-timeslots.in_person-timeslot:hover .timeslot-visit-time {
  display: none;
}

.availability-timeslots-container .availability-timeslots.in_person-timeslot:hover .timeslot-visit-type {
  display: inline;
}

.availability-timeslots-container .availability-timeslots.video-timeslot:hover .timeslot-visit-time {
  display: none;
}

.availability-timeslots-container .availability-timeslots.video-timeslot:hover .timeslot-visit-type {
  display: inline;
}

.doct-sea-results2 {
  padding: 25px 1px !important;
}

.physician-component-wrapper .results-area {
  border-top: 1px solid #ffffff;
}

.physician-component-wrapper .display-res-cnt {
  font-style: normal;
  color: #000;
  text-transform: none;
  font-size: 17px;
  font-weight: 600;
  padding: 0 0 5px 0 !important;
}

.physician-component-wrapper .select-dropdown-container > .select-dropdown > .select-dropdown-text {
  font-size: 17px;
  font-weight: 600;
}

.physician-component-wrapper .select-dropdown-container.open > .select-dropdown > .select-dropdown-trigger:after {
  padding: 0 0 3px 4px;
}

.physician-component-wrapper .select-dropdown-container {
  margin-left: 0;
}

a.blue-btn1 {
  width: 75% !important;
}

.physician-results-card:nth-of-type(1) {
  border-top: 1px solid #ffffff;
}

.provider-search-results-head-title .search-label {
  font-weight: 600;
}

.availability-timeslots-container .availability-timeslots-more-button {
  display: none;
}

.provider-availability-container-in-mobile {
  display: none;
}

.provider-availability-container {
  display: block;
}

@media screen and (max-width: 960px) {
  .physician-results-card {
    padding: 15px 10px 15px !important;
  }

    .physician-results-card .provider-availability-container-in-mobile .availability-timeslots-container {
      justify-content: flex-start;
      width: 99%;
    }

  .provider-availability-container-in-mobile .availability-timeslots-container .availability-timeslots-column {
    flex-direction: row;
  }

  .provider-availability-container {
    display: none;
  }

  .provider-availability-container-in-mobile {
    display: flex;
  }

  .provider-availability-message-container > .provider-availability-message {
    color: #707070;
    font-family: Titillium Web;
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    padding: 5px 0;
  }

  .provider-availability-container-in-mobile .availability-timeslots-vector-container {
    margin-right: -15px;
    margin-top: 5px;
    overflow-y: hidden;
    font-size: 14px;
    color: #9c9c9c;
    font-weight: 600;
  }

  .provider-availability-container-in-mobile .provider-availability-container-spacer {
    width: 20px;
  }

  .provider-availability-container-in-mobile .availability-timeslots-container .availability-timeslots-row.allow-scroll {
    padding-top: 10px;
    grid-column-gap: unset;
    grid-row-gap: unset;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    grid-template-columns: unset;
    max-width: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    padding-right: 15px;
  }

  .provider-availability-container-in-mobile .availability-timeslots-container .availability-timeslots {
    min-width: 215px !important;
  }

  .provider-availability-container-in-mobile > .availability-timeslots-container .availability-timeslots > span.timeslot-visit-time {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .provider-availability-container-in-mobile .availability-timeslots-container .availability-timeslots > .timeslot-visit-type {
    display: none;
  }

  .provider-availability-container-in-mobile .availability-timeslots-container .availability-timeslots.in_person-timeslot:hover .timeslot-visit-time {
    display: none;
  }

  .provider-availability-container-in-mobile .availability-timeslots-container .availability-timeslots.in_person-timeslot:hover .timeslot-visit-type {
    display: inline;
  }

  .provider-availability-container-in-mobile .availability-timeslots-container .availability-timeslots.video-timeslot:hover .timeslot-visit-time {
    display: none;
  }

  .provider-availability-container-in-mobile .availability-timeslots-container .availability-timeslots.video-timeslot:hover .timeslot-visit-type {
    display: inline;
  }

  .provider-availability-container-in-mobile .availability-timeslots-container .availability-timeslots-more-button {
    display: block;
    background: #9a9a9a;
    border: none;
    border-radius: 0;
    color: #fff;
    font-family: Titillium Web;
    font-weight: 600;
    height: 27px;
    min-width: 78px;
    padding: 0 10px;
  }

  .availability-timeslots-container .availability-timeslots span {
    font-size: 14px;
    font-weight: normal;
    display: block;
    min-width: 57px;
    text-align: center;
  }

  .provider-availability-more-dates > .provider-availability-more-dates-button {
    display: none;
  }

  .physician-component-wrapper .select-dropdown-container {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.modal {
  background: rgba(0, 0, 0, .6) !important;
}

.availability-timeslots-container .availability-timeslots-empty-message {
  align-items: center;
  color: #9c9c9c;
  display: flex;
  font-family: Titillium Web;
  font-size: 14px;
  font-weight: 600;
  height: 100%;
  justify-content: flex-start;
}

#openAvailabilityDialog .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

#openAvailabilityDialog .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 0 !important;
  border: 1px solid #888;
  width: 700px;
}

#openAvailabilityDialog .dialog-container > button.dialog-close {
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #666;
  display: flex;
  font-size: 24px;
  padding: 2px;
  position: absolute;
  right: 10px;
  top: 10px;
}

  #openAvailabilityDialog .dialog-container > button.dialog-close:hover,
  #openAvailabilityDialog .dialog-container > button.dialog-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

#openAvailabilityDialog .provider-profile-row {
  gap: 40px;
}

#openAvailabilityDialog .physicianRatingsContainer {
  display: none;
}

#openAvailabilityDialog .provider-profile-image {
  height: 185px;
}

#openAvailabilityDialog .provider-profile-image-container {
  flex-basis: 130px;
}

#openAvailabilityDialog .provider-profile-image-label {
  display: none;
}

#openAvailabilityDialog .provider-profile-image-link {
  pointer-events: none;
}

#openAvailabilityDialog .provider-profile-info-container > .provider-profile-info {
  margin-bottom: 20px;
}

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-name .provider-name {
    font-size: 1.7em;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-name .provider-profile-name-logo {
    height: 14px;
    margin-left: 5px;
    width: 22px;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-specialties {
    font-size: 1.2em;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting {
    align-items: baseline;
    flex-direction: row;
    gap: 20px;
    margin-top: 10px;
  }

    #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-new-patients,
    #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-video-visits {
      height: 20px;
    }

      #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-new-patients span.accepting-icon {
        font-size: 18px !important;
        position: relative;
        top: 3px;
      }

#openAvailabilityDialog .provider-profile-info-container .provider-profile-accepting > .provider-profile-accept-video-visits span.accepting-icon {
  color: #d4d4d4;
  font-size: 18px !important;
  font-weight: 600;
}

#openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-new-patients span {
  font-size: 14px;
}

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-new-patients span svg {
    color: #769d2b;
  }

#openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-video-visits span {
  font-size: 14px;
  font-weight: 600;
}


#openAvailabilityDialog .provider-profile-info-container > .provider-profile-location {
  flex-direction: column;
  gap: 5px;
  width: 90%;
}

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-location > .provider-profile-address .address-icon {
    font-size: 15px;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-location > .provider-profile-address .address-label {
    font-size: 14px;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-location > .provider-profile-phone .address-icon {
    font-size: 15px;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-location > .provider-profile-phone .address-label > a[href^="tel:"] {
    font-size: 14px !important;
    font-weight: 900
  }

#openAvailabilityDialog .dialog-header {
  background: #f5f5f5;
  padding: 30px
}

#openAvailabilityDialog .dialog-body {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

#openAvailabilityDialog .provider-expanded-filters {
  box-shadow: 1px 1px 4px -2px #aaa;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
  padding: 0 9px;
}

#openAvailabilityDialog .provider-expanded-filter {
  align-items: center;
  border-right: 1px solid #eee;
  display: flex;
  justify-content: flex-start;
  min-width: 0;
  position: relative;
}

#openAvailabilityDialog .search-select-container {
  z-index: 3;
}

#openAvailabilityDialog .search-select {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 0;
  color: #666;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  justify-content: space-between;
  min-height: 42px;
  padding: 8px 6px 8px 14px;
  width: 100%;
}

#openAvailabilityDialog .search-select-search {
  margin-right: 20px;
  overflow: hidden;
  padding-right: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#openAvailabilityDialog .search-select svg {
  font-size: 20px;
}

#openAvailabilityDialog .provider-expanded-filters .provider-expanded-filter:last-of-type {
  border-right: none;
}

#openAvailabilityDialog .provider-expanded-date-picker-container {
  color: #666;
  font-weight: 600;
  padding: 10px
}

  #openAvailabilityDialog .provider-expanded-date-picker-container button {
    background: transparent;
    border: none;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
  }

    #openAvailabilityDialog .provider-expanded-date-picker-container button svg {
      font-size: 16px;
      margin-right: 6px;
      position: relative;
      top: 3px;
    }

#openAvailabilityDialog .provider-availability-section {
  overflow-y: auto;
  max-height: 400px;
}

  #openAvailabilityDialog .provider-availability-section::-webkit-scrollbar {
    background-color: transparent;
    width: 8px;
  }

  #openAvailabilityDialog .provider-availability-section::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 8px;
  }

#openAvailabilityDialog .provider-expanded-availability-container .availability-timeslots-container {
  width: 100%;
  display: flex;
  justify-content: space-evenly
}

#openAvailabilityDialog .availability-timeslots-container.availability-timeslots-container-row {
  flex-direction: column;
}

#openAvailabilityDialog .availability-timeslots-container .availability-timeslots-vector-container {
  margin-top: 10px;
}

#openAvailabilityDialog .provider-expanded-availability-container .availability-timeslots-container .availability-timeslots-vector-container:last-of-type {
  border-bottom: 1px solid #ccc;
}

#openAvailabilityDialog .provider-expanded-availability-container .availability-timeslots-container .availability-timeslots-vector-container .availability-timeslots-vector-title {
  font-size: 1.3em;
  padding: 0 20px;
}

  #openAvailabilityDialog .provider-expanded-availability-container .availability-timeslots-container .availability-timeslots-vector-container .availability-timeslots-vector-title > span {
    color: #000;
    font-weight: 600;
  }

#openAvailabilityDialog .provider-expanded-availability-container .availability-timeslots-container .availability-timeslots-vector-container .availability-timeslots-row {
  grid-column-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  padding: 15px 20px 20px;
  grid-row-gap: 10px;
  display: grid;
}

#openAvailabilityDialog .availability-timeslots-container .availability-timeslots.in_person-timeslot {
  background: #124a7e;
}

#openAvailabilityDialog .availability-timeslots-container .availability-timeslots.video-timeslot {
  background: #007078;
}

#openAvailabilityDialog .provider-availability-container {
  display: block;
}

  #openAvailabilityDialog .provider-availability-container > .availability-timeslots-container .availability-timeslots > .timeslot-visit-time {
    display: block;
    min-width: 57px;
    text-align: center;
  }

#openAvailabilityDialog .availability-timeslots-container .availability-timeslots.in_person-timeslot:hover .timeslot-visit-time {
  display: none;
}

#openAvailabilityDialog .availability-timeslots-container .availability-timeslots.in_person-timeslot:hover .timeslot-visit-type {
  display: inline;
}

#openAvailabilityDialog .availability-timeslots-container .availability-timeslots.video-timeslot:hover .timeslot-visit-time {
  display: none;
}

#openAvailabilityDialog .availability-timeslots-container .availability-timeslots.video-timeslot:hover .timeslot-visit-type {
  display: inline;
}

#openAvailabilityDialog .select-dropdown-container > .select-dropdown {
  border: none;
  outline: none;
}

  #openAvailabilityDialog .select-dropdown-container > .select-dropdown > .select-dropdown-trigger:after {
    padding: 0;
  }

.select-dropdown-container .select-dropdown-options li {
  padding: 0;
}

#openAvailabilityDialog .provider-expanded-availability-next {
  display: flex;
  justify-content: center;
  padding: 25px 10px 10px;
}

  #openAvailabilityDialog .provider-expanded-availability-next .availability-next-range-button {
    background: transparent;
    border: 2px solid #124a7e;
    color: #124a7e !important;
    font-size: 16px;
    font-weight: 400;
    line-height: inherit;
    padding: 6px 40px;
    width: auto;
  }

  #openAvailabilityDialog .provider-expanded-availability-next button.availability-next-range-button:hover {
    background: #124a7e;
    color: #fff !important;
  }

#openAvailabilityDialog .provider-expanded-availability-message {
  color: #888;
  font-size: 11px;
  padding: 20px 0;
  text-align: center;
}

  #openAvailabilityDialog .provider-expanded-availability-message .emphasized-message {
    font-weight: 600;
  }

#openAvailabilityDialog .select-dropdown-container > .select-dropdown > .select-dropdown-text {
  margin-right: 10px;
  font-weight: 600;
  color: #666;
}

#openAvailabilityDialog .provider-expanded-availability-calendar {
  position: absolute;
  top: 100%;
}

#openAvailabilityDialog .profile-availability-calendar {
  background: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, .45);
  padding: 5px;
  width: 200px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  user-select: none;
  -webkit-user-select: none;
}

  #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-slider {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }

    #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-slider .next-month,
    #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-slider .previous-month {
      cursor: pointer;
    }

    #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-slider.no-next-month .next-month,
    #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-slider.no-previous-month .previous-month {
      visibility: hidden;
      display: flex;
    }

    #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-slider > .profile-availability-calendar-slider-month {
      color: #124a7e;
      font-weight: 700;
    }

    #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-slider .next-month, .profile-availability-calendar .profile-availability-calendar-slider .previous-month {
      display: flex;
    }

  #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table {
    width: 100%;
  }

#openAvailabilityDialog .provider-expanded-filters .provider-expanded-filter .provider-expanded-availability-calendar .profile-availability-calendar .profile-availability-calendar-schedules table td {
  padding: 6px 4px;
}

#openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table td:not(.calendar-other-month):not(.calendar-day):not(.calendar-header) {
  display: none;
}

#openAvailabilityDialog .provider-expanded-filters .provider-expanded-filter .provider-expanded-availability-calendar .profile-availability-calendar .profile-availability-calendar-schedules table td {
  padding: 6px 4px;
}

#openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table td:not(.calendar-other-month):not(.calendar-day):not(.calendar-header) {
  display: none;
}

#openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table > thead td {
  font-size: 10px;
}

#openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table td {
  color: #707070;
  font-size: 12px;
  pointer-events: none;
  text-align: center;
}

#openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table > thead td {
  font-size: 10px;
}

#openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table td {
  color: #707070;
  font-size: 12px;
  pointer-events: none;
  text-align: center;
}

  #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table td.calendar-day.availability > span {
    border-color: #124a7e;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: all;
  }

  #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table td > span:not(:empty) {
    border: 1px solid transparent;
    padding: 1px 4px;
  }

  #openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table td.calendar-day.availability > span:hover {
    background-color: #124a7e;
    color: #fff;
  }

#openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table > tbody td.calendar-day.past-day span {
  color: #c5c5c5;
  text-decoration: line-through;
}

#openAvailabilityDialog .profile-availability-calendar .calendar-day.past-day {
  color: #c5c5c5;
}

#openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table td.calendar-day.availability.active > span {
  background-color: #124a7e;
  color: #fff;
  pointer-events: none;
}

#openAvailabilityDialog .profile-availability-calendar .profile-availability-calendar-schedules table td.calendar-other-month > span {
  color: #c5c5c5;
}

@media (max-width: 767px) {
  #openAvailabilityDialog .modal-content {
    margin: 0 !important;
    width: 100% !important;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-name .provider-name {
    font-size: 1.3em;
  }

  #openAvailabilityDialog .provider-profile-image-container {
    flex-basis: 80px;
  }

  #openAvailabilityDialog .provider-profile-image {
    height: 105px;
  }

  #openAvailabilityDialog .dialog-header {
    padding: 20px;
  }

  #openAvailabilityDialog .provider-profile-row {
    gap: 20px;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info {
    margin-bottom: 5px;
  }

    #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-specialties {
      font-family: Titillium Web;
      font-size: 14px;
      font-weight: 600;
      width: 100%;
    }

    #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-new-patients span,
    #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-video-visits span {
      font-size: 9px;
    }

      #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-new-patients span.accepting-icon,
      #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting > .provider-profile-accept-video-visits span.accepting-icon {
        font-size: 14px !important;
      }

  #openAvailabilityDialog .provider-profile-info-container .provider-profile-location > .provider-profile-address .address-label {
    font-size: 12px;
  }

  #openAvailabilityDialog .select-dropdown-container > .select-dropdown {
    padding: 0;
    padding-right: 10px;
  }

    #openAvailabilityDialog .select-dropdown-container > .select-dropdown > .select-dropdown-text {
      font-size: 12px;
      min-height: 22px;
      padding: 4px 6px 4px 14px;
    }

  #openAvailabilityDialog .provider-expanded-date-picker-container button {
    font-size: 12px;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-info > .provider-profile-accepting {
    margin-top: 0;
    flex-direction: column;
    gap: 0;
  }

  #openAvailabilityDialog .provider-expanded-availability-container .availability-timeslots-container .availability-timeslots-vector-container .availability-timeslots-vector-title > span {
    font-size: 16px;
  }

  #openAvailabilityDialog .provider-availability-section {
    overflow-y: auto;
    max-height: 700px;
  }

  #openAvailabilityDialog .provider-expanded-availability-container .availability-timeslots-container .availability-timeslots-vector-container .availability-timeslots-row {
    grid-template-columns: repeat(3, 1fr);
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-location > .provider-profile-address .address-icon {
    font-size: 14px;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-location > .provider-profile-phone .address-icon {
    font-size: 14px;
  }

  #openAvailabilityDialog .provider-profile-info-container > .provider-profile-location > .provider-profile-phone .address-label > a[href^="tel:"] {
    font-size: 12px !important;
  }

  #openAvailabilityDialog .dialog-container-shadow.active {
    display: block;
  }

  #openAvailabilityDialog .provider-expanded-filter {
    position: initial;
  }

  #openAvailabilityDialog .provider-expanded-availability-calendar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(50% - 250px), calc(50% - 200px));
    z-index: 2;
  }

    #openAvailabilityDialog .provider-expanded-availability-calendar .profile-availability-calendar {
      width: 250px;
    }

  .provider-availability-more-dates {
    display: none;
  }

  .provider-availability-container-spacer {
    display: none;
  }
}

.no-scroll {
  overflow-y: hidden;
}

#openAvailabilityDialog .dialog-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-height: 100%;
}

