/* css/hub-sidebar.css */
.hub-sidebar {
  position: fixed;
  top: 0; bottom: 0;
  left: -350px;
  width: 350px;
  background: #fff;
  box-shadow: 2px 0 5px rgba(0,0,0,.3);
  transition: left .25s ease;
  z-index: 9999;
}
.hub-sidebar.active { left: 0; }
.hub-sidebar.fullscreen {
  width: 100%;
  left: 0;
}
/*
.hub-button {
  position: absolute; 
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  padding: 3px 8px;
  color: white;
}
*/

.hub-button, .hub-close, .hub-full {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0px;
  color: white;
}

.hub-button { top: 2rem; left: 2rem; z-index: 10000; }

.hub-sidebar iframe {
  width: 100%;
  height: 100%;
  border: none;
}



#hub-sidebar-tab {
	position: absolute;
	top: 30px;
	right: -2rem;
	width: 2rem;
	display: flex;
	flex-direction: column;
    min-height: 75px;
    justify-content: space-evenly;
    background: #3c3c3f;
    padding: 3px;
    border-radius: 0px 10px 10px 0px;
}

.hub-sidebar.active .hub-button {
    display: none;
}

.hub-sidebar.active .hub-close {
    display: block;
}

.hub-close {
	display: none;
}

.homeBtn {
	display: block;
    padding: 2px;
}

.hub-sidebar.active .homeBtn {
    display: none;
}

.hub-full {
	display: none;
}

.hub-sidebar.active .hub-full {
    display: block;
}


.hub-sidebar.active.fullscreen #hub-sidebar-tab {
    top: 30px;
    right: 0;
    border-radius: 10px 0px 0px 10px;
}

.hub-sidebar.active #hub-sidebar-tab {
    display: flex !important;
}

.hub-sidebar.active.fullscreen {
    height: 830px;
	position: absolute;
}

.hub-sidebar {
	overflow: visible;
}