html {
  font-size: 100%;
  line-height: 1.3;
  font-family: Arial,Helvetica,sans-serif !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  -webkit-text-size-adjust: 100%;
  color: #003366;
}

body,
.ui-widget-content {
  color: #003366;
  /* or #333333 */
}

html,
body {
  margin: 0px;
  padding: 0px;
  margin-left: 5px;
  margin-top: 0px;
  margin-right: 5px;
  /* color: #003366; */
}

.ui-tabs-active {
  background: #FFFEFC !important;
  background-color: #FFFEFC !important;
}
/*
.ui-accordion-header.ui-state-active {
  background: #FFFEFC !important;
  background-color: #FFFEFC !important;
}
  */

/* === Global widget background Colors ===  
.ui-tabs,
.ui-tabs.ui-widget.ui-widget-content,
.ui-dialog,
.ui-dialog-buttonpane,
.ui-tabs-active,
.ui-accordion-content,
.ui-jqgrid .ui-jqgrid-btable tr.jqgrow {
  background: #FFFEFC !important;
  background-color: #FFFEFC !important;
}
*/

/*
.ui-tabs-panel {
  background: red !important;
  background-color: red !important;
}
*/

.ui-tabs .ui-tabs-nav {
  display: flex;
}

.ui-tabs .ui-tabs-nav li {
  flex: 1;
  display: flex;
  align-items: center;
  /* vertical centering */
  justify-content: center;
  /* horizontal centering */
}

.ui-tabs .ui-tabs-nav li a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: .875rem;
}

.ui-accordion{
  font-size: .875rem;
}
.btn {
  color: white;
  font-weight: 600;
  font-size: .875rem;      /* ~14px */
  line-height: 1.3;
  padding: 0.375rem 0.75rem; /* ~6px 12px */
  box-sizing: border-box;
}

.btn.navbtn {
  width: 11.125rem !important; /* 178px */
}

.btn.toolbar {
  width: 8.75rem !important;   /* 140px */
  white-space: nowrap;
}

.btn.toolbarsm {
  width: 4.375rem !important;  /* 70px */
  white-space: nowrap;
}

.btn.btnSearch {
  width: 6.25rem !important;   /* 100px */
}

.btn.continue {
  width: 25rem;                /* 400px */
  margin: 1.25rem 0 0.125rem 0; /* 20px top, 2px bottom */
}

.btn.red {
  font-size: .75rem;
  width: 8.4375rem;           /* 135px */
  background: red;
}

/* === Global Link Styling === */

a:link,
a:visited {
  color: blue;
  /* Strong blue */
  text-decoration: underline;
  transition: color 0.2s ease-in-out;
  text-underline-offset: 2px;
  /* font-weight: 600;*/
}

a:hover,
a:focus {
  color: #1E90FF;
  /* Darker blue on hover */
}

/*.ui-tabs-nav li{
	
	font-size: 120%;
	
}
*/

#tblHeader {
  /*
  max-width: calc(100% - 120px) !important;  */
  width: 100%;
  margin: 5px auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

#tblHeader h2 {
  overflow-wrap: break-word !important;
  word-break: break-word !important; /* fallback */
  white-space: normal !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  /*
  padding-left: 80px;
  padding-right: 80px;*/
}

/**
  * Dots
  *
  * @author jh3y - jheytompkins.com
*/
:root {
  --primary: #20B2AA;
  /* Set your desired color */
}

.dots {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.dots:before {
  display: block;
  height: 5px;
  width: 5px;
  content: '';
  -webkit-animation: spin 1s infinite;
  animation: spin 1s infinite;
  border-radius: 100%;
  -webkit-box-shadow: 20px 0 0 5px var(--primary), -20px 0 0 5px var(--primary);
  box-shadow: 20px 0 0 5px var(--primary), -20px 0 0 5px var(--primary);
}

/* Center the buttons inside the print dialog only */
.print-dialog+.ui-dialog-buttonpane {
  text-align: center;
}

.print-dialog+.ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
}

.print-dialog+.ui-dialog-buttonpane button {
  padding: 4px 12px;
  margin: 0 6px;
}

.banner-wrapper {
  text-align: center;
  /* center the inner box */
  margin: 4px;
  /* give it some breathing room */
  padding: 0 100px;
}

.holiday-banner {
  display: inline-block;
  /* shrink to just the text */
  background: #E60000;
  /* your red */
  color: #FFF;
  /* white text */
  padding: 0.5em 1em;
  /* tweak to taste */
  font-weight: bold;
  border-radius: 4px;
  /* optional rounding */
  font-size: 1.25rem;
  border: 1px solid #cc0000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;

}

/* Make modal background fully transparent */
.ui-widget-overlay {
  background: transparent !important;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .no-print {
    display: none !important;
    visibility: hidden !important;
  }
}
 .btn {
    visibility: hidden; /* hide buttons until JS upgrades them */
  }