html, body {
    font-family: Arial, sans-serif;
}


	html {
	 overflow-y: -moz-scrollbars-vertical;
	 overflow-y: scroll;
	}
	
	body 
	{
		/*background-image:url('http://ccdb.tau.ac.il/static/images/background.jpg');*/
		background-repeat:repeat;
		background-size:100%;
		/*padding-top: 30px;*/
		background-color: F7FAF5;
		margin-left:0px;
	}

	.stretch 
	{
		width:100%;
		height:100%;
	}

	a 
	{
		color: #009710;
	}
	
	a:focus,a:hover
	{
		color: #00800a;
	}
	
	div.fixedTopWrapper
	{
		position:fixed;
		top: 0px;
        left: 0px;
		width: 100%;
		z-index: 100;
		/*cursor: pointer; */
		background: url('/static/images/grafika/header_1920x123.jpg') #00800a top left no-repeat;
	}


	.container-fluid .v4
	{
			
			margin-top: -10px;
			margin-bottom: -10px;
			
			background: -webkit-linear-gradient(#00800a, #47b566, #00800a); 
			background: -o-linear-gradient(#00800a, #47b566, #00800a); 
			background: -moz-linear-gradient(#00800a, #47b566, #00800a);
			background: linear-gradient(#00800a, #47b566, #00800a); 
	}


	.nav
	{
		padding-left: 40px;
	}

	.navbar
	{
		margin-bottom: 0px;
		border: 0px;
		background-color: #B0C27C;
	}
		
	/* this determined the navbar height, instead of the 50px default*/
	.navbar { min-height:28px; height: 28px;}
	.navbar-nav{ padding: 0px 70px; font-size: 20px;line-height: 28px; }
	.navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 28px; }
	
	.navbar-nav>li.nav-item
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.navbar-nav>li.nav-item>a 
	{
		color: white;
	}
	
	.navbar-nav>li.nav-item.active>a 
	{
		color: yellow;
		background-image: linear-gradient(to top,#00800a 0,#47b566 100%);
	}
	
	
	.navbar-nav>li>a:hover, .navbar-nav >li>a:focus 
	{
		color: yellow;
		/*background-color: transparent;*/
		/*Ubackground-image: linear-gradient(to top,#00800a 0,#47b566 100%);*/
	}
	
	.vl {
		background-color: white;
		height: 2px;
		width: 100%;
	}
	
	.v2 {
		background-color: #00800a;
	}
	
	.v3 {
		top: 0px;
        left: 0px;
		width: 100%;
		height: 123px;
		padding-left: 0;
		padding-right: 0;
		background: url('/static/images/grafika/header_1920x123.jpg') #00800a top left no-repeat;
		background-size:cover;
	}
	.collapse .navbar-collapse
	{
		/*background-color: #B0C27C;*/
		/*background-color: #00800a; */
		margin-top: 0px;
		margin-bottom: -20px;
		margin-right: 0px;
		margin-left: 0px;
		font-size: 18px;
			
		padding-left: 30px;

	}
	

	.navbar .navbar-expand{
		position: relative;
		top: 0px;
		z-index: 5;
	}

	.container 
	{
		margin: 0 auto;
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
		
	.container .jumbotron 
	{

		margin-top: 0px;
		margin-bottom: 0px;
		/*background-color: #E3CFAC;*/
		background-color: F7FAF5;
		
		padding-right: 0px;
		padding-left: 0px;
	}

	.jumbotron 
	{
		/*position: absolute;
		top: 140px;*/
		width: 100%;
	
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 50px;
		padding-right: 50px;
	}	
	

	.v5
	{
		padding-right: 50px;
		padding-left: 50px;
	}
/*
	.row
	{
		
		z-index: 10;			
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;

		margin-right: 0px;
		margin-left: 0px;
		
		
		width: 100%;
		height: 100%; 
		position: relative;
		left: 0px; 
		top: 0px; 
		
		
		display: block;
		height: 123px;
	}
*/

		
	.row row-thumbnails
	{
		background-color: #E3CFAC;
	}

	/* news ticker related  - start*/
	.row row-split-vertical
	{
		background-color: F7FAF5;
		
	}

	div.panel-default
	{
		background-color: F7FAF5;
		margin-top: 50px;

	}
	
	.panel ul
	{
		padding:0px;
		margin:0px;
		list-style:none;
	}
	.news-item
	{
		padding:4px 4px;
		margin:0px;
		border-bottom:1px dotted #555; 
	}
	/* news ticker related  - end*/
	

	.thumbnail:hover {
		box-shadow: 0.4em 0.4em 0.4em #261a00;
		-moz-box-shadow: 0.4em 0.4em 0.4em #261a00;
		-webkit-box-shadow: 0.4em 0.4em 0.4em #261a00;
	}

	.thumbnail>img{
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: white;
	width: 100%;
	border-radius: 2px;
	border: 5px solid rgba(0,0,0,0.2);

	}		
	
	.popover-content 
	{
		font-size: 15px;
	}
	
	.btn-default, .btn-default:hover{
		border-radius: 8px;
		color: white;
		
		vertical-align: bottom;
		display: inline-block;

		background: -webkit-linear-gradient(#00800a, #47b566, #00800a); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#00800a, #47b566, #00800a); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#00800a, #47b566, #00800a); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#00800a, #47b566, #00800a); /* Standard syntax (must be last) */
	}
	
	.btn-default:hover{
		color: yellow;
	}
	
	input[type=file] {
		display: inline-block;
	}

	input[type=file]::file-selector-button {
		border-radius: 8px;
		color: white;
		height: 35px;
		font-size: 16;
		vertical-align: bottom;

		background: -webkit-linear-gradient(#00800a, #47b566, #00800a); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#00800a, #47b566, #00800a); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#00800a, #47b566, #00800a); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#00800a, #47b566, #00800a); /* Standard syntax (must be last) */
	  }
	  
	  input[type=file]::file-selector-button:hover {
		color: yellow;
	  }
		

		
	/* typeahead related start */

	.typeahead,
	.tt-query,
	.tt-hint {
	vertical-align: middle;
	  width: 396px;
	  height: 34px;
	  padding: 0px 5px;
	  font-size: 20px;
	  line-height: 30px;
	  border: 2px solid #ccc;
	  -webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
			  border-radius: 8px;
	  outline: none;
	}

	.typeahead {
	  background-color: #fff;
	}

	.typeahead:focus {
	  border: 2px solid #0097cf;
	}

	.tt-query {
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}

	.tt-hint {
	  color: #999
	}

	.tt-dropdown-menu {
	  width: 422px;
	  margin-top: 12px;
	  padding: 8px 0;
	  background-color: #fff;
	  border: 1px solid #ccc;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  -webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
			  border-radius: 8px;
	  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		 -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
			  box-shadow: 0 5px 10px rgba(0,0,0,.2);
	}

	.tt-suggestion {
	  padding: 3px 20px;
	  font-size: 18px;
	  line-height: 24px;
	}

	.tt-suggestion.tt-cursor {
	  color: #fff;
	  background-color: #0097cf;

	}

	.tt-suggestion p {
	  margin: 0;
	}		
	
	/* typeahead related end */	

		/*.navbar-default {  background-color: #31C68B;}*/
	ul.ofer{
		list-style-type:initial;
		font-size:100%;
	}
	
	ul.ofer1{
		list-style-type:initial;
		font-size:150%;
	}

	h2{
			/*color:#004400;*/
			color:#00800a;
			font-size: 150%;
			}
			
	h3{
			/*color:#004400;*/
			color:#00800a;
			/*font-style:italic;*/
			font-size: 200%;
			}
			
		ul.linksList{
			font-size: large;
			font-style: italic;
			}
			
	/* tree-list */

	.tree-list {
	vertical-align: middle;
	  width: 500px;
	  height: 200px;
	  padding: 0px 5px;
	  font-size: 20px;
	  line-height: 30px;
	  border: 2px solid #ccc;
	  -webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
			  border-radius: 8px;
	  outline: none;
	}

	.tree-list {
	  background-color: #fff;
	}

	.tree-list:focus {
	  border: 2px solid #0097cf;
	}
		
			
/* Major group browse on front page */

#majorgroups {
display: inline;
clear: right;
}


#majorgroups ul {
    display: inline;
    padding: 0;
}

#majorgroups ul li {
    margin: 1em 0 1em 2em;
    margin: 1em 2em 1em 0;
    padding: 0;
    width: 22.5%;
    height: 200px;
    float: left;
    list-style-type: none;
    box-shadow: 0.2em 0.2em 0.2em #261a00;
    -moz-box-shadow: 0.2em 0.2em 0.2em #261a00;
    -webkit-box-shadow: 0.2em 0.2em 0.2em #261a00;
}

#majorgroups ul li.b { background: url('http://ccdb.tau.ac.il/static/images/mosses.jpg') 			gray no-repeat top left; background-size: cover; }
#majorgroups ul li.p { background: url('http://ccdb.tau.ac.il/static/images/ferns.jpg') 			gray no-repeat top left; background-size: cover;}
#majorgroups ul li.g { background: url('http://ccdb.tau.ac.il/static/images/conifers.jpg') 			gray no-repeat top left; background-size: cover;}
#majorgroups ul li.a { background: url('http://ccdb.tau.ac.il/static/images/Flowering plants.jpg') 	gray no-repeat top left; background-size: cover;}

#majorgroups ul li.genus 	{ background: url('http://ccdb.tau.ac.il/static/images/genus.jpg') 		gray no-repeat top left; background-size: cover;}
#majorgroups ul li.families { background: url('http://ccdb.tau.ac.il/static/images/families.jpg') 	gray no-repeat top left; background-size: cover;}


#majorgroups ul li a {
    display: block;
    text-align: center;
    padding: 4px 0 0 0;
    height: 200px;
    font-weight: bold;
	font-size: 30px;
	color: white;
}

#majorgroups ul li a i {
    font-weight: normal;
    display: block;
}

#majorgroups ul li a:hover {
    outline: 2px outset #2b8006;
    box-shadow: 0.4em 0.4em 0.4em #261a00;
    -moz-box-shadow: 0.4em 0.4em 0.4em #261a00;
    -webkit-box-shadow: 0.4em 0.4em 0.4em #261a00;
}

div#loading {
	position: fixed;
	left: 20%;
	top:52%;
	width: 100%;
	height: 100%;
	z-index: 9999999999;
  	overflow: hidden;
    /*display: none;*/
    background: url('/static/images/Spinner-1s-200px.gif') no-repeat; 
    /*cursor: wait;*/
    }

