html, body {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 100%;
	min-height: 100%;
	background: #e4e5e6;
}

.card-img-top {
	max-height: 80px;
	background-size: cover;
	object-fit: scale-down;
	padding: 10px;
	cursor: pointer;
}

.card-shop {
	width: 450px;
	min-width: 450px;
	max-width: 450px;
	box-sizing: border-box;
}

.state-border {
	border: 2px solid;
	order: -1;
}

.state-ok {
	border-color: rgba(60, 179, 113);
}

.state-error {
	border-color: rgb(255, 0, 0);
	background: rgba(255, 0, 0, 0.5);
}

.state-maintenance {
	border-color: rgb(255, 165, 0);
	background: rgba(255, 165, 0, 0.5);
}

.accordion-button:not(.collapsed) {
	color: #000;
	background-color: #fff;
	border-color: #fff;
	box-shadow: none;
}

	.accordion-button:not(.collapsed)::after {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	}

.icon-green {
	color: green;
}

.icon-red {
	color: red;
}

.card .material-symbols-outlined {
	margin-top: 10px;
}



/* grid */
.k-grid,
/* grid toolbar */
.k-grid .k-toolbar,
/* grid cells */
.k-grid table,
/* textboxes */
.k-grid .k-input,
/* date pickers */
.k-grid .k-picker,
/* buttons */
.k-grid .k-button,
/* column and filter menu */
.k-popup,
.k-popup .k-input,
.k-popup .k-picker,
.k-popup .k-button,
/* dropdowns */
.k-popup .k-list {
	font-size: 1rem !important;
}

.gridRowHeaderTitle {
	font-weight: 500;
	font-size: 1.25rem;
}

.k-button-solid-base:hover, .k-button-solid-base.k-hover {
	background-color: #0b5ed7 !important;
}

.k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link.k-selected {
	color: #000 !important;
	background-color: rgba(4, 117, 149, 0.2) !important;
}

.k-button-solid-primary, .k-button-solid-base {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	border-radius: 0.25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s
}

.k-button-solid-primary {
	color: #fff !important;
	background-color: #047595 !important;
	border-color: #047595 !important;
	line-height: 2rem !important;
	min-width: 130px !important;
}

.k-button-solid-base {
	line-height: 2rem !important;
	min-width: 130px !important;
}

.btn-primary {
	color: #fff;
	background-color: #047595;
	border-color: #047595;
	line-height: 2rem;
	min-width: 130px;
}

.btn-small-icon {
	max-width: 46px !important;
	min-width: 46px !important;
	width: 46px !important;
}

.valid.modified:not([type=checkbox]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid red;
}

.validation-message {
	color: red;
}


.k-dialog-wrapper {
	z-index: 99 !important;
}

.k-window, .k-tabstrip {
	font-size: 1rem;
	line-height: 1.5rem;
}

.k-multiselect {
	padding-left: 16px;
}

.k-multiselect .k-clear-value {
	display: none;
}

.k-input-solid {
	border: 1px solid #ced4da;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}


hr {
	margin: 1rem 0;
	color: inherit;
	border: 0;
	border-top: 1px solid;
	opacity: .25;
}


	hr:not([size]).hr {
		--mdb-divider-height: 2px;
		--mdb-divider-bg: #f5f5f5;
		--mdb-divider-opacity: 1;
		--mdb-divider-blurry-bg: transparent;
		--mdb-divider-blurry-bg-image: linear-gradient(90deg,transparent,#666,transparent);
		--mdb-divider-blurry-height: 1px;
		--mdb-divider-blurry-opacity: 0.25;
		height: 2px;
		background-color: #f5f5f5;
		opacity: 1;
	}

	hr:not([size]).hr.hr-blurry {
		background-color: transparent;
		background-image: linear-gradient(90deg,transparent,#666,transparent);
		height: 1px;
		opacity: 0.25;
	}

hr.hr {
	border-top: none !important;
}

.collapse:not(.show) {
	display: none;
}


html {
	position: relative;
	min-height: 100%;
}

.navbar {
	z-index: 99;
}

.page-wrapper {
	margin-left: 250px;
	position: relative;
	padding: 25px;
}

.left-sidebar {
	position: absolute;
	width: 250px;
	height: 100%;
	top: 0px;
	z-index: 10;
	padding-top: 64px;
	background: #3D4142 !important;
	box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.20);
}

.scroll-sidebar {
	height: calc(100% - 20px);
	position: relative;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
	color: #fff;
	padding: 14px 15px;
	display: flex;
	white-space: nowrap;
	align-items: center;
	line-height: 25px;
	opacity: 0.8;
	text-decoration: none;
}

	.sidebar-nav ul .sidebar-item .sidebar-link i {
		font-style: normal;
		width: 35px;
		line-height: 25px;
		font-size: 23px;
		color: #fff;
		display: inline-block;
		text-align: center;
	}

	.sidebar-nav ul .sidebar-item .sidebar-link.active,
	.sidebar-nav ul .sidebar-item .sidebar-link:hover {
		opacity: 1;
		opacity: 1;
		background: #047595;
	}

.sidebar-nav ul .sidebar-item.selected > .sidebar-link {
	background: #27a9e3;
	opacity: 1;
}

.sidebar-nav ul .sidebar-item .first-level {
	padding: 0 0 10px 0;
}

	.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
		padding: 10px 15px;
	}

		.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
			font-size: 14px;
		}

.sidebar-nav ul {
	margin: 0px;
	padding: 0px;
}

	.sidebar-nav ul li {
		list-style: none;
	}

.sidebar-nav .has-arrow {
	position: relative;
}

	.sidebar-nav .has-arrow:after {
		position: absolute;
		content: "";
		width: 7px;
		height: 7px;
		border-width: 1px 0 0 1px;
		border-style: solid;
		border-color: #fff;
		margin-left: 10px;
		transform: rotate(135deg) translate(0, -50%);
		transform-origin: top;
		top: 26px;
		right: 15px;
		transition: all 0.3s ease-out;
	}

.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	transition: all 0.1s ease-out;
}





.k-dialog-titlebar {
	background: #047595 !important;
	background-color: #047595 !important;
}



.icon-spinner {

	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 4000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 4000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 4000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}