#title { width : 100%; margin-top : 40px; margin-bottom : 20px; font-size : 200%; color : #a52; text-align : right; }
#main { float: left; width: 100% ;}
#bodytext { clear: both; }

.menulevel-section-one {
   background-color:#bcd;
    border-radius: 2px;
}

.menulevel-section-two {
   background-color:#cde;
    border-radius: 2px;
}

.menulevel-section-three {
   background-color:#def;
    border-radius: 2px;
}

.menulevel-section-four {
   background-color:#eff;
    border-radius: 2px;
}

.menulevel-collection {
   background-color:#fff;
    border-radius: 2px;
}

.fa-angle-right:before {
   content: "❭";
}

.fa-angle-left:before {
   content: "❬";
}

#main-window { width: 100%; float: left; }
.event-result { width: 100%; }
.chooser-div {
   width: 100%;
   text-color: #a52;
   clear:both;
}
.header-div { width: 100%; height: 30px; font-size: 100%; font-weight: bold; color: #a52; float: left; }
.subheader { width: 100%; height: 100px;  }

.metadata-div { clear: both; }
.metadata-entry { clear: both;}
.metadata-item { float: left; width : 25%px; padding: 2px; }
.metadata-item-content a { color: #888; text-decoration: none; }
.metadata-item-content { float: left; width: 100%; }
.metadata-author { clear: both; }

#top-menu-container { margin-bottom: 30px; width: 100%; float: left;}


.folderbar { cursor: pointer; border-radius: 2px; background-color : #def; width: 100%; clear: both;  overflow: auto; padding: 3px; margin-bottom: 1em;}
.toggle { align: right; width:100%; float: right; padding: 3px; text-align: right; }
.resultchooser { width: 100%; float: left; }
.arrow { float: left; padding-right: 0px; padding-left: 4px; min-width: 15px; float: right; }
.restext { float: left; float: right; }
.gray { color: #888; }
.leftspace {min-width: 40px; float: left;}
.clear { clear: both; }


.paramlist {  float: left; }
.paramlist-header-div { width: 100%; height: 20px; font-size: 100%; font-weight: bold;   }
.paramlistparams { }
.paramlist-list { margin: 2px; list-style: circle outside none; }

.choose-values {margin-top: 30;float: left;width: 100%;}

.empty-div { height: 10%;}

table.query-list { width:100%; font-size: 100%; }
tr.query-list { }
tr.query-list td { border-top:2pt solid black; }
td.query { background-color: #bcf; color: #a52; text-decoration:none; text-align: left;}

table.result-list { font-size: 1.5rem; width: 100%; table-layout: fixed;}
.result-list tr {background-color: #fff;}
tr.result-list td {border-top:2pt solid black;}
td.result {color: #a52;text-decoration:none;text-align: left; vertical-align: top; overflow:hidden; white-space: nowrap; }
td.result-right {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #a52;text-decoration:none;text-align: left; vertical-align: top; min-width: 50%; font-variant-numeric: lining-nums; font-feature-settings:"lnum" 1;}
td.result-alt {/* background-color: #bcf; */;text-decoration:none;text-align: left; }
td.result-left {color: #a52;text-decoration:none;text-align: left; vertical-align: top;}
td.result-alt-left {/* background-color: #bcf; */;text-decoration:none;text-align: left; }
div.td-left-div { display: inline-block; }

.query-table {/* clear: both; */}
.query-row { clear: both; border-radius: 2px; background-color: #bcf; color: #a52; height: 50px;  width: 100%;  margin-bottom: 2px;}
.range-query-name { float: left;     border-radius: 2px;  color: #a52; text-decoration:none; text-align: left;  padding: 3px; }
.range-query-operator { float: left; height: 35px; background-color: #bcf; color: #a52; text-decoration:none; text-align: center;  padding: 3px;  }
.range-query-field { float: left;     background-color: #bcf; color: #a52; text-decoration:none; text-align: center;  padding: 3px;  }
.range-query-value { float: left;   background-color: #bcf; color: #a52; text-decoration:none; text-align: left; padding: 3px; }
/*changes to skeleton*/
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
    margin-right: 0.1rem;
    margin-left: 0.1rem;}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }

ul.referenceslist {
   display: table;
   width : 100%;
}

li.referenceslist {
   display: table-row;
}

li.referenceslist::before {
   content: "\25CB";
   display: table-cell;
   text-align: right;
   padding-right: 1em;
}

span.title {
   font-style: italic;
}

div.bib {
   clear: both;
}

div.journal {
   float: left;
   width: 80%;
}

div.links {
   float: right;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 2em;
  /* padding: 6px 6px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  padding: 2px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

@media (min-width: 550px) {
      .columns {
	  margin-right: .1%;
      margin-left: .1%; }