body,
  html {
      height: 100%;
      background-color: #F8FAFD;
  }

  .skt-navbar {
      /* box-shadow: 0 6px 2px -2px #c0c0c0; */
      box-shadow: 0 6px 4px -4px rgba(192, 192, 192, 0.75);
      /* 50% transparency */

  }

  #skt-sidebar-menu {
      min-height: 100vh;
      background-color: #F8FAFD;
  }

  #skt-main-content {
      background-color: #F8FAFD;
      padding: 20px;
      margin-left: 0px;
  }

  .profile-pic {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      object-fit: cover;
  }

  .nav-pills .nav-link.active {
      /*
      background-color: #e0e0e0;
      background-color: #C2E7FF !important;
      background-color: #fffbe1; 
      */
      background-color: #e4ecf7 !important;
      color: #333333 !important;


      /*  filter: brightness(1.9) !important; */
      /* Lightens the background color by 20% */

  }

  .nav-pills .nav-link {
      color: #1F1F1F !important;

  }

  /* icon spacing for main menu*/
  .nav-link .fas {
      font-size: 1.1em;
      width: 30px;
  }

  /* icon spacing for main menu*/
  .dropdown-item .fas {
      font-size: 0.9 em;
  }

  .skt-main-component {
      min-height: 400px;
      /* Adjust the height as needed */
  }

  .skt-spaced-link {
      margin-right: 20px;
      /* Adjust the spacing as needed */
  }

  /*Link at top*/
  .promoted-link {
      padding: 5px 10px;
      font-size: x-small;
  }

  .skt-popup-body {
      background-color: #F8FAFD;

  }


  /* Feedback button */
  .skt-feedback-button-container {
      position: fixed;
      bottom: 20px;
      right: 10px;
      z-index: 20;
      background-color: #f8f8f8;
  }

  .skt-feedback-button-container .btn{
    font-size: small !important;
  }

  .skt-underlined {
      /*background-color: #ffeb3b; */
      border-bottom: 3px solid #ffeb3b;
      padding-left: 3px;
      padding-right: 3px;
  }