body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  font-family: 'Manrope';
}
#loading-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  font-size: 24px;
  color: #555;
}

/* Ellipsis animation */
#loading-text::after {
  content: '';
  display: inline-block;
  width: 1em;
  text-align: left;
  animation: dots 1s steps(3, end) infinite;
}

/* Keyframes for dots animation */
@keyframes dots {
  0% { content: ''; }
  33% { content: '.'; }
  66% { content: '..'; }
  100% { content: '...'; }
}

/* Style for spinner */
.spinner {
  border: 6px solid #f3f3f3; /* Light gray border */
  border-top: 6px solid #a0c3a1; /* Custom color for the spinner */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

/* Spinner animation */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Loading text container */
#loading-text {
  margin-left: 15px;
}


.double_score_panel_container {
    width: 100%!important;
    height: auto!important;
    display: flex!important;
    flex-direction: row!important;
    align-items: center!important;
    justify-content: center
}
.score_panel_bar_value.left.exterior {
    background-color: #695186;
}
.score_panel_bar_value.right.exterior {
    background-color: #beafd3;
}
.score_panel_bar_value.left.interior {
    background-color: #245967;
}
.score_panel_bar_value.right.interior {
    background-color: #4698ae;
}
.score_panel_bar_value.left.cargo {
    background-color: #b94a29;
}
.score_panel_bar_value.right.cargo {
    background-color: #d8b0a3;
}
.score_panel_bar_value.left.digital {
    background-color: #1f497d;
}
.score_panel_bar_value.right.digital {
    background-color: #558ed5;
}
.double_score_panel_container .score_panel_table {
    width: 100%!important;
    height: 17px!important;
    font-size: 15px!important;
    font-weight: 500!important;
    font-stretch: normal!important;
    font-style: normal!important;
    line-height: 1.4!important;
    letter-spacing: normal!important;
    text-align: center!important;
    color: #fff
}

.double_score_panel_container .score_panel_table.size_compact,.double_score_panel_container .score_panel_table.size_mashed {
    font-size: 10px
}

.double_score_panel_container .score_panel_table td {
    padding: 1px 2px;
    font-size: 10px!important;
}

.double_score_panel_container .score_panel_table .score_panel_first_column {
    width: 30px!important;
    text-align: right
}

.double_score_panel_container .score_panel_table .label {
    height: 13px!important;
    font-size: 11px!important;
    font-weight: 700!important;
    font-stretch: normal!important;
    font-style: normal!important;
    line-height: 1.38!important;
    letter-spacing: .32px!important;
    color: #aeaeae
}

.double_score_panel_container .score_panel_table .label .text {
    margin: 0 auto!important;
    width: 90px!important;
}

.double_score_panel_container .score_panel_table .score_panel_bar_container {
    border-radius: 10px!important;
    position: relative!important;
    width: 100%!important;
    height: 15px!important;
    background-color: #e4e4e4!important;
}

.double_score_panel_container .score_panel_table .score_panel_bar_container .score_panel_bar_value {
    position: relative!important;
    border-radius: 7px!important;
    height: 15px!important;
    font-size: 13px!important;
    color: #fff!important;
    display: flex!important;
    align-items: center;
}

.double_score_panel_container .score_panel_table .score_panel_bar_container .score_panel_bar_value.left {
    justify-content: flex-end;
}

.double_score_panel_container .score_panel_table .score_panel_bar_container .score_panel_bar_value.right {
    text-align: left!important;
    justify-content: flex-start;
}

.double_score_panel_container .score_panel_table .score_panel_bar_container .score_panel_bar_value .score_panel_bar_value_text {
    margin: 0 6px!important;
    height: 15px!important;
    font-size: 13px!important;
    font-weight: 500!important;
    font-stretch: normal!important;
    font-style: normal!important;
    line-height: 1.3!important;
    letter-spacing: .4px!important;
    color: #fff;
}

.dark-green {
  color: #526352;
}

.light-green {
  color: #a0c3a1;
}
html {
  height: -webkit-fill-available;
}

.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  background-color: var(--bs-tertiary-bg);
}

.btn-toggle::before {
  width: 1.25rem;
  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='rgba%280,0,0,.5%29' 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%;
}

[data-bs-theme="dark"] .btn-toggle::before {
  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='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

#toggle-sidebar {
  transition: transform 0.3s ease;
}
  
#toggle-sidebar.rotated {
  transform: translateX(calc(-12.4vw)) rotate(90deg);
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  max-width: 190px;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: var(--bs-tertiary-bg);
}
.btn-toggle-nav a.active {
  background-color: var(--bs-success-bg-subtle) !important;
  color: var(--bs-dark) !important;
}
#toggle-sidebar-btn {
  position: fixed; 
  top: 20px; 
  right: calc(100% - 280px - 50px); 
  z-index: 1010;  
  cursor: pointer;  
  padding: 10px;  
  background-color: #007BFF; 
  color: white;  
  border-radius: 5px; 
}
#toggle-sidebar-btn:hover {
  background-color: #0056b3; 
}
.flex-shrink-0 {
  transition: transform 0.5s ease-in-out;   /* Animation de la largeur de la sidebar */
}
#my-sidebar {
  position: relative; /* Garde la position relative par défaut */
  transition: left .85s ease; /* Ajoute une transition sur la propriété 'left' */
}

#toggle-sidebar {
  cursor: pointer;
  border: none;
  background-color: transparent; /* Fond transparent pour le bouton */
}

.label-default{
background-color: #526352;
}
.material-switch>label.switch {
background-color: #a0c3a1;
}
.switch label .lever {
  background-color: #526352;
}
th {
  width: 1px;
  font-size: 15px;
}
td {
  font-size: 11px;
}
#numbcrit {
  display: block !important;
  visibility: visible !important;
}