.sidebar {
  height           : 100%;
  width            : 0;
  position         : fixed;
  z-index          : 1;
  top              : 0;
  left             : 0;
  background-color : #111;
  overflow-x       : hidden;
  transition       : 0.5s;
  padding-top      : 0px;
}

.sidebar a {
  padding          : 6px 6px 6px 16px;
  text-decoration  : none;
  font-size        : 16px;
  color            : #818181;
  display          : block;
  transition       : 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.openbtn {
  font-size       : 20px;
  cursor          : pointer;
  background-color: #111;
  color           : white;
  padding         : 10px 15px;
  border          : none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition : margin-left .5s;
  padding-top: 0px;
  margin-top : 0px!important;
}
#main2 {
  transition : margin-left .5s;
  padding-top: 0px;
}

li.submenu {
    padding-left:5px;
    line-height :20px;
}

li.submenu a {
    font-size: 15px!important;
}
li.submenu a:hover {
    text-decoration:underline;
}

a.userdisp {
    padding       : 10px 5px!important;
    margin-top    : 1px!important;
    background    : #000!important;
    border-radius : 0px!important;
    color         : #FFF;
    opacity       : 0.5;
}

/*TABLE RESIZER CODE*/

.table th.bordered
,.table td.bordered {
  border: 1px solid #ccc;
}

/*.table {
  border-collapse: collapse;
  width: 100%;
}

.table,
.table th
,.table td {
  border: 1px solid #ccc;
}

.table th,
.table td {
  padding: 0.5rem;
}

.table th {
   position: relative;
   cursor: grab;
   user-select: none;
}   
.table th:active {
      cursor: grabbing;
}

.resizer {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  cursor: col-resize;
  user-select: none;
}

.resizer:hover,
.resizing {
  border-right: 2px solid blue;
}

.dragging {
  background-color: #f0f0f0;
}*/