#rightbar {
  top: 0;
  right: -500px;
  width: 500px;
  height: 100vh;
  display: flex;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--shadow);
  -webkit-box-shadow: 0 0 #0000, 0 0 #0000, var(--shadow);
  transition: all .5s var(--slide-annimation);  
  z-index: 100;  
}

#rightbar .header.title {
  height: 69px;
}

#rightbar .header.toolbar {
  height: 86px;
}

#rightbar #rightbar-form-container {
  height: calc(100vh - 70px);
}

#rightbar #rightbar-form-container.toolbar-visible {
  height: calc(100vh - 155px);
}

body.rightbar-active {
  overflow: hidden;
}

body.rightbar-active #rightbar{
  right: 0px;
}

#rightbar .row > div[class^='col']:last-child > .form-group {
  margin-bottom: 0;
}

/* mobile view */
@media screen and (max-width: 767px) {
  body.rightbar-active #rightbar {
    width: 100%;
  }
}
/* mobile view */