html, body {
	overflow-x: hidden; /* Prevent scroll on narrow devices */
}
@media (max-width: 991.98px) {
	.offcanvas-collapse {
		position: fixed;
		top: 56px; /* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: #343a40;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	}
	.offcanvas-collapse.open {
		visibility: visible;
		transform: translateX(-100%);
	}
}
.bg-purple {
	background-color: #6f42c1;
}
.breadcrumb.navi a { color:#808080; }
.breadcrumb.navi a:hover { color:#3c3c3c; }

.b-example-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.form-control-dark {
	color: #fff;
	background-color: var(--bs-dark);
	border-color: var(--bs-gray);
}
.form-control-dark:focus {
	color: #fff;
	background-color: var(--bs-dark);
	border-color: #fff;
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}
.bi {
	vertical-align: -.125em;
	fill: currentColor;
}
.text-small {
	font-size: 85%;
}
.dropdown-toggle {
	outline: 0;
}

.b-example-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.bi {
	vertical-align: -.125em;
	fill: currentColor;
}

html, body {
	height: 100%;
}
.form-signin, .form-signup {
	width: 100%;
	max-width: 330px;
	padding: 15px;
	margin: auto;
}
.form-signup {
    max-width: 380px;
}
.form-signin .checkbox, .form-signup .checkbox {
	font-weight: 400;
}
.form-signin .form-floating:focus-within, .form-signup .form-floating:focus-within {
	z-index: 2;
}
.form-signin input[type="email"], .form-signup input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"], .form-signup input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.form-label { font-weight: 600; }
.input-group-append .input-group-text { padding: 0; }
.input-group-append .input-group-text .toggle_hide_password { padding: 1.1rem .75rem; }
.mt-05 { margin-top: 0.125rem!important; }
.small { font-size: .875em; }
.navbar-collapse { z-index: 1; }
table thead { border-bottom: 1px solid #202124; }
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}
@media (min-width: 576px) {
	.container, .container-sm {
		max-width: 97%;
	}
}
.progress { height: 2rem; }
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.nav-link { padding: .5rem 1rem !important; }
.breadcrumb.navi {
	margin: 5px -20px 15px;
	border-radius: 0px;
	padding: 10px 0 10px 20px;
	background-color: var(--breadcrumb-vg);
}
@media (max-width: 992px) {
	.navbar-collapse {
		position: absolute;
		width: 200px;
		right: 0;
		top: 100%;
		background-color: #212529;
		border: 1px solid rgb(255 255 255 / 15%);
		border-radius: 0.25rem;
	}
	.container, .container-md, .container-sm {
		max-width: 98%;
	}
}
#navbar li a:hover { text-shadow:0px 0px 10px rgba(255,255,255,0.5);}
.alert-expired, .alert-mark-1 { color:#842029 !important;background-color:#f8d7da !important;border-color:#f5c2c7 !important; }
.alert-mark-2 { color:#664d03 !important;background-color:#fff3cd !important;border-color:#ffecb5 !important; }
.alert-mark-3 { color:#0f5132 !important;background-color:#d1e7dd !important;border-color:#badbcc !important; }
.alert-mark-4 { color: #055160 !important;background-color: #cff4fc !important;border-color: #b6effb !important;}
.dropdown-toggle:hover::after, .dropdown-toggle.show::after { color:white; }
.dropdown-menu li { position: relative; }
.dropdown-menu .dropdown-submenu {
	display: none;
	position: absolute;
	left: 100%;
	top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
	right: 100%;
	left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu { display: block; }
.dropdown-menu .fas { min-width: 20px; padding-right: 5px; }
.notif-panel { min-width: 350px; }
.notif .update { display: none;cursor: pointer; }
.notif:hover .update { display: block; }
.notif .update:hover { opacity: 1 !important; }

.form-floating-group input {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.stamp {
	transform: rotate(12deg);
	color: #555;
	font-size: 3rem;
	font-weight: 700;
	border: 0.25rem solid #555;
	display: inline-block;
	padding: 0.25rem 1rem;
	text-transform: uppercase;
	border-radius: 1rem;
	font-family: 'Courier';
	-webkit-mask-image: url('/assets/grunge.png');
	-webkit-mask-size: 944px 604px;
	mix-blend-mode: multiply;
}
.is-nope {
	color: #D23;
	border: 0.5rem double #D23;
	transform: rotate(3deg);
	-webkit-mask-position: 2rem 3rem;
	font-size: 2rem;  
}
nav li.tour-active-element a, nav li.tour-active-element a span { color:black !important; }
.popover-tour .popover-footer .btn { font-size:14px; }
h1.title, h2.title, h3.title, h4.title, h5.title {
	position: relative;
    float: left;
    clear: both;
    padding: 5px 12px 5px 12px;
    margin-left: -30px;
    margin-bottom: 15px;
    -webkit-box-shadow: 2px 5px 10px rgb(49 58 70 / 15%);
    -o-box-shadow: 2px 5px 10px rgba(49,58,70,.15);
    box-shadow: 2px 5px 10px rgb(49 58 70 / 15%);
}
.fc-theme-bootstrap a:not([href]){color:inherit;text-decoration:inherit}
.fc-theme-bootstrap .fc-list,.fc-theme-bootstrap .fc-scrollgrid,.fc-theme-bootstrap td,.fc-theme-bootstrap th{border:1px solid var(--bs-gray-400)}
.fc-theme-bootstrap .fc-scrollgrid{border-bottom-width:0;border-right-width:0}
.fc-theme-bootstrap-shaded{background-color:var(--bs-gray-200)}
.form-control:disabled { background-color: var(--bs-form-control-disabled-bg); }
.trumbowyg-box { min-height: 250px; }
.trumbowyg-box .trumbowyg-editor { min-height: 210px; }
#navOptions ul, #tasks .dropdown-menu { background-color: rgba(var(--bs-block-rgb)) !important; }
.bg-block { background-color: rgba(var(--bs-block-rgb)) !important; }
.modal { --bs-modal-bg: var(--bs-modal-bg-hex); }
.form-control,.form-select { background-color: var(--bs-form-control-bg); }
.nav-link { color: var(--text-secondary); }
.form-floating:not(.form-control:disabled)::before {
	background-color: #e8f0fe;
	height: auto;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: var(--bs-nav-tabs-link-active-bg2);
	border-bottom: none !important;
}