/* line 1, app/assets/stylesheets/administrate_custom.scss */
.note {
  background-color: #f0f7fb;
  border-left: solid 4px #3498db;
  line-height: 25px;
  mc-auto-number-format: '{b}Note: {/b}';
  overflow: hidden;
  padding: 12px;
  margin-bottom: 20px;
}

/* line 11, app/assets/stylesheets/administrate_custom.scss */
.note code {
  color: #293f54;
  background-color: #f8f8f2;
  border-radius: 0.3em;
  padding: 4px 5px 6px;
  white-space: nowrap;
}
@tailwind base;
@tailwind components;
@tailwind utilities;



@layer components {
  .btn-gray {
    @apply px-6 py-2 leading-5 text-white font-semibold transition-colors duration-200 transform bg-gray-700 rounded-md hover:bg-gray-600 focus:outline-none focus:bg-gray-600;
  }

  .btn-blue {
    @apply flex items-center px-2 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-200 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80;
  }

  .print-small-text {
    @apply print:text-[10px] print:leading-[0.75rem]
  }
}
/* line 2, app/assets/stylesheets/errors.scss */
.error input, .error select {
  border-color: red;
}
@page {
  size: A4;
  /* auto is the initial value */
  margin: 0;
  /* this affects the margin in the printer settings */
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 8, app/assets/stylesheets/print.scss */
html {
  margin: 0px;
  /* this affects the margin on the html before sending to printer */
  height: auto;
}

/* line 13, app/assets/stylesheets/print.scss */
.signature {
  border: 0;
  border-bottom: 1px solid #000;
}

/* line 17, app/assets/stylesheets/print.scss */
.signature::placeholder {
  color: grey;
  font-size: 0.5em;
}

@media print {
  /* line 24, app/assets/stylesheets/print.scss */
  body {
    display: table;
    table-layout: fixed;
    padding: 0.5cm 2cm;
    height: auto;
  }
  /* line 31, app/assets/stylesheets/print.scss */
  .signature {
    border: 0;
    border-bottom: 2px solid #000;
  }
  /* line 36, app/assets/stylesheets/print.scss */
  .pencil {
    display: none;
  }
  @page {
    margin-top: 0;
    margin-bottom: 0.1in;
  }
}
/*
 * 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.
 *


 */