/* Reuse catalog fonts in legacy layouts as well as V2. Static fallback geometry is loaded once, outside row loops. */
@import url("../../ui/fonts/bio-icon/outline/bio-icon-outline.css");
@import url("../../ui/fonts/bio-icon/fill/bio-icon-fill.css");

.bio-svg-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	flex-shrink: 0;
	font-style: normal;
	line-height: 1;
}

.app-btn2 .bio-svg-icon {
	color: inherit !important;
}

/* Keep both checked and rejected checkbox marks in the original SVG slot. */
.material-checkbox .material-checkbox-icon > .bio-svg-icon {
	position: absolute;
	top: 2px;
	left: 1px;
	line-height: 1;
}

.material-checkbox .material-checkbox-icon > .close.bio-svg-icon {
	color: #fff !important;
}

/* Match native checkbox visibility and retain its label/disabled interaction contract. */
.material-checkbox .material-checkbox-icon > .bio-icon-outline-tick {
	position: absolute;
	top: 2px;
	left: 1px;
	color: #fff;
	opacity: 0;
	transition: opacity .3s ease .1s;
}

.material-checkbox-input:checked + .material-checkbox .material-checkbox-icon > .bio-icon-outline-tick {
	opacity: 1;
}

.material-checkbox-group .material-checkbox-section.green .material-checkbox-icon > .bio-icon-outline-tick {
	color: #92caa2;
}

.material-checkbox-group .material-checkbox-section.yellow .material-checkbox-icon > .bio-icon-outline-tick {
	color: #e1b995;
}

.material-checkbox-group .material-checkbox-section.orange .material-checkbox-icon > .bio-icon-outline-tick {
	color: #f3a691;
}

.material-checkbox-group .material-checkbox-section.red .material-checkbox-icon > .bio-icon-outline-tick {
	color: #e1797d;
}

.material-checkbox-group .material-checkbox-section.blue .material-checkbox-icon > .bio-icon-outline-tick {
	color: #95c5e1;
}

