#viewport {
  margin-top:60px;
    padding-left: 200px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  #content {
    width: 100%;
    position: relative;
    margin-right: 0;
    height: 100%;
  }
  #inner_viewport {
    padding-left: 400px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  #inner_content {
    width: 100%;
    position: relative;
    margin-right: 0;
    height: 100%;
  }
  
  #inner_viewport_right {
    padding-right: 400px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  #inner_content_right {
    width: 100%;
    position: relative;
    margin-left: 0;
    height: 100%;
  }
  
  /* Sidebar Styles */
  
  #sidebar1 {
  margin-top:-60px;
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 200px;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #054aa1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  #sidebar1 header {
    background-color: #ffffff;
    font-size: 20px;
    line-height: 59px;
    text-align: center;
  }
  
  #sidebar1 header a {
    color: #fff;
    padding: 0;
    display: block;
    text-decoration: none;
  }
  
  #sidebar1 header a:hover {
    color: #fff;
  }
  
  #sidebar1 .nav{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  
  #sidebar1 .nav a{
  /*  background: none;*/
    /*border-bottom: 1px solid #455A64;*/
    color: #ffffff;
    font-size: 14px;
    /*padding: 16px 24px;*/
  }
  
  #sidebar1 .nav a:hover{
    color: #fff;
    background: #fab202;
    font-size: 15px;
  }
  
  #sidebar1 .nav a i{
    margin-right: 16px;
  }
  
  #sidebar1 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
      color: #fff;
      background: #fab202;
      font-size: 15px;
  }
  
  #inner_sidebar {
    z-index: 1000;
    position: fixed;
    left: 453px;
    width: 390px;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #f8f9fa;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  #inner_sidebar header {
    background-color: #f8f9fa;
    font-size: 20px;
    line-height: 59px;
  /*  text-align: center;*/
  }
  
  #inner_sidebar header a {
    color: #fff;
    padding: 0;
    display: block;
    text-decoration: none;
  }
  
  #inner_sidebar header a:hover {
    color: #fff;
  }
  
  #inner_sidebar .nav{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  
  #inner_sidebar .nav a{
  /*  background: none;*/
    /*border-bottom: 1px solid #455A64;*/
    color: black;
    font-size: 14px;
    /*padding: 16px 24px;*/
  }
  
  #inner_sidebar .nav a:hover{
    color: #fff;
    background-color: #074380;
    font-size: 15px;
  }
  
  #inner_sidebar .nav a i{
    margin-right: 16px;
  }
  
  #inner_sidebar .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
      color: #fff;
      background-color: #074380;
      border-left: #00dcff 5px solid;
      font-size: 15px;
  }
  .navbar-expand-lg {
    margin-left:200px;
  }
  
  .desktop-view {
    display: block;
  }
  .mobile-view {
    display: none;
  }
  @media only screen and (max-width: 768px) {
    
  .desktop-view {
    display: none;
  }
  .mobile-view {
    display: block;
  }
    .navbar-expand-lg {
      margin-left:0;
    }
  #viewport {
      padding-left: 0;
    }
    #sidebar1 {
      left: 0;
      z-index: 999;
    }
    #inner_sidebar {
      left: 0;
      margin-left: 0;
      z-index: 99;
    }
    .show-sidebar {
      left: 250px !important;
    }
    .hide-sidebar {
      left: 0px !important;
    }
    .mob-profile-view {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
      width: fit-content;
      background-color: white;
      position: absolute;
      z-index: 999;
      right: 0;
      border: 1.4px solid #007bff;
      text-align: center;
    }
  }