@import 'select2/dist/css/select2.css';
@import "selectize/dist/css/selectize.default";
/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins.
 */
@tailwind base;

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins.
 */
@tailwind components;

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins.
 */
@tailwind utilities;

@tailwind login;
/*
/**
 * Use this directive to control where Tailwind injects the hover, focus,
 * responsive, dark mode, and other variants of each class.
 *
 * If omitted, Tailwind will append these classes to the very end of
 * your stylesheet by default.
 */
@tailwind variants;


@layer base {  }

@layer components {
  .btn-primary,.button-component {
    @apply bg-primary hover:bg-primary focus:bg-primary text-white font-bold py-2 px-4 rounded !important;
  }
  .input-primary {
    @apply bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 !important;
  }

  .custom-shadow-none:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .webkit-center {
    text-align: -webkit-center;
  }
  /* .text-black, span {
    @apply text-primary !important
  }
  .button-component > span {
    @apply text-white !important
  }
  .btn-primary > span {
    @apply text-white !important
  }
  h1 > span {
    @apply text-white !important
  }
  div > a > span {
    @apply text-white !important
  } */
}

@layer utilities {  }

.avo-sidebar.application-sidebar {
  z-index: 5 !important
}
.order-listing .bg-white.rounded.shadow {
  background-color: transparent;
  box-shadow: none;
  border: none;
}

#affiliation_commission_earned_chart_4_range,
#daily_visits_chart_0_range,
#order_chart_1_range,
#conversion_rate_chart_2_range {
  width: 10rem;
  padding: 5px 30px 5px 10px;
  -webkit-padding-end: 30px;
  -webkit-padding-start: 10px;
}

#order-modify-section .relative.bg-white.rounded.shadow-md  {
  box-shadow: none;
}