/* Version: 12/10/2025 */
/*https://stackoverflow.com/questions/7025756/how-to-apply-global-font-to-whole-html-document*/
html * {
	font-family: Calibri;
	font-size: 18px;
}

.headerText {
	font-family: Arial,Verdana,Helvetica,sans-serif;
    color: #d5dadd;
	font-size: 36px;
	font-weight: 900;
}

.buttonSpacer {
  padding-left:10px;
}

/* Alternate table rows */
.dataRow:nth-child(even){
  background-color:#E4E5D0;
}
.dataRow:nth-child(odd){
  background-color:#F6F6ED;
}

.p-card {
  background-color: #F4FBFF;
  color: #212529;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}

/*
 * PrimeReact Checkbox Override
 * Fixes the visual state when data-p-highlight="true" is set (i.e., when checked).
 * Uses the standard blue color: #007bff (a common primary blue, like Bootstrap's default)
 */
.p-checkbox[data-p-highlight="true"] .p-checkbox-box {
    /* 1. Sets the solid blue background and border for the box */
    background-color: #007bff !important;
    border-color: #007bff !important;
    
    /* 2. Sets the 'currentColor' property, making the SVG checkmark white */
    color: #ffffff !important; 
}

/* Tab Panel Spacing Correction:
   If padding is desired underneath the selected tab underline, 
   developers should override this rule with a higher specificity or 
   add margin/padding to the top of the content inside their specific TabPanel.
*/
.p-tabview .p-tabview-panels {
    padding: 0px;
}