:root, [data-bs-theme="light"] {
--bs-body-color: #F4F4EA;
}

body {
  padding-top: 90px
  
}

.card, .well {
  --bs-card-border-width: 0px;
}

.leaflet-container {
  background: none !important;
}

.navbar {
  width = 100%;
}

.navbar .container-fluid {
    max-width: 1900px!important;
    width: 100%!important;
    margin: 0 auto!important;
    /* padding: 0 15px!important; */
    box-sizing: border-box!important;
}

.navbar.navbar-inverse {
    /*background-color: #44403b !important;*/
    background-color: #313131 !important;

}

.nav-link.active{
    color: #fcbb8f !important;
}

.nav-link {
    color: var(--bs-navbar-color);
}

.navbar-nav {
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: #ffffff !important;
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
}

.value-box-value {
   color: #fcbb8f !important;
}

/*Selectize Inputs*/
.selectize-input {
    border: 1px solid #666666;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
    background: #1e1e1e;
}

.selectize-input.full {
    background-color: #1e1e1e;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #dadada;
}

.selectize-dropdown, .selectize-dropdown.form-control {
    background: #1e1e1e;
    border: 1px solid #666666;
    border: 1px solid #666666;
    -webkit-box-shadow: 0 6px 12px #666666;
    box-shadow: 0 6px 12px #666666;
}

.selectize-input.focus {
  border-color: #fcbb8f;
}
/*REACTABLE*/

/*Filter Feld*/
.rt-filter {
    background-color: #1e1e1e;
    border: 1px solid #666666;
}

.rt-filter:focus {
    border: 1px solid #666666;
}

.rt-tr-highlight-sticky:hover {
    background-color: #44403b;
}

.rt-sort-right {
    color: #fcbb8f;
}

/*CHECKBOXES*/

/*checkbox*/
input[type=checkbox]{
   accent-color: #fcbb8f;
   background-color: #fcbb8f;
   border-color: #fcbb8f;
}

/*Checkbox Status*/
.pretty input:checked~.state.p-primary label:after {
    background-color: #fcbb8f!important;
}

.pretty.p-toggle .state.p-primary label:after {
    background-color: #fcbb8f!important;
}

.pretty input:checked~.state.p-primary .icon, .pretty input:checked~.state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg {
    background-color: #fcbb8f!important;
}

/*automatische Zeilenumbrüche in Checkboxen*/
.checkbox-group {
  display: flex;
  flex-wrap: wrap;
}

.checkbox {
  margin-bottom: 0.5em;
}

.pretty {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}

/* Tags in Reactable*/
.tag {
  display: inline-block;
  padding: 0.125rem 0.75rem;
  border-radius: 15px;
  font-weight: 600;
  font-size: 0.75rem;
}

.container {
  max-width: 1900px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}