:root {
  --arinao-color: #3373c9;
  --producteur-color: #906e9f;
  --spectacle-color: #3195a5;
  --lieu-color: #9fc76f;
  --organisateur-color: #dd9c01;
  --salarie-color: #0ab7da;
  --booking-color: #f5776f;
  --frais-color: #bfbfbf;
  --com-color: #bda082;
}


html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}
.card-equal-height {
  min-height: 180px;  
}
.card-spacing {
  margin-right: 15px;
  margin-bottom: 15px;
}
.row.grid-equal {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 colonnes de taille égale */
  gap: 20px;  /* Espace entre les cartes */
  align-items: stretch;
}

body.show-spinner>main {
  overflow: hidden !important;
}
.height-45 {
  height: 45px !important;
  width: 45px !important;
}
.height-55 {
  height: 55px !important;
  width: 55px !important;
}
/* Hide everything under body tag */
body.show-spinner>* {
  opacity: 0;
}
.logo-single {
  width: 150px;
  height: 150px !important;
  object-fit: cover;
  margin-bottom: 0px !important;
}

.button-circle {
  border-radius: 50%;
  width: 50px;
  height: 50px !important;
  padding: 0px;
  line-height: 50px !important;
  text-align: center;
  background: #008ecc;
  color: #fff !important;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin-right: 10px;
}
.button-circle.arinao {
  background: var(--arinao-color) !important;
}
.button-circle.salarie {
  background: var(--salarie-color) !important;
}
.button-circle.lieu {
  background: var(--lieu-color) !important;
}
.button-circle.organisateur {
  background: var(--organisateur-color) !important;
}
.button-circle.spectacle {
  background: var(--spectacle-color) !important;
}
.button-circle.producteur {
  background: var(--producteur-color) !important;
}
.button-circle.booking {
  background: var(--booking-color) !important;
}
.button-circle.frais {
  background: var(--frais-color) !important;
}
.button-circle.com {
  background: var(--com-color) !important;
}

/* Spinner */
body.show-spinner::after {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.3);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.blue{
  color: #008ecc !important;
}
.mt-10 {
  margin-top: 20px;
}
.mt-20 {
  margin-top: 40px;
}
.mt-40 {
  margin-top: 80px;
}
.fs-40 {
  font-size: 40px;
}
.fs-30 {
  font-size: 30px;
}
.lh-35 {
  line-height: 35px !important;
}
.green {
  color: #216407;
}
.grey {
  color: #8f8f8f;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 40
}
.card .card-title {
  margin-bottom: 0.5rem !important;
}
.vich-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}
.img-avatar-topnav {
  width: 100px;
  max-height: 100px;
  border-radius: 50%;
  object-fit: cover;
}

.montant-success {
  background: #88da67; /* Couleur de fond verte pour indiquer le succès */
}

.table-custom {

}
.table-custom tbody+tbody {
  border-top: 2px solid #008ecc;
  
}

.table-custom td {
  padding: 0.10rem;
}

.fz-1 {
  font-size: 1rem;
}
.border-top {
  border-top: 2px solid #008ecc;
}
.fz-10 {
  font-size: 10px !important;
}
.fz-12 {
  font-size: 12px !important;
}
.fz-15 {
  font-size: 15px !important;
}
.fz-30 {
  font-size: 30px !important;
}
.fz-40 {
  font-size: 40px !important;
}
.fz-50 {
  font-size: 50px !important;
}
.va-middle {
  vertical-align: middle !important;
}
/* Couleurs perso  */

.bleu-template {
  color: #008ecc !important;
}


.drag-items {
    display: inline-block;
    cursor: pointer;
}
.minheight-200 {
  min-height: 200px;
}

.table-padding-none th {
  padding: 0rem;
  vertical-align: top;
  /* border-top: 1px solid #dee2e6; */
}

