.apollo-svg {
  background: rgb(238, 177, 0);
}
@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
/* .choices {
  width: 100%;
  font-size: 0.875rem;
  color: #374151;
}

.choices__item {
  cursor: pointer;
  transition: background-color 0.2s;
}

.choices__item--highlighted {
  background-color: #bfdbfe;
  color: #1e3a8a;
}

.choices__placeholder {
  color: #9ca3af;
} */
/* Root dropdown container */

@layer components {
  .highlight-error {
    @apply ring-1 ring-red-500 transition-all duration-300;
  }
}
.password-wrapper {
  position: relative;
}

.password-wrapper input {
  width: 100%;
  padding-right: 40px; /* Leave space for the icon */
}

.password-wrapper svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.hide-password {
  display: none;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #7e22ce;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #7e22ce;
}

.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #7e22ce transparent;
}

.custom-scrollbar:hover {
  scrollbar-color: #7e22ce transparent;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */


 .apple_pagination {
  background: rgb(17 24 39);
  text-align: center;
  padding: 1em;
  cursor: default; }
.apple_pagination a, .apple_pagination span, .apple_pagination button {
  padding: 0.2em 0.3em; }
.apple_pagination .disabled {
  color: #aaaaaa; }
.apple_pagination .current {
  font-style: normal;
  font-weight: bold;
  background-color: #7d7b7b;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.5;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em; }
.apple_pagination a {
  text-decoration: none;
  color: rgb(255, 255, 255); }
.apple_pagination a:hover, .apple_pagination a:focus {
  text-decoration: underline; }


  .animate-spin {
    animation: spin 1s linear infinite;

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