/*give body background a creme color*/
    body{
      background-color:var(--brand-creme) !important;
    }
    
    
    /* style the aps navbarpage navbar*/
    
    .card:has(#app-navbar) {
      background-color: var(--bs-white);
      margin-right: 1.25rem;
      margin-left: 1.25rem;
    }
    
    #app-navbar{
      background-color: var(--bs-white);
    }
    
    
    .tooltip .tooltip-inner {
      max-width: 400px; /* Adjust as needed */
      white-space: normal; /* Allows text to wrap */
      color: var(--bs-dark);
      background-color: var(--bs-white);
      text-align: left;
      opacity: 1;
    }
    
    
    /* pop over widths */
    .popover.popover-lg {width: 700px; max-width: 700px;}
    

    /* picker input  and dropdown y-overflow */        
    .bootstrap-select .dropdown-menu {
      overflow-y: auto;
    }