/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
.labels {
    color: red;
    background-color: white;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    padding:1px;
    text-align: center;
    height: 13px;     
    border: 1px solid black;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
   }
 #wrapper {
    overflow-x: hidden;
   }
   .feather {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
  }

#sidebar-wrapper .list-group {
  width: 15rem;
  }

#sidebar-wrapper {
   margin-left: 0;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
  }

#page-content-wrapper {
    min-width: 0;
  
  }

#wrapper.toggled #sidebar-wrapper {
     margin-left: -15rem;
  }
#view-pc{
   display: none;
  }
#view-mobile{
   display: flex;
   
 }
@media (min-width: 768px) {
 #sidebar-wrapper {

  margin-left: 0;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

 #wrapper.toggled #sidebar-wrapper {
  margin-left: -15rem;
  
}
#view-pc{
   display: flex;
  }
  #view-mobile{
   display: none;
  }
.labels {
    color: red;
    background-color: white;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    padding:1px;
    text-align: center;
    height: 13px;     
    border: 1px solid black;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
   }

}