html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family:  'Raleway', sans-serif;
}
body {overflow-y: scroll;}
pre { margin:0; background-color:whitesmoke;}

/* responsiveness */

@media screen and (max-width: 1000px) {
  /*.container { margin: 1em 2em;  }*/
  .container { max-width: 95%;  }
  #search_info {display:none;}
  #search_resets {position:relative !important; padding-top:0 !important;}
  #dropdown_filters {display:flex;}
}

@media screen and (max-width: 1000px) {
  #search_left {height:fit-content;}
  #search_panel {height:fit-content !important;}
  /*#create_form input {max-width: 250px;}*/
}
@media screen and (max-width: 1200px) {
  /* dataset create form */
  #create_form input {max-width: 250px;}
  #create_form textarea {max-width: 250px;}
  /* collection create form */
  #collection_form input {max-width: 250px;}
  #collection_form textarea {max-width: 250px;}

}


/*table {border-collapse:initial;}*/
.navbar .container {
  border-bottom: 1px solid #eee;
}
input[type="radio"] {
  /*margin-top: -1px;*/
  vertical-align: middle;
}

/**
  general use
**/
mark-b { background-color: aliceblue;}
mark-g { background-color: #cff3cf; padding:0 3px;}
mark-r { background-color: chocolate; color:white; padding:0 3px;}
label {vertical-align:top;}
.alert {padding: 0 1.25rem !important;}
.arial {font-family: arial, san-serif;}
.bg-light { background-color: #fff !important; }
.border-red { border:2px dotted red;}
.checkbox-inline {margin-right:.3rem;}
.clippy {cursor:pointer;}
.closer {cursor:pointer; color:#336699;}
.dashedbox {border:1px dashed #ccc; border-radius:8px; }
.fa-search, .fa-times {color:#999; }
/*.half { font-size: .7em; margin-top:.6em;}*/
.half { font-size: .7em;}
.h2em { height: 2em; }
.h1em { height: 1em; }
.hang {  padding-left: .2rem ;  text-indent: -.2rem;}
.hidden {display:none;}
.hidden-imp {display:none !important;}
.hover {cursor:pointer;}
.i-blk {display:inline-block;}
.img-vertical {
  position:relative;
  top: 50%;
  transform: translateY(-50%);
}
.img-responsive {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  position:absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.ital {font-style: italic;}
.larger {font-size: larger;}
/*.more {display: none;}*/
.nobr {white-space: nowrap;}
.no-bullet { list-style: none;}
.notebox {box-shadow: 2px 2px #eee; border:1px dashed #ccc; border-radius:8px; padding:6px;}
.pointer {cursor:pointer;}
.pop-link {color: #993300; border-bottom: 1px dashed;cursor:pointer;}
.popover-body p {margin:0;}
.p-block { display:block; }
.red-head {color:#993300;}
.rem1 {font-size: 1rem;}
.scrolldiv {overflow-y:auto; display:block;}
.scroll100 {display:block; overflow-y:auto; max-height:120px;}
.scroll65 {display:block; overflow-y:auto; max-height:65px;width:100%}
.smallcaps {font-variant:small-caps;}
.smaller {font-size: small;} /* smaller than bootstrap */
.smallish {font-size: .9rem;} /* smaller than bootstrap */
.status {color:#fff; box-shadow: 2px 2px #eee; border:1px dashed #ccc;}
.step-links {vertical-align: middle; width:300px; margin-left: 2rem; font-size: .9rem;}
.strikethrough {text-decoration: line-through;}
.strong { font-weight: bold;}
sr { font-weight: bold; color: #993333;}
.strong-red { font-weight: bold; color: #993333;}
.table td, .table th {padding: .5rem;}
.table-api {line-height: 1rem; margin-bottom:0.25rem !important; border-bottom: 1px solid gainsboro;}
.table-api th {background-color: honeydew; font-variant:small-caps; line-height: .7rem;}
.texttop {vertical-align: text-top !important;}
.textsub {vertical-align: sub !important;}
.textcenter {text-align:center;}
/*table th {*/
  /*position: sticky;*/
  /*top: 0;*/
  /*z-index: 10;*/
  /*background-color: #fdf5e6;}*/
th.sticky {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fdf5e6;}
.thumbnail {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
.thumbnail:hover {opacity: 0.7;}  
.tight-p { margin-top:0; margin-bottom:0;}
.tooltip { z-index: 1051; }
.toomany {position:absolute; top:80px; left:125px;
  z-index:500; font-weight:600; height:45px; 
  vertical-align:top; 
  /*background:#e0e0e0;*/
} 
.top { vertical-align: top;}
.v-mid {vertical-align: super;}
.z-2000 {z-index:2000;}

/* lists */
.li-left {margin-left: -1rem;}
.li-left-sm {margin-left: -1.5rem;}
ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ul-flush{
  display: table;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.li-flush{
  /*display: table-row;*/
  list-style:none;
}
.ul-flush ::before {
    content: "•";
    list-style: square;
    display: table-cell;
    padding-right: 0.4em;
}

/* buttons */
.button-sm {
  background-color: #fff;
  border: 1px #333 solid;
  color: black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: .7rem;
  margin: 0 0 3px -3px;
  cursor: pointer;
  box-shadow: 1px 1px grey;
}

/**
  modals
**/
.modal-dialog { position: relative; overflow: hidden; max-width: 90%; height: 90%; max-height: 90%; }
.modal-form { position: relative; overflow: hidden; max-width: fit-content !important; max-height: 100%; }
.modal-ext-content { height: 90%; overflow-y:scroll; background-color:#fff;}
/*.modal-form-content { */
.modal-content {
  height: 90%;
  overflow-y:auto;
  background-color:#fff;
  /*width: fit-content !important; */
  /*max-width: 75%; */
  margin:auto;
}
.modal-85 {
  max-width: 85%;
  height: fit-content;
}
.modal-footer{justify-content:flex-start;}
.modal-col-head {
  display:block;
  background-color:beige;
  font-weight: 600;
  color: #993333;
}
.modal-col p, .modal-col li { margin-bottom: 0; font-size: .8rem;}

/**
  dialogs
**/
/* help modal window */
/*.selector {  margin: auto; background-color: #fff;}*/
#helpme {
  padding:12px;
  height:fit-content;
}
.ui-widget-content a {
  color: #336699;
  text-decoration:underline;
}

/**
  dashboard
**/
i.fa-eye { margin-bottom: -5px; margin-left: -5px;}
.corerow {background-color:#ffffcc;}

/**
  home
**/
.banner {
    background-image: url('/static/images/banner_50percent.jpg');
    height: 20%;
    position:relative;
    text-align:center;
}
.banner-bare {
    background-image: url('');
    height: 20%;
    position:relative;
    text-align:center;
}
#content {
    /*border: 1px dotted #aaa;*/
    height: 77%;
    position: relative;
}
.home-col-wrapper {
  padding:0;
}
.title {
  width: 100%;
  font-family:  'Raleway', sans-serif;
  font-size: 3rem;
  font-weight: 600;
  color: #004080;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#tagline {
  width: 59%;
  font-weight: bold;
  font-size: 1.2rem;
  color: #999;
  /*background-color: rgba(242,240,230,0.7);*/
  margin-top: -12px;
}
.home-header {
  background: #336699;
  /*text-align:center;*/
  padding-left: .5rem;
  color: #eee;
  line-height: 2rem;
  border-radius: 4px;
  box-shadow: 2px 2px #ccc;
}

#content_left {
    /*background-color: #f6f6d8;*/
    height: 100%;
    /*overflow-y: auto;*/
    border-bottom: 1px dotted #ddd;
}

#content_right {
    /*background-color: #ddd;*/
    height: 100%;
    position: relative;
    border-bottom: 1px dotted #bbb;
    /* overflow-y: scroll; */
}
#content_right .home-header {
  background-color: #3c8894 !important;
}
#list_all {position:absolute; right:2rem; font-size:.9rem;}
#list_all a {color:#cff8ff; !important; vertical-align:middle; text-decoration:underline; letter-spacing:0.04em;}
.item-left {
  position: relative;
  min-height: 62px;
  /*background-color: rgb(248 253 255);*/
  background-color: rgb(255 253 248);
  border: 1px dotted #666;
  border-radius: 4px;
  box-shadow: 2px 2px #ccc;
  /*cursor: pointer;*/
  /*background-image: url('/static/images/right-arrow.png') right no-repeat;*/
}
.item-left p { margin:.5rem 0; font-size:.85rem;}
.item-left:hover {opacity:0.7;}
#item_left_search {
  background-image: url('/static/images/search-map-50_425x80.png');
  background-color: #fff !important;
  font-weight:600;
}
.link-spanner {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  /* fixes overlap error in IE7/8,
     make sure you have an empty gif */
  background-image: url('/static/images/empty.gif');
}
.home-icon { margin:0; padding:12px 0 0 0; text-align:center; }
.imghelper {display: inline-block; height: 100%; vertical-align:middle;}
.featured-title { font-size: .9rem;}
.item-right-top {
  /*min-height: 200px;*/
  /*max-height: 200px;*/
  padding: .4rem;
  border-radius: 6px;
  border: 1px solid #ddd;
  position: relative;
  font-size: .9rem;
}
.item-right {
  /*height: 180px;*/
  border-radius: 6px;
  border: 1px solid #ddd;
  padding: .4rem;
  position: relative;
  font-size: .8rem;
  overflow-y:auto;
}
.item-right-top img { max-width: 100%; float:right}
.item-right img { max-height: 100%; float:right;}
/*.item-right p {*/
  /*margin-bottom:0;*/
  /*font-size: .8rem;*/
  /*font-weight: strong;*/
  /*color: #993333;*/
/*}*/
.coll-description {
  font-size: .8rem;
  line-height:normal;
}
.col-bottom {
  position: absolute;
  bottom: 0;
  left:0;
  /*background-color: beige;*/
  font-size: .7rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.col-bottom-right {
  position: absolute;
  bottom: 0;
  right:0;
  /*background-color: beige;*/
  font-size: .7rem;
  padding: 0 0.3rem;
}
.cb-coll {background-color: #f8f2cc;}
.cb-dataset {background-color: #e0f3eb; }
/*.item-right + .item-right {*/
    /*border-left: solid 0.175rem #fff;*/
    /*border-right: none;*/
/*}*/

.wrapper-left { overflow: auto; }
.wrapper-left b { color: #336699;}
/*.wrapper-right { overflow-x: hidden; }*/

#search_time { position: relative; }
#search_time img { max-width: 100%;}

/**
  search
**/
.filter-header {font-size:.7rem; margin:0; 
  border-bottom: 1px solid lightgrey; display:block;}
.v2hideme a {color: #fff}
.v2hideme a:hover {color: #fff}
.alt-label {font-weight:bold; color:#990000;display:block;position:absolute;top:100px;left:75px;background-color:beige;}
.navactive {color:#000 !important; font-weight:bold;}
.carousel-indicators {position:relative; bottom:0; margin-bottom:.5rem;font-size:smaller;}
.carousel-indicators li {
  background-color:#ccc;
  color:#fff;
  text-indent:unset;
  width:30px; height:auto;text-align:center; }
.carousel-indicators .active {background-color:#993300;}
/*.carousel-inner {background-color: #e4e4e4;}*/
#map_select{width:70%;margin:auto;}
#map_options {background-color: whitesmoke; height:1.5rem;}
.list-inline { padding-left: 4px; margin-bottom:0;}
.active-filter a {font-weight:bold; color:#993333 !important;}

#search_input label { position:absolute; right: 140px; z-index:10;}
#search_input label, #search_input_traces label:hover { cursor:pointer;}
#search_input_traces label { position:absolute; right: 120px; z-index:10;}

/*#filter_help {position:absolute; top:35px; right:3px;}*/
#type_filter {
  background-color: #fff;
  font-size: small;
  padding: 5px 0 5px 8px;
  width: 100%;
  /*margin-top:8px;*/
  /*box-shadow: 2px 2px #999;*/
}

#filters_opener {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #e8e8e8;
  width: 50%;
  text-align:center;
  margin:auto;
}
#input_box {
  vertical-align:top;
  position:relative;
  display: inline-block;
  width: 100%;
  height: 34px;
  margin: auto;
  padding: 4px 6px;
  font-size: .8rem;
  line-height: 24px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
}
#input_box_traces { width:100%; left:10px;}
.tt-menu { left:10px !important;}
/*.tt-input {position: absolute;}*/
.typeahead {position: absolute;}
.twitter-typeahead {
  width:95% !important;
  margin:auto  !important;
}
.input-loading {
    background-color: #ffffff;
    background-size: 22px 22px;
    background-position:right center;
    background-repeat: no-repeat;
}

#version_badge {
  font-size: 1rem;
  margin: 6px 0 0 15px;
}
#whatsnew_badge { font-size: 0.8rem;}

#beta_links { margin: 6px 0 0 8px;}

.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:focus, .btn-default.focus {
    box-shadow:none;
}
#trace_detail {
  display:none;
  max-height:300px;
  overflow:scroll;
}
#trace_detail ul {
  list-style-type: none;
  margin: 0;
  padding-left: .5rem;
}
/*.body-place li {border-bottom: 1px dashed #999 !important;}*/
#trace_detail li:hover { cursor:pointer;}
#trace_detail li {border-bottom: 1px dotted #ccc !important;}

input[type="text"] {
   /*height: 1.5rem;*/
   /*font-size: .8rem;*/
   /*line-height: rem;*/
}

#search_left {
  z-index:500;
  margin:0; padding:5px;
  border: 1px solid #ddd;
  border-radius: 8px;
  height:100%;
}
#search_right {  position:relative; z-index: 0;}
#search_lower {
  margin-top: .3rem;
  margin-right:auto;
}
#search_info, #traces_info {
  width: 100%;
  /*overflow-y:auto;*/
  /*background-color:whitesmoke;*/
}
#search_info_blurb {font-size:.8rem; margin-bottom:0;}
#traces_info p {margin-bottom: 0;}

#search_resets {position:absolute; bottom:0;}
/*#map_search.leaflet-container { height: 65%;}*/
/*#map_search {height: 100%;}*/
#map_search {max-height: 90%;}

#search_panel {
  background-color: #fff;
  padding: 10px 5px 5px 5px;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 2px 2px #999;
  height: 320px;
}
/* @ height: fit-content;*/
#search_input {margin-bottom: .3rem;}

.d-input {position:relative; width:60%; margin:auto}
.b-input {
  position:absolute; 
  top:1px;
  right:1px;
  height:32px;
  border:none;}

#result_table { min-width: 100%; }

/* experiment:search results table */
.tableFixHead {
  overflow-y: auto;
  /*height: 2rem;*/
}
.tableFixHead thead th {
  position: sticky;
  top: 0;
}
#result_table table {
  border-collapse: collapse;
  width: 100%;
}
/*table {border-collapse:initial;}*/
#result_table th, #result_table td {
  /*padding: 8px 16px;*/
  min-width:90px;
  padding: 3px 6px;
  border: 1px solid #ccc;
}
#result_table th {
  background: #f1fff1;
  font-size: .9rem;
}
/* experiment */

.fa-sort {cursor: pointer;}
/* database tab */
#a_db {background-color:whitesmoke;}
#result_extra { background-color: cornsilk; font-size:.7rem;}
#result_extra p {margin: .5rem;}
#dbicon {font-size:1.5rem;}
#search_filters {
  position:relative;
  background-color: #f1fff1;
  /*height:205px;*/
}
/*#search_filters.tab-pane {border:none;}*/
#search_filters p {
  font-size: .9rem;
  font-variant: small-caps;
  color: #993333;
}
#reset_link {
  position:absolute;
  right: 10px;
  bottom:5px;
}
.filters-title {
  display:block;
  /*margin:auto;*/
  color:#993333;
  /*text-align:center;*/
  font-variant:small-caps;
  font-weight: strong;
  background-color: aliceblue;
}
/*.filters-title label {margin-bottom:0; vertical-align:bottom !important;}*/
.filters-title label {margin-bottom:0; vertical-align:initial;}
#filters_class { padding-right:.2rem;}
#filters_st { padding-left:.2rem;}

#result_div {
  padding: 0 5px;
  background-color: #fff;
  margin-top: 4px;
  max-height: 40vh;
  width:100%;
  /*border: 1px solid #ddd;*/
  overflow-y:auto;
  box-shadow: 2px 2px #999;
}
#search_type {
  height: 1.5rem;
  z-index:500;
  margin-bottom: .5rem !important;
}
#search_type label {
  font-size:.9rem;
}
#search_button:hover {
  cursor: pointer;
}
#resultlist {
  padding-top: 0;
  border: 1px solid #ddd;
  border-top: #fff;
}
.autosuggest {
  display: none;
  margin-top: -18px;
  margin-bottom: 6px;
  padding-top: 3px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: white;
  z-index: 600;
}

