.progress{
      /*background-color:gray;*/
}
.progress .indeterminate {
    background-color: #2196F3 !important;
}


.inline-icon {
   vertical-align: bottom;
   padding-right: 5px;
}

.inline-icon-right {
   vertical-align: bottom;
   padding-left: 5px;
}

#modal_load {
  max-width: 900px;
}

#captcha {
  height: 90px;
}

#toast-container {
  top: auto !important;
  right: auto !important;
  bottom: 35px; 
  left:35px !important;
}

#action_btn {
  display: none;
}

#alloverlay {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,1); /* Black background with opacity */
  z-index: 100; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.loader {
  position: absolute;
  margin: auto;
  top: 35vh;
  left: 0;
  right: 0;
  z-index: 1000;
  display: block;
}

.input-field {
    position: relative;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.row {
  margin-bottom: 0;
}

#logo span {
  font-family: 'Roboto', sans-serif;
  color: black;
  font-size: 3vh;
}

/* Reset */
*{
  margin:0;
  padding:0;
  font-family:Roboto,Helvetica;
  color:rgb(0,30,60);
}

h1,h2,h3,h4,h5,h6{
  color:rgb(0,30,60);
}

a{
  cursor:pointer;
}

/*button,input,optgroup,select,textarea{
  font-family:Police,Arial !important;
}*/

.btn>span{
  color:white;;
}

/* Clearfix */
.clear:after{
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}

#modal_load_top .row .col {
  padding: 0 0;
}

/* TIMEMAP */
.highlight{
  color: blue;
}

p.content{
  font-size:12px;
  width:30em;
}

div#help{
  font-size:12px;
  width:45em;
  padding:1em;
}

div#timelinecontainer{
  width:100%;
  height:200px;
}

div#timeline{
  width:100%;
  height:100%;
  font-size:12px;
  background:#CCCCCC;
}

div#mapcontainer {
  width:100%;
  height:400px;
}

div#map{
  width:100%;
  height:100%;
  background:#EEEEEE;
}

div.infotitle{
  font-size:14px;
  font-weight:bold;
}
div.infodescription{
  font-size:14px;
  font-style:italic;
}

div.custominfostyle{
  font-size:1.5em;
  font-style:italic;
  width:20em;
}

/*.leaflet-label{
  font-family:Police,Arial,Sans Serif !important;
}*/

.policeBlue{
  background-color:#244662 !important;
}

#vertical_splitter{
  position:absolute;
  left:0px;
  top:0px;
  width:2px;
  height:100%;
  border-left:1px solid gray;
  z-index:999;
}

input:not([type]):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]){
  border-bottom-color:#D4E600 !important;
  box-shadow:0 1px 0 0 #D4E600 !important;
}

input::placeholder{
  color:#444;
}

input[type="checkbox"]:checked:not(:disabled) + span:before{
  border-bottom-color:#D4E600 !important;
  border-right-color:#D4E600 !important;
}

input[type="range"] + .thumb,
input[type="range"]::-moz-range-thumb{
  background:#D4E600 !important;
  color:#244662 !important;
}

input[type="range"]::-webkit-slider-thumb{
  background:#D4E600 !important;
  color:#244662 !important;
}

input[type="range"]::-ms-thumb{
  background:#D4E600 !important;
  color:#244662 !important;
}

input[type="range"] + .thumb .value{
  color:#244662 !important;
}

.collection a.collection-item{
  color:rgb(0,30,60) !important;
}

.collection .collection-item.active{
  background:#D4E600 !important;
}

div.olFramedCloudPopupContent{
  width:300px;
}

.timeline-default{
  font-family:Police,Arial,Trebuchet MS,Helvetica,Arial,sans serif;
  font-size:8pt;
  border:1px solid #aaa;
}

.tape-special_event,.small-special_event{
  background-color:orange;
}

#logo-inline {
  margin-left:10px;
  margin-top:10px;
  position:relative;
  z-index:1000;
  font-family:Police Bold;
  display: inline-block;
}

#logo-inline>img {
  float: left;
}

#logo{
  margin-left:10px;
  margin-top:10px;
  position:absolute;
  z-index:1000;
  font-family:Police Bold;
  cursor: pointer;
}

.logoproductname{
  font-weight:bold;
  vertical-align:top;
  float:right;
  padding-left:3px;
}

.logoproductname-inline{
  font-weight:bold;
  vertical-align:top;
  padding-left:3px;
  float: left;
}

.time{
  top:7px;
  right:10px;
  position:absolute;
  z-index:1000;
}

.time>h4{
  margin:0;
}

