@import "tailwindcss";
@import 'react-datepicker/dist/react-datepicker.css';


:root {
 --text-white: #fff;
  --font-nunito: 'Nunito', sans-serif;
  --font-albert-sans: 'Albert Sans', sans-serif;
  --font-poppins: 'Poppins', sans-serif;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
  --text-white: #fff;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --text-white: #fff;
  }
}

.font1{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

.font2{
 font-family: 'Albert Sans', sans-serif;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}
.logo{
  width: auto;
  height: auto;
}
/*
 * Browser autofill styles ko theek karne ke liye
 * yeh code apne global CSS file mein add karein.
 */
/* Autofill को पूरी तरह transparent दिखाने के लिए */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* BG Remove */
  background-color: transparent !important; /* Force transparent */
  background-clip: text !important; /* Internal fill हटाने के लिए */
  -webkit-text-fill-color: var(--autofill-text-color, #fff) !important; /* Text color normal रहे */
  caret-color: var(--autofill-text-color, #fff) !important; /* Cursor भी match रहे */
  
}


.css-1p3m7a8-multiValue {
    background-color: #ebebeb85 !important;
}
.css-9jq23d {
    color: #fff !important;
}

.authologo{
  width: 150px !important;
  height: auto !important;
}
.css-eji81u-control {

    border-color: #6b72804d !important;
    
}

/* Add this to your global CSS */
.react-select__menu {
  z-index: 9999 !important;
}

.react-select__control {
  z-index: 1;
}




.react-datepicker__header {
    background-color: #3e2254 !important;
    color: #fff !important;
}

.react-datepicker {
    background-color: #3e2254 !important;
    color: #fff !important;
}

.react-datepicker__current-month, 
.react-datepicker-time__header, 
.react-datepicker-year-header {
    color: #fff !important;
}


.react-datepicker__day-name, 
.react-datepicker__day, 
.react-datepicker__time-name,
.react-datepicker__day--today {
    color: #fff !important;
}


.react-datepicker__day--disabled, 
.react-datepicker__month-text--disabled, 
.react-datepicker__quarter-text--disabled, 
.react-datepicker__year-text--disabled {
    cursor: default;
    color: #898686 !important;
    opacity: 0.5;
}


.react-datepicker__day--selected,
.react-datepicker__day--keyboard-selected,
.react-datepicker__day--selected:hover,
.react-datepicker__day--keyboard-selected:hover {
    color: #fff !important;
    background-color: #6d3b7d !important;
}


.react-datepicker__day:hover {
    color: #40264b !important;
    background-color: #fff !important;
}


.react-datepicker__day--outside-month {
    color: #ccc !important;
    opacity: 0.6;
}


.react-datepicker__navigation-icon::before {
    border-color: #fff !important;
}

.react-datepicker__navigation:hover *::before {
    border-color: #ccc !important;
}


.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
    background-color: #3e2254 !important;
}


.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
    background-color: #ccc;
    color: #000 !important;
}



body {
  overflow: auto !important;
}
 
.react-select__menu-portal {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
 

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(48, 1, 36); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #920457; 
}

:focus-visible
{
  outline: none !important;
}