/*.flex-even {flex: 1; background-color: white; margin: .5rem; }*/
.featured {
  background-color:#fff;
  border: lightgrey 1px solid;
  border-radius: 10px;
  box-shadow: 2px 2px lightgrey;
}

.place-item, .trace-item, .sug_row, .search-row{
  list-style-type: none;
  margin-top: 5px;
  border-bottom: 1px solid #ddd;
  padding-left: 5px;
  font-size: small;
  cursor: pointer;
  min-height: 30px;
}

em { color: #993333;}
.sug_row {
  background-color: #fff;
}
.sug_row:hover {
  background-color: #eee;
}
.flash-geom {
  font-size: 1.2rem;
  margin-top:6px;
  cursor: pointer;
}

.active-card {background-color: #f9ebeb !important;}
.trace-detail { display:none; margin-left: -14px; margin-top:2px;}
.col-content {
  background-color: white; padding:4px;
  border-top: #ddd 1px solid;
  border-left: #ddd 1px solid;
  border-right: #999 2px solid;
  border-bottom: #999 2px solid;
}
.col-content p { margin-bottom: .5rem; }
.overlap { position:relative; }
.abbrev { max-height: 60px; overflow:scroll;}

/**
  collections
**/
#select_ds {
  font-size: .8rem;
  min-width: 150px;
  max-width: 90%;
}
#placetable_filter input {font-size:smaller;}
#collection_form p { margin-bottom: .3rem;}
#coll_meta {
  background-color: oldlace;
  padding: .3rem;
  margin-bottom: .5rem;
  font-size: .85rem;
  border: 1px solid #ddd;
  border-radius: 8px;
}
#coll_meta table td {
  border-left: 1em solid transparent;
  vertical-align: top;
  /*border-top: 1em solid transparent;*/
}
#coll_meta table td:first-child {
   border-left: 0;
}
#coll_meta table tr:first-child td {
   border-top: 0;
}
#coll_right { font-size: small;}
#coll_right p { margin-bottom: .3rem;}
#coll_right h6 {
  background-color: oldlace;
  padding: 4px;
  border-radius: 6px 6px 0 0;
  box-shadow: 2px 2px gainsboro;
}
#coll_placelist {
  font-size: .8rem;
}
#coll_placelist ul { padding-left: 1rem;}
#coll_dslist {
  max-height: 100%;
  /*height: calc(100vh - 180px);*/
  position: relative;
  /*border: 1px solid lightgray;*/
  /*background-color: oldlace;*/
  padding:0 8px 0 8px;
  border-radius: 8px;
  /*box-shadow: 3px 3px #eee;*/
  font-size: .8rem;
}
#coll_dscards { 
  position:absolute;
  max-height: 100%;
  overflow-y: auto; 
  width: 98%;
}
#coll_dscards_create { 
  /*position:absolute;*/
  overflow-y: auto; 
}

