body {
}


/*COLOR ICONS*/
/*COLOR LINKS URL*/

a {
	color: #078FCA;
}

.row .material-icons {
	color: #078FCA;
}

/* SIDEBAR */

.sidebar .material-icons {
	width: 2rem;
	font-size: 1.5rem;
	vertical-align: text-top;
	top: -2px;
}


.sidebar .nav-item a {
	color: #ffff !important;
	font-size: 0.8rem !important;
}

.sidebar .nav-link.disabled {
	color: #868686 !important;
}

	.sidebar .nav-link.disabled .material-icons {
		color: #868686 !important;
	}

.sidebar {
	width: 270px;
	position: sticky;
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	min-height: 100vh !important;
	height: fit-content !important;
}

@media(max-width: 1025px){

	.sidebar {
		min-height: 103vh !important;
		width: 235px !important;
	}

		.sidebar .nav-item {
			font-size: 0.7rem !important;
		}

			.sidebar .nav-item a {
				height: 2.5rem !important;
			}

}

/* NOTIFICATION ERROR */
.blazored-toast-icon .material-icons {
	font-size: 1em;
}

.blazored-toast.blazored-toast-error {
	background-color: #ff1a1a;
}

.blazored-toast-container {
	z-index: 2000 !important;
	right: 3% !important;
}


/*COLOR BUTTONS*/
/*BUTTONS TEXT*/

.ui-button.btn-primary, .btn-primary {
	background-color: #078FCA;
}

	.btn-primary:not(:disabled):not(.disabled):active {
		color: #fff;
		background-color: #0086b3;
		border-color: #005cbf;
	}

	.btn-primary:hover {
		background-color: #0086b3;
		border-color: #005cbf;
	}


/*HEADER BUTTONS*/

.btn-header, .ui-splitbutton .ui-button {
	background-color: transparent;
	border-color: transparent;
}

	.btn-header:not(:disabled):not(.disabled):active {
		color: #fff;
		background-color: transparent;
		border-color: transparent;
		border-style: none;
	}

	.btn-header:focus, .ui-splitbutton .ui-button {
		outline: 0px;
		border-radius: 4px;
		background-color: rgba(255,255,255,0.1);
		border-color: transparent;
	}

	.btn-header:hover, .ui-splitbutton .ui-button {
		border-radius: 4px;
		background-color: rgba(255,255,255,0.1);
		border-color: transparent;
	}

.sticky-top {
	z-index: 999 !important;
}


/* UPLOAD BUTTON */

.ui-fileupload-buttonbar {
	background-color: transparent !important;
	padding: 0;
}

.ui-fileupload-choose {
	background-color: #078FCA;
	width: 100px;
	padding: 0 1.2rem !important;
}

	.ui-fileupload-choose:not(:disabled):not(.disabled):active {
		color: #fff;
		background-color: #0086b3;
		border-color: #005cbf;
	}

	.ui-fileupload-choose:hover {
		background-color: #0086b3;
		border-color: #005cbf;
	}

	.ui-fileupload-choose input[type='file'] {
		cursor: pointer;
	}

#radzenDeleteUpload {
	margin-top: 10px;
	width: 100px;
	font-size: 0.875rem;
	height: 1.75rem;
	padding: 0 1.375rem;
}

	#radzenDeleteUpload .ui-button-text {
		line-height: 1.75rem;
	}

/* CONFIG BUTTON */
#customButton .ui-button-icon-left {
	font-size: 1.25em;
}


/* CALENDAR FILTER */
#customCalendar .ui-calendar-w-btn {
	width: 8em !important;
}

	#customCalendar .ui-calendar-w-btn .ui-inputtext {
		width: 8em !important;
	}

@media(max-width: 1025px){
	#customCalendar .ui-calendar-w-btn {
		width: 8em !important;
	}
}

@media(max-width: 770px) {
	#customCalendar .ui-calendar-w-btn {
		width: 17vw !important;
	}
}

@media(max-width: 760px) {
	#customCalendar .ui-calendar-w-btn {
		width: 30vw !important;
	}
}

@media(max-width: 380px) {
	#customCalendar .ui-calendar-w-btn {
		width: 37vw !important;
	}
}

