.sheet svg {
    width:100%;
    height:auto;
}
.sheet {
    overflow: hidden;
}









.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}






.modal footer.fixed {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 80px;
  padding: 20px;
  background-color: white;
}

.modal .fixed-header {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 80px;
  padding: 16px;
  padding-right:96px;
  background-color: white;
}


.modal .fixed-footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 80px;
  padding: 20px;
  background-color: white;
}

.modal .max-content {
  margin: 0 0px;
  padding-top:32px;
  padding-left:32px;
  padding-right:48px;
  height: calc(100vh - 160px);
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.is-text-overflow {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.is-clickable {
  cursor: pointer;
}




.navbar-alt {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem;
}

.navbar-end-alt {
  justify-content: flex-end;
  margin-left: auto;
  align-items: stretch;
  display: flex;
  box-sizing: inherit;
}

.navbar-start-alt {
  justify-content: flex-end;
  margin-right: auto;
  align-items: stretch;
  display: flex;
  box-sizing: inherit;
}

.navbar-item-alt {
    display:flex;
    align-items:center;
    flex-grow:0;
    flex-shrink:0;
    padding:.5rem .75rem;
    position:relative;
    line-height:1.5;
    color:#4a4a4a;
    box-sizing:inherit;
}








#EventSidebar {
    display:none;
    position:absolute;
    top:50px;
    right:0px;
    height: 100vh;
    width: 200px;
}