.ds_card, .place-card {
  padding: .2rem;
  border: 1px dashed #999;
  border-radius: 8px;
  margin-bottom: .5rem;
  background-color: rgb(255 253 248);
  cursor: pointer;
}
.dl-table { width: 100%; }
.dl-table th {
  /*background-color: #eee;*/
  color: #993333;
  /*max-width: 200px;*/
  font-size: .7rem;
  font-weight: 600;
  vertical-align:bottom;
  border-bottom: 1px solid #999;
  }
#dl_licensing {
  padding: 4px;
  border: 1px solid #ccc;
  margin-bottom: .5rem;
}
.dl-blurb p {font-size:.8rem; margin-bottom: .3rem;}
.ds_title { font-weight:600; color:#993333;}
.ds_fields p { font-size: .8rem;}
.fa-download { cursor: pointer; color:#336699;}
/**
  place portal
**/
.card-header {
  background-color: antiquewhite;
  margin: 0;
  padding: 0;
}
.card-header h4 { margin:0;}
.accordion .btn-link { color: #336699;}

#place_content { height: calc(100vh - 120px)}
.trace-img {height: 250px;}
#place_home_l {
  height: calc(100vh - 150px);
  overflow-y: auto;
  position:relative;
}
#place_home_l tr, #place_home_l th {
  line-height: .2rem;
}
#place_home_r {padding-right:0;}
#place_traces {
  max-height: 120px;
  /*overflow-y:scroll;*/
}
#trace_list {
  max-height: 90px;
  overflow-y:scroll
}
.truncate {
  max-height: 125px;
  overflow:  scroll;
  padding: 0 2px;
}
#place_traces ul {  margin: 0; padding-left: 1rem; text-decoration:none; list-style:square; }

