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

/*

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

*/
.simple-calendar {

  .calendar-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 14px;
  }

  .calendar-title {
    font-weight: 600;
    font-size: 20px;
  }

  .day {
    color: rgb(96 165 250)
  }

  .zero_entries {
    color: rgb(248 113 113);
  }

  .future {
    color: rgb(96 165 250)
  }

  /* .non_zero_entries {
    color: rgb(22 101 52);
  } */

  .holiday {
    color: rgb(167 139 250);
  }

  .weekend,
  .next-month,
  .prev-month {
    color: #d1d5db;
  }

  .today {
    background: #6419e6;
    border-radius: 25%;
    color: #ffffff;
    font-weight: bold;
  }
}
/*
 * 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.
 *


 */
@import "components/_logs_calendar.css";
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

/*# sourceMappingURL=application.css-13c127ebc9a2fcf0166b1ae01d526190f3f1a19eccf67b35639e4c8b56c5ef5f.map */