body{
        --bs-gutter-x: 1rem;
    }
  .table-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .table_buttons {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    background-color: #143752;
    color: #ffffff;
    overflow: hidden;
}
/*
    display: flex;
    flex-direction: column;


  .table_buttons tr {
    display: flex;
    flex-direction: row;
    text-align: center;
    flex-grow: 1;
  }
  .table_buttons td {
    flex: 1;
    padding: 8px;
  }
      */
  .table_buttons a {
    text-decoration: none;
    color: #ffffff;
  }

  .rar-container {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }
  .rar-column {
    padding: 0px;
    border: 0px solid #ccc;
  }
    .search-container{
        text-align: right;
    }

  .rar-search-box {
    padding: 0px;
  }
  .rar-search-box h2 {
    margin: 8px 4px 0px 0px;
    font-size: 15px;
    color: #0067b1;
  }
  .rar-search-box label {
    display: inline-block;
    font-weight: bold;
    margin: 0;
  }
  .rar-search-box input[type="text"] {
    flex: 1;
    padding: 5px;
    border-radius: 4px;
    border: 2px solid #0067b1;
    margin: 0px 4px 0px 0px;
  }
  .rar-search-box input[type="submit"], .rar-search-box button#websiteSearch {
    width: 70px;
    padding: 7px;
    background-color: #0067b1;
    color: #ffffff;
    border-radius: 4px;
    font-weight: bold;
    border: none;
    margin-right: 4px;
    cursor: pointer;
    transition: background-color 0.2s linear;
  }
  .rar-search-box input[type="submit"]:hover,
  .rar-search-box input[type="submit"]:focus {
    background-color: #0079d1;
    transition: background-color 0.2s linear;
  }
  .rar-search-box input[type="submit"]:active {
    background-color: #00508a;
    transition: background-color 0.2s linear;
  }
  .rar-search-box button#websiteSearch:hover,
  .rar-search-box button#websiteSearch:focus {
    background-color: #0079d1;
    transition: background-color 0.2s linear;
  }
  .rar-search-box button#websiteSearch:active {
    background-color: #00508a;
    transition: background-color 0.2s linear;
  }

    .container-fluid{
        --bs-gutter-x: 1rem;
    }
    .navbar .container-fluid{
          padding: 0px !important;
      }
    .searchcontainer{
        text-align: center;
        padding: 0px !important;
    }
  @media (max-width: 768px) {
        .table_buttons {
          width: 100%;
          flex-direction: column;
        }
        .rar-search-box {
          flex-direction: column;
        }
        .navbar .container-fluid{
          padding: 0px 8px !important;
        }
  }

.dropdown-menu[data-bs-popper]{
    margin-top: -1px;
}

    .dropdown-menu{
        border-radius: 0px !important;
        border: none !important;
        background-color: rgba(0, 80, 138, 0.87) !important;
        --bs-dropdown-padding-y: 0.75rem;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .dropdown-item{
        --bs-dropdown-item-padding-y: 0.3125rem;
        --bs-dropdown-link-color: #ffffff !important;
        transition: background-color 0.2s linear, padding-left 0.2s linear;
    }

    .dropdown-item:hover, .dropdown-item:focus{
        background-color: rgba(255, 255, 255, 0.13) !important;
        padding-left: 1.125rem !important;
        transition: background-color 0.2s linear, padding-left 0.2s linear;
    }

    .navbar{
        --bs-navbar-padding-y: 0px;
    }

    .nav-link{
        font-size: 16.5px !important;
        color: #ffffff !important;
        text-decoration: underline solid 1.5px transparent;
        --bs-navbar-nav-link-padding-x: clamp(8px, calc(1.5rem - (1040px - 100vw)*0.11), 1.5rem);
        --bs-nav-link-padding-y: 14px;
        -webkit-text-decoration: underline solid transparent;
        text-underline-offset: 5px;
        background-color: transparent;
        transition: all 0.2s linear !important;
    }

    .nav-link:hover, .nav-link:focus, .nav-link:active{
        background-color: #0079d1;
        text-decoration: underline solid 1.5px #ffffff;
        -webkit-text-decoration: underline solid #ffffff;
        transition: all 0.2s linear !important;
    }

    .navbar-toggler{
        border-color: transparent !important;
    }

    .navbar-dark .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    .navbar-brand{
        --bs-navbar-brand-padding-y: 14px;
        font-weight: 700 !important;
    }

    @media (max-width: 915px){
        .nav-link{
            font-size: 15px !important;
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }
    }
    .skip-link {
        /* Position off-screen */
        position: absolute;
        left: -1000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
        z-index: -100;
    }

    .skip-link:focus {
        /* Bring back on screen */
        position: static;
        width: auto;
        height: auto;
        left: auto;
        top: auto;
        /* Add styling to make it clearly visible */
        color: #ffffff;
        text-decoration: underline;
        z-index: 100;
    }

    .twolinks{
        width: 100%;
        padding: 4px 8px 8px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1024px;
        font-size: 15px; 
    }

    .twolinks a{
        padding: 4px;
        border-radius: 4px;
        background-color: transparent;
        text-decoration: none;
        transition: background-color 0.2s linear;
    }

    .twolinks a:hover, .twolinks a:focus, .twolinks a:active{
        background-color: rgba(20,55,82,0.35);
        transition: background-color 0.2s linear;
    }

    #contents, #contentshome{
        overflow-x: hidden;
        overflow-y: hidden;
        background-color: #ffffff; 
        width: 100%; 
        max-width: 1024px !important;
        margin: auto;
        box-sizing: border-box;
        text-align: center;
        padding-left: 0px;		
		font-size: 10pt;
        border-radius: 0px 0px 10px 10px;
    }

    #contents p, #contents a, #contents span, #contents h1, #contents h1, #contents h3, #contents h4{
        max-width: calc(100% - 16px);
        margin-left: auto;
        margin-right: auto;
    }

    #contentshome p, #contentshome span, #contentshome h1, #contentshome h1, #contentshome h3, #contentshome h4{
        max-width: calc(100% - 16px);
        margin-left: auto;
        margin-right: auto;
    }

    #container{
        width: 100%; 
        max-width: 1024px !important;
        padding: 0px !important;
    }
    .row > *{
        --bs-gutter-x: 1rem;
    }