.navbar-light {
  /* background-color: #fdb84c; */
  background-color: white;
  position: sticky;
  top: 0;
  box-shadow: 0 0 32px rgba(0,0,0,.067)
  /* overflow: hidden; */
}

.fva-logo {
  background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20302.36%20109.6%22%20height%3D%22109.6%22%20width%3D%22302.36%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20d%3D%22M0%20815h2268V0H0Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%20transform%3D%22matrix%28.13333%200%200%20-.13333%200%20109.6%29%22%3E%3Cpath%20style%3D%22fill%3A%23f1b971%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20d%3D%22M458.883%20745.555c0%2038.328%2031.097%2069.41%2069.449%2069.41%2038.367%200%2069.461-31.082%2069.461-69.41%200-38.34-31.094-69.422-69.461-69.422-38.352%200-69.449%2031.082-69.449%2069.422m-229.215%200c0%2038.328%2031.094%2069.41%2069.465%2069.41%2038.355%200%2069.445-31.082%2069.445-69.41%200-38.34-31.09-69.422-69.445-69.422-38.371%200-69.465%2031.082-69.465%2069.422%22%2F%3E%3Cpath%20style%3D%22fill%3A%234d667e%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20d%3D%22M528.332%20481.77c38.367%200%2069.461-31.082%2069.461-69.422%200-38.34-31.094-69.418-69.461-69.418H139.379V79.156c0-38.344-31.094-69.422-69.461-69.422-38.356%200-69.45%2031.078-69.45%2069.422v666.399c0%2038.328%2031.095%2069.41%2069.45%2069.41%2038.367%200%2069.461-31.082%2069.461-69.41V481.77h388.953m163.426%20263.785c0%2038.328%2031.094%2069.41%2069.465%2069.41%2028.379%200%2052.781-17.016%2063.562-41.406l269.725-539.118%20271.47%20542.625c11.57%2022.469%2035%2037.899%2062.03%2037.899%2038.36%200%2069.45-31.082%2069.45-69.41%200-12.727-3.42-24.664-9.41-34.918L1158.66%2052.234c-10.52-24.972-35.24-42.5-64.05-42.5-26.96%200-50.78%2015.332-62.29%2037.754L699.258%20714.047c-4.828%209.445-7.5%2020.172-7.5%2031.508M2264.52%2079.156c0-38.344-31.11-69.422-69.45-69.422-28.38%200-52.82%2017.012-63.57%2041.403l-17.72%2035.398-252.02%20503.719L1590.3%2047.629c-11.58-22.465-35-37.895-62.03-37.895-38.37%200-69.46%2031.079-69.46%2069.422%200%2012.727%203.42%2024.649%209.4%2034.907l329.24%20658.402c10.52%2024.969%2035.41%2042.5%2064.21%2042.5%2026.97%200%2050.38-15.332%2061.88-37.758l158.3-316.43%20166.83-333.461%208.33-16.652c4.84-9.445%207.52-20.172%207.52-31.508%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 50%/100% auto no-repeat;
  width: 100px;
  height: 38px;
  display: inline-block;
}

.shacal-db {
  font-style: italic;
  height: 44px !important;
  max-height: 44px;
}

body {
  background-color: #fcfcfc;
  color: #4d4d4d;
}

nav a {
  /* color: white !important; */
  color: #626262;
}

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

.btn-primary:hover {
  background-color: #626262;
  border-color: #626262;
}

.btn-primary:focus {
  background-color: white;
  border-color: #fdb84c;
}

.btn-outline-primary {
  border-color: #fdb84c;
  color: #fdb84c
}

.btn-outline-primary:hover {
  background-color: #626262;
  border-color: #626262;
}

.btn-outline-primary:focus {
  background-color: #fdb84c;
  border-color: #fdb84c;
  color: white
}

.styled_welcome {
  background-color: #fdb84c;
  display: block;
  color: white;
}

#inputs .btn {
  margin: 0.2em;
}

.active_button {
  background-color: #626262;
  border-color: #626262;
}

.active_button:hover {
  background-color: #626262;
  border-color: #626262;
}

#inputs label {
  font-size: 0.8em
}

footer {
  background-color: #666666;
  margin-bottom: 0px !important;
  height: 70px
}

.footer-edit {
  background-color: #b51c1c
}

footer a,
footer {
  color: white !important;
  text-decoration: inherit;
}

.navbar-light .dropdown-menu {
  background-color: #fcfcfc
}

.navbar-light .dropdown-item:hover {
  background-color: #fdb94c2f
}

.navbar-light .unavailable {
  color: #727777 !important
}

.navbar-light .unavailable:hover {
  background-color: inherit
}

.navbar-edit {
  background-color: #008244
}

.navbar-edit .dropdown-menu {
  background-color: #00893a
}

.navbar-edit .dropdown-item:hover {
  background-color: #008244
}

.navbar-nav {
  flex-direction: column;
  align-items: end;
  padding-right: 16px;
}

#navbarDropdiwnMenuLink {
  text-align: end;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(62,62,62, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  height: 40px;
  max-height: 40px;
  width: 54px !important;
  border: 1px solid #626262;
  border-radius: 8px;
  width: 200px;
  /* padding: 8px; */
  /* border-color: rgba(255, 255, 255, 0.7); */
}

.readonly {
  background-color: #e9ecef;
  opacity: 1;
}

.page-item.active .page-link {
  background-color: #fdb84c;
  border-color: #fdb84c;
}

.page-link {
  color: #fdb84c;
}

.accordion-button:not(.collapsed) {
  color: inherit;
  background-color: inherit;
}

#figure_legend {
  max-height: 30vh;
}

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

/*.dataTable thead tr th {
    padding-right: 30px!important
}*/

.dataTables_wrapper {
  margin: 10px;
}

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

.dt-button-collection .dt-button.active {
  background-color: #fdb84c;
}

.dt-button-collection .dt-button:hover {
  background-color: #008244;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup {
  margin: 0px !important
}

.dtsb-logicContainer {
  background-color: #fdb84c;
}

.dashboard_dropdown a,
.list-group-item a {
  text-decoration: inherit;
  color: inherit
}

.badge.bg-primary {
  background-color: #fdb84c !important
}

.badge.bg-primary:hover {
  background-color: #008244 !important
}

.base_data {
  aspect-ratio: 3/2;
}

.base_data .card-title {
  aspect-ratio: 4/1
}

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

.btn-secondary:hover {
  background-color: #fdb84c;
  border-color: #fdb84c;
}

.btn-secondary:focus {
  background-color: #008244;
  border-color: #008244
}

.btn-danger {
  background-color: #b51c1c;
  border-color: #b51c1c;
}

.btn-danger:hover {
  background-color: #008244;
  border-color: #008244;
}

.btn-danger:focus {
  background-color: #b51c1c;
  border-color: #b51c1c;
}

dd {
  margin-left: 1em;
}

/*.dashboard_dropdown .dropdown-item:hover {background-color: #8492A3}*/
/*#inputs {background-color: red;
        height:500px}

#outputs{background-color: blue;}*/