@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap");

:root {
  /* rgb */
  --color-default: rgba(32, 34, 35, 1);
  --bs-primary-rgb: 171, 0, 117;
  --bs-primary: rgb(171, 0, 117);

  --bs-danger-rgb: 231, 85, 115;
  --bs-danger: rgb(231, 85, 115);
  --bs-danger-bg-subtle: rgb(250, 214, 237);

  --bs-success-rgb: 10, 207, 151;
  --bs-success: rgb(10, 207, 151);
  --bs-success-bg-subtle: rgb(147, 248, 219);

  --bs-secondary: #6c757d;
  --bs-secondary-rgb: 108, 117, 125;

  --bs-link-color: rgb(171, 0, 117);
  --bs-link-color-rgb: 171, 0, 117;
  --bs-link-hover-color-rgb: 171, 0, 117;

  --bs-pagination-font-size: 13px !important;
  --bs-pagination-active-bg: var(--bs-primary) !important;

  /* size */
  --ouio-font-size-default: 13px;

  --bs-dropdown-link-active-bg: var(--bs-secondary) !important;
  --bs-dropdown-link-active-color: var(--color-default) !important;

  /**/
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400 !important;
  line-height: 1.5rem;
  font-size: var(--ouio-font-size-default);
  background-color: #f6f6f7;
  color: var(--color-default) !important;
}

nav.navbar.custom-navbar {
  box-shadow: 0px 1px 3px rgb(0 0 0 / 20%);
}

.input-group-text,
.dropdown-menu,
.form-control,
.form-select,
.btn {
  font-size: var(--ouio-font-size-default) !important;
}

.card.card-custom .card-header {
  min-height: 70px;
  align-items: center;
  border-color: #ebedf3;
}

.card.card-custom .list-group-item {
  border-color: #ebedf3;
}

.card.card-custom.mi_ws_menu li i {
  opacity: 0.7;
  margin-right: 5px;
}

.separator.separator-dashed {
  border-bottom: 1px dashed #ebedf3;
}

/* ouio 2025 */
.dropdown-toggle.oo-dropdown-toggle::after {
  display: none;
}
.alert {
  border-radius: 0 !important;
}
.alert-success,
.alert-danger,
.alert-info,
.alert-warning {
  border-color: transparent;
  border-left: 4px solid rgb(var(--bs-dark-rgb));
}

.custom-table-min-height {
  min-height: 250px;
}
.vr {
  background-color: #dee2e6; 
  height: 100%;
}

/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(var(--bs-success-rgb), 0.9);
  --bs-btn-hover-border-color: var(--bs-success);
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-success);
  --bs-btn-active-border-color: var(--bs-success);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-success);
  --bs-btn-disabled-border-color: var(--bs-success);
}

.btn-outline-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-success);
  --bs-btn-hover-border-color: var(--bs-success);
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-success);
  --bs-btn-active-border-color: var(--bs-success);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-success);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-success);
  --bs-gradient: none;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
}

input::placeholder {
  color: #c6c4c4 !important;
}

.pagination {
  --bs-pagination-font-size: var(--ouio-font-size-default);
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
  --bs-pagination-hover-color: var(--bs-primary);
}

.dropdown-menu.oui-annonces i{
  opacity: 0.6;
  margin-right: 5px;
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.nav.nav-pills .nav-link.active {
  background-color: var(--bs-primary);
}

.spinner-overlay {
  backdrop-filter: blur(2px);
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 1050;
  display: flex; 
  align-items: center;
  justify-content: center;
}

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