html {
	font-size:12px;
}
.nav-pills {
	margin-bottom: 8px;
}

.nav-pills .nav-item .nav-link {
	/*display:block;*/
	border: 1px dashed grey;
	margin-right: 8px;
	margin-top: 5px;
}

/* TODO: A more subtle indicator */
.main-sidebar a.active {
	/*background-color: red;*/
	opacity: 0.7;
	border: 2px dotted gray;
	color:grey;
}

.vertical-center {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.field-validation-error {
	/*background-color: lightsteelblue;*/
	color: orangered;
	font-weight: bold;
}

.nira-toast {
}
	.nira-toast h1 {
		font-size: 2em;
	}

	.nira-toast section h1 {
		font-size: 1.8em;
	}

	.nira-toast section h2 {
		font-size: 1.6em;
	}

	.nira-toast section p {
		font-size: 1.4em;
	}

/*	Change the toast look and so there is a bit more space between multiples */
.k-notification {
	border-radius: 1.25rem;
	padding-block: 0.5rem;
	line-height: 1rem;
}

/*	Fixes issue where when notification text wraps, the icon shrinks */
.k-notification svg {
	width: 16px !important;
	height: 16px !important;
}

/* Administrator grid */
#AdministratorsGrid img.profile {
	max-width: 100px;
	min-width: 30px;
	width: 100%;
}

img.img-circle {
	max-width:90%;
}

.admin-details span {
	white-space:nowrap;
	/*overflow:hidden;*/
}

/* Misc */
/*#inputNoSpinner::-webkit-outer-spin-button,*/
/*#inputNoSpinner::-webkit-inner-spin-button {*/
/*	-webkit-appearance: none;*/
/*	margin: 0;*/
/*}*/

/*#inputNoSpinner[type=number] {*/
/*	-moz-appearance: textfield;*/
/*}*/

/*#inputNoSpinner + .k-input-spinner {*/
/*	display: none; !important*/
/*}*/

/* Telerik form overrides to match bootstrap 5 form styling */
.k-widget {
	padding:0;
}
.k-textbox, .k-maskedtextbox {
	width:100% !important;
}
.k-button-solid-primary {
	background-color: #3c8dbc !important;
	border-color: #367fa9 !important;
	color: #fff !important;	
}
	.k-button-solid-primary:hover {
		background-color: #367fa9 !important;
		border-color: #0a58ca !important;
		color: #fff !important;
	}

.k-dropdown {
	width: 100% !important;
}
	.k-dropdown .k-dropdown-wrap {
		width: 100% !important;
	}


/* patch for kendo ui content-box */
/* reset everything to the default box model */

/*
	*, :before, :after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
	*/

/* set a border-box model only to elements that need it */
/* if this class is applied to a Kendo UI widget, its layout may change */
/*
	.form-control, 
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/

.editable-grid-disabled-cell {
	position: relative;
	opacity: 65%;
}

.k-grid a.decorate {
	color: var(--bs-link-color);
	text-decoration: underline;
}

.k-grid .k-grid-filter-menu {
	color: inherit;
	text-decoration: none;
}

#loader-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.75);
	z-index: 99999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}