@font-face {
    font-family: 'HPSimplified';
    src: url('HPSimplified_Lt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HPSimplified';
    src: url('HPSimplified_LtIt.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: 'HPSimplified';
    src: url('HPSimplified_It.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'HPSimplified';
    src: url('HPSimplified_BdIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'HPSimplified';
    src: url('HPSimplified_Bd.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'HPSimplified';
    src: url('HPSimplified_Rg.ttf') format('truetype');
    font-style: regular;
}

.is-disabled {
      /*background-color: #f8f9fa !important; */
      background-color: var(--bs-secondary-bg) !important;
      border-color: #dee2e6 !important;
  }

  .is-disabled:focus {
      box-shadow: none !important;
      border-color: #dee2e6 !important;
  }

.note {
  visibility: hidden; /* Initially hide the note */
  opacity: 0; /* Initially make the note transparent */
  position: absolute;
  max-width: 50rem;
  min-width: 20rem;
  top: 100%;
  left: 0;
  background-color: #f0f0f0;
  padding: 1px;
  border: 1px solid #ccc;
  z-index: 1;
  transition: visibility 0s, opacity 0.5s; /* Add a smooth transition */
}

.note-container {
  position: relative;
}

.note-container:hover .note {
  visibility: visible; /* Show the note on hover */
  opacity: 1; /* Make the note visible on hover */
}

fieldset {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
}

legend {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
}

/* Ensure proper positioning for nested dropdown */
.dropdown-submenu .dropdown-menu {
  left: 100%; /* Position to the right of the parent item */
  margin-left: -0.1rem; /* Adjust slight misalignments */
  margin-top: -1.5rem; /* Align vertically with the parent */
}

/* Optional: Show submenu on hover */
.dropdown-submenu:hover .dropdown-menu {
  display: block;
}

body {
    height: 100%;
    overflow: auto;
    flex-direction: row;
    background-color: #f9f9f9;
    font-family: HPSimplified!important;
}

.card-micro {
  height: 5.8125rem;
}

.card-teeny {
	height: 10rem;
  width: 15rem;
	/*padding: 1rem;
	#margin-right: 1.5rem;*/
}

.card-tiny {
	height: 13.5rem;
	/*padding: 1rem;
	#margin-right: 1.5rem;*/
}

.card-sm {
  height: 21.1875rem;
}

.card-sm-analytics {
  height: 23.1875rem;
}

.card-md {
  height: 42.375rem;
}


.resource {
	max-width: 250pt;
}

header {
	box-shadow: 0 0 0 1px rgba(20, 20, 31, .05), 0 1px 3px 0 rgba(20, 20, 31, .15);
}


.badge-select {
	appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
	cursor: pointer;
	display: inline-block;
	border: none;
	padding: 0.5em 1em;
	font-size: 1rem;
	min-width: 75pt;
	max-width: 75pt;
}

.file-upload-wrapper {
  border: 2px dashed #6c757d;
  border-radius: 5px;
  background-color: #f8f9fa;
  cursor: pointer;
  width: 100%;
  transition: background-color 0.3s ease;
  box-sizing: border-box;
}

.file-upload-wrapper:hover {
  background-color: #e9ecef;
}

.file-upload-input {
  display: none;
}

.file-upload-label {
  cursor: pointer;
}

.file-upload-icon {
  color: #6c757d;
}

label.required:after {
    content: " *";
    color: red;
}

/*
li.active {
  color: #004080;
}*/

.page-item.active .page-link {
    background-color: #004080; /* Change this to your desired background color */
    border-color: #004080; /* Match the border color with the background color */
}

.resource {
    background-color: #004080;
}

:root {
  /* approximate BS $orange-800 = shade-color($orange, 60%) */
  --bs-orange-800: color-mix(in srgb, black 60%, var(--bs-orange));
}

.not_submitted{
  background-color: var(--bs-gray) ;
  --bs-badge-color: #fff;           /* keep text white */
}

.requires_action{
  background-color: var(--bs-orange);
  --bs-badge-color: #fff;           /* keep text white */
}

.awaiting_funds{
  background-color: var(--bs-orange) ;
  --bs-badge-color: #fff;           /* keep text white */
}

.pending_payment{
  background-color: var(--bs-yellow);
  --bs-badge-color: #fff;           /* keep text white */
}

.partially_paid{
  background-color: var(--bs-orange-800) ;
  --bs-badge-color: #fff;           /* keep text white */
}

.payment_processing {
    background-color: rgba(71, 159, 118, .75);
  --bs-badge-color: #fff;       
}

.payment_failed {
    background-color: var(--bs-red);
  --bs-badge-color: #fff;       
}

.payment_returned {
    background-color: var(--bs-red);
  --bs-badge-color: #fff;       
}

.paid{
  background-color: var(--bs-green) ;
  --bs-badge-color: #fff;           /* keep text white */
}

.pending_credit{
  background-color: #479f76 ;
  --bs-badge-color: #fff;           /* keep text white */
}

.credit_approved{
  background-color: var(--bs-green) ;
  --bs-badge-color: #fff;           /* keep text white */
}

.credit_denied{
  background-color: var(--bs-grey) ;
  --bs-badge-color: #fff;           /* keep text white */
}

.canceled{
  background-color: var(--bs-red) ;
  --bs-badge-color: #fff;           /* keep text white */
}