@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* Styles généraux */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--background);
  color: var(--onSurface);
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
}

.o-head {
  background-color: var(--background);
}

.thead {
  background-color: var(--background);
  border-bottom: 1px solid var(--white); 
}

/* Styles pour la barre de défilement */
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-thumb {
  background: var(--stroke);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--onSurfaceVariant);
}

/* Styles pour l'autoremplissage des inputs */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--background) inset !important;
  -webkit-text-fill-color: var(--onSurface) !important;

}


:root{
  --minContentWidth:1200px;
  --maxContentWidth:1600px;

  /*Primary Color*/
  --primary: #489D86;
  --primaryContainer: #cff0e1;
  --onPrimaryContainer: #2a7267;

  /*Background and Surfaces */
  --background: #fefefe;
  --surface: #e3f2ee;
  --surfaceSelected: #cee8e1;
  --secondarySurface: #f2f2f2;
  --errorSurface: #fff2f0;
  --warningSurface: #fbefdf;
  --successSurface:#cff0e1;

  /*Texts & Icons*/
  --onSurface: #2c2e2d;
  --onSurfaceVariant:rgba(44, 46, 45, 0.6);
  --errorOnSurface:#b23923;
  --warningOnSurface:#b35005;
  --successOnSurface:#2a7267;

  /*Button*/
  --button:#2a7267;
  --onButton:#fefefe;
  --secondaryButton:#d5ece6;
  --hoverButton:#489d86;
  --disabledButton:rgba(44, 46, 45, 0.15);
  --onDisabledButton:rgba(44, 46, 45, 0.5);
  --secondaryDisabledButton:#dae7e3;
  --deleteHoverbutton:#ffe5e0;

  /*Line Color*/
  --stroke:#bcbcbc;

  /*Basic Color*/
  --black: #000000;
  --white: #ffffff;
  --red: #e6492d;
  --orange: #f69e2f;
  --yellow: #facf55;
  --blue: #0073f9;
  --blue-dark: #0050ad;
  --blue-light: #44d2fc;

  --overlay: rgba(0, 0, 0, 0.6);

   /*Semantics*/
  --succes:#50AD87;
  --succesBackground:#50AD8752;
  --warning:#F69E2F;
  --warningBackground:#F69E2F52;
  --error: #E6492D;
  --errorBackground:#E6492D52;

   /* userProfile */
  --userSurface1: #c4e3d5;
  --userOnSurface1: #1e665d;
  --userSurface2: #fcdfbb;
  --userOnSurface2: #c47108;
  --userSurface3: #e9d5ce;
  --userOnSurface3: #8d573f;
  --userSurface4: #fde59b;
  --userOnSurface4: #7d5f02;

  /* user Status */
  --statusOnboarding: #C7E3FA;
  --statusOnOnboarding: #0C4D83;
  --statusOnboardingFinalized: #D5F6DC;
  --statusOnOnboardingFinalized: #155C23;
  --statusOnboardingWaitingPayin: #DFD0F0;
  --statusOnOnboardingWaitingPayin: #43226D;
  --statusKycReviewing: #FDFACE;
  --statusOnKycReviewing: #7A7305;
  --statusKycReviewAskMore: #FFE4D6;
  --statusOnKycReviewAskMore: #B83C00;
  --statusKycReviewRefused: #FADEDC;
  --statusOnKycReviewRefused: #BA271C;
  --statusCanceled: #FADEDC;
  --statusOnCanceled: #BA271C;

  /* Dropshadow */
  --dropdownShadow: rgba(0, 0, 0, 0.75);

  /* Stroke */
  --stroke: #BCBCBC;
} 

/*global classes*/
.hidden {
  display: none !important;
}
@media (max-width: 650px) {
  .hidden-mobile {
    display: none !important;
  }
}

p {
  font-size: 12px;
}

hr {
  margin-top: 4px;
  margin-bottom: 4px;
  border-top-color: black;
}