.bg-white { background-color: white; }
.attest-header { background-color: antiquewhite; padding: 0 2px;}
.core-header { background-color: #eee; padding: 2px 0 2px 2px;}
.allcap-heading {color: #993330;}
.child-record {background-color:white; padding:3px;}
.child-record p {margin-bottom:.3rem;}
.maxhi {max-height: 50px; overflow:hidden; margin-bottom:3px;}
.attest-element { border-bottom: 1px dashed #ccc;}
.ttip { text-decoration: underline dashed; color: brown;}

/**
  maps
**/
#map_app.leaflet-container { height: 550px;}
.leaflet-bottom.leaflet-right {z-index:500;}

.leaflet-touch.leaflet-control-layers-toggle {width:30px !important; height:30px !important;}
.leaflet-retina.leaflet-control-layers-toggle {background-size:20px !important; background-size:20px !important;}

/**
  recon
**/
#search_region {width: 250px;}

.recon-done {
  font-style: italic;
  color: grey;
}
#recon ul {
  list-style: none;
  padding-left: 0;
  /* margin-top: 12px; */
}
#select_region option, #select_userarea option{
  margin-right:6px;
}


/**
  review
**/

/* for review2.html */
.table-container { font-family: sans-serif; }
.table-container tr { line-height: normal; font-size: .8rem;}
.table-container .even { background-color: #eee;}

#review_nav {
  background-color: #eee;
}

#review_list {
  max-height: 75vh;
  overflow-y: scroll;
}
/*#review_placelist {*/
  /*padding-left:0;*/
