:root {
	--grid-gap: 1em;
	--grid-padding-top: 20px;
	--grid-padding-bottom: 10px;
}

.flex-grids-parent {
	padding-top: var(--grid-padding-top);
	padding-bottom: var(--grid-padding-bottom);
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: var(--grid-gap);
}

.flex-grid {
	flex-grow: 1;
	flex-shrink: 1;
}

.flex-grid-100 {
	flex-basis: calc(100% - var(--grid-gap));
}

.flex-grid-80 {
	flex-basis: calc(80% - var(--grid-gap));
}

.flex-grid-75 {
	flex-basis: calc(75% - var(--grid-gap));
}

.flex-grid-70 {
	flex-basis: calc(70% - var(--grid-gap));
}

.flex-grid-60 {
	flex-basis: calc(60% - var(--grid-gap));
}

.flex-grid-50 {
	flex-basis: calc(50% - var(--grid-gap));
}

.flex-grid-40 {
	flex-basis: calc(40% - var(--grid-gap));
}

.flex-grid-30 {
	flex-basis: calc(30% - var(--grid-gap));
}

.flex-grid-25 {
	flex-basis: calc(25% - var(--grid-gap));
}

.flex-grid-20 {
	flex-basis: calc(20% - var(--grid-gap));
}

@media (max-width: 960px) {
	.flex-grid {
		flex-basis: 100% !important;
	}
}


html, body {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
		color: #006bb7;
}

.btn-primary {
	color: #fff;
	background-color: #3468A6;
	border-color: #3468A6;
}
	.btn-primary:hover,
	.btn-primary:focus {
		background-color: #5383bd;
		border-color: #5383bd;
	}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.nav-link {
	color: #3468A6;
}


	.content {
	padding-top: 1.1rem;
}

h1:focus {
		outline: none;
}

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

.invalid {
		outline: 1px solid #e50000;
}

.validation-message {
		color: #e50000;
}

.blazor-error-boundary {
		background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
		padding: 1rem 1rem 1rem 3.7rem;
		color: white;
}

		.blazor-error-boundary::after {
				content: "An error has occurred."
		}

.darker-border-checkbox.form-check-input {
		border-color: #929292;
}

.top-row-app-bar {
	height: 58px;
	background-color: #f7f7f7 !important;
	color: darkslategrey !important;
	margin-bottom: 25px;
}

	.top-row-app-bar p {
		padding-top: 6px;
	}

	.top-row-app-bar .mud-toolbar {
		align-content: baseline !important;
	}

.admin-menu-header {
	color: rgba(52, 104, 166, 1);
	height: 4rem;
}

.admin-menu {
	color: rgba(52, 104, 166, 1) !important;
	background-color: transparent !important;
}

.admin-menu-item {
	margin-bottom: 10px;
}

.admin-menu-icon .mud-nav-link-icon {
	line-height: 110%;
	color: rgba(52, 104, 166, 1) !important;
}

.admin-menu-icon .mud-svg-icon {
	line-height: 110%;
	color: rgba(52, 104, 166, 1) !important;
	fill: rgba(52, 104, 166, 1) !important;
}


.page.not-signed-in {
	background: #f2f2f2;
}

.not-signed-in .form-check-input[type=checkbox] {
	border-radius: .25em;
	height: 10px;
	width: 20px;
	min-height: 20px !important;
	margin-top: 0;
	margin-right: 5px;
}
.form-signin {
	height: 100%;
}

.form-singin-inner {
	width: 100%;
	max-width: 500px;
	padding: 15px;
	margin: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;

	h1 {
		   font-size: 26px;
	   }


}

.logo {
	width: 300px;
	margin: 0 auto;
}

/* Dorada UI kontrola */
.mud-nav-link {
	color: #040303 !important;
}

