.sidebar {
	padding-top:60px;
	position:fixed;
	top:0;
	left:-250px;
	height:100vh;
	width:250px;
	transition-property:left;
	transition-duration:200ms;
	z-index:999;
	background:#fff;
	box-shadow:1px 0 5px rgba(0,0,0,.25);
}

.navbar { background: rgba(34,34,34,.85); }
.sidebar-visible .navbar { background:none; }

.sidebar-visible #topbar { display: none!important;}



.sidebar li {
	background-color:#fff;
}

.sidebar a:hover {
	text-decoration: none;
}

.load-bar {
  position: relative;
  margin-top: 54px;
  width: 100%;
  height: 5px;
  background-color: #fdba2c;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 5px;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #E25C49;
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #1E88E5;
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #fdba2c;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}