/*} */
/*#review_placelist .pagination {*/
  /*font-size:small;*/
/*} */
/*#review_placelist li {*/
  /*margin-right:2px;*/
/*}*/
.pagination-accession {
  background-color: #efe0e0;
}


/* end */

#select_pass {
  /*margin-left: 40px;*/
  font-weight: bold;
  color: firebrick;
  font-size: .7rem;
}
.accession-div-row { border-bottom:1px dotted lightgrey; padding-left:6px;}
.auth-match {
  border-bottom: 1px dashed lightgrey;
  border-left: 1px dashed lightgrey;
  padding-bottom: .5rem;}
.auth-match p {font-size: small; margin: .3rem 0;}
.globeflash {
  padding-top:2px; padding-bottom:7px; padding-right:3px;
  background-color:gold;
}
.help {vertical-align:text-top;}
.help-matches:hover { cursor:pointer;}
#map_review {z-index:0 !important;}
.ui-dialog {z-index:1001 !important}
.ui-dialog-titlebar-close {display:none;}

#tgn_match p {
  margin-bottom: .6rem;
  font-size: small;
}

.match_radio {background-color: oldlace; padding-left:0; min-height: 1.8rem; max-height:24px}
/*.match_radio li {display:inline; margin-left:5px;}*/
.match_radio li {display:inline; margin-right:4px;}
/*.match_radio ul {list-style-type: none; float: right;}*/
.match_radio ul {list-style-type: none; padding-left:3px;}
.matchbar {  background-color: gold;}
.notefield {  height:100;  display: none;}
.noteicon {margin-left: 4px;}
.noteicon:hover {cursor: pointer;}
.inline {display:inline-block; vertical-align: text-top;}
.inline ul {margin-bottom:0;}


