@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800&display=swap);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800&display=swap);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800&display=swap);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800&display=swap);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);
.widget {
  overflow: hidden;
}
.widget img {
  max-width: 100% !important;
}
#app .v-select button[aria-label~=clear].v-icon,
#app .v-select .v-input__icon.v-input__icon--append i.v-icon,
#app .v-select .v-label {
  color: #0ea9bd !important;
  font-size: 16px;
}
#app .date-picker {
  margin-top: 30px;
}
#app .date-picker .v-date-picker-title {
  color: black;
}
#app .hybrid-btn-toggle {
  font-size: smaller;
  border-radius: 9px;
  border: 1px solid var(--medium-grey) 0%;
  margin-bottom: 16px;
}
#app .hybrid-btn-toggle button.v-btn:first-child {
  width: 50%;
  border-right: none;
  padding-left: 7px;
  padding-right: 0;
  margin-left: 0px;
}
#app .hybrid-btn-toggle button.v-btn:first-child .dot {
  vertical-align: middle;
}
#app .hybrid-btn-toggle button.v-btn.v-item--active:first-child {
  padding-left: 7px;
  padding-right: 0;
}
#app .hybrid-btn-toggle button.v-btn.v-item--active:first-child .v-btn__content {
  margin-right: 5px;
}
#app .hybrid-btn-toggle button[size=large].v-btn {
  height: 56px;
  vertical-align: middle;
}
#app .hybrid-btn-toggle button.v-btn,
#app .hybrid-btn-toggle button.v-item--active {
  opacity: 1;
  padding: 5px;
  background-color: #f2f2f2;
}
#app .hybrid-btn-toggle button.v-btn .v-btn__content,
#app .hybrid-btn-toggle button.v-item--active .v-btn__content {
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}
#app .hybrid-btn-toggle button.v-item--active::before {
  background-color: #f2f2f2;
}
#app .hybrid-btn-toggle button[size=large].v-item--active {
  background-color: #f2f2f2;
}
#app .hybrid-btn-toggle button[size=large].v-item--active .v-btn__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: black;
  border-radius: 9px;
  color: white;
}
#app .hybrid-btn-toggle button[size=large].v-item--active .v-btn__content .v-icon {
  color: white;
}
#app .booking-row button.v-btn.appointment-slot {
  border-radius: 9px !important;
}
.inperson-asset[data-v-22edf2fc] {
  background-color: #0ea9bd !important;
  border-color: #0ea9bd !important;
}
button[value=ONLINE] .dot.online-asset[data-v-22edf2fc] {
  background-color: transparent !important;
  border: 2px solid #2a9d4c !important;
}
.booking-row[data-v-22edf2fc] {
  max-height: 575px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.booking-row button.appointment-slot[data-v-22edf2fc] {
  border-color: #0ea9bd !important;
  color: #0ea9bd !important;
  border-radius: 9px !important;
}
.frame[data-v-22edf2fc]::-webkit-scrollbar {
  -webkit-appearance: none;
}
.frame[data-v-22edf2fc]::-webkit-scrollbar:vertical {
  width: 11px;
}
.frame[data-v-22edf2fc]::-webkit-scrollbar:horizontal {
  height: 11px;
}
.frame[data-v-22edf2fc]::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}
.frame[data-v-22edf2fc]::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px;
}
.dot[data-v-22edf2fc] {
  height: 15px;
  width: 15px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.v-application .unavailable-message[data-v-22edf2fc] {
  font-size: medium !important;
}
.appointments-column.landscape[data-v-22edf2fc] {
  max-height: 490px;
}

.maplink {
	text-decoration: underline;
	cursor: pointer;
}

#app .asset-view .v-text-field fieldset,
#app .asset-view .v-text-field .v-input__control,
#app .asset-view .v-text-field .v-input__slot {
  border-radius: 9px;
}
#app .asset-view .v-picker__title {
  border-radius: 9px;
}
#app .asset-view .v-picker__actions.v-card__actions {
  padding-bottom: 0;
}
#app .asset-view .select-location .v-select__selection--comma {
  line-height: 24px;
}
#app div.message-box {
  padding: 10px !important;
  font-size: 16px !important;
  background-color: #f2f2f2 !important;
  border-radius: 10px !important;
  margin-bottom: 16px !important;
}
.header {
  width: 100%;
  height: 100px;
}
.legend-card .legend-title {
  font-size: small;
}
.legend-card ul.legend {
  list-style-type: none;
  display: inline-block;
  padding-left: 0;
}
.legend-card ul.legend li.caption {
  color: black;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.legend-card ul.legend li .legend-icon {
  display: inline-block;
  width: 20px;
  text-align: left;
  margin-right: 8px;
}
.legend-card ul.legend li .legend-icon.online-asset-container {
  padding-left: 2px;
}
.legend-card ul.legend li:first-child .legend-label {
  margin-right: 32px;
}
.legend-key {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}
.container.asset-view.has-online-availability .date-picker .legend-card ul.legend li.caption.online-asset {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.date-picker {
  /* date picker table buttons */
}
.date-picker .day-dot.inperson-asset,
.date-picker .legend-key.inperson-asset {
  background-color: #0ea9bd !important;
  border-color: #0ea9bd !important;
}
.date-picker .day-dot.online-asset,
.date-picker .legend-key.online-asset {
  background-color: transparent !important;
  border-color: #2a9d4c !important;
  border: 2px solid;
}
.date-picker .legend-card ul.legend li.caption.online-asset {
  display: none;
}
.date-picker .v-date-picker-table {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 1em;
}
.date-picker .v-date-picker-table th {
  font-size: 20px;
}
.date-picker .v-date-picker-table .v-btn {
  font-size: 20px;
}
.date-picker .v-date-picker-table td {
  padding-bottom: 5px;
}
.date-picker .v-date-picker-table .v-date-picker-table__events {
  padding-top: 2px;
  bottom: 0;
}
.date-picker .v-date-picker-table tr {
  height: 60px;
}
.date-picker .v-date-picker-table--date td {
  /* button for todays date */
  /* button for selected date */
  /* button for disabled date */
}
.date-picker .v-date-picker-table--date td button.v-btn {
  border: 1px solid #ffffff !important;
  border-radius: 4px;
}
.date-picker .v-date-picker-table--date td button.v-btn.v-date-picker-table__current {
  color: #000000 !important;
  caret-color: #000000 !important;
  border-radius: 4px;
  border: 1px solid #000000 !important;
}
.date-picker .v-date-picker-table--date td button.v-btn.v-date-picker-table__current .v-date-picker-table__events {
  margin-bottom: 0;
}
.date-picker .v-date-picker-table--date td button.v-btn.v-btn--active:before {
  opacity: 0;
}
.date-picker .v-date-picker-table--date td button.v-btn.v-btn--active {
  border-radius: 4px;
  background-color: #000000 !important;
  border-color: #000000 !important;
  border: 1px solid #000000 !important;
}
.date-picker .v-date-picker-table--date td button.v-btn.v-btn--disabled.v-date-picker-table__current,
.date-picker .v-date-picker-table--date td button.v-btn.v-btn--active.v-date-picker-table__current {
  color: #ffffff !important;
}

/*# sourceMappingURL=assets.82cc070e.css.map*/