details>summary {
    list-style: none;
}

details>summary::marker,
details>summary::-webkit-details-marker {
    display: none;
}

div.checkmark_group{
    border : 1px solid gray;
    /* min-width : 150px; */
    padding-left: 5px;
    display: inline-table;
}

div.menu_item_group{
    border : 1px solid gray;
    min-width : 150px;
    padding-left: 5px;
    display: inline-table;
}

#messages{
    font-size: 1.0em;
    font-family: sans-serif;
    max-width: 100%;
    border: 1px solid lightgray;
    background-color: brown;
    color: white;
    padding: 10px;
}

.menu-container{
    width: 100%;
    border: 1px solid gray;
    font-family: sans-serif;
    font-size: 1.0em;
}

.menu-sub-container{
    display: inline-grid;
    padding: 3px;
    min-width: 550px;
} 

.menu{
    display: inline-grid;
    max-width: 48%;
    border: 1px solid gray;
    font-family: sans-serif;
    font-size: 1.0em;
}

th.up, th.down {
    background: #ccff99;
  }
  
  th.both::before, th.both:after, 
  th.up::before, th.down::after{
      border: 6px solid transparent;
      content: "";
      display: block;
      height: 0;
      right: 1px;
      top: 56%;
      position: absolute;
      width: 1;
  }
  
  th.both:before {
      border-bottom-color: #666;
      margin-top: -17px;
  }
  th.both:after {
      border-top-color: #666;
      margin-top: -2px;
  }
  
  
  th.up:before {
      border-bottom-color: #666;
      margin-top: -17px;
  }
  th.down:after {
      border-top-color: #666;
      margin-top: -2px;
  }

table.dataframe {
    border-collapse: collapse;
    font-family: sans-serif;
    width: 100%;
    font-size: .75em;
}

div#title{
     font-family: sans-serif;
     font-size: 1.2em;
     width:100%;
    padding-bottom:5px;
   
}

#initial-df-table{
    overflow: auto;
    height: 65vh;
    border: 2px solid black;
}

table.dataframe thead{
    color: rgba(0, 0, 0, 0.85);
}

table.dataframe thead tr th {
    text-align: center;
    position: sticky;
    top: 0;
    background: #ffc491;
    box-shadow: 0px 0px 0 2px #e8e8e8;
    padding: 16px;
    padding-left: 15px;
    border-left: 1px dotted rgba(200, 209, 224, 0.6);
    border-bottom: 1px solid #e8e8e8;
}

details {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 0.5em 0.5em 0;
  }
  
  summary {
    font-weight: bold;
    margin: -0.5em -0.5em 0;
    padding: 0.5em;
  }
  
  details[open] {
    padding: 0.5em;
  }
  
  details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: 0.5em;
  }

span.quicknote{
    font-family: sans-serif;
    width: 100%;
    font-size: .62em;
    font-style: italic;
    padding: 5px; 
}

div#notes{
    font-family: sans-serif;
    width: 100%;
    font-size: .82em;
    font-style: italic;
    padding: 5px;
}
div#endnotes{
    font-family: sans-serif;
    width: 100%;
    font-size: .8em;
    padding: 5px;
}

table.dataframe thead th {
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.dataframe tbody tr {
    /* white-space: nowrap; */
    border: 1px solid lightgray;
}

.highlighted{
    background-color: aquamarine;
}

.highlighted-school{
    background-color: #96e048;
    color: red;
}

table.dataframe tbody th {
    /* white-space: nowrap; */
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
table.dataframe tbody td {
    /* white-space: nowrap; */
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}