table {
                  border-collapse: collapse;
                  border-spacing: 0;
                  width: 70%;
                  border: 1px solid #ddd;
                }

                th{
                  border: 1px solid rgb(31, 49, 151);
                  border-collapse: collapse;
                  text-align: left;
                  padding: 8px;    
                  position: sticky;      
                  top: 0; /* Don't forget this, required for the stickiness */
                  background: white;
                  font-size: 15px;
                }

                td {
                  border: 1px solid rgb(31, 49, 151);
                  border-collapse: collapse;
                  text-align: left;
                  padding: 8px;    
                  font-size: 15px;   
                }

                tr:nth-child(even) {
                  background-color: #f2f2f2;
                  font-size: 15px;
                }

              .popup {
                  position: fixed;
                  z-index: 1;
                  left: 0;
                  top: 0;
                  width: 100%;
                  height: 100%;
                  overflow: auto;
                  background-color: white;
                  display: none;
              }
              .popup-content {
                  background-color: white;
                  margin: 10% auto;
                  padding: 20px;
                  border: 1px solid #888888;
                  width: 30%;
                  font-weight: bolder;
              }
              .popup-content button {
                  display: block;
                  margin: 0 auto;
              }
              .show {
                display: block;
              }
              select{
                background-color: rgb(52, 137, 235);
                height: 50%;
                width: 100%;
              }
              option{
                color: whitesmoke;
              }
              .center {
                margin: auto;
                width: 30%;
                border: 1px solid rgb(3, 38, 87);
                padding: 10px;
                background-color: rgb(193,211,232);
              }
              .centerimg {
                display: block;
                margin-left: auto;
                margin-right: auto;
              }
              .ctr {
                margin: 0px auto;
              }
              .heading {
                text-align: center;
                color: rgb(6, 78, 161);
              }
              .tooltip {
                position: relative;
                display: inline-block;
                border-bottom: 1px dotted black;
              }

              .tooltip .tooltiptext {
                visibility: hidden;
                width: 120px;
                background-color: rgb(48, 70, 192);
                color: #fff;
                text-align: center;
                border-radius: 6px;
                padding: 5px 0;

										  
                position: absolute;
                z-index: 1;
                bottom: 100%;
                left: 50%;
                margin-left: -60px;
                
                /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
                opacity: 0;
                transition: opacity 1s;
              }

              .tooltip:hover .tooltiptext {
                visibility: visible;
                opacity: 1;
              }

              body {
                margin: 0;
                font-family: Arial, Helvetica, sans-serif;
              }

              .topnav {
                overflow: hidden;
                background-color: #ffffff;
              }

              .topnav a {
                float: left;
                color: #1a1a1a;
                text-align: center;
                padding: 12px 14px;
                text-decoration: none;
                font-size: 17px;
              }

              .topnav a:hover {
                background-color: #ddd;
                color: black;
              }

              .topnav a.active {
                background-color: #ffffff;
                color: black;
              }

              .topnav-right {
                float: right;
              }

              .imager img {
                border: 1px solid #ddd;
                width: 150px;
                border-radius: 10%;
                margin: 20px;
              }

              .imager img:hover {
                box-shadow: 0 0 2px 1px rgba(151, 161, 165, 0.5);
              }