.sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	padding: 90px 0 0;
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
	z-index: 99;
	width: 220px;
	background: #212529;
	color: #212529;
  }
  
  @media (max-width: 767.98px) {
	.sidebar {
	  top: 11.5rem;
	  padding: 0;
	}
  }
  
  .navbar {
	box-shadow: inset 0 -0.5px 0 rgba(0, 0, 0, .1);
  }
  
  @media (min-width: 767.98px) {
	.navbar {
	  top: 0;
	  position: fixed;
	  z-index: 1001;
	  width: 100%;    
	}
	.main {
	  padding-right: 40px;
	  margin-left: 220px;
	  width: calc(100% - 220px);
	}
  }
  
  .dropdown-toggle {
	outline: 0;
  }
  
  .nav-flush .nav-link {
	border-radius: 0;
  }
  
  .btn-toggle {
	display: inline-flex;
	align-items: center;
	padding: .25rem .5rem;
	font-weight: 600;
	color: #fff;
	background-color: transparent;
	border: 0;
	font-size: .925rem;
  }
  
  .btn-toggle:hover,
  .btn-toggle:focus {
	color: #fff;
  }
  
  .sidebar-link {
	color:#ced4da;
  }
  
  .sidebar-link:hover,
  .sidebar-link:focus {
	color: #fff;
  }
  
  .btn-toggle::before {
	color: #fff;
	width: 1.25em;
	line-height: 0;
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	transition: transform .35s ease;
	transform-origin: .5em 50%;
  }
  
  .btn-toggle[aria-expanded="true"] {
	color: #fff;
  }
  
  .btn-toggle[aria-expanded="true"]::before {
	transform: rotate(90deg);
  }
  
  .btn-toggle-nav a {
	display: inline-flex;
	padding: .1875rem .5rem;
	margin-top: .125rem;
	margin-left: 1.25rem;
	text-decoration: none;
  }
  
  .scrollarea {
	overflow-y: auto;
  }
  
  .fw-semibold {
	font-weight: 600;
  }
  
  .lh-tight {
	line-height: 1.25;
  }
  
  .feather {
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
  }
  
  body {
	background-color: #eaebec;
  }
  
  .page-header-title {
	width: 100% !important;
  }
  
  .table {
	font-size: .8rem;
  }
  
  .header-nav-link {
	border-radius: 0 !important;
	color: #6c757d;
  }
  
  .header-nav-link.active {
	background-color: #dee2e6 !important;
	color: #6c757d !important;
	border-bottom: 2px solid #0d6efd;
  }
  
  .pointer {
	cursor: pointer;
  }
  
  .cursor-default {
	cursor: default;
  }
  
  .table-header {
	border-bottom: 1px solid #9ec5fe;
  }
  
  .table-filters {
	background: var(--bs-card-cap-bg);
  }
  
  .pagination-text {
	text-decoration: none;
	color: #212529;
	font-size: .875rem;
  }
  
  .sort-icon {
	opacity: 0;
  }
  
  .table-header:hover:not(a) .sort-icon {
	opacity: 1;
  }
  
  .list-group-item, .page-link, .dropdown-item, .page-header-tabs, .text-span {
	font-size: .875rem;
  }
  
  .settings-title {
	background: var(--bs-card-cap-bg);
  }
  
  .toast-alert {
	z-index: 4000;
	top: 1%!important;
	right: 0.5%!important;
  }
  
  .btn-user-circle {
	margin-right: 10px;
	width: 40px;
	background: transparent;
	height: 40px;
	text-align: center;
	border-radius: 40px;
	border: 0;
	font-size: 1rem;
	background-color: #dee2e6;
  }
  
  .btn-user-circle:hover, .top-notification-circle:hover {
	background-color: #ced4da;
  }
  
  .btn-user-circle:active, .top-notification-circle:active, .btn-user-circle:focus, .top-notification-circle:focus{
	background-color: #adb5bd;
  }
  
  .top-notification-circle {
	margin-right: 15px;
	width: 40px;
	background: transparent;
	height: 40px;
	text-align: center;
	border-radius: 40px;
	border: 0;
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #dee2e6;
  }
  
  .top-notification-circle i {
	font-size: 1.2rem;
  }
  
  .dropstart .dropdown-menu[data-bs-popper] {
	top: 42px;
	right: 20px;
	left: auto;
	margin-top: 0;
  }
  
  .xe-form-switch {
	vertical-align: middle;
  }
  
  .modal-title, .modal-body p {
	font-size: .900rem;
  }
  
  .card-header {
	font-size: .925rem;
  }
  
  .btn-tag {
	--bs-btn-padding-y: 0rem;
	--bs-btn-padding-x: 0.4rem;
	--bs-btn-font-size: 0.750rem;
	--bs-btn-border-radius: 0.8rem;
  }
  
  .btn-primary {
	--bs-btn-active-bg: #cfe2ff;
	--bs-btn-active-color: #0a58ca;
  }
  .btn-secondary {
	--bs-btn-active-bg: #f8f9fa;
	--bs-btn-active-color: #6c757d;
  }
  .btn-success {
	--bs-btn-active-bg: #d1e7dd;
	--bs-btn-active-color: #146c43;
  }
  .btn-danger {
	--bs-btn-active-bg: #f8d7da;
	--bs-btn-active-color: #b02a37;
  }
  .btn-warning {
	--bs-btn-active-bg: #fff3cd;
	--bs-btn-active-color: #997404;
  }
  .btn-info {
	--bs-btn-active-bg: #cff4fc;
	--bs-btn-active-color: #087990;
  }
  .btn-light {
	--bs-btn-active-bg: #98a7b6;
	--bs-btn-active-color: #6c757d;
  }
  .btn-dark {
	--bs-btn-active-bg: #ced4da;
	--bs-btn-active-color: #495057;
  }
  
  .tag-li {
	margin-left: 5px;
  }
  
  .contact-card-text, .contact-left-text {
	font-size: .9rem;
  }
  
  .nav-contact-link, .nav-contact-link:hover {
	color: var(--bs-nav-underline-link-active-color);
  }
  
  .card-contact-title {
	font-size: 1.1rem;
  }
  
  .card-contact-subtitle  {
	font-size: .9rem;
  }
  
  .nav-contact-link {
	font-size: .925rem;
  }
  
  .btn-contact-save {
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
  }
  
  .span-category {
	margin-left: .5rem;
	font-size: .875rem;
  }
  
  .dots-category {
	margin-left: 90%;
  }
  
  .card-header {
	max-height: 35px;
  }
  
  .tag-dropdown {
	text-align: right !important;
  }
  
  #dropdown-categories:not(.dropdown-categories-filters) {
	width: 40%;
  }
  
  .dropdown-categories-filters, .dropdown-tags-filters {
	width: 20%;
  }
  
  .category-li {
	font-size: .9rem;
	margin-left: 10px;
  }
  .category-li input {
	font-size: .8rem;
  }
  
  .btn-category {
	background-color: #eaebec;
	--bs-btn-padding-y: 0rem;
	--bs-btn-padding-x: 0.4rem;
	--bs-btn-font-size: 0.750rem;
	--bs-btn-border-radius: 0.2rem;
  }
  
  .form-error li {
	text-decoration: none;
	font-size: .8rem;
  }
  
  .brand-img, .warehouse-img {
	max-height: 100px;
  }
  
  .product-img {
	max-height: 230px;
  }
  
  .delete-img-text {
	font-size: .9rem;
  }
  
  .dots-brand {
	margin-left: 90%;
  }
  
  .main-container {
	  margin-top: 3.5rem;
  }
  
  .page-header {
	  position: fixed;
	  width: calc(100% - 220px);
	  z-index: 1000;
  }
  
  .page-container {
	  margin-top: 7.5rem;
  }
  
  .contact-left-action-link:hover {
	  text-decoration: underline !important;
  }
  
  .contact-left-title {
	  font-size: .9rem;
	  font-weight: 500;
  }
  
  .contact-left-bullets {
	  font-size: .9rem;
	  list-style-type: none;    
  }
  
  .alert-span {
	font-size: .9rem;
  }
  
  .appointment-card-title {
	font-weight: 500;
  }
  
  .appointment-state-badge {
	font-weight: 500;
  }
  
  .bottom-right {
	right: 1rem;
	bottom: .5rem;
	position: absolute;
  }
  
  .bottom-right2 {
	right: 2.5rem;
	position: absolute;
  }
  
  .notification-badge {
	font-size: .8rem;
	font-weight: 300;
	font-style: normal;
  }
  
  .user-notification-title {
	font-size: .925rem;
	font-weight: 600;
	margin-left: 15px;
  }
  
  .user-notification {
	border-bottom: 1px solid #e9ecef;
	margin-bottom: 8px;
  }
  
  .user-notification-message {
	font-size: .925rem;  
	margin-bottom: 0;
	margin-top: 3px;
  }
  
  .user-notification-circle {
	font-size: .7rem;
  }
  
  .user-notification-date {
	margin-left: 26px;
	font-size: .85rem;
	margin-top: 0;
  }
  
  .user-notification-p {
	margin-bottom: 0;
	margin-left: 26px;
  }
  
  .offcanvas-body {
	padding-top: 0;
  }
  
  .history-div {
	border-bottom: 1px solid #e9ecef;
	margin-bottom: 8px;
  }
  
  .history-circle {
	font-size: .7rem;
  }
  
  .history-title {
	font-size: .95rem;
	font-weight: 600;
	margin-left: 15px;
  }
  
  .history-value {
	font-size: .95rem;
	margin-left: 30px;
	margin-bottom: 0;
  }
  
  .history-date-user {
	margin-left: 30px;
	font-size: .85rem;
	margin-top: 0;
  }
  
  .top-deplacement-card {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: .5rem;  
  }
  
  .top-deplacement-card label {
	margin-left: 1rem;
  }
  
  .top-deplacement-start-recuperation {
	right: 1rem;
	position: absolute;
	font-size: .925rem;
	margin-top: .3rem;
  }
  
  .home-top-cards {
	margin-left: 5%;
	text-align: center;
  }
  
  .synchronisation-cards {
	text-align: center;
  }
  
  .home-top-cards .row .col-sm-3 .card {
	width: 70%;
  }
  
  .home-top-cards .row .col-sm-3 .card .card-body h3 {
	font-size: 2.5rem;
  }
  
  .home-top-cards .row .col-sm-3 .card .card-body p {
	font-size: .9rem;
  }
  
  .home-top-cards .row .col-sm-3 .card {
	height: 120px;
  }
  
  #map { height: 500px; }
  
  .synchronisation-cards .row .col-sm-3 .card {
	width: 100%;
  }
  
  .synchronisation-cards .row .col-sm-3 .card {
	height: 130px;
	margin-bottom: 15px;
  }
  
  .synchronisation-cards .row .col-sm-3 .card .card-body h5 {
	text-align: left;
	font-size: .975rem;
	margin-bottom: .25rem;
  }
  
  .synchronisation-cards .row .col-sm-3 .card .card-body p {
	text-align: left;
	font-size: .875rem;
	margin-bottom: 0;
  }
  
  .synchronisation-cards .row .col-sm-3 .card .card-body .bottom-right2 {
	font-size: 1.4rem;
	margin-bottom: 0;
	bottom: .25rem;
  }
  
  .synchronisation-cards .row .col-sm-3 .card .card-body .spinner-border {
	margin-top: 0;
	float: left;
  }
  
  .start-20 {
	left: 10% !important;
  }
  
  td[contenteditable="true"]:focus {
	background-color: transparent;
	outline: 0;
	border-bottom: none;
  }
  
  .location-product-categories-filters .btn-check:checked+.btn {
	background-color: rgb(248, 249, 250);
	font-size: .925rem;
	border-color: #6c757d;
  }
  
  .location-product-categories-filters .btn-check+.btn {
	font-size: .925rem;
  }
  
  .location-add-link {
	font-size: .9rem;
	text-decoration: none;
	color: #0d6efd;
  }
  
  .location-add-link i {
	opacity: 1;
	font-weight: bold;
  }
  
  .input-td, .select-td {
	border: none;
	background-color: transparent;
	width: 100%;
  }
  
  .input-td:focus-visible {
	outline: 0;
  }
  
  .select-td:focus-visible {
	outline: 0;
  }
  
  .option-div {
	border: 1px solid red;
  }
  
  .location-option-span {
	font-size: .975rem;
	font-weight: 500;
  }
  
  .location-simulation-option-text {
	font-size: .875rem;
	max-height: 190px;
	overflow: scroll;
  }
  
  .location-option-top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
  }
  
  .location-duree-check {
	width: 90%;
  }
  
  .div-location-amounts {
	border: 2px solid #fd7e14;
	border-radius: .3rem;
	margin-bottom: 5px;
  }
  
  .div-apport, .div-mensualite {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
  }
  
  #apport-label, #mensualite-label {
	font-weight: 600;
  }
  
  #apport-value {
	font-size: 1.8rem;
	font-weight: 700;
  }
  
  #mensualite-value {
	font-size: 2rem;
	font-weight: 700;
	color: #fd7e14;
  }
  
  .location-simulation-option-text, .location-simulation-option-text p {
	margin-bottom: 0 !important;
	font-size: 14px !important;
  }
  
  #summary-step-1 a {
	font-size: .925rem;
	font-weight: 600;
	text-decoration: underline;
	color: #212529;
  }
  
  #summary-step-2 a {
	font-size: .925rem;
	font-weight: 600;
	text-decoration: underline;
	color: #212529;
  }
  
  #summary-step-2-current span {
	font-size: .925rem;
	font-weight: 500;
	color: #212529;
	margin-left: 20px;
  }
  
  .contrats-coordonnees {
	margin-left: 8px;
  }
  
  .mensualite-button {
	margin-bottom: 5px;
  }