body {
	padding-top: 30px;
}
.page_container {
	margin: 0 auto;
	width: 90%;
}

.half_left {
	width: 60%;
	height: 750px;
    float: left;
    overflow: auto;
}

.half_right {
	float: left;
	height: 750px;
	overflow: auto;
	padding-left: 30px;
	width: 40%
}

.fullwidth {
	display: block;
	height: 100vh;
	overflow: auto;
	margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
	width: 90%
}

.half_right h3 {
	margin-top: -5px;
}

.half_right td {
	border-bottom: 1px solid rgba(105,105,105,.3);
	line-height: 1.4em;
	vertical-align: top;
}

.addition_right {
	display: none;
	float: left;
	margin: -25px 0px 0px 20px;
	padding-left: 5px;
	width: 25%;
}

.fieldnotes-overview {
	margin: 0;
	width: 850px;
	line-height: 1.4em;	
}

.fieldnotes-overview td:nth-child(3){
	width: 500px;
}

.ticks_by_species {
	width: 80%;
}

.ticks_by_species td {
	line-height: 1.4em;
}

.misslist {
	overflow: hidden;
	width: 100%;
}

.misslist td {
	line-height: 1.4em;
}

.complementary-list {
	background-color: #d3d3d3;
	margin: 20px 0px 0px 40px;
	padding: 0px 0px 0px 20px;
}

.complementary-species {
	padding: 0px 0px 0px 20px;
}


.obs-tab {
	padding-left: 50px;
}

.birds {
	margin: 0;
	width: 850px;
}

.birds .input_date {
	font-size: 12pt;
	height: 20pt;
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
	width: 200px;
}

.birds td {
	border-bottom: 1px solid rgba(255,255,255,.3);
	line-height: 0.9em;
	vertical-align: middle;
}

.birds .sub_event td {
	padding-top: 3px;
}

.birds .last_sub_event td {
	padding-bottom: 10px;
}

.birds .bemerkung {
	margin-bottom: 1px;
	opacity: 0.8;
}

.birds .checkbox {
	margin-bottom: 3px;
	margin-right: 2px;
}

.birds_submit {
	margin: 10px 0 10px 00;
}

.dropdown_localities {
	max-width: 400px;
}

.species_observationlist th, td {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.nowrap {
	white-space: nowrap;
}

.no-break {
	white-space: nowrap;
	overflow: hidden;
}

div.clear_obs {
	display: inline-block;
}

div.link-history {
	display: inline-block;
}


.form_chosen {
	margin: 0;
	width: 850px;
}

.form_chosen tr td {
	padding-bottom: 5px;
	vertical-align: middle;
}

.form_chosen select {
	font-size: 12pt;
	height: 1em;
	max-width: 350px;
	vertical-align: middle;
}

.form_chosen tr:nth-last-child {
	width: 100%;
}

.stats_container {
	margin: 0 auto;
	width: 800px;
}

.stats td {
	vertical-align: top;
	padding: 0 10px 0 0;
}

.gi-50{font-size: 0.8em;}

.p-top-20 {padding-top: 20px;}
.p-left-20 {padding-left: 20px;}

.stripe {
  background-color: #f2f2f2;
}

.thead {
  background-color: #CFECEC;
}

.h-line { border-bottom:1px solid black }

nav ul {
	background-color: #dddddd;
  	list-style-type: none;
  	margin: 20px 0 20px 0;
  	padding:  0;
  	overflow: hidden;
 	font-weight: 500;
 	font-size: 1.2em;
}

nav li {
  float: left;
  margin: 0 20px 0 20px;
  
}
nav a {
	color: #535353;
}

nav li a {
  display: block;
  padding: 8px;
}

.dropdown-bar {
	background-color: #dddddd;
	height: 40px;
	width: 90%;
	margin: 0 auto;
}

/* Style The Dropdown Button */
.dropbtn {
  background-color: #dddddd;
  color: black;
  padding: 6px;
  color: #535353;
  font-size: 1.3em;
  font-weight: 500;
  border: none;
  cursor: pointer;
  width: 150px;
}

.dropbtn a {
	color: #535353;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  color: #535353;
}

/* Links inside the dropdown */
.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  color: #535353;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: black}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  /* background-color: #3e8e41; */
  background-color: white;
}

.statyear td {
	text-align: right;
	padding: 0px 10px 0px 0px;
}

.statyear th{
	padding: 0px 10px 0px 0px;
}

.statyear th:nth-child(1){
	text-align: left;
}

.statyear td:nth-child(2) {
	text-align: right;
}

.longmissed td, .longmissed th {
	padding: 0px 10px 0px 5px;
	text-align: right;
}

.longmissed td:nth-child(2), .longmissed th:nth-child(2) {
	text-align: left;
}

.activate {
	background: #FFFFE0;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 1px;
}

table.review_ticks {
	font-size: .8em;
	background-color: rgba(255,255,255,0.5);
}

.review_ticks tr:nth-child(even) {
	background-color: #DCDCDC;
}

.review_ticks th {
	background-color: #C0C0C0;
}

.half_left, .event-list {
	width: 60%;
}

.eventbaum .half_left {
	width: 30%;
}

.eventbaum .half_left li {
	margin-top: -3px;
}

.table_review_event tbody tr td {
   line-height: 1.2em;
}

.table_inner_event {
	margin: 10px 0px 0px 20px;
}

.table_inner_event tbody tr td	 {
   line-height: 1.2em;
}

.ul-li-tree {
	margin-left: -20px;
}

.addition_right tbody tr td {
	line-height: 1.4em;
}

.organizeevent .half_left {
	width: 60%;
}


#daily_observation select {
	height: 1.6em;
}

.left-side-window {
	float: left;
	height: 100vh;
	overflow: auto;
	overflow-x: scroll;
	width: 70%;
}

.right-side-window {
	background-color: #F8F18C;
	display: none;
	float: right;
	height: 100%;
	width: 30%;
}

.text-standout {
	background-color: #F8F18C;
}

.sunday {
	background-color: #DDDDDD;
}
.sunday-line {
	border-bottom: 2px solid red;
}
.saturday {
	background-color: #F0F0F0;
}

table.event-calendar tr td {
	padding-top: 2px;
}

table.event-calendar tr td:first-child {
	white-space: nowrap;
}

.activate {
	background: #FFFFE0;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 1px;
	}
.row_seen {
	text-align: left;
}

.row_miss {
	text-align: right;
}
.label-inputlist {
	display: inline-block; width: 60px;
}