@charset "UTF-8";
.nav-tabs .badge {
  margin-top: -2px;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
  text-decoration: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.app-color-primary {
  color: #004664;
}

.app-color-gray {
  color: #C0C0C0;
}

.app-color-black {
  color: #000000;
}

.app-sidebar-wrapper {
  background: #F6F6F6;
  border: 2px solid #E1E1E1;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

.app-footer-wrapper {
  margin: 5em 0 0 0;
  background: #F6F6F6;
  border-top: 1px solid #E1E1E1;
  padding: 2em 0;
}

.app-navbar {
  margin-bottom: 0;
}

.app-content-nav {
  margin-bottom: 10px;
}

.app-content-filter {
  margin-bottom: 10px;
}

.app-observation-photo {
  margin: 5px 0;
}

.app-content-no-top-margin {
  margin-top: 0;
}

.app-section {
  margin: 10px 0;
}

#id_geom-map {
  min-height: 450px;
}

.app-header-wrapper {
  padding: 0;
  margin: 0;
  border: 0;
}

.app-header-wrapper-inbo {
  background: url("../img/meetnetten_banner_photo_h150.png") #E4E9B9 no-repeat right;
  height: 150px;
}

.app-header-title {
  width: 75%;
}

.app-lang-form {
  display: inline;
  margin: 0;
  padding: 0;
}

.app-lang-button {
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  display: inline;
}

.app-lang-button-active {
  text-decoration: underline;
}

.app-footer-wrapper {
  padding: 0;
  margin: 50px 0 0 0;
  border: 0;
}

.app-footer-support {
  padding: 25px 0;
  margin: 0;
  background: #004664;
  color: #ffffff;
  text-align: left;
}

.app-footer-support a, .app-footer-support a:hover, .app-lang-button, .app-lang-button:hover {
  color: #ffffff;
}

.app-footer-support-right {
  float: right;
}

.app-footer-partners {
  background: #DEDEDE;
  color: #000000;
  text-align: center;
}

.app-footer-partners a {
  text-decoration: none;
  color: #000000;
}

.app-footer-logo {
  padding: 0;
  border: 0;
}

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  .app-footer-logo {
    display: inline-block;
    margin: 0 3px;
    height: 50px;
    width: auto;
  }
  .app-footer-logo-wrapper:first-child {
    margin-left: 0;
  }
  .app-footer-logo-wrapper:last-child {
    margin-right: 0;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  .app-footer-logo {
    margin: 0 5px;
    height: 80px;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .app-footer-logo {
    height: 100px;
  }
  .app-footer-support {
    text-align: center;
  }
  .app-footer-support-left {
    float: left;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .app-footer-logo {
    margin: 0 15px;
    height: 120px;
    width: auto;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .app-footer-logo {
    margin: 0 15px;
    height: auto;
    width: auto;
  }
}
.table-container th.asc:after {
  content: " ▲";
}

.table-container th.desc:after {
  content: " ▼";
}

th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: rotate(315deg);
  width: 30px;
  float: right;
}

th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

.app-transect-subject-col {
  width: 5em;
}

.app-transect-subject-input {
  width: 100%;
  min-width: 4em;
  text-align: right;
}

.app-transect-species {
  width: 100% !important;
}

.app-transect-cell-hidden {
  display: none;
}

.app-transect-species-primary {
  color: red;
}

.app-visit-formset select {
  width: 20em;
}

.app-visit-formset input {
  width: 100%;
}

.mod-even {
  background: #F6F6F6;
}

.app-project-gallery-content {
  height: 8em;
  overflow: hidden;
}

.species-common-name {
  font-weight: bold;
}

.species-scientific-name {
  font-style: italic;
}

/* task ligt in het verledden limegreen*/
.task-date-past {
  color: #32CD32;
}

/*task is bezig mediumvioletred*/
.task-date-current {
  color: #C71585;
}

/*task moet nog beginnen, darkgrey*/
.task-date-future {
  color: #A9A9A9;
}

.cookielaw-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  background-color: #D9534F;
  color: #FFFFFF;
}

/*# sourceMappingURL=app.css.map */