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

/*

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

*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
@font-face{
	font-family: 'HNforTELUS';
	src: url(/assets/HNforTELUS-c48884171d30a7615af2c4f429a8642fabef36ec0d412b9b898a29fbf2c859c3.otf);
	font-display: block;
}/*!sc*/
@font-face{
	font-family: 'HNforTELUS';
	src: url(/assets/HNforTELUS-Bd-63fe93d0bf67ef4025db47d547542797e2407186e447d7e28b3c0db5aa863e53.otf);
	font-display: block;
	font-weight: bold;
}/*!sc*/
@font-face{
	font-family: 'HNforTELUS';
	src: url(/assets/HNforTELUS-It-9106c66d98b326772a1f5aa570db566c0f261347210d14f37be8ee94fed916a7.otf);
	font-display: block;
	font-style: italic;
}/*!sc*/

body {
	font-family: HNforTELUS, Arial, sans-serif !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.
 *


 */