/*
    Created on : 10-Nov-2020
    Author     : Jvb
*/

body {
	padding-top: 50px; /* Navbar */
	padding-bottom: 40px; /* instead of footer */
}
h1 > a {
	text-decoration: none;
}
.table { /* fucking Bootstrap! */
	--bs-table-bg: initial;
}

/* Bootstrap icons for usage as font; ex., <i class="bi-tools"></i> */
@font-face {
	font-family: "bootstrap-icons";
	src: url("../assets/bootstrap/fonts/bootstrap-icons.woff?v1.13.1") format("woff"),
url("../assets/bootstrap/fonts/bootstrap-icons.woff2?v1.13.1") format("woff2");
}
[class^="bi-"]::before,
[class*=" bi-"]::before {
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: text-bottom;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.bi-toggle2-on::before { content: "\f5d8"; }
.bi-trash::before { content: "\f5de"; }
.bi-printer::before { content: "\f501"; }
.bi-file-diff::before { content: "\f354"; }
.bi-file-earmark-spreadsheet::before { content: "\f389"; }
.bi-files::before { content: "\f3c2"; }
.bi-journals::before { content: "\f447"; }
.bi-activity::before { content: "\f66b"; }
.bi-square::before { content: "\f584"; }
.bi-check::before { content: "\f26e"; }
.bi-check-square::before { content: "\f26d"; }
.bi-box-arrow-up-right::before { content: "\f1c5"; }
.bi-box-arrow-in-right::before { content: "\f1be"; }
.bi-arrows-move::before { content: "\f14e"; }
.bi-arrow-right-circle::before { content: "\f134"; }
.bi-arrow-right-square::before { content: "\f137"; }
.bi-arrow-right-square-fill::before { content: "\f136"; }
.bi-arrow-left-square::before { content: "\f12e"; }
.bi-arrow-left-square-fill::before { content: "\f12d"; }
.bi-award::before { content: "\f154"; }
.bi-badge-ad::before { content: "\f161"; }
.bi-bar-chart::before { content: "\f17e"; }
.bi-bar-chart-fill::before { content: "\f17a"; }
.bi-box::before { content: "\f1c8"; }
.bi-box-fill::before { content: "\f7d2"; }
.bi-boxes::before { content: "\f685"; }
.bi-calendar-day::before { content: "\f1e6"; }
.bi-calendar-day-fill::before { content: "\f1e5"; }
.bi-calendar-event::before { content: "\f1e8"; }
.bi-calendar-event-fill::before { content: "\f1e7"; }
.bi-caret-down::before { content: "\f22c"; }
.bi-caret-down-fill::before { content: "\f229"; }
.bi-caret-up::before { content: "\f238"; }
.bi-caret-up-fill::before { content: "\f235"; }
.bi-cart::before { content: "\f242"; }
.bi-cart4::before { content: "\f245"; }
.bi-cart-plus::before { content: "\f23f"; }
.bi-cart-x::before { content: "\f241"; }
.bi-cart-dash::before { content: "\f23c"; }
.bi-cart-dash-fill::before { content: "\f23b"; }
.bi-clipboard::before { content: "\f290"; }
.bi-clock-history::before { content: "\f292"; }
.bi-cloud-drizzle::before { content: "\f29d"; }
.bi-coin::before { content: "\f634"; }
.bi-plus-circle::before { content: "\f4fa"; }
.bi-node-plus::before { content: "\f4a7"; }
.bi-chevron-bar-up::before { content: "\f278"; }
.bi-chevron-double-up::before { content: "\f281"; }
.bi-envelope-at::before { content: "\f84c"; }
.bi-envelope-open::before { content: "\f32e"; }
.bi-exclamation-diamond::before { content: "\f335"; }
.bi-exclamation-diamond-fill::before { content: "\f334"; }
.bi-tree-fill::before { content: "\f5e1"; }
.bi-tree::before { content: "\f5e2"; }
.bi-piggy-bank::before { content: "\f64a"; }
.bi-piggy-bank-fill::before { content: "\f649"; }
.bi-link-45deg::before { content: "\f470"; }
.bi-link::before { content: "\f471"; }
.bi-emoji-frown::before { content: "\f31d"; }
.bi-p-circle::before { content: "\f805"; }
.bi-p-circle-fill::before { content: "\f804"; }
.bi-person-circle::before { content: "\f4d7"; }
.bi-people-fill::before { content: "\f4cf"; }
.bi-people::before { content: "\f4d0"; }
.bi-person::before { content: "\f4e1"; }
.bi-plus-slash-minus::before { content: "\f6aa"; }
.bi-sun::before { content: "\f5a2"; }
/* END of Bootstrap icons */

/* Bootstrap menu update: do not collapse items! */
@media (max-width: 576px) {
	.navbar-nav {
		flex-direction: row;
	}
	.navbar-nav .nav-link {
		padding-right: 1rem;
	}
	.navbar-nav .dropdown-menu {
		position: absolute;
	}
	.noneifsmall {
		display: none;
	}
}

.show-sm {display: none;}

@media (max-width: 530px) {
	.hide-sm {
		display: none;
	}
	.show-sm {display: initial;}
}

/* Bootstrap Accordion update */
.accordion-button {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.accordion-body {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

@media print {
	.donotprint {display: none !important;}
	.showit {display: block !important;}
	body {padding: 0;}
/*	body {font-size: 9pt !important;}
	.prnt {
		max-width: 100% !important;
		width: 100% !important;
	}
	a[href]:after {content: none !important;}
*/
}
label.required:after { /* Symfony's forms label */
	content: " *";
}
.loading { /* for the whole screen */
	position: relative;
	height: 100vh;
	background: #ffffff url('../images/loading.gif') no-repeat 50% 50%;
	z-index: 999;
}
.loader { /* local use */
	background: transparent url('../images/loading.gif') no-repeat 50% 50%;
	height: 32px;
}

.bold {font-weight: bold !important;}
.bgwhite {background-color:#fff!important;}
.bggray {background-color:#F1F1F1!important;} /* Legacy css; articles */
.bggreen {background-color: #e8ffdd!important;}
.bgred {background-color: #f8b8b8!important;} /* old value: #fff0ec */
.bgorange {background-color: #fff8e1!important;}
.red {color:#900;}
.brightred {color:#f00;}
.gray {color:#999;}
.smaller {font-size: .9em;}
.bigger {font-size: 1.075em;}
.big {font-size: 1.15em;}
.extra-small {font-size: .75em;}
.w60 {width: 60px !important;}
.w80 {width: 80px !important;}
.w100 {width: 100px !important;}
.s2 {padding-right: 2px;}
.pointer {cursor:pointer;}
.remove-item, .remove-item > a {text-decoration: none;}

#jvbNav {
	z-index: 11;
	transition: height .3s;
}

/* The Modal (background) */
#jvbModal {
    display: none;
    position: fixed;
    padding-top: 55px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
    z-index: 99;
}
#modalWrapper {
	color: #000;
	background-color: #fff;
	width: 90%;
	margin: 0 auto 10px;
	padding: 20px 0;
}
#modalContentWrapper { /* modal content wrapper for #modalClose, #modalContent and #loading elements */
	position: relative;
}
.modal-header {border-bottom:none;}
.modal-dialog {margin: 80px auto;}
/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}
/* The Close Button */
#modalClose {
    position: absolute;
    top: -35px;
    right: 0;
    opacity: 0.6;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
#modalClose:hover, #modalClose:focus {
	color: #f00;
    opacity: .9;
    text-decoration: none;
    cursor: pointer;
}

/* .ui-autocomplete drop-down tuning; used everywhere in autocomplete searches */
.autocompl {
	width: initial!important;
	font-size: 0.8rem!important;
	max-height: 450px;
	overflow-y: auto;
	overflow-x: hidden;
}
.ui-menu-item { /* do not display scroll bars in autocomplete drop-down on focus */
	overflow: hidden;
}

/*animation block and its settings*/
#animsg {
	display: none;
	color: #900;
	font-size: .9em;
	animation: animsg 2s;
}
@keyframes animsg {
	0% {transform: scale(0);}
	50% {transform: scale(1);}
}
/* should be added to form error blocks to tune Symfony's form_errors() widget */
.errors > ul {
	padding-left: 0;
	margin-bottom: 0;
	color: #f00;
	font-size: .75em;
	list-style: none;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}
.fadeinout { /* element to smoothly fade in or out; see scripts.js: Jvb.c.fadeIn() and Jvb.c.fadeOut() */
	opacity: 0;
	transition: opacity 0.6s;
}
.logo14 {width: 14px;}
.logo20 {width: 20px;}