html, body {margin:0;padding:0}
body {font-family:"Trebuchet MS","Arial Narrow","Arial";font-size:1rem;line-height:1;color:#28357A;cursor:default;
    background-image:url('/img/noise.jpg');background-repeat:no-repeat;background-size:cover;
    user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}

/* dcL - data collection List */
.dcL_l {display:flex;flex-direction:row;align-items:center;justify-content: space-between;}
.dcL_l>.lt {font-weight:normal}
.dcL.G>.dcL_l>.lt {font-weight:bold}
.dcL.cat>.dcL_l>.lt {font-weight:bold}
.lt {text-shadow:1px 1px white;white-space: nowrap;text-overflow: ellipsis;}
.Ls {display:flex;flex-direction:column}

/* crt - caret */
.crt:before {content:'\25BC';text-shadow:1px 1px silver;font-size:10pt}
.dcL.cl .crt:before {content:'\25BA'}
.dcL.cl .Ls {display:none}

/* nL - number of Lists */
.nL {margin-left:4pt;font-variant:normal;font-size:10pt;color:rgba(40,53,122,.5);text-shadow: 1px 1px white;}
.nL:before {content:'[';}
.nL:after {content:']'}
.nL:empty {display:none}
.nL {visibility:hidden}
.cl .nL {visibility:visible}

.dcL[nL="0"] {opacity:.5}
.dcL.L.cat[nL="0"] {display:none}
.dcL:not(.cat)>.dcL_l[i]:hover {background-color:#FFF9C4}
.dcL_l ed {transform:scaleX(-1);margin-left:2pt;flex-grow: 1;color: rgba(40,53,122,.85);visibility: hidden;}
.dcL_l ed:after {content:'\f1b7';font-family:Glyph;font-size:8pt}
.dcL:not(.cat)>.dcL_l[i]:hover ed {visibility:visible}



.Gs {
  font-family: Glyph;
  display: flex;
  flex-direction: row;
  /* align-items: stretch; */
  flex-wrap: wrap;
  font-size: 16pt;
  overflow: auto;
  /* flex-grow: 1; */
  /* max-height: 96px; */
  min-height: 24px;
  padding: 2pt;
}

.Gly {
  margin: 1pt;
  padding: 2pt;
  border: outset 1pt #28357A;
  border-radius: 2pt;
  /* color: black; */
  /* background: white; */
  /* height: 16pt; */
  font-weight: normal;
  font-family: Glyph;
  font-size: 14pt;
  background-color: inherit;
  color: #28357A;
  display: inline;
  box-shadow: 1px 1px #616161;
}
.GCs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: auto;
}

.GC {
  display: flex;
  flex-direction: column;
  border: ridge 2pt #28357A;
  margin: 1pt;
  /* padding: 2pt; */
  border-radius: 4pt;
  /* width: 18%; */
  /* max-height: 120px; */
  /* flex-grow: 1; */
  /* overflow: auto; */
}

