/* START BUTTONS */

button.try {
  appearance: none;
  border-radius: 50%;
  border: 0;
  background-color: #712cf9;
  color: #eee;
  cursor: pointer;
  font-family: inherit;
  font-weight: 900;
  letter-spacing: 0.0816em;
  position: relative;
  text-transform: uppercase;
  transition:
    background-color 0.25s ease-out,
    transform 0.5s ease-out;
}
button.try:hover {
  background-color: #a6a6a6;
  color: #fff;
}
.try {
  font-size: 1.2rem;
  height: 4rem;
  width: 4rem;
  margin: 0 0.7rem;
}
.bx.bx-plus-circle {
  margin-left: 0.4rem;
}
.try:hover {
  transform: scale(1.3333);
}
.try:hover .text {
  display: inline-block;
  transform: scale(0.75);
}
.try:hover ~ .buy {
  transform: scale(0.75);
}
.try .text {
  transition: transform 0.5s ease-out;
  transform: scale(1);
}

.button-fixed-bottom-right {
  position: fixed;
  bottom: 13%;
  right: 2.5%;
}

.button-fixed-bottom-right .btn {
  box-shadow: 5px 10px 18px #bfbfbf;
}
/* END BUTTONS */

/* START GENERAL  */

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

/* END  GENERAL */

/* START MENU  */
.metismenu li.active-menu {
  /* background: var(--bs-purple); */
  /* background: linear-gradient(135deg, #f95400, #ffaa80); */
  background-color: rgba(249, 84, 0, 0.1);
}

.bg-gradient-light {
  background: #f2f2f2;
  background: linear-gradient(0deg, #f2f2f2, #d9d9d9);
}

.metismenu li.active-menu .menu-title,
.metismenu li.active-menu .parent-icon {
  /* color: #fff; */
  font-weight: 600;
}
/* END  MENU */

/* START NOTIFICATION STYLE */
.snotify-success {
  background-color: #3bb001 !important;
}
.snotify-warning {
  background-color: #fd7e14 !important;
}
.snotify-danger {
  background-color: #e62e2e !important;
}
.snotify-info {
  background-color: #712cf9 !important;
}

.snotify-success .snotifyToast__body,
.snotify-warning .snotifyToast__body,
.snotify-danger .snotifyToast__body,
.snotify-info .snotifyToast__body {
  color: #fff !important;
}
.snotifyToast {
  border-radius: 0px !important;
}

/* END NOTIFICATION STYLE */
.text-violet {
  color: #8833ff;
}

.handMe {
  cursor: pointer;
}

.text-orange {
  color: orange;
}

.text-blue {
  color: #007bff !important;
}

.form-control-lg {
  font-size: 1rem;
}

.form-control {
  border: 1px solid #737373 !important;
}

th {
  font-weight: normal;
  text-transform: uppercase;
}

.multiselect-dropdown .dropdown-btn {
  line-height: 2.5 !important;
  border-radius: 0px !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
  border: 1px solid #e6e6e6 !important;
  background: #712cf9 !important;
  color: #fff !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
  border: 1px solid light !important;
  background: #712cf9 !important;
  max-width: none !important;
}

.sticky-table thead th {
  position: sticky;
  top: 16%;
  background-color: lightcyan; /* ou la couleur de ton header */
  z-index: 1020; /* au-dessus du corps */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
  color: #000 !important;
  vertical-align: middle !important;
}

/* reset de la flèche native */
select {
  appearance: none; /* Chrome, Edge, Safari */
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* anciens Safari */
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658c-.546-.608-.146-1.658.748-1.658h9.592c.894 0 1.294 1.05.748 1.658l-4.796 5.482a.5.5 0 0 1-.796 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1rem;
  padding-right: 2.2rem; /* espace pour l’icône */
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* flèche perso sur Firefox (optionnel) */
@-moz-document url-prefix() {
  select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658c-.546-.608-.146-1.658.748-1.658h9.592c.894 0 1.294 1.05.748 1.658l-4.796 5.482a.5.5 0 0 1-.796 0z'/%3E%3C/svg%3E");
  }
}

.text-purple {
  color: var(--bs-purple);
}

.text-cyan {
  color: var(--bs-cyan);
}

.text-success {
  color: #28a745 !important;
}

.text-teal {
  color: var(--bs-teal);
}

.text-pink {
  color: var(--bs-pink);
}

.text-yellow {
  color: var(--bs-yellow);
}

.text-info {
  color: rgb(13, 202, 240) !important;
}

.action .dropdown-item {
  color: #444d55;
}

.modal-title {
  font-size: 14px;
}

label {
  color: #000;
}

.bg-theme-doux {
  background-color: rgba(249, 84, 0, 0.1);
}

app-footer {
  position: absolute;
  bottom: 5px;
  width: 100%;
}

app-footer p {
  margin: auto;
}

.bg-success{
  background-color: #3bb001 !important;
}