@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px !important;
}

:root, [data-bs-theme=light] {
	--bs-primary-rgb: #fe7109 !important;
	--bs-success-rgb: #fe7109 !important;
	--bs-success: #fe7109 !important;
}

html, body {
	height: 100%;
	overflow: hidden;
}

.valid.modified:not([type=checkbox]) {
	/*outline: 1px solid red !important;*/
}

.invalid {
	outline: 1px solid red;
}

.dxreRoot {
	width: auto !important;
}
}

.validation-message {
	color: red;
}

.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

.button-style {
	margin-left: -100px;
	text-align: right
}

.remove-production-margin {
	margin-top: 0px;
}

.button-color {
	background-color: red !important;
	border-radius: 3px !important;
	padding: 2px 17px !important;
}

.MyGrid .dxbl-grid-header {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: white;
}

.dxbl-grid-header-content {
	justify-content: center !important;
}

.dx-chart-tooltip {
	z-index: 1000;
	position: fixed;
}

.MyGrid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead {
	z-index: 10 !important
}

.dot {
	height: 15px;
	width: 15px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

#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;
	}
/*Error Message Css*/
.message-box.remove {
	position: fixed;
	top: 60px;
	right: 31px;
	z-index: 9;
	padding-bottom: 0px;
	padding: 16px 70px 0 70px;
	box-shadow: 10px 0px 0px 0px #ccc;
	font-weight: bold;
}

.performancePageAlert {
	top: 89vh !important;
	bottom: 10px;
}

.row .message-box.remove {
	width: 28% !important;
}

.remove {
	-webkit-animation: seconds 1.0s forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 10s;
}


/*.message-box {
	position: fixed;
	top: 60px;
	right: 31px;
	z-index: 9;
	padding: 16px 70px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	font-weight: bold;
	opacity: 1;
	transition: opacity 1s ease-in-out;
}

	.message-box.remove {
		opacity: 0;
		transition: opacity 1s ease-in-out;
	}*/

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.sidebar, .footer-decoration {
	background-color: #575b5c !important;
}

.sidebar-item {
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
	min-width:250px !important;
}

.checkbox-image {
	padding-left: 8px;
}

.dxbl-pager-container > .dxbl-pager-page-size-selector > .dxbl-text-edit {
	width: 6em !important;
}

@-webkit-keyframes seconds {
	0% {
		opacity: 1;
	}

	99% {
		opacity: 1;
		border-bottom-width: 18px;
	}

	100% {
		opacity: 0;
		border-bottom-width: 0;
	}
}

@keyframes seconds {
	0% {
		opacity: 1;
	}

	99% {
		opacity: 1;
		border-bottom-width: 18px;
	}

	100% {
		opacity: 0;
		border-bottom-width: 0;
	}
}

.popup {
	background-color: red !important
}

.dx-toast-icon {
	display: none !important;
}

.dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-info .dxbl-toast-body {
	background-color: #cce4f7 !important;
	padding: 16px;
	border-radius: 7px !important;
}

.dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-info .dxbl-toast-accent-line {
	display: none;
}

.dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-info .dxbl-toast-body .dxbl-toast-text-content .dxbl-toast-header {
	color: #003056 !important;
}

.dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-warning .dxbl-toast-body {
	background-color: rgb(250 207 211) !important;
	padding: 16px;
	border-radius: 7px !important;
}

.dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-warning .dxbl-toast-accent-line {
	display: none;
}

.dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-warning .dxbl-toast-body .dxbl-toast-text-content .dxbl-toast-header {
	color: #5d070e !important;
}
.dxbl-toast-accent-line {
	display: none; /* Hides the accent line */
}
.dxbl-toast-align-top {
	margin-top: 50px; /* Adjust this value to set the desired distance */
	margin-right:14px;
}
/* Custom styles for pastel toast notifications */
.dx-theme-pastel .dxbl-toast-header,
.dxbl-toast-header {
	font-weight: bold !important;
	color: #5D070E !important;
}