@import url( 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
@import url('https://fonts.cdnfonts.com/css/chivo-mono');
@import url('https://fonts.cdnfonts.com/css/code-39');

@font-face
{
	font-family: 'c39hrp48dhtt';
	src: url('fonts/c39hrp48dhtt.ttf') format('truetype');
}

@font-face
{
	font-family: 'Belshaw Donut Robot';
	src: url('fonts/belshawdonutrobot.ttf') format('truetype');
}
@font-face
{
	font-family: 'JetBrains Mono';
	src: url('fonts/jetbrainsmononl-regular.ttf') format('truetype') format('truetype')
}
@font-face
{
	font-family: 'Chivo Mono';
	src: url('fonts/chivomono[wght].ttf') format('truetype');
}
html, body
{
	font-family: 'Chivo Mono'!important
}
root
{
	font-family: 'JetBrains Mono'!important
}


.form-control:focus
{
	box-shadow: 0 0 0 2px;
	-webkit-box-shadow: none;
}

.has-error .form-control:focus
{
	box-shadow: 0 0 0 2px;
	-webkit-box-shadow: none;
}

input[type=number]:invalid
{
	border: 2px solid red;
}

input[type=date]:out-of-range:in-range:invalid:invalid
{
	border: 2px solid red;
}

input[type=datetime]:invalid
{
	border: 2px solid red;
}

.control-label
{
	font-family: Tahoma;
	font-size: small;
}

.form-control
{
	font-family: 'JetBrains Mono';
	font-size: large;
	appearance: auto;
}


.rz-dropdown-panel, rz-mutiselect-panel
{
	font-family: 'JetBrains Mono';
	font-size: small;
	z-index: 2000 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

input[type=number]
{
	font-family: 'JetBrains Mono';
	font-size: small;
	text-align: right;
}


input[type=date]
{
	font-family: 'JetBrains Mono';
	font-size: small;
	text-align: right;
}
input[type=password],
input[type=text]
{
	font-family: 'JetBrains Mono';
	font-size: small;
}

input[type=number]:not(:focus)
{
	direction: rtl;
	unicode-bidi: plaintext;
	text-overflow: ellipsis;
}
/*input[type=number]:focus
{
	color: black;
	font-weight: bold;
}*/


select optgroup
{
	font-family: 'JetBrains Mono';
	font-size: small;
	color: red
}

select
{
	background-color: red;
	padding: 3px;
	font-weight: bold;
}

	select option
	{
		font-family: 'JetBrains Mono';
		font-size: small;
	}

input[type=time]
{
	font-family: 'JetBrains Mono';
	font-size: small;
	color:cyan;
}

.btn
{
	font-family: Tahoma;
	font-size: small;
	font-weight: bold;
	box-shadow: 0 0 0 1px;
	-webkit-box-shadow: none;
}

input[autocomplete=off]
{
}

.rz-button
{
	padding: .375rem .75rem
}


.rz-inputtext:focus,
.rz-textbox:focus,
.rz-calendar:focus,
.rz-dropdown:focus,
.rz-spinner:focus,
.rz-listbox:focus,
select:focus,
option:focus
{
	font-family: 'JetBrains Mono';
	font-size: small;
	font-weight:900!important;
}

.rz-inputtext,
.rz-textbox,
.rz-calendar,
.rz-dropdown,
.rz-spinner,
.rz-listbox,
select,
option
{
	font-family: 'JetBrains Mono';
	font-size: small!important;
}


.rz-spinner-button
{
	display: none!important;
}


input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus
{
	box-shadow: 0 0 0 1px;
}


.col-form-label
{
	font-size: small;
}

.form-group
{
	margin-bottom: 0;
}

.row
{
	--bs-gutter-x: 0;
}
/*--rz-grid-cell-line-height: 1rem;*/
.rz-dropdown-items
{
	--rz-dropdown-item-font-size:.7rem;
	--rz-dropdown-item-padding: 0.2rem 0.2rem;
}
:root
{
	--rz-input-height:2rem!important;
}
.rz-dropdown
{
	font-size:x-small;
	height : 1rem;
}

.rz-data-grid.rz-density-compact
{
	--rz-grid-cell-line-height: 1.5rem;
	--rz-grid-cell-padding: 0.25rem 0.5rem;
	--rz-grid-header-cell-padding: 0.25rem 0;
	--rz-grid-header-padding: 0.25rem 1rem;
	--rz-grid-header-title-padding: 0 0 0 0.5rem;
	--rz-grid-filter-padding: 0.25rem 0.5rem;
	--rz-grid-group-header-padding: 0.25 0.5rem;
	--rz-grid-group-header-item-padding: 0.25 0.5rem;
	--rz-grid-hover-background-color:black!important;
	--rz-grid-hover-color: white!important;
	--rz-grid-selected-color: white!important;
	--rz-grid-selected-background-color: #3193c6!important;
}