/**
  dataset create
**/
#id_format { margin: 8px 0 0 0; padding-left:0;}
#id_format li {
  display:inline-block;
  margin-right: 1rem;
}
#file_metadata td { padding: 0;}

/**
  dataset tabs
**/
#dataset_tabs .nav-link { padding-left:.4rem; padding-right:.4rem;}
#dataset_tabs .nav-item { margin-right:.4rem;}
/*.nav-link { padding:.2rem .4rem; background-color:#eee; margin-right:.3rem;}*/
.ds-table { width:100%; border-spacing: 1em .4em;}
.ds-title { padding-top: 7px; font-weight:700; font-size: larger;}
#log {font-size: .9rem;}
#ds_log { max-height: 450px; padding:4px;}
#ds_comments { overflow-y:auto; max-height:inherit; padding:4px;}
#ds_details p { margin: .5rem 0 .2rem 0;}
#ds_details td:nth-child(1) {width:20%;}
#ds_details td:nth-child(3) {width:30%;}
#dsfile_new td {width:20%;}
#ds_tasks { max-height: 80vh; overflow-y:scroll; overflow-x: hidden; }
.ds-card {height: fit-content;
  border-top: #ddd 1px solid;
  border-left: #ddd 1px solid;
  border-right: #999 2px solid;
  border-bottom: #999 2px solid;
  padding: 10px;
  background-color: #fff;
  margin-top:8px;
  /*overflow-y:scroll;*/
  box-shadow: 1px 1px #eee;}
.ds-card-header {display:block; background-color:#eee; margin:0; padding-left:8px; font-weight:700;}
.ds-card p { margin:0 0 .3rem 0; padding: 0 .5rem;}

#ds_stats th { font-weight:400; font-style: italic; }
#browse { width:100% !important; height:auto !important; }
#ds_form .row {padding-right:4px;}
#update_button {
  text-align: center;
  border: 1px solid #ddd;
  margin-top: 6px;
  background-color: aliceblue;
}
#div_file { background-color: #f9f9f9;}
#div_file p { display:block; background-color:#e9e9e9; margin:0; font-weight:700;}

/**
  dataset add task
**/
/*.radiodiv p {margin-bottom: 0;}*/
.radiodiv input[type="radio"] {
  vertical-align: middle;
}

/**
  dataset reconcile
**/
#ready { font-size:1rem;
  background-color:#b1d8b836;
  padding:.3rem; margin-bottom:.5rem;}