.time a{
  text-decoration:underline;
  color:rgba(0,30,60,.7);
}

#overlay{
  background-color:rgba(0,0,0,0.5);
  z-index:9999999999;
  position:absolute;
  left:0;
  top:0;
  padding-top:100px;
  width:100%;
  height:100%;
  display:none;
}

.material-tooltip{
  z-index:999999 !important;
}

.help{
  background:#EBF5FD;
  border:solid 1px #B1E3FF;
  border-radius:5px;
  padding:7px 10px;
  margin-bottom:1em;
}

.help ul,.help li{
  list-style-type:disclosure-closed !important;
}

.help ul{
  padding-left:15px !important;
}

#timeline_splitter{
  top:0px;
  left:0px;
  position:absolute;
  z-index:1000;
  width:50%;
  height:330px;
  border-right:1px solid rgb(0,30,60);
}

#intersect{
  display:none;
  margin-bottom:2px;
}

.anc_identifiers{
  font-size:150%;
  text-decoration:underline;
}

#phone_records{
  padding-top:10px;
  z-index:-100;
}

#whoknowswho{
  display:none;
}

#thecontent{
  overflow:auto;
  width:100%;
}

#intersection,#selected_identifiers{
  overflow:auto;
}

#intersect_table{
    display:none;
}

#searchdiv{
  margin-bottom:0 !important;
}

#searchdiv .input-field{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

#btn_play_these{
  width:49%;
  display:inline-block;
}
#btn_show_these{
  width:49%;
  display:inline-block;
}

#search_count_links{
  display:none;
}

#fullScreenTitle{
  padding-left:50px;
}

/* Split pane */

.nopadding{
  padding:0 !important;
}

body>.ui-layout-center>.ui-layout-south{
  padding:10px;
  overflow:auto;
}

#selected_identifiers,#intersection{
  padding:0 10px 10px;
}

body>.ui-layout-center,body>.ui-layout-east{
  border:none !important;
}

#timelinecontainer,#mapcontainer,body>.ui-layout-center>.ui-layout-south,#selected_identifiers,#intersection{
  border:1px solid rgb(187,187,187);
}

.ui-layout-container>.ui-layout-resizer{
  background:rgb(221,221,221) none repeat scroll 0% 0%;
  border:medium none;
}

.ui-layout-container>.ui-layout-resizer>.ui-layout-toggler{
  background:rgb(170,170,170) none repeat scroll 0% 0%;
}

.tooltip-content{
  color:#FFF !important;
}

/* Settings */

#settings{
  z-index:1999;
}

#indices tr>td:last-child{
  text-align:right;
}

.delete_index{
  color:#000;
}

#examples{
  padding:2rem;
}
#examples h1{
  margin:1em 0;
  font-size:3em;
}
#examples h2{
  margin:.7em 0;
  font-size:2em;
}
#examples dt{
  font-weight:bold;
}
#examples dd{
  margin-left:1em;
  margin-bottom:1em;
}

#intersect td {
  padding: 0px;
  padding-left: 3px;
}

#intersect_div {
  padding-top: 50px;
  display: none;
  z-index: 100000000;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
/*  top: 55px;
  position: absolute;
  width: 80%;
  min-width: 1000px;
  background: white;
  border: 1px solid black;*/
}

.ui-dialog-buttonset button {
    width: 100%;
}

#identifiers_in_region_settings {
    height: 550px;
}

div.flatpickr-calendar {
    z-index: 9999999999;
}

.flatpickr-calendar.animate.open {
z-index: 999999999;
}
.flatpickr-calendar.static.open {
z-index: 999999999;
}

.flatpickr-calendar.hasTime.animate.static.open.arrowTop.showTimeInput{
z-index: 999999999;
}

#addgroup_div {
  display: none;
  position: absolute;
  z-index: 99999999999;
  width: 60%;
  background: white;
  border: 1px solid black;
}

table.dataTable tbody tr {
    cursor: pointer;
}

#matrixcontainer {
    margin: 15px;
}

#timelocations_div {
    width: 80%;
}

#bottommenu_div {
    width: 100%;
    background-color: #fafafa;
    z-index: 10004;
    position: absolute;
    bottom: 0px;
    height: 79px;
    padding-top: 2px;
    border-top: 1px solid lightgray;
}
#searchdiv {
    margin-bottom: 1px;
}
.loadkmlicon {
    max-width: 70%;
    max-height: 70%;
    margin: 4px;
}

#toast-container {
  top: auto !important;
  right: auto !important;
  left:37%;
}

.pushup{
  padding-bottom: 70px;
}