/*
  You can add custom CSS rules or import files here.
*/

:root {
	--rz-primary: #69140e;
	--rz-secondary: #8d8add;
	--rz-input-disabled-color: var(--rz-input-value-color);
	--rz-dialog-zindex: 1010;
	--rz-link-color: var(--rz-primary);
	--rz-fieldset-padding: 0 1rem 0.25rem;
	--rz-fieldset-legend-margin: 0 0 0.75rem 0.5rem;
	--rz-base-background-color: var(--rz-base-100);
	--rz-grid-header-background-color: var(--rz-base-200);
	--rz-switch-checked-circle-background-color: var(--rz-primary);
	/*--rz-on-primary-lighter: var(--rz-primary);*/
}


.rz-data-row td .rz-cell-data {
	line-height: 2;
}

.rz-dialog-side {
	z-index: 1001;
}

.rz-data-grid {
	z-index: 0;
}

	.rz-data-grid.virtualization {
		max-height: calc(100vh - 250px);
	}

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

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

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

.rz-fieldset {
	padding: 0 .75rem 1rem;
	margin-bottom: 1.5rem;
}

	.rz-fieldset .rz-datatable {
		border: 0;
		margin: 0 -.5rem;
	}

.rz-form > div .rz-button-md {
	/*min-width: 120px;*/
}


.form-group {
	margin-bottom: 0.5rem;
}

	.form-group .rz-dropdown,
	.form-group div:has(> .rz-calendar),
	.form-group .rz-spinner,
	.form-group .rz-numeric,
	.form-group .rz-textbox,
	.form-group .rz-inputtext,
	.form-group .rz-autocomplete,
	.form-group .rz-textarea,
	.form-group .rz-datepicker {
		width: 100%;
	}

	.form-group .rz-state-disabled.rz-autocomplete,
	.form-group .rz-state-disabled.rz-inputtext,
	.form-group .rz-state-disabled.rz-textbox,
	.form-group .rz-state-disabled.rz-textarea {
		color: var(--rz-input-value-color);
	}



.w-50-max {
	max-width: 50px;
}

.w-75-max {
	max-width: 75px;
}

.w-100-max {
	max-width: 100px;
}

.w-125-max {
	max-width: 125px;
}

.w-150-max {
	max-width: 150px;
}

.w-175-max {
	max-width: 175px;
}

.w-200-max {
	max-width: 200px;
}

.w-250-max {
	max-width: 250px;
}

.w-300-max {
	max-width: 300px;
}

.w-350-max {
	max-width: 350px;
}

.w-400-max {
	max-width: 400px;
}


/* side dialog */

.rz-dialog-side-position-right {
	width: 800px;
	height: calc(100vh);
	/* width: 750px; */
	/*height: calc(100vh - 55px);*/
}

.rz-dialog-side-content {
	padding: 0;
}

	.rz-dialog-side-content .header-container {
		height: 70px;
		padding: .25rem;
		/*    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;*/
		background-color: var(--rz-base-200);
	}

		.rz-dialog-side-content .header-container .header-text {
			padding-top: .75rem;
		}

	.rz-dialog-side-content .body-container {
		padding: 1.5rem 1.5rem 3rem 1.5rem;
		height: calc(100vh - 70px);
		overflow-y: auto;
	}

/*.rz-dialog-side-content .rz-tabview-panels {
    padding-top: 1rem;
}*/


/*.rz-dialog-titlebar {
    background-color: var(--rz-primary);
    padding-bottom: 1rem;
    color: white;
    margin-top: -.5rem;
}*/

/*.rz-dialog-titlebar-close .rzi-times,
.rz-dialog-title {
    color: white;
}*/

.rz-dialog-side .dialog-footer {
	/*background-color: var(--rz-base-200);
    margin: 0 -1.5rem -1.5rem;
    padding: 0.75rem 1rem;*/

	background-color: var(--rz-base-200);
	margin: 2rem -1.5rem -1.5rem;
	padding: 1rem 2.5rem;
}

.rz-dialog .dialog-footer {
	background-color: var(--rz-base-200);
	margin: 1rem -1.5rem -1.5rem;
	padding: 1rem 1.5rem;
}

.dialog-footer .rz-button.rz-primary {
	min-width: 100px;
}

.rz-dialog .rz-form .container {
	min-height: 180px;
	padding-bottom: 1rem;
}


/* text-subtitle2 */
.form-group label {
	width: 100%;
	/*font-family: var(--rz-text-font-family);*/
	font-size: var(--rz-text-subtitle2-font-size);
	line-height: var(--rz-text-subtitle2-line-height);
	font-weight: 600; /*var(--rz-text-subtitle2-font-weight);*/
	letter-spacing: var(--rz-text-subtitle2-letter-spacing);
	color: var(--rz-text-subtitle2-color);
	/*margin-bottom: var(--rz-text-subtitle2-margin-bottom);*/
}

.form-group > div {
	min-height: 2rem;
}

.rz-cell-data > .rz-button-md {
	min-height: unset;
	padding: 0.25rem;
}


.rz-cell-data ._df_thumb {
	margin: unset;
}

/*@media (max-width: 768px) {
    .rz-button-text {
        display: none;
    }
}*/

h1 .rz-link:hover .rz-link-text, h1 .rz-link:focus .rz-link-text {
	text-decoration: none;
}

.rz-data-grid .rz-custom-header {
	flex: 1 1 auto !important; /* flex-fill */
}

.rz-data-grid .rz-column-picker {
	padding-left: 1rem;
}


.hide-menubutton .rz-splitbutton-menubutton {
	display: none;
}

.hide-menubutton.rz-splitbutton .rz-button {
	border-top-right-radius: var(--rz-button-border-radius);
	border-bottom-right-radius: var(--rz-button-border-radius);
}

.rz-fileupload-row div:nth-child(2), .rz-fileupload-row div:nth-child(3) {
	display: none;
}

.rz-fileupload {
	display: flex;
}

.text-center .rz-autocomplete-input {
	text-align: center;
}

/*.placeholder-center ::-webkit-input-placeholder {
	text-align: center;
	opacity: 0.5;
}

.placeholder-center :-moz-placeholder {
	text-align: center;
	opacity: 0.5;
}

.placeholder-transform ::-webkit-input-placeholder {
	transform: scale(2.5, .75);
}

.placeholder-transform :-moz-placeholder {
	transform: scale(2.5, .75);
}*/

ul.rz-autocomplete-list {
	padding: 0px;
}

.rz-autocomplete-input {
	height: unset;
}

.rz-autocomplete {
	overflow: unset; /* fix input height  */
}