#sidebar {
  width: 270px;
  z-index: 1;
  height: 100%;
  background-color: #3c3c3c;
  position: fixed;
  -webkit-box-shadow: 1px 0px 5px 0px rgba(54,54,54,1);
  -moz-box-shadow: 1px 0px 5px 0px rgba(54,54,54,1);
  box-shadow: 1px 0px 5px 0px rgba(54,54,54,1);
  overflow-y: scroll;
}

#content {
  margin-left: 270px;
  height: 700px;
  background-color: rgb(235,235,235);
  overflow-y: overlay;
}

@media (max-width: 768px) {
  #sidebar {
    display: none;
  }
}

@media (max-width: 768px) {
  #content {
    margin-left: 0px;
  }
}

#dvv {
  width: 30px;
  height: 600px;
  position: fixed;
}

#cove {
  margin-left: 30px;
}

#comm {
  width: auto;
}

#cv {
  width: auto;
}

#ico {
  float: right;
}

#ico {
  padding: 2px;
  border-radius: 60%;
  cursor: pointer;
  border: 0.4px solid white;
}

#imc {
  cursor: pointer;
}

#colb {
  padding: 3px;
  width: 70px;
  border-radius: 50%;
  margin-left: 30px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#cvb {
  margin: 0.2px;
  padding: 20px;
  padding-bottom: 5px;
}

#usernm {
  padding-left: 20px;
  padding-top: 10px;
}

#email {
  padding-left: 20px;
}

.acv:hover, .acv:active, .acv:visited, .acv:link {
  text-decoration: none;
}

.lik:hover {
  border-left: 3px solid #0079bc;
  border-right: 3px solid #0079bc;
  padding-left: 34px;
  background-color: rgb(39,39,39);
  transition: 0.2s;
}

.subli:hover {
  border-left: 4px solid #0079bc;
  border-right: 4px solid #0079bc;
  transition: 0.3s;
  background-color: rgb(62,62,62);
}

.sublink:hover, .sublink:active, .sublink:focus {
  text-decoration: none;
}

#sub1 {
}

::-webkit-scrollbar {
  width: 1px;
  background-color: transparent;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background: dodgerblue;
  border-radius: 10px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb:hover {
  background: 00bfff;
}

#sub1 {
  display: none;
}

#sub2 {
  display: none;
}

#sub3 {
  display: none;
}

.glyphicon.glyphicon-plus.iv {
}

#list-cont {
  border-left: 3px solid #0079bc;
  border-right: 3px solid #0079bc;
}

#bn {
  float: right;
}

.lik {
  cursor: pointer;
}

#btreg {
  float: right;
}

#log {
  float: right;
}

.bone {
  background-color: #0079bc;
  color: white;
  padding: 7px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0px;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  transition: background-color .3s;
  float: right;
  font-family: Consolas;
  font-size: 15px;
}

.bone:hover {
  background-color: rgb(0,148,232);
}

#painn {
  box-shadow: 0px 0px 44px -15px;
}

#selo {
  padding: 10px;
}