/*COLOR BORDER TEXTBOX*/
.invalid {
	outline: 0px;
}

.valid.modified:not([type=checkbox]) {
	outline: 0px;
}

input:focus, textarea:focus, select:focus {
	outline: none;
	width: 40vh;
}

.ui-dropdown {
	outline: none;
}

input::placeholder {
	color: #b3b3cb;
}

.input-group-text {
	padding: .2rem .5rem;
}

input:-moz-read-only { /* For Firefox */
	background-color: #84838321;
}

input:read-only {
	background-color: #84838321;
}


/* TEXTBOX */
@media (max-width: 374.98px) {
	.textbox, .textarea, .mask, .ui-multiselect, .ui-calendar-w-btn, .ui-spinner, .ui-lookup-search input, input {
		width: 20vh !important;
	}

		.ui-spinner input[type='number'], .ui-spinner input[type='text'] {
			width: 15vh !important;
		}

	.ui-minute-picker, .ui-minute-picker.ui-spinner input[type='text'], .ui-hour-picker, .ui-hour-picker.ui-spinner input[type='text'] {
		width: 5em !important;
	}
}

@media (min-width: 375px) {
	.textbox, .textarea, .mask, .ui-multiselect, .ui-calendar-w-btn, .ui-spinner, .ui-lookup-search input, input {
		width: 26vh !important;
	}
		.ui-spinner input[type='number'], .ui-spinner input[type='text'] {
			width: 15vh !important;
		}

	.ui-minute-picker, .ui-minute-picker.ui-spinner input[type='text'], .ui-hour-picker, .ui-hour-picker.ui-spinner input[type='text'] {
		width: 5em !important;
	}
}

@media (min-width: 400px) {
	.textbox, .textarea, .mask, .ui-multiselect, .ui-calendar-w-btn, .ui-spinner, .ui-lookup-search input, input {
		width: 30vh !important;
	}

		.ui-spinner input[type='number'], .ui-spinner input[type='text'] {
			width: 15vh !important;
		}

	.ui-minute-picker, .ui-minute-picker.ui-spinner input[type='text'], .ui-hour-picker, .ui-hour-picker.ui-spinner input[type='text'] {
		width: 5em !important;
	}
}

@media (min-width: 768px) {
	.textbox, .textarea, .mask, .ui-multiselect, .ui-calendar-w-btn, .ui-spinner, .ui-lookup-search input, input {
		width: 40vh !important;
	}	

		.ui-spinner input[type='number'], .ui-spinner input[type='text'] {
			width: 15vh !important;
		}

	.ui-minute-picker, .ui-minute-picker.ui-spinner input[type='text'], .ui-hour-picker, .ui-hour-picker.ui-spinner input[type='text'] {
		width: 5em !important;
	}
}

/*CARD*/

.card {
	border: 0px;
	display: inline-block;
}
/*
@media (max-width: 374.98px) {
	.card {
		width: 31vh !important;
	}
}

@media (min-width: 375px) {
	.card {
		width: 38vh !important;
	}
}

@media (min-width: 400px) {
	.card {
		width: 43vh !important;
		height: 53vh !important;
	}
}


@media (min-width: 768px) {
	.card {
		width: 53vh !important;
		height: 53vh !important;
	}
}


@media (min-width: 1024px) {
	.card {
		width: 53vh !important;
		height: 53vh !important;
	}
}

@media (min-width: 1500px) {
	.card {
		width: 53vh !important;
		height: 53vh !important;
	}
}

@media (min-width: 2500px) {
	.card {
		width: 50vh !important;
		height: 35vh !important;
	}
}
*/

/* column center card */

@media (min-width: 768px) {
	.col-md-6 {
		max-width: 65% !important;
	}
}




/* GRID */
.bg-primary {
	background-color: #8080802b !important;
}

.table thead th {
	font-size: 0.85em !important;
	vertical-align: text-top;
	background-color: rgb(5, 39, 103);
	color: white;
}

.table td {
	font-size: 0.85rem !important;
}

@media(max-width: 1025px) {
	.table thead th {
		font-size: 0.8rem !important;
	}

	.table td {
		font-size: 0.8rem !important;
	}
}

