/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Components/AppBar/AppBar.razor.rz.scp.css */
a[b-k5vlldktt5] {
  color: var(--mud-palette-white)
}

/*
	The use of dedicated media queries is rare in this project, however they're neccessary
	for a responsive font-size for the application name. This is primarily because of the
	large difference in screen real estate between a landscape tablet and portrait phone.
	The xxs breakpoint does not cater for this very well and classes portrait tablet and
	portrait phone as the same, which results in the applicatio name being too large for
	the portrait phone display.
*/
@media screen and (max-width: 428px) {
	[b-k5vlldktt5] .app-icon {
		width: 20px;
		height: 12px;
	}
}

@media screen and (min-width: 428px) {
	[b-k5vlldktt5] .app-icon {
		width: 25px;
		height: 20px;
	}
}

[b-k5vlldktt5] .version {
    padding-left: 8px;
    font-size: 10px;
    margin-top: -5px;
    float: right;
}

[b-k5vlldktt5] .tenant-small {
    margin-top: -10px !important
}

[b-k5vlldktt5] .version-small {
    margin-top: -10px !important;
    font-size: 10px;
    font-weight: bold
}
/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Components/AppBar/AppBarUserDetails.razor.rz.scp.css */
.user-details-container[b-8o42ezo00g] {
	display: inline-flex;
	padding: 12px;
	margin-top: 12px;
}

.user-details[b-8o42ezo00g] {
	display: grid;
	margin-left: 10px
}

.user-details-displayname[b-8o42ezo00g] {
	font-weight: bold
}

.user-details-upn[b-8o42ezo00g] {
	font-variant-caps: all-small-caps
}

.close-button-container[b-8o42ezo00g] {
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 12px;
	margin-top: 12px;
}

.signout-button-container[b-8o42ezo00g] {
	margin-left: 12px;
}
/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Components/Dialogs/ErrorDialog.razor.rz.scp.css */
pre[b-n8z2h19yg9] {
    white-space: pre-wrap;
    font-size: small;
}

.exception[b-n8z2h19yg9] {
    max-height: 400px;
    overflow: auto;
}
/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Components/Dialogs/ProductSelectionDialog.razor.rz.scp.css */
.dialog-content[b-tnjbxy3iut] {
	height: 500px;
	margin-top: -20px
}

[b-tnjbxy3iut] .clear-button {
	position: absolute;
	top: 0px !important;
	right: 28px;
}

.product-selection-dialog-product-list[b-tnjbxy3iut] {
	padding-right: 12px;
	overflow-y: scroll;
	max-height: calc(100% - 140px)
}

/*
	The product-selection-dialog-product-list-height-override class is used to
	override the list height in the specific scenario where 2 or more measurement
	type filters (chips) are selected AND the app is running on a phone.
*/

@media screen and (max-width: 428px) {
	[b-tnjbxy3iut] .product-selection-dialog-measurement-type-filter {
		margin-top: 8px;
	}

	.product-selection-dialog-product-list-height[b-tnjbxy3iut] {
		max-height: calc(100% - 140px);
	}

	.product-selection-dialog-product-list-height-override[b-tnjbxy3iut] {
		max-height: calc(100% - 180px)
	}
}

@media screen and (min-width: 428px) {
	.product-selection-dialog-product-list-height[b-tnjbxy3iut] {
		max-height: calc(100% - 140px);
	}

	.product-selection-dialog-product-list-height-override[b-tnjbxy3iut] {
		max-height: calc(100% - 140px)
	}
}
/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Components/Dialogs/WarningDialog.razor.rz.scp.css */
.messages-container[b-yu53fsckke] {
	margin-left: -10px;
	margin-right: -10px;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}
/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Components/FeatureButton.razor.rz.scp.css */
[b-n3oyb4iz70] .feature-container {
	width: 100%;
    padding: 8px;
    text-align: center;
    cursor: pointer;
}

[b-n3oyb4iz70] .disabled {
    opacity: 0.4;
    cursor: default !important;
}

[b-n3oyb4iz70] .feature-icon {
    margin-top: 3px;
    margin-right: 10px
}
/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Components/NumericKeyPad/NumericKeyPad.razor.rz.scp.css */
.operation-chip-container[b-2vvrqxpynf] {
	width: 100%;
	padding: 4px;
	margin: 4px;
}
/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Components/Tickets/TicketImages/TicketImageViewer.razor.rz.scp.css */
.loading-indicator-container[b-0gidrzzeih] {
	padding-top: 100px;
}

.panzoom-container[b-0gidrzzeih] {
	height: 100%;
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--mud-palette-table-lines);
	border-radius: 3px;
	background-color: rgb(0 0 0 / 10%);
}
/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Components/Tickets/TicketImages/TicketVehicleImageGallery.razor.rz.scp.css */
.loading-indicator-container[b-jzlkao711i] {
	padding-top:100px;
}

.image-cell[b-jzlkao711i] {
	height: 100%;
	width: 100%;
	border-radius: 3px;
	background-color: rgb(0 0 0 / 10%);
	padding: 12px;
}

/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Components/Tickets/TicketsGrid.razor.rz.scp.css */
.loading-indicator-container[b-azv0alb0wu] {
	padding-top: 100px;
}
/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Pages/TicketDetails.razor.rz.scp.css */
.ticket-meta-data[b-690bsfr7ik] {
	display: flex;
	align-items: center;
}

[b-690bsfr7ik] .ticket-meta-data-username {
	white-space: nowrap;
}

.ticket-meta-data-left[b-690bsfr7ik] {
	text-align: left;
	float: left;
}

.ticket-comment[b-690bsfr7ik] {
	max-height: 4em;
	overflow-y: auto;
}
/* _content/Naus.MobileApps.Ticketing.WebUI.Core/Application/Pages/UserCapturedImages.razor.rz.scp.css */
.image-cell[b-80i6r2ubyk] {
	align-content: center;
	border-radius: 3px;
	background-color: rgb(0 0 0 / 10%);
	padding: 12px;
}

.placeholder-cell[b-80i6r2ubyk] {
	min-height: 100px;
	max-height: 100%;
	text-align: center;
	align-content: center;
	border-radius: 3px;
	background-color: rgb(0 0 0 / 10%);
}