body {
      min-height: 100vh;
      display: flex;
      overflow-x: hidden;
    }

    .fixed-top {
      background-color: #004080 !important;  /*#004080 !important;  */
    }

    .main_head {
      background-color: #004080 !important;
    }
    .sidebar {
      width: 250px;
      position: fixed;
      top: 0;
      bottom: 0;
      background-color: #004080 !important;  /*#343a40; #004080 !important;*/
      padding-top: 60px;
      z-index: 1000;
      transition: all 0.3s ease;
    }
    .sidebar a {
      color: #ccc;
      padding: 12px 20px;
      display: flex;
      align-items: center;
      text-decoration: none;
      transition: background 0.3s, color 0.3s;
    }
    .sidebar a:hover, .sidebar a.active {
      background-color: #495057;  /**/
      color: #fff;  /**/
    }
    .sidebar a i {
      margin-right: 10px;
    }
    .sidebar a i.bi-chevron-down {
      margin-left: auto;
    }
    .sidebar .collapse a {
      font-size: 0.95rem;
      padding: 10px 15px;
      color: #adb5bd;
    }
    .sidebar .collapse a:hover {
      color: #fff;  /**/
    }
    .content {
      margin-left: 250px;
      padding: 20px;
      width: 100%;
    }
    .navbar {
      position: fixed;
      top: 0;
      left: 250px;
      right: 0;
      z-index: 1001;
    }

    /* adjust the top nav badge*/
    .badge-adjust {
    top: 20px !important;
    }

    .main-wrapper {
      padding-top: 70px;
    }
    /* Responsiveness */
    @media (max-width: 768px) {
      .sidebar {
        transform: translateX(-100%);
      }

      .sidebar.show {
        transform: translateX(0);
      }

      .content {
        margin-left: 0;
      }
    }