.padding-none {
  padding: 0px !important;
}
.minheight-250 {
  min-height: 250px;
}
.minheight-235 {
  min-height: 235px;
}
.minheight-300 {
  min-height: 300px;
}
.minheight-400 {
  min-height: 400px;
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-20 {
  border-radius: 20px;
}
.rounded-10 {
  border-radius: 0px !important;
}

.modal .modal-content {
  border-radius: 10px;
}
.bg-violet {
  background-color: var(--producteur-color) !important;
  border-radius: 10px;
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.bg-grey {
  background-color: var(--frais-color) !important;
  border-radius: 10px;
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.bg-liaison {
  background-color: var(--com-color) !important;
  border-radius: 10px;
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.bg-booking {
  background-color: var(--booking-color) !important;
  border-radius: 10px;
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.bg-producteur {
  background-color: var(--producteur-color) !important;
  border-radius: 10px;
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  }
.bg-spectacle {
  background-color: var(--spectacle-color) !important;
  border-radius: 10px;
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.icon-color path {
  fill: var(--arinao-color); /* exemple de couleur rouge */
}
.bg-arinao-color {
  background-color: var(--arinao-color) !important;
  color: white !important;
}
.bg-salarie-color {
  background-color: var(--salarie-color) !important;
  color: white;
}
.bg-lieu-color {
  background-color: var(--lieu-color) !important;
  color: white;
}
.bg-organisateur-color {
  background-color: var(--organisateur-color) !important;
  color: white;
}
.bg-spectacle-color {
  background-color: var(--spectacle-color) !important;
  color: white;
}
.bg-producteur-color {
  background-color: var(--producteur-color) !important;
  color: white;
}
.bg-booking-color {
  background-color: var(--booking-color) !important;
  color: white;
}
.bg-frais-color {
  background-color: var(--frais-color) !important;
  color: white;
}
.bg-com-color {
  background-color: var(--com-color) !important;
  color: white;
}

.color-arinao {
  color: var(--arinao-color) !important;
}
.color-salarie {
  color: var(--salarie-color) !important;
}
.color-lieu {
  color: var(--lieu-color) !important;
}
.color-organisateur {
  color: var(--organisateur-color) !important;
}
.color-spectacle {
  color: var(--spectacle-color) !important;
}
.color-producteur {
  color: var(--producteur-color) !important;
}
.color-booking {
  color: var(--booking-color) !important;
}
.color-frais {
  color: var(--frais-color) !important;
}
.color-com {
  color: var(--com-color) !important;
}
.color-frais {
  color: var(--frais-color) !important;
}
.color-greyfin {
  color: #707070 !important;
}

.lineaire-monresau {
  background: linear-gradient(0deg, var(--organisateur-color) 0%, var(--lieu-color) 30%, var(--salarie-color) 70%) !important;
}


.icon-contrat {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
}

.contrat-haut {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-evenly;
  align-content: stretch;
  gap: 10px !important;
  margin-left: auto;
  margin-right: auto;

}
.card-flex {
  width: 100%;
}
.contrat-haut-full {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-evenly;
  align-content: stretch;
  gap: 10px !important;
  margin-left: auto;
  margin-right: auto;

}
.item-contrat {
  flex-grow: 1;
}
.texte-table-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* flex-grow: 4; */
}
.texte-table {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* flex-grow: 4; */
}
.texte-table-item {
  flex-shrink: 3;
  flex-basis: 200px;
  align-self: center !important;
  align-content: center !important;
  text-align: center !important;
  
}
.texte-table-item.center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 3;
  flex-basis: 200px;
}
.texte-table-item.end {
  display: flex;
  align-items: end;
  align-content: end;
  flex-shrink: 3;
  flex-basis: 200px;
  text-align: end !important;
}

.texte-barre {
  text-decoration: line-through;
}

.maxh-100 {
  max-height: 100px;
  overflow-y: auto;
}

.info-contrat {
  border: 0.2rem solid;
  border-color: var(--producteur-color) !important;
  border-radius: 5px;
}

.info-compte-prod {
  border: 0.2rem solid;
  border-color: var(--booking-color);
  border-radius: 5px;
}

.info-prestation {
  border: 0.2rem solid;
  border-color: var(--booking-color) !important;
  border-radius: 5px;
}

.info-arinao {
  border: 0.2rem solid;
  border-color: var(--arinao-color) !important;
  border-radius: 5px;
}

.border-arinao {
  color: var(--arinao-color) !important;
}
.border-salarie {
  color: var(--salarie-color) !important;
}
.border-lieu {
  color: var(--lieu-color) !important;
}
.border-organisateur {
  color: var(--organisateur-color) !important;
}
.border-spectacle {
  color: var(--spectacle-color) !important;
}
.border-producteur {
  /* border-bottom: 1px solid var(--producteur-color) !important; */
  border-color: var(--producteur-color) !important;
  /* color: var(--producteur-color) !important; */
}
.border-booking {
  color: var(--booking-color) !important;
}
.border-frais {
  color: var(--frais-color) !important;
}
.border-com {
  color: var(--com-color) !important;
}
.border-greyfin {
  color: #707070 !important;
}
a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.btn-outline-producteur {
  color: var(--producteur-color);
  border-color: var(--producteur-color);}
  .btn-outline-producteur:hover {
    color: #FFFFFF;
    background-color: var(--producteur-color);
    border-color: var(--producteur-color); }

.btn-outline-producteur:not(:disabled):not(.disabled):active,
.btn-outline-producteur:not(:disabled):not(.disabled).active,
.show > .btn-outline-producteur.dropdown-toggle {
  background-color: var(--producteur-color);
  border-color: var(--producteur-color);
  color: #FFFFFF; }

.btn-outline-booking {
  color: var(--booking-color);
  border-color: var(--booking-color);}
  .btn-outline-booking:hover {
    color: #FFFFFF;
    background-color: var(--booking-color);
    border-color: var(--booking-color); }

.btn-outline-booking:not(:disabled):not(.disabled):active,
.btn-outline-booking:not(:disabled):not(.disabled).active,
.show > .btn-outline-booking.dropdown-toggle {
  background-color: var(--booking-color);
  border-color: var(--booking-color);
  color: #FFFFFF; }