.GC_n {
  font-family: Arial, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.allGs {
  display: flex;
  flex-direction: row;
}

.GC[i="1"] {
  /* width: 20%; */
  /* max-width: 20%; */
  /* min-width: 20%; */
}


.Gly.ui-draggable-dragging {
  box-shadow: 2px 2px silver;
  color: #28357A;
  border-color: #28357A;
  text-shadow: 1px 1px silver;
  font-size: 28pt;
  height: 28pt;
}

.GC[i="1"] {
  /* max-height: none; */
}

.gsmi {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.gsmi span {
  margin-left: 4pt;
  font-family: Arial, sans-serif;
  font-size: 12pt;
}

.glyphPicker {
  display: flex;
  flex-direction: column;
}

.glyphPickers {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.GC_n {
  background: #28357A;
  padding: 2pt;
  color: white;
  margin-bottom: 2pt;
}

.ui-selectmenu-menu .ui-menu {max-height: 50vh;}

.GC_title {
  display: flex;
  align-items: center;
  background: #28357A;
  color: white;
  padding: 2pt;
  flex-grow: 1;
}

.GC_title .Gly {
  background: white;
}

.GC_title .GC_name {
  margin-left: 2pt;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: 1px 1px #616161;
}

.ui-menu .ui-menu-item-wrapper {
  padding: 2px;
}

ul, menu, dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}

.GC_title .Gly {
  border: ridge 2pt whitesmoke;
}
.Gs .GisM {
  border-color: #D32F2F;
  box-shadow: 1px 1px #D32F2F;
}





    
.ic {
  font-family: Glyph;
  font-size: 10pt;
  font-weight: normal;
  text-shadow: 1px 1px white;
}
.lt {
  font-variant: small-caps;
  margin-left: 2pt;
}

    
    
    
#menuItems .mI:first-child {margin-left:0}
#menuItems .mI:last-child {margin-right:0}
.mI {
  font-family: "Trebuchet MS",Arial,sans-serif;
  font-size: 10pt;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px white;
  border: outset 2pt #2B387C;
  border-radius: 2pt;
  padding: 2pt;
  color: #2B387C;
  margin: 0 2pt;
  box-shadow: 1px 1px 1px silver;
  background: rgba(101,155,208,.1);
}
.mI:hover {background: rgba(101,155,208,.2);}
.mI.sel {
  color: white;
  background: #2B387C;
  text-shadow: 1px 1px #616161;
  box-shadow: -1px -1px 1px silver;
}
.mI.dis {opacity:.5}
#lft, #rgt, #toe {display:flex;background: #EEEEEE;}
#lft:empty, #rgt:empty, #toe:empty {display: none}

.hdr {
  background: #28357A;
  color: white;
  text-transform: uppercase;
  padding: 1pt;
  text-align: center;
}

div.dcL span {white-space:nowrap;text-overflow:ellipsis}


#DISP_dcLs .g.c .Ls {display:none}

.dcL {font-weight:normal}
.dcL.im {font-weight:bold}
.dcL.d {text-decoration:line-through;opacity:.5}

.Ls {margin-left:10pt}
#DISP_dcLs {margin:2pt 4pt}


.Gly_info {
  display: flex;
  flex-direction: column;
  border: inset 2pt #28357A;
  border-radius: 4pt;
}

.Gly_title {
  display: flex;
  background: #28357A;
  color: white;
  align-items: center;
  justify-content: center;
  padding: 1pt;
}

.Gly_title .Gly_name {
  font-weight: bold;
  margin-left: 4pt;
  font-size: 20pt;
  font-variant: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Gly_title .Gly {
  background: white;
  font-size: 24pt;
}

.Gly_info table {
  margin: 4pt 2pt 0;
  align-self: center;
}

.Gly_info table td {
  vertical-align: bottom;
  text-align: center;
  padding: 2pt;
}

.Gly_info form {
  margin: 2pt;
  display: flex;
  flex-direction: column;
}

.Gly_info input {
  margin: 0 2pt 2pt 2pt;
  padding: 0 2pt;
  color: #28357A;
  font-size: 12pt;
  font-weight: bold;
}

.Gly_info label {
  color: #616161;
  font-size: 10pt;
  font-weight: normal;
  font-variant: normal;
  padding: 2pt 2pt 0;
}

.Gly_info a {
  text-decoration: none;
  font-variant: normal;
  font-style: italic;
  margin-left: 8pt;
  color: #616161;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*
.rrsGlyph_sh {width:16pt;height:16pt;background:white;display:block;margin-right:6pt;border-radius:50%}

.rrsGlyph_sh[s="1"]{box-shadow:silver 2px 2px}
.rrsGlyph_sh[s="2"]{box-shadow:grey 2px 2px}
.rrsGlyph_sh[s="3"]{box-shadow:silver -2px 2px}
.rrsGlyph_sh[s="4"]{box-shadow:grey -2px 2px}
.rrsGlyph_sh[s="5"]{box-shadow:silver -2px -2px}
.rrsGlyph_sh[s="6"]{box-shadow:grey -2px -2px}
.rrsGlyph_sh[s="7"]{box-shadow:silver 2px -2px}
.rrsGlyph_sh[s="8"]{box-shadow:grey 2px -2px}
.rrsGlyph_sh[s="9"]{box-shadow:silver 2px 2px,silver -2px 2px,silver -2px -2px,silver 2px -2px}
.rrsGlyph_sh[s="10"]{box-shadow:grey 2px 2px,grey -2px 2px,grey -2px -2px,grey 2px -2px}
.rrsGlyph_shS[s="0"] .rrsGlyph_sh[s="0"]{background:var(--c);color:white}
.rrsGlyph_shS[s="1"] .rrsGlyph_sh[s="1"]{background:var(--c)}
.rrsGlyph_shS[s="2"] .rrsGlyph_sh[s="2"]{background:var(--c)}
.rrsGlyph_shS[s="3"] .rrsGlyph_sh[s="3"]{background:var(--c)}
.rrsGlyph_shS[s="4"] .rrsGlyph_sh[s="4"]{background:var(--c)}
.rrsGlyph_shS[s="5"] .rrsGlyph_sh[s="5"]{background:var(--c)}
.rrsGlyph_shS[s="6"] .rrsGlyph_sh[s="6"]{background:var(--c)}
.rrsGlyph_shS[s="7"] .rrsGlyph_sh[s="7"]{background:var(--c)}
.rrsGlyph_shS[s="8"] .rrsGlyph_sh[s="8"]{background:var(--c)}
.rrsGlyph_shS[s="9"] .rrsGlyph_sh[s="9"]{background:var(--c)}
.rrsGlyph_shS[s="10"] .rrsGlyph_sh[s="10"]{background:var(--c)}

.rrsGlyph_sh[s="0"] {border: solid 1pt silver}
*/

.rrsG.ui-draggable-dragging {
  border: ridge .05em;
  background: white;
  border-radius: 15%;
  box-shadow: silver 2px 2px 10px, silver -1px -1px 5px
}


.rrsFLEXr{display:flex;flex-direction:row}
.rrsFLEXc{display:flex;flex-direction:column}
.rrsFLEXg{flex-grow:1}
.rrsFLEXsa{justify-content:space-around}
.rrsFLEXsb{justify-content:space-between}

.rrsGedit {
  display: flex;
  flex-direction: column;
  border: ridge 2pt black;
  border-radius: 4pt;
  box-shadow: 2px 2px 6px #5590CC;
  margin: 4px;
}
.rrsGsrc {
  background: #28357A;
  /* color: white; */
  padding: 4pt;
  display: flex;
  flex-direction: column;
  border-bottom: ridge 2pt black;
}

.rrsGsFn {
  color: white;
}
/*
.rrsGsFn:before {
  content: 'Source Font';
  font-size:12pt;
  color:white;
  font-weight:normal;
  font-variant:small-caps;
  text-shadow:1pt 1pt #616161
}
*/
.rrsGedit a {
  /* margin-left: 4pt; */
  color: silver;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rrsGflex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-variant: normal;
  font-weight: normal;
  padding-left: 4pt;
}
.rrsGon {color:white; font-style:italic;font-weight:bold;font-variant: normal;font-size: 10pt;}
.rrsGon:before, .rrsGon:after {content:'"'}
.rrsGchr {
  text-transform: uppercase;
  font-size: 10pt;
}


.rrsGedit label {
  color: grey;
  font-weight: normal;
  padding-top: 2pt;
  text-shadow: 1px 1px white;
}

.rrsGedit input {
  margin-bottom: 4pt;
  font-size: 12pt;
  padding: 2pt;
  color: #28357A;
  font-weight: bold;
}

.rrsGedit label,.rrsGedit input{margin:0 2pt}