.control-sidebar {
  width: 500px;
  right: -500px;
  bottom: 0px;
  overflow-y: scroll;
  transition: none 0s ease 0s !important;
  position: fixed;
}

.control-sidebar-slide-open.control-sidebar-push .content-wrapper, .control-sidebar-slide-open.control-sidebar-push .main-footer, .control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper, .control-sidebar-slide-open.control-sidebar-push-slide .main-footer {
  margin-right: 500px;
}

.layout-navbar-fixed .wrapper .control-sidebar {
  top: 50px;
}

.list-group-sm .list-group-item {
  padding: 5px;
}

.add_session {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 0;
  /*border-bottom: 0;*/
  /*border-top-left-radius: 0;*/
  /*border-radius: 0;*/
  opacity: 0.5;
  transition: 0.25s opacity;
  border-color: rgb(52, 58, 64);
  background-color: rgb(52, 58, 64);
  color: #fff;
}

.add_session:hover {
  border-color: rgb(52, 58, 64) !important;
  background-color: rgb(52, 58, 64) !important;
  color: #fff;
  opacity: 1;
}

.not-active:not(.active) {
  background-color: rgb(52, 58, 64);
  opacity: 0.5;
  transition: 0.25s opacity;
}

.not-active:not(.active):hover {
  border-color: rgb(52, 58, 64);
  opacity: 1;
}

iframe {
  width: 1px;
  min-width: 100%;
}

.control-sidebar-dark a:hover {
  color: #c2c7d0;
}

.btn-light.focus, .btn-light:focus {
  background: #f8f9fa;
  color: #c2c7d0;
  border-color: #f8f9fa;
}

.btn-outline-primary:hover {
  background-color: rgb(110, 181, 255);
  border-color: rgb(110, 181, 255);
}

.spinner {
  margin: 30px auto;
  /*width: 50px;*/
  height: 40px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  animation-delay: -1.1s;
}

.spinner .rect3 {
  animation-delay: -1s;
}

.spinner .rect4 {
  animation-delay: -0.9s;
}

.spinner .rect5 {
  animation-delay: -0.8s;
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}