/*!*********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./whg/webpack/css/whg-modal.css ***!
  \*********************************************************************************/
/* Fix required for Safari browsers only, August 2024*/
#whgModal, #whgModal .modal-dialog, #whgModal .modal-content {
	overflow: visible;
}

#whgModal {
    z-index: 9999999; /* Above any spinners */
    user-select: none;
    height: fit-content;
    max-height: 100%;
}

/* Style for modal header */
.modal-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 1rem;
}

/* Style for modal title */
.modal-title {
    color: #343a40;
}

.modal-title img {
    vertical-align: bottom;
}

/* Style for modal body */
.modal-body {
    padding: 1rem;
}

/* Style for form input fields */
#contact_form {
    width: 100%;
}

#contact_form td {
    padding: 0.5rem;
}

#contact_form input[type="text"],
#contact_form input[type="email"],
#contact_form textarea {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

#contact_form input[type="text"]:focus,
#contact_form input[type="email"]:focus,
#contact_form textarea:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Style for captcha container */
.captcha-container {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    display: inline-block;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    margin-right: 0.5rem;
    position: relative;
    background-color: #f8f9fa;
}

.captcha-container p {
    margin-bottom: 0;
}

.captcha-container a.captcha.smaller {
    float: right;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}

.captcha-container #id_captcha_1 {
    width: 138px;
}

/* Style for captcha */
.captcha:not(.smaller) {
    display: block;
    margin: -1rem 0 1rem;
    border: solid darkgrey 1px;
    padding: 0.25rem;
}

/* Style for modal footer */
.modal-footer {
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    padding: 1rem;
}

/* Style for buttons */
.btn {
    cursor: pointer;
}

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}

/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./whg/webpack/css/citationFormatter.css ***!
  \*****************************************************************************************/
.csl-container select, .csl-container button, .csl-container .formatted-citation {
  font-size: .6rem;
}
/*!****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./whg/webpack/css/base.css ***!
  \****************************************************************************/

@media (min-width: 992px) { /* Large screens and up */
	#tagline_responsive {
        margin-top: -1.2rem!important;
	}
    .full-height-lg {
        height: 100%;
    }
}
@media (max-width: 991.98px) { /* Medium screens and down */
    .full-height-lg {
        height: auto; /* Default height on medium screens and down */
    }
}

@font-face {
  font-family: 'Raleway';
  src: local('Raleway Regular'), url(c15b0bf7b86f34335251.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: local('Raleway SemiBold'), url(9a6a9af38bf678bce031.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: local('Raleway Italic'), url(6173c85a271f06297085.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: local('Raleway SemiBold Italic'), url(4e8ff26484e8c80ae95d.ttf) format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Archivo Black';
  src: local('Archivo Black'), url(e35d38651492de9e7226.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

.raleway {font-family: 'Raleway', sans-serif;}

html, body {
    height: 100%;
    margin: 0;
}

body {
	font-family: sans-serif;
    display: flex;
    flex-direction: column;
}

footer {
    font-size: .8rem;
    opacity: .6;
    width: 100%;
    text-align: center;
    user-select: none;
}

.btn-primary {
    background-color: #daebf1 !important;
    border-color: #ced4da !important;
    color: black !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #aad2df !important;
}

.fonts-loaded body {
  font-family: 'Raleway', sans-serif;
}

#input button.disabledButton {
	opacity: .6;
}
#input button, #clearCountryDropdown, #clearUserAreaDropdown {
    border: 1px solid #ced4da;
}
#input label {
	font-weight: bold;
	background-color: #daebf1;
}
#input #initiate_search {
	background-color: #c3f3c89e;
}
#input #initiate_search:hover {
	background-color: #c3f3c8;
}

.blue-box {
    background-color: #eaf3f8;
    padding: 0.5rem;
    border: 1px solid #00408021;
}
.blue-box p {
	margin: 0;
}

.pointer {
	cursor: pointer;
}

.container a {text-decoration: none !important;}

.tooltip-inner {
    background-color: #ececec!important;
    color: black!important;
    text-align: left!important;
    max-width: 200px!important;
    padding: 8px!important;
    border: 1px solid black!important;
}

/*.carousel-item h6 {*/
/*    font-family: 'Raleway Bold', sans-serif;*/
/*    font-size: 1rem;*/
/*    color: #fff;*/
/*}*/
/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./whg/static/css/styles.css ***!
  \*****************************************************************************/
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;}*/

  /* collection_group create form */
  #cg_form input {max-width: 250px;}
  #cg_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-g-lite { background-color: #e9f7e9; padding:0 3px;}
