html {
   font-size: 14px;
}

@media (min-width: 768px) {
   html {
      font-size: 16px;
   }
}

html {
   position: relative;
   min-height: 100%;
}

body {
   margin-bottom: 60px;
}

.ef-dropdown-item {
   display: block;
   font-size: 1.1rem;
   width: 100%;
   padding: 0.5rem 1rem;
   color: #315b8b;
   clear: both;
   font-weight: 400;
   text-align: inherit;
   text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
}

.ef-text-content {
   color: #315b8b;
}

.ef-font-title {
   font-weight: 500;
}


.ef-navbar-item {
   font-size: 1.1rem;
   font-weight: 500;
}

   .ef-navbar-item.active {
      font-weight: 700;
      border-bottom: 3px solid #00B8E4;
   }

.ef-btn {
   color: #fff;
   background-color: #00B8E4;
   border-color: #00B8E4;
}

.ef-table {
   color: #002550;
   --bs-table-bg: transparent;
   --bs-table-accent-bg: transparent;
   --bs-table-striped-color: #212529;
   --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
   --bs-table-active-color: #212529;
   --bs-table-active-bg: rgba(0, 0, 0, 0.1);
   --bs-table-hover-color: #212529;
   --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
   margin-bottom: 1rem;
   color: #212529;
   vertical-align: top;
   border-color: transparent;
}

   .ef-table > :not(:last-child) > :last-child > * {
      border-bottom-color: currentColor;
   }

   .ef-table > thead {
      vertical-align: middle;
      border-style: hidden;
   }

   .ef-table > :not(caption) > * > * {
      padding: 0.5rem 0.5rem;
      border-bottom-width: 1px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 0;
   }

   .ef-table > tbody {
      vertical-align: inherit;
      border-style: hidden;
   }

.ef-link-table {
   text-decoration: none;
   color: #35C6E9;
}

.paging-nav {
   text-align: right;
   padding-top: 2px;
}

table#table-data {
   width: 81vw;
}

th:hover {
   background: #0000000d;
   cursor: pointer;
}

.ef-table-rows-hide {
   display: none;
}

.dropdown-toggle::after {
   float: right;
   margin-top: 12px;
}

.pagination {
   display: flex;
   justify-content: center;
   list-style: none; /* remove list bullets */
   padding: 0px;
}

   .pagination li button {
      display: block;
      padding: 8px 12px;
      text-decoration: none;
      border: 1px solid gray;
      color: black;
      margin: 0 4px;
      border-radius: 5px;
      cursor: pointer;
   }

      .pagination li button:hover {
         background-color: #cccccc;
      }

      .pagination li button.active {
         color: #000;
         background-color: #0dcaf0;
         transform: scale(1.1);
      }

         .pagination li button.active:hover {
            background-color: #0bb5d6;
         }

.variable-value-column {
   word-break: break-all;
}