@media(max-width: 760px) {
	.table thead th {
		font-size: 0.7rem !important;
	}

	.table td {
		font-size: 0.7rem !important;
	}
}

.table td, .table th {
	vertical-align: middle;
}

	.table th .material-icons {
		color: white;
	}


.rectanglerounded {
	border-radius: 5px;
	padding: 5px;
	color: white;
}

/* PAGINATION */

.pagination {
	padding-left: 38% !important;
}

@media(max-width: 1025px) {
	.pagination {
		padding-left: 30% !important;
	}
}

@media(max-width: 760px) {
	.pagination {
		padding-left: 20% !important;
	}

}

.page-item.active .page-link {
	z-index: 1;
	color: #fff !important;
	background-color: rgb(5, 39, 103) !important;
	border-color: rgb(5, 39, 103) !important;
}

.page-item:not(:active) .page-link {
	z-index: 1;
	color: #000000;
	background-color: #fff;
	border-color: #dee2e6;
}

.page-item {
	cursor: pointer;
}

	.page-item.active:hover {
		color: #fff;
	}


	/* SCROLLBAR */

::-webkit-scrollbar-thumb {
	background-color: #595959 !important;
}


/*LOADING SPINNER*/

.minispinner {
	border: 7px solid silver;
	border-top: 7px solid #595959;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	animation: spin 700ms linear infinite;
	position: absolute;
}

.spinner {
	border: 16px solid silver;
	border-top: 16px solid #595959;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	animation: spin 700ms linear infinite;
	position: absolute;
}

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

	100% {
		transform: rotate(360deg)
	}
}

/* STEPS */
.ui-steps-buttons {
	display: none;
}

.ui-steps .ui-state-highlight .ui-steps-number {
	background: #078FCA;
}

.ui-steps .ui-state-highlight .ui-steps-title {
	color: #078FCA;
	margin: 0;
	margin-left: 0.4rem;
	margin-right: 1rem;
}

.ui-steps .ui-steps-title {
	margin: 0;
	margin-left: 0.4rem;
	margin-right: 1rem;
}

/*TOOTH BUTTONS*/

.btn-tooth {
	background-color: transparent;
	border-color: transparent;
	padding: 0;
}

	.btn-tooth:not(:disabled):not(.disabled):active {
		color: #fff;
		background-color: transparent;
		border-color: transparent;
		border-style: none;
	}

	.btn-tooth:focus {
		outline: 0px;
		border-radius: 4px;
		background-color: rgba(255,255,255,0.1);
		border-color: transparent;
	}

	.btn-tooth:hover {
		border-radius: 4px;
		background-color: rgba(255,255,255,0.1);
		border-color: transparent;
	}

/* CUSTOM UPLOAD FOR DRAG DROP*/

#customUpload {
	width: 260px;
	height: 110px;
	font-size: 0.875rem;
	padding: 0;
	margin: 0;
}

	#customUpload .ui-button-text {
		line-height: 1.75rem;
	}

	#customUpload .ui-fileupload-buttonbar {
		background-color: transparent !important;
		padding: 0;
	}

	#customUpload .ui-fileupload-choose {
		background-color: transparent !important;
		width: 260px;
		height: 110px;
	}

		#customUpload .ui-fileupload-choose:not(:disabled):not(.disabled):active {
			color: #078FCA;
			background-color: transparent !important;
			border-color: transparent !important;
		}

		#customUpload .ui-fileupload-choose:hover {
			background-color: transparent !important;
			border-color: transparent !important;
		}

		#customUpload .ui-fileupload-choose input[type='file'] {
			cursor: pointer;
		}


#customUploadSecondary {
	width: 260px;
	height: 110px;
	font-size: 0.875rem;
	padding: 0;
	margin: 0;
}

	#customUploadSecondary .ui-button-text {
		line-height: 1.75rem;
	}

	#customUploadSecondary .ui-fileupload-buttonbar {
		background-color: transparent !important;
		padding: 0;
	}

	#customUploadSecondary .ui-fileupload-choose {
		background-color: transparent !important;
		width: 260px;
		height: 110px;
	}

		#customUploadSecondary .ui-fileupload-choose:not(:disabled):not(.disabled):active {
			color: #078FCA;
			background-color: transparent !important;
			border-color: transparent !important;
		}

		#customUploadSecondary .ui-fileupload-choose:hover {
			background-color: transparent !important;
			border-color: transparent !important;
		}

		#customUploadSecondary .ui-fileupload-choose input[type='file'] {
			cursor: pointer;
		}