.mud-button {
	background-image: linear-gradient(180deg, #3468A6 0%, #882a9f 70%);
	color: #fff !important;
	text-transform: none !important;
	padding: 6px 16px !important;
	border-radius: 16px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 4px !important;
	border: 1px solid #3468A6 !important;
	background: #3468A6 !important;
	min-width: auto;
}

.mud-button-text-primary {
	background: #dc2626 !important;
}

.e-btn.e-primary, .e-css.e-btn.e-primary {
	display: flex;
	padding: 12px 24px !important;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 4px !important;
	border: 1px solid #3468A6 !important;
	background: #3468A6 !important;
}


.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
	color: #3468A6 !important;
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons,
.mud-icon-root {
	color: #3468A6 !important;
}

.navbar-brand .mud-icon-root {
	color: rgba(52, 104, 166, 1) !important;
}


.e-pager .e-currentitem {
	border-bottom: 2px solid #3468A6 !important;
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
	border-color: #3468A6!important;
	box-shadow: 0 0 0 1px #3468A6!important;
}
.e-footer-content .e-btn.e-flat:not([DISABLED]) {

	padding: 12px 12px;
}
.e-dialog .e-footer-content {
	box-sizing: border-box;
	display: flex!important;
	gap: 10px;
}

label {
	display: inline-block;
	font-weight: 600;
	margin-bottom: 5px;
}

.e-gridform .e-control-wrapper {
	margin-bottom: 10px !important;
}
.e-gridform .e-rowcell .e-control-wrapper {
	margin-bottom: 0 !important;
}

.button-disabled {
	opacity: 0.3;
}

.formgroup-disabled {
	pointer-events: none;
	opacity: 0.7;
}

.evidence-grid {
	margin-top: 20px;
}
.custom-grid-filter-controls {
	margin-top: 10px;
	margin-bottom: -10px;
}
.grid-filter-row {
	--bs-gutter-y: 5px;
}
.grid-filter-col {
	align-content: center;
	padding-right: 0;
}

.mud-dialog-actions .mud-button:first-child {
	margin-right: 10px;
}
.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
	background-color: #3468A6;
	border-color: #3468A6;
	color: #fff;
}

.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
	background-color: #803575;
	border-color: #803575;
	color: #fff;
}
.e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop {
	background-color: #fff;
	border-color: #3468A6;
	color: #3468A6;
}

.e-checkbox-wrapper .e-icons:not(.e-btn-icon) {
	color: #fff!important;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
	background-color: #3468A6!important;
	border-color: #3468A6!important;
	color: #fff;
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
	background: #3468A6!important;
	border: none;
	border-radius: 0;
	box-shadow: inset 1px 0 #3468A6, inset 0 1px #3468A6, inset -1px 0 #3468A6, inset 0 -1px #3468A6!important;
	color: #fff;
}

.e-radio:checked + label::before {
	background-color: #fff;
	border-color: #3468A6!important;
}
.e-radio:checked + label::after {
	background-color: #3468A6!important;
	color: #3468A6!important;
}

.e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop {
	background-color: #fff;
	border-color: #3468A6 !important;
	color: #3468A6!important;
}


@media screen and (max-width: 1400px) {
	.e-data-form .e-form-layout {
		display: flex !important;
		flex-direction: column !important;
	}
}

.mud-toolbar {
	height: auto!important;
}

.mud-dialog-container {
	z-index: 4000 !important;
}
   

.form-input-readonly input {
	background-color: #f5f5f5 !important;
	color: #888 !important;
	cursor: not-allowed;
}
.form-input-readonly label {
	font-weight: bold !important;
}

/*.row {
	margin-bottom: 10px;
}*/
.row-last {
	margin-bottom: unset;
}
.col .col-12 {
	margin-bottom: 10px;
}

.row-top {
	margin-top: 10px;
}

.e-chips-close {
	height: 16px !important;
}
.edit-dialog {
	margin: 30px;
	padding: 10px;
}

.form-group-settings{
	margin-bottom: 50px !important;
}
.navbar-dark .navbar-brand {
	color: #040303;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
	color: #fff !important;
	background-color: rgba(52, 104, 166, 1)!important;
}
.mud-nav-link.active:not(.mud-nav-link-disabled) {
	color: #fff !important;

}
	.mud-nav-link.active:not(.mud-nav-link-disabled) .mud-svg-icon {
		line-height: 110%;
		color: #fff !important;
		fill: #fff !important;
	}

.trimt-logo {
	text-align: center;
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
	color: #040303!important;
}

input {
	min-height: 42px!important;
}
.e-float-input input:focus ~ label.e-float-text, .e-float-input input:valid ~ label.e-float-text, .e-float-input input ~ label.e-label-top.e-float-text, .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text, .e-float-input.e-input-focus input ~ label.e-float-text {
	color: #111827!important;
	display: inline-block!important;
	font-weight: 600!important;
	margin-bottom: 5px;
	font-size: 14px!important;
	transform: translate3d(-10px, -49px, 0) scale(1)!important;
}

.e-data-form .e-button-left .e-btn, .e-data-form .e-button-right .e-btn, .e-data-form .e-button-center .e-btn, .e-data-form .e-button-stretch .e-btn {
	border-radius: 4px!important;
}

.e-btn, .e-css.e-btn {
	padding: 11px 12px!important;
}

.e-pager .e-pagerdropdown {
	height: 42px!important;
}

.mud-input-slot {
	padding: 0px 5px 14px !important;
}

.select-damage-wrap {
	width: 100%;
	display: flex;
	gap: 5px;
	flex-direction: column;
	justify-content: flex-end;

	.e-primary {
		width: max-content;
		margin-top: 5px;
		align-self: end;
	}	
}