#page-status .sidebar-wrapper {
  overflow-x: hidden;
}
#page-status .sidebar-wrapper > .sidebar-container header{
	position: relative;
}
#page-status .sidebar-wrapper.started .sidebar-container header::before,
#page-status .sidebar-wrapper.started .sidebar-container header::after {
  background: #C12537;
}

#page-status .sidebar-wrapper.booked .sidebar-container header::before,
#page-status .sidebar-wrapper.booked .sidebar-container header::after {
  background: #D38303;
}

#page-status .sidebar-wrapper.started .sidebar-container header{
	color: #C12537;
}
#page-status .sidebar-wrapper.booked .sidebar-container header{
	color: #D38303;
}

#page-status .sidebar-wrapper.started .sidebar-container > h2.first {
  color: #C12537;
  white-space: nowrap;
}

#page-status .sidebar-wrapper.started .sidebar-container .icon > g > circle {
  fill: #C12537;
}

#page-status .sidebar-wrapper.show > .sidebar-container {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}


#page-status .sidebar-wrapper > .sidebar-container {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  -webkit-transform: translateX(70vw);
          transform: translateX(70vw);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  width: calc(70vw - 60px);
  height: 100vh;
  background: #111111;
  padding: 3vw 4vw;
  box-sizing: border-box;
}

#page-status .sidebar-wrapper > .sidebar-container header::before {
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  top: 1.5vw;
  width: calc(47% - 30px);
  height: 1px;
  background: #eee;
}

#page-status .sidebar-wrapper > .sidebar-container header::after {
  display: block;
  content: '';
  position: absolute;
  right: 0px;
  top: 1.5vw;
  width: calc(47% - 30px);
  height: 1px;
  background: #eee;
}
#page-status .sidebar-wrapper > .sidebar-container header i{
	font-size: 3vw;
}
#page-status .sidebar-wrapper > .sidebar-container .icon {
  position: relative;
  top: 30px;
  left: 0px;
}

#page-status .sidebar-wrapper > .sidebar-container > h2 {
  font-family: 'Neue Haas Unica W01 Light';
  font-size: 3vw;
  color: #888;
  text-align: start;
  margin-bottom: 5px;
  margin-top: 40px;
}

#page-status .sidebar-wrapper > .sidebar-container > h2.first {
  color: #D38303;
  font-size: 5vw;
}

#page-status .sidebar-wrapper > .sidebar-container > h2.participants {
  font-family: 'Neue Haas Unica W01 Regular';
  text-transform: uppercase;
  font-size: 2.5vw;
}

#page-status .sidebar-wrapper > .sidebar-container > p {
  font-family: 'Neue Haas Unica W01 Light';
  font-size: 3vw;
  color: white;
  text-align: start;
}

#page-status .sidebar-wrapper > .sidebar-container > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#page-status .sidebar-wrapper > .sidebar-container > ul li {
  font-family: 'Neue Haas Unica W01 Light';
  font-size: 2.5vw;
  color: white;
  text-align: start;
  border-bottom: 1px solid #707070;
  padding: 10px 0;
}

#page-status .sidebar-wrapper > .overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(68, 68, 68, 0.4);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}

#page-status .sidebar-wrapper .textSidebarBack{
	position: absolute;
	bottom: 3vw;
	left: 4vw;
	right: 3.5vw;
	display: flex;
	column-gap: 5px;
	font-size: 2.5vw;
    font-family: "Neue Haas Unica W01 Regular";
    line-height: 40px;
    color: #ccc;
    cursor: pointer;
}
#page-status .sidebar-wrapper .textSidebarBack img{
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	opacity: 0.7;
	
}

#page-status .sidebar-wrapper.show > .overlay {
  opacity: 1;
  pointer-events: all;
}
/*# sourceMappingURL=sidebar.css.map */