sol-core.css

.TabulatorOutline .doc {
  width:99% !important;
  margin:0 !important;
}
/* ACCORDION
*/
.sol-help {
  display:block;
  width:40rem !important;
}
.sol-codeResults { width:960px; } 
.sol-help h1, .sol-help h2, .sol-help h3 { font-size:100%; margin:0;  margin-bottom:0.2rem !important; }
.sol-help h2 { 
  clear:left; !important;  
  padding-top:1rem !important; 
  margin-bottom:0 !important;
}

.sol-help h3 { 
  margin-top:1.4rem;
  margin-left:0.5rem;
/*
  font-weight:normal;
  margin:0;
  margin-left:1.5rem; 
  border:1px solid gray; 
  border-radius:0.3rem;
  padding:0.25rem;
  background-color:#99B3B3;
  display:inline-block !important;  
*/
}
.sol-help > div,
.sol-modal {
  position:absolute;
  top:0;
  right:0;
//  margin:2rem !important;
//  width:  calc( 100vw - 6rem );
//  height: calc( 100vh - 6rem );
  border-radius:0.3rem;
  right:0;
  padding:1rem;
  z-index:20000;
  background:white;
  color:black;
  border:8px solid black;
  display:block;
  min-width:420px;
  margin-left:3rem;
  margin-bottom:2rem;
}
.sol-codeview {
  width:fit-content;
}
.sol-help > div.hidden { 
  display:none;
//  margin-left:3rem;
//  margin-bottom:0.2rem;
}
.sol-help table { 
  background:white;
  margin-top:0.5rem;
  color:black;
}

/*
body {
    overflow:hidden;
    padding:1rem;
    margin:0;
    background:teal;
}
*/
* {
    font-family:Verdana,Arial,Helvetica,Sans-Serif;
}
.sol-help .hidden * { display:none; }
/*
.sol-rdf > DIV {
  padding:1rem !important;
  padding-left:0 !important;
  padding-right:0 !important;
  display:table-cell !important;
}
*/
.sol-rdf .formFieldName {
  padding:1rem !important;
  padding-left:0 !important;
  padding-right:0 !important;
  width:4em !important;
  text-align:right;
}
.sol-rdf .formFieldValue input {
  width:60ch !important;
}

.button-links a {
  margin-right:0.5rem;
  text-decoration:none;
  padding:0.25rem;
  border:1px solid black;
  border-radius:0.3rem;
  background:white !important;
  opacity:70%;
  color:black !important;
}

.sol-reader {
  height:100%;
  overflow:hidden;
}

span.sol-open, span.sol-closed, .sol-link * { color:teal !important; }

/* READER HEADER
*/
.sol-reader-header {
  padding:1rem;
  padding-left:0;
  display:grid;
  grid-template-columns: 2rem auto 8rem;
}
.sol-page-title {
    font-size:140%;
    font-weight:bold;
    margin-left:1rem;
}
.sol-menu-control {
  font-size:240% !important;
  font-weight:bold;
  // color:white !important;
  cursor:pointer;  
  margin-top:-0.8rem;
}
.navigation-buttons {
  text-align:right;
}
.navigation-buttons button {
  background:transparent;
  border:none;
  // color:white !important;
  font-weight:bold;
  font-size:140%;
  cursor:pointer;
}
.currentIndex,.maxIndex {
  display:inline-block;
  font-size:1rem;
}

/* READER MAIN
*/
.sol-reader-main {
  display:grid;
  grid-template-columns: 22rem auto;
  height:100%;
}
.sol-reader-main.hidden {
  display:block;
  width:100%;
}
.sol-reader-main.hidden > .sol-reader-menu {
  display:none;
}

/* READER MENU 
*/
.sol-reader-menu, .sol-reader-display {
  background:white;
  opacity:80%;
  border-radius:0.4rem;
  height:85vh;
}
.sol-reader-menu {
  height: calc(85vh + 2rem);
}
.sol-reader-menu > span {
  padding:1rem;
  display:block;
  overflow-y:auto;
}
.sol-reader-menu h1,
.sol-reader-menu h2,
.sol-reader-menu h3,
.sol-reader-menu h4,
.sol-reader-menu h5{
  font-size:1rem; font-weight:normal; margin-top:0; margin-bottom:0.3rem; 
}
.sol-reader-menu h1,
.sol-reader-menu h2{
  margin-top:0.5rem; margin-bottom:0.5rem; font-weight:600; 
}
.sol-reader-menu h1 {font-size:110%}
.sol-reader-menu h3 { padding-left:1rem;}
.sol-reader-menu h4 { padding-left:2rem;}
.sol-reader-menu h5 { padding-left:3rem;}

/* DISPLAY
*/
.sol-reader-display {
  margin-left:1rem;
  padding:1rem;
  overflow:auto;
}
.sol-codeResults, .sol-coderesults {
    padding:1rem;
  border-radius:0.4rem;
  background:white !important;
  opacity:1 !important;
  z-index:2;
  border:1px dashed black;
}
#reader1 {
  opacity:200% !important;
background:white !important;
}