/*BT 5 */

html {
	overflow-x: hidden;
	font-size: 8pt;
}

.breadcrumb {
	background-color: rgba(var(--bs-secondary-bg-rgb));
	padding: 5px;
}

input:read-only {
background-color: var(--bs-secondary-bg);
}

.select2-container--bootstrap-5 .select2-selection {
	border-radius: unset !important;
}

.datepicker {
	border-radius: unset !important;
}

.bg-primary, .bg-secondary, .bg-danger, .bg-info, .bg-warning, .bg-success,
.btn-primary, .btn-secondary, .btn-danger, .btn-info, .btn-warning, .btn-success {
	color: var(--bs-light);
}

.bg-primary:hover, .bg-secondary:hover, .bg-danger:hover, .bg-info:hover, .bg-warning:hover, .bg-success:hover,
.btn-primary:hover, .btn-secondary:hover, .btn-danger:hover, .btn-info:hover, .btn-warning:hover, .btn-success:hover {
	color: var(--bs-light);
}

/*BT 5 */

.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-text {
	color:rgba(255,255,255,.75);
}

.navbar {
	height: 70px;
	font-size: 12pt;
}

body > main {
	margin-top: 70px;
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
color:rgba(255,255,255,1)
}

.sidebar {
transition:all 1s;
/*overflow-y: auto;*/
position:relative;
z-index:2;
min-height:/*position: fixed;*/
100vh
}

.sidebar ul li a {
display:block;
padding:.4rem 1rem;
color: var(--bs-body-color);
text-decoration:none;
font-size:13px
}

.sidebar ul li a:hover,.sidebar ul .active a {
color:rgba(255,255,255,1) !important;
background:#003689
}

.sidebar ul ul a {
padding-left:2.5rem;
border-right:2px solid #003689
}

.sidebar [data-bs-toggle="collapse"] {
position:fixed;
}

.sidebar-catalogue {

	margin-left: -16px;
	margin-top: -40px;
}

.sidebar [data-bs-toggle="collapse"]:before {
content:"\f0d7";
font-family:"Font Awesome 5 Free";
font-weight:900;
position:absolute;
right:1rem
}

.sidebar.toggled {
margin-left:-160px
}

.sidebar.menu-shadow {
-webkit-box-shadow:1px 0 20px rgba(0,0,0,0.1);
box-shadow:5px 0 20px rgba(32, 31, 31, 0.49)
}

.text-bold-400 {
font-weight:400
}

@media (max-width: 768px) {
#Logo {
width:15%;
}

#Logo img {
width:90%
}

.sidebar {
margin-left:-160px
}

.sidebar.toggled {
margin-left:0
}

footer.footer {
width:100%!important;
margin-left:0!important
}

}

.left-bg {
background:rgba(0,0,0,0) url(/assets/img/nuages.svg) no-repeat scroll 0 0;
height:100px;
left:0;
position:relative;
z-index:1
}

.time {
text-align:center;
color:#707070;
margin-top:-50px;
font-size:9px;
line-height:1px;
margin-bottom:5px
}

.tab-content > .active {
padding:1rem
}

footer.footer {
font-size:10px;
position:fixed;
bottom:0;
left:0;
height:30px;
padding:0 1rem;
line-height:30px;
background:#fff;
border-top:1px solid #ccc;
width:calc(100%);
z-index:1
}

.activeLi:before {
content:" ";
background:url(/ui/img/actif.png);
width:8px;
height:8px;
margin-left:-10px;
position:absolute;
margin-top:8px
}

/*LOAD PAGE EFFET QUI TU :*/
.fade-in {
	animation:fadeIn ease 2s;
}

@keyframes fadeIn {
	0% {
	opacity:0
	}

	100% {
	opacity:1
	}
}

.page-item.active .page-link {
z-index:1;
color:#fff;
background-color:#003689!important;
border-color:#58A500!important
}

.nav-pills .nav-link.active,.nav-pills .show > .nav-link {
color:#fff;
background-color:#003689!important
}

.profile-header {
background-color:rgba(var(--bs-secondary-bg-rgb));
padding:2px;
margin:2px
}

.btn-group-sm > .btn,.btn-sm {
margin:2px!important
}

.tab-content {
border:1px solid rgba(0,0,0,.125);
padding:15px
}

.nav-link {
border: none!important;
}

.help-hint {
	border-bottom: 1px dotted black;
	cursor: help;
}

.navbar-color {
	background-color: #83C0C1;
}

.htmx-request button, button.htmx-request{
	background-size: 400% 400%;
	background-image: radial-gradient(circle at 100%, rgba(0, 0, 0, 0) 0%, white 100%);
	animation: gradient 2s alternate linear infinite;
}

#Menu {
	min-width: 220px;
}

.mt--5 {
	margin-top: -3rem !important;
}

#innerMenu{
	position: fixed;
	width: 220px;
}

@keyframes gradient {
	0% {
		background-position: 0;
	}
	100% {
		background-position: 100%;
	}
}

select.inline {
	display: inline;
	width: 220px;
}

.wide-select {
	flex: 1 1 auto;
}

.bootstrap-select button {
	background-color: white;
}

span[data-bs-toggle=popover] {
	border-bottom: 1px dotted grey;
}

#innerMenu {
	font-size: 10pt;
	white-space: nowrap;
	overflow: clip;
}

#innerMenu .form-check-label > input {
	display: none;
}

#innerMenu .form-check-label:hover {
	cursor: pointer;
	font-weight: bold;
}

#innerMenu .form-check-label:has(>:checked) {
	margin: 5px -3px;
}

#innerMenu .form-check-label:has(>:checked) > span {
	font-weight: bold;
	border: 1px solid var(--bs-info);
	padding: 3px;
	background-color: var(--bs-info-bg-subtle);
	border-radius: var(--bs-border-radius-sm);
}

#innerMenu .form-check .has-chevron:before {
	content: '\F234';
	font-family: "Bootstrap-icons";
	padding-right: 3px;
}

#innerMenu .form-check:has(+.show) .has-chevron {
	font-weight: bold;
}

#innerMenu .form-check:has(+.show) .has-chevron:before {
	content: '\F22C';
}