/*CUSTOM UPLOAD FOR DRAG DROP BIG*/

#customUploadBig {
	width: 410px;
	height: 110px;
	font-size: 0.875rem;
	padding: 0;
	margin: 0;
}

	#customUploadBig .ui-button-text {
		line-height: 1.75rem;
	}

	#customUploadBig .ui-fileupload-buttonbar {
		background-color: transparent !important;
		padding: 0;
	}

	#customUploadBig .ui-fileupload-choose {
		background-color: transparent !important;
		width: 410px;
		height: 110px;
	}

		#customUploadBig .ui-fileupload-choose:not(:disabled):not(.disabled):active {
			color: #078FCA;
			background-color: transparent !important;
			border-color: transparent !important;
		}

		#customUploadBig .ui-fileupload-choose:hover {
			background-color: transparent !important;
			border-color: transparent !important;
		}

		#customUploadBig .ui-fileupload-choose input[type='file'] {
			cursor: pointer;
		}

#customUploadBigInstallation {
	width: 410px;
	height: 110px;
	font-size: 0.875rem;
	padding: 0;
	margin: 0;
}

	#customUploadBigInstallation .ui-button-text {
		line-height: 1.75rem;
	}

	#customUploadBigInstallation .ui-fileupload-buttonbar {
		background-color: transparent !important;
		padding: 0;
	}

	#customUploadBigInstallation .ui-fileupload-choose {
		background-color: transparent !important;
		width: 410px;
		height: 110px;
	}

		#customUploadBigInstallation .ui-fileupload-choose:not(:disabled):not(.disabled):active {
			color: #078FCA;
			background-color: transparent !important;
			border-color: transparent !important;
		}

		#customUploadBigInstallation .ui-fileupload-choose:hover {
			background-color: transparent !important;
			border-color: transparent !important;
		}

		#customUploadBigInstallation .ui-fileupload-choose input[type='file'] {
			cursor: pointer;
		}

#customUploadBigMyDenta {
	width: 410px;
	height: 110px;
	font-size: 0.875rem;
	padding: 0;
	margin: 0;
}

	#customUploadBigMyDenta .ui-button-text {
		line-height: 1.75rem;
	}

	#customUploadBigMyDenta .ui-fileupload-buttonbar {
		background-color: transparent !important;
		padding: 0;
	}

	#customUploadBigMyDenta .ui-fileupload-choose {
		background-color: transparent !important;
		width: 410px;
		height: 110px;
	}

		#customUploadBigMyDenta .ui-fileupload-choose:not(:disabled):not(.disabled):active {
			color: #078FCA;
			background-color: transparent !important;
			border-color: transparent !important;
		}

		#customUploadBigMyDenta .ui-fileupload-choose:hover {
			background-color: transparent !important;
			border-color: transparent !important;
		}

		#customUploadBigMyDenta .ui-fileupload-choose input[type='file'] {
			cursor: pointer;
		}

/* DRAG DOP ZONE */

.drag-drop-zone {
	border: 3px dashed #078FCA;
	padding: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eee;
	box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
	color: #aeaeae;
	font-size: 18px;
	cursor: pointer;
	margin: 1.5rem 0 2rem 0;
	position: relative;
}

	.drag-drop-zone:hover {
		background-color: #f5f5f5;
	}

	.drag-drop-zone input[type=file] {
		position: absolute;
		width: 100% !important;
		height: 100% !important;
		opacity: 0;
		cursor: pointer;
	}


/* BARCODE */

@font-face {
	font-family: CCode39;
	src: url("/fonts/CCode39.woff") format('woff')
}

#barcode {
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: 'CCode39', sans-serif;
	text-align: center;
	font-size: 20px;
}

#barcode_text {
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: sans-serif;
	text-align: center;
	font-size: 20px;
}