body {
  background: #eef0ee;  
}

hr {
  margin: 1rem 0;
}

.nav-item {
  font-size: x-large;
  font-weight: bold;
}

.nav-link {
  background: #f2f1f1 !important;
  color: #0b2240 !important;
  border-radius: 0 !important;
}

.nav-link.active {
  background: #056397 !important;
  color: #f2f1f1 !important;
}

.control-label {
  font-weight: bold;
}

.shiny-output-error{
    font-size: 16px;
    color: black;
}

.shiny-input-container:not(.shiny-input-container-inline) {
  width: 500px;
}

.swal2-popup {
    font-size: 1.2rem !important;
}

.marker-cluster-small {
 background-color: #c6dd9f90 !important;
}

.marker-cluster-small div {
 background-color: #c6dd9f !important;
}

.marker-cluster-medium {
 background-color: #a4c96790 !important;
}

.marker-cluster-medium div {
 background-color: #a4c967 !important;
}

.marker-cluster-large {
 background-color: #7fa83c90 !important;
}

.marker-cluster-large div {
 background-color: #7fa83c !important;
}

button.dt-button{
 color: #034871 !important;
 background: linear-gradient(#D6EBF180, #ADD9E890) !important;
 padding: 5pt 7pt !important;
 line-height: 1em !important;
}

button.dt-button:hover{
 color: black !important;
 background: linear-gradient(#ADD9E890, #D6EBF1) !important;
}

span.dt-down-arrow{
 font-size: 8.5pt !important;
 padding-left: 7pt !important;
}

div.dt-buttons {
  float: right !important;
}

div.dt-button-collection{
 width: auto !important;
}

.shiny-split-layout>div {
  vertical-align: -webkit-baseline-middle;
}

th {
  border-bottom: 1px solid #004a71;
}

#showPasscode:active, #showPasscode:hover, #showPasscode:focus {
  background: none;
  color: #337ab7;
  text-decoration: underline;
  box-shadow: none;
}

#options {
  float: left;
}

#adv-options {
  float: right;
}

.options-padded {
  padding-right: 1em;
}

.adv-options-padded {
  padding-left: 1em;
}

#extra-hr {
  display: none;
}

@media all and (min-width:0px) and (max-width: 1064px) {
  /* put your css styles in here */
  #options {
    float: none;
  }
  
  #adv-options {
    float: none;
  }
  
  .options-padded {
    padding-right: 0;
  }

  .adv-options-padded {
    padding-left: 0;
  }
  
  #extra-hr {
    display: block;
  }
  
}


@media all and (min-width:0) and (max-width: 568px) {
  /* put your css styles in here */
  .shiny-input-container:not(.shiny-input-container-inline) {
    width: 300px;
  }
  
}