/* Custom Font Definitions */
@font-face {
  font-family: 'TAN-NIMBUS';
  src: url(/assets/TAN-NIMBUS-818fd3807826ea2ad1676063f7a773ac92ced2553b11990a1e7a574673bbd44e.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Glacial Indifference';
  src: url(/assets/GlacialIndifference-Regular-0f84cb032ffa20b96cd68804c18da079c7201d36b8e37b8be00be848755c1a59.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Glacial Indifference';
  src: url(/assets/GlacialIndifference-Bold-901c1f8c2330150b699a39929b93ca014c2bd45df75dc51beff98fb2b2b29e86.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Glacial Indifference';
  src: url(/assets/GlacialIndifference-Italic-b645ea69f4268d0ce3dfbac5b46e3d428f6b317481684fd16dc9081a3eec3489.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

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

/*

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

*/
#presence-table-container {
  @media (min-width: 850px) {
    table {
      display: inline-table;
    }

    thead tr:not(:first-child) {
      display: none;
    }
  }

  td:not(:last-child) {
    border-bottom: 0;
  }

  th:not(:last-child) {
    border-bottom: 2px solid rgba(0, 0, 0, .1);
  }

  @media (max-width: 850px) {
    thead tr th {
      height: 61px;
      width: 100px;
    }

    tbody tr td {
      height: 61px;
    }

    tbody tr td:first-child label {
      padding-right: 1rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: block;
    }

    tbody {
      max-width: calc(100% - 100px);
    }
  }
}
/*
 * 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.
 *


 */

 :root {
  --hw-component-bg-color: transparent;
  --hw-border-color: transparent;
 }