#readt p {margin-bottom:0;}
/**
  dataset browse, metadata, misc
**/
#public_dslist th {
  min-width:100px;
  padding: 3px 6px;
  /*border: 1px solid #ccc;*/
}
#ds_list p {font-size:.9rem;}
#ds_access p {padding: .2rem .5rem;}
#status_select, #ds_select { padding: 4px; }
#status_filter { text-align: center; }
#browse_legend {background:#e0e0e0;}
/*#file_lpf, #file_tsv */
.dl-save { background-color: bisque; padding: 0 3px;}
.globey{background-image:''}

#detail_left {
  border-right: 1px dashed #999;
}
#row_detail { margin-top:3px; position:relative;}

#row_detail p {
  margin-top: 0;
  margin-bottom: 0;
}

.dataTables_scrollBody, .dataTables_scrollHead {border-right: 1px solid gainsboro;}
#drftable_list {
  padding-right: 0 !important;
  font-size: .8rem;
}
.odd, .even { line-height:.5rem; cursor:pointer;}
.highlight-row {background-color: #ffff66 !important;}
.rowhover {
  background-color: #ffff66 !important;
  /*color: white;*/
}
#drftable_fields p { margin-bottom: .5rem;}
#placetable td {line-height:normal;}
#placetable_info, #placetable_paginate { font-size: smaller;}


/*  ?? */
@media (min-width: 768px) {
    #sidebar { position: fixed;}
}

#progress_bar {
  background: #f2f2f2;
  padding: 4px 0;
  /*text-align: center;*/
}
.prog  {
  display:inline-block;
  width:24px;
  height:24px;
  border-radius:12px;
  font-size:1rem;
  color:#fff;
  line-height:24px;
  text-align:center;
  background:#eb9494;
  font-weight:bold;
  box-shadow: 1px 1px #ccc;
}
.prog-active {background:firebrick;}

#tldr {
  background-color:lightyellow;
  margin-top: 65px;
  margin-right: 10px;
  padding: 6px 6px 0 6px;
  max-width:150px;
  border: grey 1px dashed;
  border-radius: 10px;
  box-shadow: 2px 2px lightgrey;
  text-align: center;
}

.ghostbox {
  background-color: #f2f2f2;
}

.ds-detail p { margin-bottom: .3rem;}

.tab-pane {
  padding: 3px 16px;
  background-color: white;
  min-height: 128px; 
  border-left: #dee2e6 1px solid;
  border-right: #dee2e6 1px solid;
  border-bottom: #dee2e6 1px solid;
}
#summary.tab-pane {
  height: calc(100vh - 125px);
}
.p-tight p {
  margin-bottom: .6rem;
}


/*#id_uri_base{width: 300px;}*/