span#loading {
	position: fixed;
	left: 20%;
	top: 70%;
	color:red;
	font-size: 20;
	}

/* dropdown part */
.dropbtn {
	background-color: #04AA6D;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	}
	
	/* 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: #f1f1f1;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	}
	
	/* Links inside the dropdown */
	.dropdown-content a {
	color: black;
	padding:6px 6px;
	text-decoration: none;
	display: block;
	}
	
	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #ddd;}
	
	/* 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;}				

	.btn1 
	{
		color: #009710;
		border: none;
		outline:none;
		background-color: F7FAF5;
	}
	
	.btn1:focus,.btn1:hover
	{
		color: #00800a;
		text-decoration:underline;
	}

	.containerDiv {
		display:flex;
	}
	.fixed {
		width: 200px;
	}

	.flex-item {
		flex-grow: 1;
		margin-top: 10px;
		margin-right: 20px;
	}


	/* End */

	.form-control
	{
		width: 50%;
	}

	/*.navbar-nav 
	{
		-moz-column-width: auto;
		-webkit-column-width: auto;
		-o-column-width: auto;
		column-width: auto;

	}*/
	
	ul.ccdb
	{
		-moz-column-width: 11em;
		-moz-column-gap: 0.5em;
		-webkit-column-width: 11em;
		-webkit-column-gap: 0.5em;
		-o-column-width: 11em;
		-o-column-gap: 0.5em;
		column-width: 11em;
		column-gap: 0.5em;
		list-style-type: none;
		padding: 0;
		font-size: 16;
	}
	
	/*h2.section {
		padding-top: 160px;
		margin-top: -160px;
	}
	
	h3.section {
		padding-top: 160px;
		margin-top: -160px;
	}*/
	
	li.section {
		padding-top: 160px;
		margin-top: -160px;
	}
	
	:target {
		text-shadow: 0 0 5px yellow;
		-webkit-transition: text-shadow 1s linear;
		-o-transition: text-shadow 1s linear;
		transition: text-shadow 1s linear;
		padding-top: 165px;
		margin-top: -165px;

	}

	.pagination > li > a
	{
		color:#00800a;
	}