label[for="transcription"] {
  font-size: 2rem;
  position: absolute;
  top: 0px
  right: 10px;
  z-index: 1;
  cursor: pointer;
  padding: 0px;
  padding-right:5px;
  background-color: transparent;
}

#transcription {
  display: none;
}

.transcription-panel {
  display: flex;
  top: 0;
  z-index:10000;
  height: 100%;
}

.transcription-border {
  width: 5px;
  background-color: #667;
}

.transcript-text {
  padding: 35px 15px 10px;
  width:100%;
}

aside {
  background-color: #eeeeee;
  color: black;
  z-index:10000;
  width: 100%;
  padding: 0;
  position: fixed;
  top: 0;
  right: -100%;
  transition: 0.1s all;
}

#transcription:checked + aside {
  right: 0px;
}

label[for="timeout"] {
font-size: 2rem;
position: absolute;
top: 0px
right: 10px;
z-index: 1;
cursor: pointer;
padding: 0px;
padding-right:5px;
background-color: transparent;
}

#timeout {
display: none;
}
.timeout-panel {
display: flex;
top: 0px;
z-index:10000;
height: 100%;
border-bottom: 5px solid lightgrey;
overflow-y: scroll;
}

.timeout-border {
width: 10px;
background-color: #667;
}

.timeout-text {
padding: 35px 15px 10px;
width:100%;
}

#timeout:checked + aside {
right: 0px;
}


label[for="survey"] {
font-size: 2rem;
position: absolute;
top: 0px
right: 10px;
z-index: 1;
cursor: pointer;
padding: 0px;
padding-right:5px;
background-color: transparent;
}

#survey {
display: none;
}
.survey-panel {
display: flex;
top: 0px;
z-index:10000;
height: 100%;
border-bottom: 5px solid lightgrey;
overflow-y: scroll;
}

.survey-border {
width: 10px;
background-color: #667;
}

.survey-text {
padding: 35px 15px 10px;
width:100%;
}

#survey:checked + aside {
right: 0px;
}



label[for="session-disconnected"] {
font-size: 2rem;
position: absolute;
top: 0px
right: 10px;
z-index: 1;
cursor: pointer;
padding: 0px;
padding-right:5px;
background-color: transparent;
}

#session-disconnected {
display: none;
}
.session-disconnected-panel {
display: flex;
top: 0px;
z-index:10000;
height: 100%;
border-bottom: 5px solid lightgrey;
overflow-y: scroll;
}

.session-disconnected-border {
width: 10px;
background-color: #667;
}

.session-disconnected-text {
padding: 35px 15px 10px;
width:100%;
}

#session-disconnected:checked + aside {
right: 0px;
}




label[for="session-continue"] {
font-size: 2rem;
position: absolute;
top: 0px
right: 10px;
z-index: 1;
cursor: pointer;
padding: 0px;
padding-right:5px;
background-color: transparent;
}

#session-continue {
display: none;
}
.session-disconnected-panel {
display: flex;
top: 0px;
z-index:10000;
height: 100%;
border-bottom: 5px solid lightgrey;
overflow-y: scroll;
}

.session-continue-border {
width: 10px;
background-color: #667;
}

.session-continue-text {
padding: 35px 15px 10px;
width:100%;
}

#session-continue:checked + aside {
right: 0px;
}








label[for="faq"] {
font-size: 2rem;
position: absolute;
top: 0px
right: 10px;
z-index: 1;
cursor: pointer;
padding: 0px;
padding-right:5px;
background-color: transparent;
}

.faq-panel {
display: flex;
top: 0;
z-index:10000;
height: 50%;
border-bottom: 5px solid lightgrey;
overflow-y: scroll;
}

.faq-border {
width: 10px;
background-color: #667;
}

.faq-text {
padding: 35px 15px 10px;
width:100%;
}

#faq:checked + aside {
right: 0px;
}
label[for="quick"] {
font-size: 2rem;
position: absolute;
top: 0px
right: 10px;
z-index: 1;
cursor: pointer;
padding: 0px;
padding-right:5px;
background-color: transparent;
}

#quick {
display: none;
}

.quick-panel {
display: flex;
top: 0;
z-index:10000;
height: 50%;
overflow-y: scroll;
border-bottom: 5px solid lightgrey;
}

.quick-border {
width: 10px;
background-color: #667;
}

.quick-text {
padding: 35px 15px 10px;
width:100%;
}

#quick:checked + aside {
right: 0px;
}