  body {
    font-family: monospace;
    background-color: #f8f9fa; /* Change to your preferred background color */
  }

  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 275px;
    background-color: #777C80; /* Change to your preferred sidebar color */
    color: #fff; /* Change to your preferred text color */
    padding-top: 15px;
    transition: all 0.3s ease;
    z-index: 1;
    border-style: outset;
  }

  .sidebar a {
    font-family: monospace;
    padding: 10px 15px;
    text-decoration: none;
    /* font-size: 25 px !important; */
    color: #fff; /* Change to your preferred text color */
    display: block;
    transition: color 0.3s ease;
  }

  .sidebar .nav-title {
    font-family: cursive;
    font-size: 20px;
    font-weight: bold;
    color: #17a2b8; /* Change to your preferred title color */
    margin-bottom: 10px;
  }

  .content {
    margin-left: 250px;
    padding: 20px;
    transition: all 0.3s ease;
  }

  .label{
    font-weight: 600;
    color: #777C80;
  }

  .button{
    /* float: inline-end !important; */
    padding: 9px 39px !important;
    margin: 20px !important;
  }

  .backbutton{
    /* float: inline-end !important; */
    padding: 9px 39px !important;
    margin: 20px !important;
  }

    /* .datatablescss{
      margin: 41px 330px !important;
    }

    .fullpage{
      overflow-x: hidden;
    } */

  .floatmobile{
    float: right !important;
  }

  .sidebarformat{
    background-color: #878484 !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: bolder !important;
    border-bottom-width: thin !important;
  }

  .menu-logo{
    margin:20px; height:10%;
    width:50%; border: dashed;
    border-bottom-color: blue;
    border-radius:100px;
    background-position:center;
  }

  .listbutton{
    margin-right: 6px !important;
  }

  .navtitlefont{
      font-weight: 600;
      font-variant: small-caps;
      font-family: inherit;
      letter-spacing: 4px;
  }

  .puttitlediv{
    flex-basis: content !important;
  }

  /* .list-group-flush > .list-group-item {
    border-width: 1px !important;
  } */
  