@import "solostyles.css";

.content-wrapper {
  position: absolute;
  top: 0;  

  max-height: 100%;
  height: 100%;
  width: 100%;

  -webkit-justify-content: center;
  justify-content: center;
}

.content.box {
  border:  1px solid #D2D2D3;
  border-radius: 5px;
  max-height: calc(100vh - 8rem);
  width: 90vw;
  max-width: calc(430em / 16);
}

.content.box.wide {
  max-width: calc(445em / 16);
}

.content.box.small {
  max-width: calc(345em / 16);
}

.content.box > .box-header {
  font-size: calc(20rem / 16);
  font-weight: bold;
  background-color: #F3F3F4;
  border-bottom: 1px solid #D2D2D3;
  border-radius: 5px 5px 0 0;
  padding: 0.5em 1em 0.5em 1em;
}

.content.box > .box-content {
  margin: calc(15rem / 16) calc(20rem / 16);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-height: 21rem;
}

.footer {
  font-size: 9px;
  position: absolute;
  bottom: 0;
  padding: 1em;
  text-align: center;
  width: 100vw;
}

#main-text {
  max-height: 58vh;
  overflow-y: auto;  
}

#main-button {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  margin-top: calc(15rem / 16);
}