.auth ul .list-group-item {
	text-indent: 20px;
}
.list-group-item i {
	line-height: 1.6;
	left:-25px;
	font-size: 1rem;

	position:absolute;
}
th.actioncol,
td.actioncol {
	width: 90px !important;
	text-align: center !important;
}

.btn.btn-icon.btn-sm {
	width: 32px;
	height: 32px;
}
.btn.btn-icon.btn-sm i {
	font-size: 1.2rem !important;
	line-height: 1.9rem;
}

.form-select {
	font-size: 0.875rem;
	padding: 0.5rem 2.25rem 0.5rem 0.75rem;
}

.row div .form-check {
	margin-left: 10px;
}

label.error {
	color: var(--bs-red);
	font-size: 0.8rem;
}

.form-control:invalid,
.form-control.error {
	border-color: var(--bs-red);
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control:invalid:focus,
.form-control.error:focus {
	border-color: var(--bs-red);
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

textarea.form-control:invalid,
textarea.form-control.error {
	padding-right: calc(1.5em + 0.75rem);
	background-position: top calc(0.375em + 0.1875rem) right
		calc(0.375em + 0.1875rem);
}

.form-select:invalid,
.form-select.error {
	border-color: var(--bs-red);
}
.form-select:invalid:not([multiple]):not([size]),
.form-select:invalid:not([multiple])[size="1"],
.form-select.error:not([multiple]):not([size]),
.form-select.error:not([multiple])[size="1"] {
	padding-right: 4.125rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-position: right 0.75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select:invalid:focus,
.form-select.error:focus {
	border-color: var(--bs-red);
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-control-color:invalid,
.form-control-color.error {
	width: calc(3rem + calc(1.5em + 0.75rem));
}

.form-check-input:invalid,
.form-check-input.error {
	border-color: var(--bs-red);
}
.form-check-input:invalid:checked,
.form-check-input.error:checked {
	background-color: var(--bs-red);
}
.form-check-input:invalid:focus,
.form-check-input.error:focus {
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-check-input:invalid ~ .form-check-label,
.form-check-input.error ~ .form-check-label {
	color: var(--bs-red);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
	margin-left: 0.5em;
}

.input-group > .form-control:not(:focus):invalid,
.input-group > .form-control:not(:focus).error,
.input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).error,
.input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).error {
	z-index: 4;
}

.form-control:read-only {
    background-color: #e9ecef;
}