@tailwind base;
@tailwind components;
@tailwind utilities;



@layer components {
  .pp-checkbox {
    @apply border-pp-green text-pp-green bg-transparent focus-visible:bg-pp-green focus:ring-white align-middle mb-0.5
  }

  .pp-select {
    @apply border-pp-green text-pp-green text-lg bg-transparent focus-visible:ring-pp-green focus:ring-pp-green align-middle mb-0.5
  }

  .checked-item {
    @apply line-through text-pp-gray
  }

  .radio-button-label {
    @apply cursor-pointer align-middle
  }

  .check-box-label {
    @apply cursor-pointer align-middle
  }
}

.fading-flash {
  -webkit-animation: seconds 1.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 3s;
  animation: seconds 1.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 3s;
}
@-webkit-keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
    display: none;
  }
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
    display: none;
  }
}

@font-face {
  font-family: "Zain";
  src: url(/fonts/Zain-Bold.ttf);
  font-display: swap;
}

@font-face {
  font-family: "Fustat";
  src: url(/fonts/Fustat.ttf);
  font-display: swap;
}

@media print {
  @page {
    margin: 0.5in;
  }

  html, body {
    height: auto !important;
    overflow: visible !important;
    background: white !important;
  }
}
/*
 * 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.
 *


 */