body {
    padding-top: 0px;
    background-color: #f8f9fa;
}

a {color:#575757}
.table-dark {
--bs-table-bg:#06486b;
}	
.btn-group-lg>.btn, .btn-lg {
    --bs-btn-padding-y: 0.375rem; 
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.bg-navtop{
	background-color: #0e93d4;
}
.bg-navbottom{
	background-color: #0a72a8;
}
.navbar-nav {
    --bs-nav-link-color:#ffffff;
}
.col-bt-action{background:#0a72a8;color:#ffffff}
.col-mess-succes{color:#28a745}
.col-mess-info{color:#17a2b8}
.col-mess-alerte{color:#ffc107}
.col-mess-erreur{color:#dc3545}
.col-warning{color:#a60303}
.col-pdf{color:#BC0000}
.col-edit{color:#dc3545}


.btn-primary {
	background-color:#0a72a8;
	border: none;
}

.bg-dark{background-color: #333333}
.bg-occupe{background-color: #D47D00}

.table-dark-light{--bs-table-bg:#666666;}
.table-liste{width: 100%;padding:1%}
.refcommande{flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: column;
-webkit-flex-direction:column;	
display: flex;
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
align-items: stretch;	
-webkit-align-items:stretch;
justify-content: space-around;
-webkit-justify-content: space-around;width:100%;margin-bottom:10px;padding:1%  }
.lignecommande{background-color: #3358B0;color: #FFFFFF;padding:1%}
.lignecommande{background-color: #3358B0;color: #FFFFFF;padding:1%}
.colbg-disabled{background-color: #474747;color: #B7B7B7}
.colbg-warning{background-color: #DB7A00}
.lignecommande,
.lignehebergement {
text-align:center;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: row;
-webkit-flex-direction:row;	
display: flex;
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
align-items: stretch;	
-webkit-align-items:stretch;
justify-content: space-between;
-webkit-justify-content: space-between;padding:1%
}
.listeunites{border:1px solid #cccccc}


.card {
    margin-bottom: 20px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header {
    font-weight: bold;
}

.table-responsive {
    overflow-x: auto;
}

.badge {
    font-size: 0.85em;
}

.pagination .page-item.active .page-link {
    background-color: #0a72a8;
    border-color: #0a72a8;
	color: #FFFFFF;
}

.pagination .page-link {
    color: #0a72a8;
}

.pagination .page-link:hover {
    color: #1A04A7;
}

.navbar {
    margin-bottom: 20px;
}

.alert {
    margin-top: 20px;
}

.bt-primary, .bt-warning{text-decoration: none;padding:2px} 
.bt-primary{color:#333333}
.bt-primary:hover{ color:#107700}
.bt-warning{color:#C30003}
.bt-warning:hover{ color:#E40003}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}
```