mark-r { background-color: chocolate; color:white; padding:0 3px;}
label {vertical-align:text-top;}
.alert {padding: 0 1.25rem !important;}
.arial {font-family: arial, san-serif;}
.bg-beige { background-color: beige !important; }
.bg-lightyellow { background-color: #ffef98 !important; }
.bg-lighteryellow { background-color: lightyellow !important; }
.bg-lightblue { background-color: powderblue !important; }
.bg-lighterblue { background-color: azure !important; }
.bg-lightgrey { background-color: ghostwhite !important; }
.bg-grey { background-color: gainsboro !important; }
.bg-white { background-color: white !important; }
.bg-tan { background-color: burlywood !important; color:white;}
.bg-seagreen { background-color: #3B8794 !important; color:white;}
.bg-lightseagreen { background-color: lightseagreen !important; color:white;}

.border-red { border:2px dotted red;}
.border-blue { border:2px dotted #336699;}
.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;}*/
.float-end-padded {margin-right: .3rem;}
.half { font-size: .7em;}
.help {cursor: pointer;}
.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: 80%;
  /*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;}
.linky {color: #5d96cd;}
.linkypop {color: #993333;
  cursor: pointer;
/*   text-decoration-line: underline;
  text-decoration-style: dotted; */
}
.linkyred {color: #ff0000;}
.linkylite {color: aliceblue;}

/*.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;}
.oldlace {background-color: oldlace;}
.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-left, ol.flush-left {
    margin-left: 1rem;
    padding: 0;
    /*list-style-type: none;*/
}

.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%; }*/
/* TODO: manage all modals with bootstrap styles */
.modal-dialog { position: relative; overflow: hidden; 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
**/
/* #4a8765, cadetblue, darkcyan, darkgreen, forestgreen, seagreen */
.home-button-hilite {color: #6b8e6d;}
.banner {
    background-image: url(818376e553124f248ae2.jpg);
    height: 20%;
    position:relative;
    text-align:center;
}
.banner-bare {
    background-image: none;
    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;
}
.title_responsive {
  font-family:  'Raleway', sans-serif;
  font-size: 3rem;
  /*font-weight: 600;*/
  color: #004080;
  line-height: 1;
}
.title-mobile {
  /*width: 100%;*/
  font-family:  'Raleway', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  color: #004080;
}
.logo_responsive {
  margin-bottom: 0.5rem;
}
.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;
}
#tagline_responsive {
  font-weight: bold;
  font-size: 1.2rem;
  color: #999;
  /*line-height: 1;*/
  /*margin-top: -.5rem;*/
}
#tagline_mobile {
  width: 59%;
  font-weight: bold;
  font-size: 1rem;
  color: #999;
  /*background-color: rgba(242,240,230,0.7);*/
  margin-top: -6px;
}
.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('../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(05aa19a8a045c81e5562.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(23ee517c2ba9a8335828.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 {border-radius: 8px;}*/
/*#search_input label { position:absolute; right: 140px; z-index:10;}*/
/*#search_input label:hover { cursor:pointer;}*/

/*!*#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 {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;*/
/*}*/

/*.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: 600;*/
/*  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 {
  font-size: .8rem;
}
#placetable_filter input {
  font-size: 0.7rem;
  line-height: 0.7rem;
  margin-left: 10px;
}
#collection_form p { margin-bottom: .3rem;}
#coll_meta {
  background-color: oldlace;
  padding: .3rem;
  margin: .5rem auto;
  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 {
  flex-grow: 1;
  overflow-y: auto;
  max-height: 100%;
}
#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;
}
.ds_card_first {
  border: 1px dashed #993330;
}

.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; }

.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;
}
/* #fdf5e6 */
.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 {}

.profile-header, .cg-header {
  display:block;
  background-color: #fdf5e6;
  padding: 2px 0 2px 4px;
  border-bottom: 1px solid #D6D7D9;
}

/**
  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;}

/*!*********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/spin.js/spin.css ***!
  \*********************************************************************************/
@keyframes spinner-line-fade-more {
  0%, 100% {
    opacity: 0; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-quick {
  0%, 39%, 100% {
    opacity: 0.25; /* minimum opacity */
  }
  40% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-default {
  0%, 100% {
    opacity: 0.22; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}

@keyframes spinner-line-shrink {
  0%, 25%, 100% {
    /* minimum scale and opacity */
    transform: scale(0.5);
    opacity: 0.25;
  }
  26% {
    transform: scale(1);
    opacity: 1;
  }
}