.has-tooltip {
   text-decoration: underline dotted;
   cursor: help;
}


.defaultText {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11pt;
}

.button2 {
   box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2), 0 3px 8px 0 rgba(0,0,0,0.15);
   padding-top: 3pt;
   padding-bottom: 3pt;
   padding-left: 10pt;
   padding-right: 10pt;
   font-weight: 500;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11pt;
}


.frmMain {
   width: 48em;
   background-color: white;
}


.spnChkCopy {
   display: none;
   color: green;
}


.txtCount {
   font-size: 11pt;
   width: 72pt;
}


.txtResults {
   margin-top: 6pt;
   font-family: ui-monospace, SFMono-Regular, monospace, Andale Mono,Courier;
   font-size: 12.5pt;
   width: 100%;
   max-width: 60ch;
   box-sizing: border-box;
}


.txtFortune-dark {
   margin-top: 4pt;
   background-color: #242424;
   padding-left: 20pt;
   border-radius: 8pt;
   border: lawngreen 2px solid;
   color: lawngreen;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11.5pt;
   padding: 10px 15px 12px 15px;
   min-height: 13.5pt;
}


.txtDisclaimer {
   font-size: 9pt;
}

.txtContactInfo {
   font-size: 10pt;
}

.txtVersionInfo {
   color: #A0A0A0;
   font-size: 8pt;
}

.txtPageInfo {
   color: #A0A0A0;
   font-size: 8pt;
}

.optionsSection {
   line-height: 185%;
}



/* Custom styling to make it look more professional */
.navbar-brand {
   font-weight: 700;
   font-size: 1.5rem;
}

.offcanvas-header {
   background-color: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
}


/* This gives you pixel-perfect control over the spacing */
.nav-menu .nav-link {
   padding-top: 4px !important;
   padding-bottom: 4px !important;
   font-size: 1.9rem; /* Optional: make text slightly smaller to fit tighter spacing */
}


h1 {
   font-size: 22pt;
   vertical-align: text-top;
   margin-bottom: 10px;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
   font-size: 16pt;
   border-bottom: 0px;
   padding-bottom: 0px;
   margin-bottom: 0;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
   font-size: 14pt;
   border-bottom: 0px;
   padding-bottom: 0px;
   margin-bottom: 0;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 {
   font-size: 12pt;
   border-bottom: 0px;
   padding-bottom: 0px;
   margin-bottom: 0;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, body, div {
   line-height: 1.2; /* try 1, 1.1, 1.2, 1.3 */
}



/*-------------------------------------------------------------------------------*/
/* To make the sidebar truly "fixed" on the left and give it a professional look, add these styles to your CSS file.*/

/* Ensure the body takes full height */
body {
   min-height: 100vh;
}

/* Sidebar Styling */
.sidebar {
   min-height: 100vh;
   border-right: 1px solid #dee2e6;
   z-index: 100;
}

/* Make the sidebar sticky on desktop */
@media (min-width: 768px) {
   .sidebar {
      position: sticky;
      top: 0;
      height: 100vh;
   }
}

/* Navigation link styling */
.nav-link {
   color: #333;
   padding: 0.8rem 1rem;
   border-radius: 0.375rem;
   transition: all 0.2s ease;
   margin-bottom: 5px;
}

   .nav-link:hover {
      background-color: #e9ecef;
      color: #0d6efd;
   }

   .nav-link.active {
      background-color: #0d6efd;
      color: white !important;
   }

/* Adjust main content spacing */
main {
   background-color: #fdfdfd;
}



.nav-item span {
   display: block;
   letter-spacing: 0.05rem;
   margin-top: 1rem;
}



.h1-old {
   font-size: 22pt;
   vertical-align: text-top;
   margin-bottom: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.subheading {
   font-weight: bold;
}

.h2-old {
   font-size: 14pt;
   border-bottom: 0px;
   padding-bottom: 0px;
   margin-bottom: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}