/* Existing active row controls target SVG paint; font and mask replacements use currentColor. */
.secondary-table-action[data-icon-type].active > .bio-svg-icon {
	color: var(--text-primary, #36459b) !important;
}

.app-btn2.rotate-icon > .bio-svg-icon {
	transition: transform .2s ease;
}

.app-btn2.rotate-icon.active > .bio-svg-icon {
	transform: rotate(180deg);
}

/* Honor conditional icon visibility across legacy and current layouts. */
.bio-svg-icon[hidden] {
	display: none !important;
}

.bio-svg-add-button-colored {
	background: url("../svg/loop-icons/add-button-colored.svg") center / contain no-repeat;
}

.bio-svg-anonymous-user-colored {
	background: url("../svg/loop-icons/anonymous-user-colored.svg") center / contain no-repeat;
}

.bio-svg-anonymous-user {
	background: url("../svg/loop-icons/anonymous-user.svg") center / contain no-repeat;
}

.bio-svg-application-grid {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/application-grid.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/application-grid.svg") center / contain no-repeat;
}

.bio-svg-appointment-edit {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/appointment-edit.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/appointment-edit.svg") center / contain no-repeat;
}

.bio-svg-archive-folders-colored {
	background: url("../svg/loop-icons/archive-folders-colored.svg") center / contain no-repeat;
}

.bio-svg-back-circle {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/back-circle.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/back-circle.svg") center / contain no-repeat;
}

.bio-svg-banknotes-colored {
	background: url("../svg/loop-icons/banknotes-colored.svg") center / contain no-repeat;
}

.bio-svg-barcode {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/barcode.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/barcode.svg") center / contain no-repeat;
}

.bio-svg-binoculars-colored {
	background: url("../svg/loop-icons/binoculars-colored.svg") center / contain no-repeat;
}

.bio-svg-blood-cell {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/blood-cell.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/blood-cell.svg") center / contain no-repeat;
}

.bio-svg-blood-sample-colored {
	background: url("../svg/loop-icons/blood-sample-colored.svg") center / contain no-repeat;
}

.bio-svg-blood-sample-tube {
	background: url("../svg/loop-icons/blood-sample-tube.svg") center / contain no-repeat;
}

.bio-svg-body-scan-colored {
	background: url("../svg/loop-icons/body-scan-colored.svg") center / contain no-repeat;
}

.bio-svg-bookmark-book-colored {
	background: url("../svg/loop-icons/bookmark-book-colored.svg") center / contain no-repeat;
}

.bio-svg-bookmark-check {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/bookmark-check.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/bookmark-check.svg") center / contain no-repeat;
}

.bio-svg-browser-settings-colored {
	background: url("../svg/loop-icons/browser-settings-colored.svg") center / contain no-repeat;
}

.bio-svg-cabinet-colored {
	background: url("../svg/loop-icons/cabinet-colored.svg") center / contain no-repeat;
}

.bio-svg-calendar-add {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/calendar-add.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/calendar-add.svg") center / contain no-repeat;
}

.bio-svg-calendar-clock-colored {
	background: url("../svg/loop-icons/calendar-clock-colored.svg") center / contain no-repeat;
}

.bio-svg-calendar-confirmed-colored {
	background: url("../svg/loop-icons/calendar-confirmed-colored.svg") center / contain no-repeat;
}

.bio-svg-call-ended {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/call-ended.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/call-ended.svg") center / contain no-repeat;
}

.bio-svg-call-outgoing {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/call-outgoing.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/call-outgoing.svg") center / contain no-repeat;
}

.bio-svg-coin-outline {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/coin-outline.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/coin-outline.svg") center / contain no-repeat;
}

.bio-svg-coin-stack-colored {
	background: url("../svg/loop-icons/coin-stack-colored.svg") center / contain no-repeat;
}

.bio-svg-contact-terminal-colored {
	background: url("../svg/loop-icons/contact-terminal-colored.svg") center / contain no-repeat;
}

.bio-svg-dashboard-cards {
	background: url("../svg/loop-icons/dashboard-cards.svg") center / contain no-repeat;
}

.bio-svg-decorative-circle-navy {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/decorative-circle-navy.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/decorative-circle-navy.svg") center / contain no-repeat;
}

.bio-svg-decorative-circle-teal {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/decorative-circle-teal.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/decorative-circle-teal.svg") center / contain no-repeat;
}

.bio-svg-decorative-circle {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/decorative-circle.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/decorative-circle.svg") center / contain no-repeat;
}

.bio-svg-decorative-ellipse {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/decorative-ellipse.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/decorative-ellipse.svg") center / contain no-repeat;
}

.bio-svg-delete-bold {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/delete-bold.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/delete-bold.svg") center / contain no-repeat;
}

.bio-svg-doctor-outline {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/doctor-outline.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/doctor-outline.svg") center / contain no-repeat;
}

.bio-svg-document-bookmark {
	background: url("../svg/loop-icons/document-bookmark.svg") center / contain no-repeat;
}

.bio-svg-document-search {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/document-search.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/document-search.svg") center / contain no-repeat;
}

.bio-svg-document-upload {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/document-upload.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/document-upload.svg") center / contain no-repeat;
}

.bio-svg-double-chevron-left {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/double-chevron-left.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/double-chevron-left.svg") center / contain no-repeat;
}

.bio-svg-edge-logo {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/edge-logo.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/edge-logo.svg") center / contain no-repeat;
}

.bio-svg-facebook-logo {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/facebook-logo.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/facebook-logo.svg") center / contain no-repeat;
}

.bio-svg-file-inbox-colored {
	background: url("../svg/loop-icons/file-inbox-colored.svg") center / contain no-repeat;
}

.bio-svg-file-tray {
	background: url("../svg/loop-icons/file-tray.svg") center / contain no-repeat;
}

.bio-svg-flag-filled {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/flag-filled.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/flag-filled.svg") center / contain no-repeat;
}

.bio-svg-folder-add {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/folder-add.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/folder-add.svg") center / contain no-repeat;
}

.bio-svg-folder-chart {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/folder-chart.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/folder-chart.svg") center / contain no-repeat;
}

.bio-svg-fountain-pen {
	background: url("../svg/loop-icons/fountain-pen.svg") center / contain no-repeat;
}

.bio-svg-gear-colored {
	background: url("../svg/loop-icons/gear-colored.svg") center / contain no-repeat;
}

.bio-svg-globe-colored {
	background: url("../svg/loop-icons/globe-colored.svg") center / contain no-repeat;
}

.bio-svg-google-logo {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/google-logo.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/google-logo.svg") center / contain no-repeat;
}

.bio-svg-google-voice {
	background: url("../svg/loop-icons/google-voice.svg") center / contain no-repeat;
}

.bio-svg-help-colored {
	background: url("../svg/loop-icons/help-colored.svg") center / contain no-repeat;
}

.bio-svg-hospital-sign {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/hospital-sign.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/hospital-sign.svg") center / contain no-repeat;
}

.bio-svg-idea-money-colored {
	background: url("../svg/loop-icons/idea-money-colored.svg") center / contain no-repeat;
}

.bio-svg-identity-card-colored {
	background: url("../svg/loop-icons/identity-card-colored.svg") center / contain no-repeat;
}

.bio-svg-inbox-colored {
	background: url("../svg/loop-icons/inbox-colored.svg") center / contain no-repeat;
}

.bio-svg-insurance-card-colored {
	background: url("../svg/loop-icons/insurance-card-colored.svg") center / contain no-repeat;
}

.bio-svg-investment-envelope-colored {
	background: url("../svg/loop-icons/investment-envelope-colored.svg") center / contain no-repeat;
}

.bio-svg-jpeg-document {
	background: url("../svg/loop-icons/jpeg-document.svg") center / contain no-repeat;
}

.bio-svg-keyboard-backspace {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/keyboard-backspace.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/keyboard-backspace.svg") center / contain no-repeat;
}

.bio-svg-laboratory-flask-colored {
	background: url("../svg/loop-icons/laboratory-flask-colored.svg") center / contain no-repeat;
}

.bio-svg-laboratory-flask-gold-colored {
	background: url("../svg/loop-icons/laboratory-flask-gold-colored.svg") center / contain no-repeat;
}

.bio-svg-laboratory-flask-yellow-colored {
	background: url("../svg/loop-icons/laboratory-flask-yellow-colored.svg") center / contain no-repeat;
}

.bio-svg-location-pin {
	background: url("../svg/loop-icons/location-pin.svg") center / contain no-repeat;
}

.bio-svg-medical-card-colored {
	background: url("../svg/loop-icons/medical-card-colored.svg") center / contain no-repeat;
}

.bio-svg-medical-document-colored {
	background: url("../svg/loop-icons/medical-document-colored.svg") center / contain no-repeat;
}

.bio-svg-medical-folder-colored {
	background: url("../svg/loop-icons/medical-folder-colored.svg") center / contain no-repeat;
}

.bio-svg-medical-report-colored {
	background: url("../svg/loop-icons/medical-report-colored.svg") center / contain no-repeat;
}

.bio-svg-medical-shield {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/medical-shield.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/medical-shield.svg") center / contain no-repeat;
}

.bio-svg-medical-tag-colored {
	background: url("../svg/loop-icons/medical-tag-colored.svg") center / contain no-repeat;
}

.bio-svg-medicine-bottle-colored {
	background: url("../svg/loop-icons/medicine-bottle-colored.svg") center / contain no-repeat;
}

.bio-svg-microphone-muted {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/microphone-muted.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/microphone-muted.svg") center / contain no-repeat;
}

.bio-svg-mobile-device-colored {
	background: url("../svg/loop-icons/mobile-device-colored.svg") center / contain no-repeat;
}

.bio-svg-mobile-patient-colored {
	background: url("../svg/loop-icons/mobile-patient-colored.svg") center / contain no-repeat;
}

.bio-svg-moon-outline {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/moon-outline.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/moon-outline.svg") center / contain no-repeat;
}

.bio-svg-new-badge-colored {
	background: url("../svg/loop-icons/new-badge-colored.svg") center / contain no-repeat;
}

.bio-svg-newspaper-colored {
	background: url("../svg/loop-icons/newspaper-colored.svg") center / contain no-repeat;
}

.bio-svg-office-building-colored {
	background: url("../svg/loop-icons/office-building-colored.svg") center / contain no-repeat;
}

.bio-svg-patient-bed {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/patient-bed.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/patient-bed.svg") center / contain no-repeat;
}

.bio-svg-patient-body-scan-colored {
	background: url("../svg/loop-icons/patient-body-scan-colored.svg") center / contain no-repeat;
}

.bio-svg-patient-cloud-document {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/patient-cloud-document.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/patient-cloud-document.svg") center / contain no-repeat;
}

.bio-svg-patient-contact-card {
	background: url("../svg/loop-icons/patient-contact-card.svg") center / contain no-repeat;
}

.bio-svg-patient-infusion-add {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/patient-infusion-add.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/patient-infusion-add.svg") center / contain no-repeat;
}

.bio-svg-patient-list {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/patient-list.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/patient-list.svg") center / contain no-repeat;
}

.bio-svg-patient-tag-outline {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/patient-tag-outline.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/patient-tag-outline.svg") center / contain no-repeat;
}

.bio-svg-patient-tag {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/patient-tag.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/patient-tag.svg") center / contain no-repeat;
}

.bio-svg-patient-waiting-colored {
	background: url("../svg/loop-icons/patient-waiting-colored.svg") center / contain no-repeat;
}

.bio-svg-percentage-settings {
	background: url("../svg/loop-icons/percentage-settings.svg") center / contain no-repeat;
}

.bio-svg-play-status-green {
	background: url("../svg/loop-icons/play-status-green.svg") center / contain no-repeat;
}

.bio-svg-prescription-colored {
	background: url("../svg/loop-icons/prescription-colored.svg") center / contain no-repeat;
}

.bio-svg-prescription-document {
	background: url("../svg/loop-icons/prescription-document.svg") center / contain no-repeat;
}

.bio-svg-previous-step {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/previous-step.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/previous-step.svg") center / contain no-repeat;
}

.bio-svg-price-tag-colored {
	background: url("../svg/loop-icons/price-tag-colored.svg") center / contain no-repeat;
}

.bio-svg-radiation {
	background: url("../svg/loop-icons/radiation.svg") center / contain no-repeat;
}

.bio-svg-radiology-report {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/radiology-report.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/radiology-report.svg") center / contain no-repeat;
}

.bio-svg-referral-plus {
	background: url("../svg/loop-icons/referral-plus.svg") center / contain no-repeat;
}

.bio-svg-remove-dashboard-tile {
	background: url("../svg/loop-icons/remove-dashboard-tile.svg") center / contain no-repeat;
}

.bio-svg-reply-colored {
	background: url("../svg/loop-icons/reply-colored.svg") center / contain no-repeat;
}

.bio-svg-sad-face-colored {
	background: url("../svg/loop-icons/sad-face-colored.svg") center / contain no-repeat;
}

.bio-svg-settings-clock-colored {
	background: url("../svg/loop-icons/settings-clock-colored.svg") center / contain no-repeat;
}

.bio-svg-skip-next {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/skip-next.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/skip-next.svg") center / contain no-repeat;
}

.bio-svg-skip-previous {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/skip-previous.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/skip-previous.svg") center / contain no-repeat;
}

.bio-svg-sliders-colored {
	background: url("../svg/loop-icons/sliders-colored.svg") center / contain no-repeat;
}

.bio-svg-sort-vertical {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/sort-vertical.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/sort-vertical.svg") center / contain no-repeat;
}

.bio-svg-sun-outline {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/sun-outline.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/sun-outline.svg") center / contain no-repeat;
}

.bio-svg-surgical-knife-colored {
	background: url("../svg/loop-icons/surgical-knife-colored.svg") center / contain no-repeat;
}

.bio-svg-syringe-colored {
	background: url("../svg/loop-icons/syringe-colored.svg") center / contain no-repeat;
}

.bio-svg-toggle-switches-colored {
	background: url("../svg/loop-icons/toggle-switches-colored.svg") center / contain no-repeat;
}

.bio-svg-traffic-light-colored {
	background: url("../svg/loop-icons/traffic-light-colored.svg") center / contain no-repeat;
}

.bio-svg-trash-can-colored {
	background: url("../svg/loop-icons/trash-can-colored.svg") center / contain no-repeat;
}

.bio-svg-twitter-logo {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/twitter-logo.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/twitter-logo.svg") center / contain no-repeat;
}

.bio-svg-video-folder-colored {
	background: url("../svg/loop-icons/video-folder-colored.svg") center / contain no-repeat;
}

.bio-svg-voice-recording-colored {
	background: url("../svg/loop-icons/voice-recording-colored.svg") center / contain no-repeat;
}

.bio-svg-voice-recording {
	background: url("../svg/loop-icons/voice-recording.svg") center / contain no-repeat;
}

.bio-svg-waiting-room-colored {
	background: url("../svg/loop-icons/waiting-room-colored.svg") center / contain no-repeat;
}

.bio-svg-walking-person-colored {
	background: url("../svg/loop-icons/walking-person-colored.svg") center / contain no-repeat;
}

.bio-svg-wallet {
	background-color: currentColor;
	-webkit-mask: url("../svg/loop-icons/wallet.svg") center / contain no-repeat;
	mask: url("../svg/loop-icons/wallet.svg") center / contain no-repeat;
}

.bio-svg-web-analytics-colored {
	background: url("../svg/loop-icons/web-analytics-colored.svg") center / contain no-repeat;
}