/*
body {
       font-size: 0.85em;
}
*/

.logo-src {
	background: url('../images/logo-h.png');
	width: 152px !important;
}

/** Fixes for data tables **/
/* Fix pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0 0;
	margin-left: 0;
	border: 0 solid;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: 0 solid;
	background: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	box-shadow: 0 0 0 #fff;
	background-color: #fff;
}
/* Remove multiple sorting images on tables */
table.dataTable thead .sorting_asc {
	background-image: none !important;
}
table.dataTable thead .sorting_desc {
	background-image: none !important;
}
table.dataTable thead .sorting {
	background-image: none !important;
}

/** Remove blue border from chrome on buttons **/
/* Remove outline for non-keyboard :focus */
*:focus:not(.focus-visible) {
	outline: none !important;
	box-shadow: none !important;
}

/* Optional: Customize .focus-visible */
/*
.focus-visible {
	outline-color: lightgreen;
}
*/

*:disabled {
	cursor: not-allowed;
}

/** SIDEBAR FIXES **/
/*
 The sidebar has a few states:
 + Wide Screen
    - Open (app-container fixed-sidebar) &
    - Closed (app-container fixed-sidebar closed-sidebar) &
    - Hover Open (app-sidebar:hover)
 + Medium Screen
    - Closed (app-container fixed-sidebar closed-sidebar-mobile closed-sidebar) &
    - Hover Open (app-sidebar:hover)
 + Small Screen
    - Missing (?) &
    - Click Open (app-container fixed-sidebar closed-sidebar-mobile closed-sidebar sidebar-mobile-open)
*/

/** Fancy Tree Fixes **/
/* So our tree can be longer than the frame */
.scrollbar-sidebar {
	overflow: auto;
}
/* Tree Placement */
#tree > ul {
	padding-left: 0;
}
/* Remove the border around the tree */
ul.fancytree-container {
	border: 0 !important;
}
/* Position branch center of icon */
ul.fancytree-container ul {
	padding: 0 0 0 20px !important;
}
/* Fix tree rendering */
.fancytree-node {
	line-height: 1.75em;
}
/* Fix position of tree expander and checkbox */
.fancytree-exp-cl span.fancytree-expander {	/* last link closed */
	margin-top: 2px;
	background-position: 0 -93px !important;
}
.fancytree-exp-el span.fancytree-expander {	/* last link expanded */
	margin-top: 2px;
	background-position: -32px -93px !important;
}
.fancytree-lazy.fancytree-exp-cd.fancytree-ico-c span.fancytree-expander,
.fancytree-lazy.fancytree-exp-cdl.fancytree-ico-c span.fancytree-expander { /* last link not opened */
	margin-top: 5px;
	/* had to disable this - as we loose our spinner
	background-position: -80px -93px;
	*/
}
.fancytree-exp-c span.fancytree-expander {	/* link closed */
	background-position: -16px -76px !important;
}
.fancytree-exp-e span.fancytree-expander {	/* link expanded */
	background-position: -32px -76px !important;
}
.fancytree-node.fancytree-exp-n span.fancytree-expander,
.fancytree-node.fancytree-exp-n span.fancytree-expander:hover { /* node */
	margin-top: 3px;
	background-position: 0 -63px;
}
.fancytree-node.fancytree-exp-nl span.fancytree-expander { /* node last */
	margin-top: 3px;
	background-position: -16px -62px !important;
}
/** Show treeicon when collapsed and remove it when open **/
.sidebar-mobile-open:hover #treeicon, /* small */
.fixed-sidebar #treeicon, /* wide */
.fixed-sidebar .app-sidebar:hover #treeicon /* wide & closed:hover */
{
	display: none;
}
.closed-sidebar #treeicon
{
	opacity: 1;
	display: inline;
}

/** Architect Fixes **/
/* Remove the Cyan vertical line from the tree */
.vertical-nav-menu #tree ul:before {
	opacity: 0;
}

/* Hide tree when collapsed and show it when open */
.sidebar-mobile-open:hover #tree, /* small */
.fixed-sidebar #tree, /* wide */
.fixed-sidebar .app-sidebar:hover #tree /* wide & closed:hover */
{
	display: block;
}
.closed-sidebar #tree {
	display: none;
}

/** Server icons **/
.font-icon-wrapper {
	text-align: center;
	border: #e9ecef solid 1px;
	border-radius: 0.25rem;
	margin: 0 0 10px 0;
	padding: 5px;
}
.font-icon-wrapper:hover {
	background: #f8f9fa;
	color: #3f6ad8;
}
.font-icon-wrapper i {
	font-size: 1.2rem;
}

/** Ensure our DN menu is at the top **/
.app-page-title .page-title-wrapper {
	align-items: start;
}

/** Change the background on our read-only form items **/
.form-control:disabled, .form-control[readonly] {
	background-color: var(--bs-gray-100);
}

/** Make our placeholder text on forms lighter **/
.form-control::placeholder {
	color: #a0aec0;
}

/** Force our validation color to have a higher priority than any specified border **/
.was-validated .form-control:invalid, .form-control.is-invalid {
	border-color: #d92550 !important;
}

.text-monospace {
	font-family: monospace;
}

pre {
	padding:5px;
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera */
	white-space: -o-pre-wrap; /* Opera */
	white-space: pre-wrap; /* CSS3 – Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
}
pre code {
	counter-reset: line-numbering;
}

pre code .line::before {
	content: counter(line-numbering);
	counter-increment: line-numbering;
	padding-right: .8em; /* space after numbers */
	margin-right: 1em;
	width: 4em;
	text-align: right;
	opacity: 0.5;
	display: inline-block;
	border-right: 1px solid rgba(0, 0, 0, .5);
}

/** select2 rendering fixes */
.select2-container--bootstrap-5 .select2-selection {
	border: var(--bs-gray-500) 1px solid;
	font-size: inherit;
}

/* The opened input box */
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
	border: 1px solid #aaa;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
	padding: 0.3rem 0.2rem 0.3rem 0.4rem;
	font-size: 95%;
}

/* Place holder text */
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
	font-size: 90%;
}

/* Group options title rendering */
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
	color: #212529;
	font-weight: 800;
}

/* Multiple selected items rendering */
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	padding: 0.25em 0.45em;
	font-size: 90%;
}

/* Remove the shadow outline on an opened box */
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
	box-shadow: none;
}

/* Make the cross on the multiple select option smaller */
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
	height: 0.25rem;
}

.input-group-text {
	background-color: var(--bs-gray-100);
}

/* Stop showing a border on our user's drop down menu when open */
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
	border-color: var(--bs-btn-bg);
}

/* limit selection to inside the modal */
body.modal-open {
	user-select: none;
}

/* Fix our search results, implementing a scroll bar */
#search_results ul.typeahead.dropdown-menu {
	overflow-y: scroll;
	max-height: 300px;
}