.list-box {
  border: 1px solid #ccc;
  min-height: 100px;
  background-color: oldlace;
  padding: 0 12px;
  /* border-radius: 16px; */
  box-shadow: 3px 3px #eee;
}
.sharing-box {
  border: 1px solid #D6D7D9;
  background-color: #fff;
  padding: 0;
  box-shadow: 1px 1px #eee;
}
.sharing-header {
  display:block;
  background-color: #ECF0F1;
  padding: 0 0 2px 4px;
  border-bottom: 1px solid #D6D7D9;
}
/*.sharing-input { width:40%; }*/
.sharing-input input {
  padding: 2px 10px;
  font-size:smaller;
  height: fit-content;
}
.sharing-input button {
  padding: 2px 6px;
  font-size: .8rem;
  margin-right: 3px;
  background-color:#666;
  color:#fff;}
.task-box {
  border: 1px solid #ccc;
  background-color: #fff;
  padding:12px 12px 0 12px;
  box-shadow: 3px 3px #eee;
}
.task-box-test {
  border: 1px dotted red;
  background-color: #f8f8f8;
  padding:12px 12px 0 12px;
  box-shadow: 3px 3px #eee;
}
.task-box, .task-box-test p, .task-box li {font-size: small; margin-bottom:.3rem;}
.dataset-detail {
  background-color: ghostwhite;
  padding: 10px;
  border-radius: 8px;
  width: 95%;
  margin-left: 0 !important;
}
.form-box {
  border: 1px solid lightgray;
  background-color: oldlace;
  padding:8px;
  border-radius: 8px;
  box-shadow: 3px 3px #eee;
  font-size: .8rem;
}

.form-check-input {
  margin-top: .2rem;
}
:-moz-any(.form-check-input) {
  margin-top: .35rem;
}

.red-bold {
  color: #dc3545 !important;
  font-weight: bold;
}

.link-bold {
  color: #336699 !important;
  font-weight: bold;
}

.block-left {
  display:block;
  float:left;
}

tr.place-row, tr.dataset-row {
  /*cursor: pointer;*/
  line-height: 1.3rem;
  font-size: .9em;
}

.place-row td { padding: .4rem !important;}

span.edit-row {
  cursor: pointer;
}


/**
  Main: tutorials, etc.
**/
#credits p {margin-left: 1px;}
.docs-subhead1 {
  color:#993300;
  display:inline-block;
  width:100%;
  background-color:#eaeaea;
  font-weight:800;
  padding-left:2px;
  margin-bottom:0;}

.docs-subhead2 {color:#993300;font-weight:800;margin-bottom:0;font-size:.9rem; }
.tute-section h4 { background-color: #eeeee0; font-size:1.2rem;font-weight:bold;margin-top:.5rem;}
#api_content td, #api_content th {
  padding: .4rem;}

#guide_content .subhead { display:block; background-color:#eee; padding-left:4px; margin-left:-4px; margin-bottom:.2rem;}
#guide_content .answer { padding-left:4px;}

#guide_tab_content p {font-size:.9rem; margin: 0 0 .2rem 0;}
#guide_pages .subhead { padding-left:4px; font-size:1.2rem;}
#guide_pages h5 { font-size:1.1rem !important; margin: .5rem 0 0 0; font-weight:600;}
#guide_pages h6 { margin-bottom:0; font-weight: 600;}
#guide_pages .nav-link { padding:.2rem .4rem; background-color:#eee; margin-right:.3rem;}
#guide_pages .nav-link.active { background-color:#336699;}
#guide_pages .tab-pane { border:none; padding-left:0;}

#guide_overview .nav-link { padding:.2rem .4rem; background-color:#eee; margin-right:.3rem;}
#guide_overview .nav-link.active { background-color:#336699;}
#guide_overview .tab-pane { border:none; padding-left:0;}


.contributing {padding:6px; font-size:.9rem; background-color:#f7f7f7;}
#pills-tabContent,  #pills-pagesContent {height:calc(100vh - 350px) !important; overflow-y:scroll !important;}

/**
  Auth: Profile, etc
**/
.profile p {}


/**
  element IDs
**/
.create-comment {
  padding: 0 2px;
  /*background-color: white;*/
  height: 20px;
  margin-bottom: 4px;
}
.create-comment-review, .view-comments{
  color: #336699;
  font-size: small;
  padding-top: 8px;
}
#review_hitlist {
  height:calc(100vh - 180px);
  overflow:scroll;
}
#map_maps { position:absolute; top:120px; bottom:0; width:81%; height:80%;}

#map_area, #map_home, #map_view {
  height: 100%;
  /* position:absolute;top:0;left:0; */
}
#grid_detail, #place_record p {
  font-size: small;
  margin-bottom:0;
}
#area_options {
  background-color: ghostwhite;
  padding: 4px;
  font-size: .8rem;
}

/**
  Areas
**/
/*.nav.nav-tabs > li.disabled {   */
  /*pointer-events: none; */
  /*a { color: #eee !important; cursor: default !important;};*/
/*}*/
.nav.nav-tabs > li.disabled a {
 color: #eee !important; cursor: default !important;
}

/**
  Histograms
**/
.bar { fill: #ddd; }


/**
  autocomplete
**/
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.ui-autocomplete > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
  cursor: pointer;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* help modal content */
.ui-widget,
.ui-widget-content {
  z-index: 9999 !important; 
  font-family: 'Raleway', 
  sans-serif; font-size:.9rem;}