/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/* Available Fonts
font-family: "museo-sans", sans-serif;
font-weight: 300,700,900;
*/

body {
	font-family: "museo-sans", sans-serif;
	font-size: 22px;
	line-height: 1.42857143;
	color: #444;
	background-color: #ffffff;
}
.container-fluid{
	max-width: 1400px;
}
h1, .h1, h2, .h2, h3, .h3{
	margin-top: 5px;
    color: #444;
    margin-bottom: 30px;
}
h1, .h1{
	font-size: 36px;
	font-weight: 900;
	color: #679f37;
}
h2, .h2 {
	font-size: 25px;
	font-weight: 900;
	color: #679f37;
}
h3, .h3{
    font-size: 20px;
	font-weight: 700;
}
a {
	color: #65A246;
}
img {
	margin: 0;
	max-width: 100%;
}
p {
	margin: 0 0 30px 0 !important;
}
.row {margin: 0 !important;}
#navbar {
	padding:0;
}
.navbar.container {
	width: 100% !important;
	max-width: 1140px !important;
	padding: 0 20px !important;
}
.navbar-header {
	max-width: none;
	margin: 0 !important;
}
.navbar-header > .region-navigation {
	float: left;
	max-width: 250px;
}
.navbar .logo {
	margin: 0;
	padding: 0;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin: 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: 0;}
.navbar-nav {margin: 0 !important;}
.region-navigation-collapsible {padding-top: 20px;}
.navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}
.navbar-default {
    background-color: #fff;
    border-color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
    color: #679f37;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #679f37;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a
{
    color: #005321;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a.is-active {
	color: #679f37;
	background-color: transparent;
}
.navbar-right {
	margin-right: 0px;
}
.navbar-nav {
	margin-top: 5px;
	margin-bottom: 5px;
}
#navbar{
    z-index:1000;
}
.dropdown .navbar-text {
	color: #fff;
}
.dropright .navbar-text {
	color: #fff;
}
.dropright a.nolink:hover {
	cursor: auto;
}
.dropup, .dropdown, .dropright {
    position: relative;
}
.dropright > a::after {
    display: inline-block;
    content: " ";
	width: 0;
	height: 0;
	border-color: transparent;
    border-left-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ffffff;
	margin-top: 3px;
	margin-left: 20px;
}
.dropright > a:hover::after{
	border-left-color: #65A246;
}
@media screen and (max-width:980px) {
.nav{
	margin-top: 10px;
}
.nav > li > a{
	padding: 5px 5px;
}
.navbar-text {
	margin-top: 5px;
}
}
a:hover, a:focus {
	color: #65A246;
}
.btn-primary {
    color: #58595B !important;
    background-color: #65A246;
    border-color: #65A246;
}
.btn-primary:hover {
    color: #ffffff;
    background-color: #58595B;
    border-color: #58595B;
}
.dropdown-menu {
    background-color: rgba(103, 159, 55, 0.7);
    border-color: transparent;
    border: none;
	box-shadow: 0 0 4px rgba(249, 243, 243, 0.3);
}
.dropdown-menu > li > a{
	color: #fff;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}
ul.nav li.dropdown > ul.dropdown-menu {
  margin-top: 0;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
	background-color: transparent;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
	background-color: transparent;
}
ul.nav li.dropdown:hover ul.dropdown-menu li.expanded ul.dropdown-menu {display:none;}
ul.nav li.dropdown:hover ul.dropdown-menu li.expanded:hover ul.dropdown-menu {display:block;}
.dropdown-menu .dropdown-menu {
  left: 100%;
  top: 0;
}

.main-container {
	width: 100%;
	padding: 0;
}

.main-container > div > div {
	padding: 0;
}

.main-container > div > section {
	max-width: 1140px;
	margin: 0 auto;
	float: none;
	padding: 40px 20px 10px 20px !important;
	clear: both;
}

.region-header::after {
  content: "";
  clear: both;
  display: table;
}

.page-header {border: none;}

.region-header p {
	margin: 0 !important;
	line-height: 0 !important;
}

#block-mainbanner {
	max-height: 500px;
	height: auto;
	background-image: url('/themes/custom/esurveyor/images/banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.field--name-body > p:first-of-type {
	font-size: 24px;
}

.field--name-body ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 30px;
}
.field--name-body li {
	background-image: url('/themes/custom/esurveyor/images/bullet.png');
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 2px 8px;
	padding: 0 0 0 34px;
	margin: 0 0 20px 0;
	font-weight: 700;
	color: #005321;
}

.es-col::after {
  content: "";
  clear: both;
  display: table;
}

/*style for table*/
table{
	width: 100%;
	background-color: none;
}
table thead th {
    background: #65A246;
    color: #fff;
    font-weight: 500;
    padding: 5px 15px;
    font-size: 0.933em;
}
table tbody td {
    padding: 5px 15px;
    border-bottom: 1px solid #65A246;
}
th a{
	color: #fff;
}
th a:hover {
	color: #ffffff;
}
.author {
	font-size: 12px;
}
.footer table tbody td{
	border: none;
}
.layout__region--first{
	margin-right:10px;
}

.layout--twocol-section {
	flex-wrap: nowrap;

}

.table {
	display: table;
}
.tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.td,.th {
	display: table-cell;
	padding: 2px 10px;
}
.th {background-color: #679f37;}
.td {background-color: #b6e48e;}

.th.sub {background-color: #d7b93f;}
.td.sub {background-color: #e4d28b;}

/*sidebar background color*/
.well{
	background-color: #65A246;
}
/*embedded video styles*/
.player .vp-controls .fullscreen{
	margin-left: 5em !important;
}
.player.no-playbar .vp-controls .play-bar button {
	display:block;
}
/* panel style settings*/
.subpanel, .twitter-timeline, .block-views-blocknews-lists-block-1, .block-views-blockevents-list-block-1{
	border-radius: .25rem;
	box-shadow: 0 0 2px #bbb;
	padding: 10px;
    margin-bottom: 8px;
}
/* block settings*/
.block-title{
	border-bottom: 1px solid #65A246;
}
/* banner text setting.*/
.carousel-caption h3{
	font-size: 16px;
	font-weight:bold;
}
.carousel-caption p{
	font-size:12px;
}
/* styles for each items inthe list*/
.list-item:nth-child(odd){
	background: #fff;
}
.list-item:nth-child(even){
	background: rgba(0,0,0,.05);
}
/**/
.list-row {
    border-bottom: 1px solid gainsboro;
    margin-bottom: 0.692em;
    padding-bottom: 0.692em;
}
/* export button links */
.csv-feed .feed-icon{
	display:inline !important;
}
.export-button{
	float:right;
}
.export-button a {
padding: 15px 15px 15px 15px;
display: -webkit-inline-box;
background: #65A246 !important;
color: #5859B;
text-align: center;
}
.export-button a:hover {
box-shadow: 0 2px 6px rgba(0,0,0,.3) !important;
}
.export-button img {
display:none !important;
}
.export-button a:before {
content: "Download CSV" !important;
color:white !important;
}
.export-button a:after {
font-family: 'Font Awesome 5 Free';
content: '\f019';
display: inline-block;
font-style: normal;
font-weight: 900;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
color: white;
margin-left: 8px;
}
figure {
  color: #65A246;
  width: 40%;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
.img-responsive{
	display:inline;
}
/*General table style settings */
.table tr:nth-child(odd) {
	background-color: #65A246;
}
.footer .table tr{
	background: none;
}
.action-links {
	list-style: none;
}
/* Forum style settings*/
.table tr.even {
    background-color: #fff !important;
}
.table tr.odd {
    background-color: rgba(0,0,0,.05) !important;
}
.table-forum tr:nth-child(even) {
    background-color: #fff !important;
}
.table-forum tr:nth-child(odd) {
	background-color: rgba(0,0,0,.05) !important;
}
.forum >footer{
	float: left;
	width: 150px;
	background-color: rgba(0,0,0,.05);
	padding: 7px;
	margin-top: 5px;
	min-height: 120px;
	overflow: auto;
}
.forum .field--name-body {
	margin-top: 5px;
	margin-left:150px;
	padding:10px;
	border: 1px solid #AB5700;
	min-height: 200px;
	overflow: auto;
	background-color: rgba(0,0,0,.05) !important;
}
.js-comment > footer{
	float: left;
	width: 150px;
	background-color: rgba(0,0,0,.05);
	border-bottom: 2px solid white;
	padding: 7px;
	min-height: 120px;
}
.js-comment > div{
	margin-top: 5px;
	margin-left: 150px;
	min-height: 200px;
	overflow:auto;
	border: 1px solid #AB5700;
	background-color: #FFFFFF !important;
}
.js-comment > footer > a {
	display:none;
}
.submitted {
	display:none;
}
.js-comment > div > h3 {
	border-left: 2px solid white;
	background-color: rgba(0,0,0,.05);
	line-height: 225%;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.field--name-comment-body{
	padding:10px;
	margin-bottom:28px
}
.js-comment > div > ul {
	background-color: rgba(0,0,0,.05);
	width:100%;
}
.list-inline > li.comment-forbidden{
	padding-right:20px;
}
.links{
	float: right;
	line-height: 2em;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 0px;
}
.indented {
	margin-left: 25px;
}
.comment__permalink{
	display:none;
}
.created{
	font-size: 12px;
}
mark, .mark {
	float: right;
	margin-right: 5px;
	margin-top: 10px;
}
div.form-group input[type="checkbox"]{
	margin-left: -20px;
}
/* styles for language dropdown*/
.lang-dropdown-form {
	float: right;
}
.lang-dropdown-form div{
	float: left;
}
.language-icon {
	margin-top: 8px;
}
.region-sidebar_top {
	float: inline-end;
}
.ui-state-highlight {
	color: #000 !important;
}
/* style for search form*/
.region-sidebar-top #search-block-form {
	float: right;
}
/* style for logo */
.logo {
	margin-top: inherit;
}

/* Footer grid */

body > div > .footer {
	border: 0;
	width: 100%;
	background-color: #679f37;
	color: #fff;
	font-size: 16px;
	background-image: url('/themes/custom/esurveyor/images/footer-top.png');
	background-size: contain;
	background-repeat: no-repeat;
}

.footer a {color: #fff !important;}
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
	margin-bottom: 0 !important;
	color: #fff !important;
}

.footer > div > section {
	max-width:1140px;
	margin: 0 auto;
	padding: 60px 20px 30px 20px;
}

.social-icons img {
	display: inline-block;
	margin: 0 20px 0 0;
	width: 40px;
}

.footer-first, .footer-second, .sidebar-top-first, .sidebar-top-second {
 position: relative;
 float: left;
}
.footer-third, .sidebar-top-third {
 position: relative;
 float: right;
}
.sidebar_top > .col-md-2 {
	padding-left: 0px;
	padding-right: 0px;
}
/* Style for App summary page*/
div.totals {
    background-color: #276B8A;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 200%;
    text-align: center;
    padding: 0.5em;
}

/* Style for login form*/
.block-user-login-block ul {
	display: none;
}

/* Style for button class*/
a.button {
  color: #5859B;
  background-color: #65A246;
  border-color: #65A246;
  padding: 8px;
}
a:hover.butoom {
	color: #fff;
	background-color: #5859B;
}
/* Style for upload form */

input[type="file"] {
	display: inline;
}

.toolbar {
	font-size: 1.4rem;
}
#filter-details #filters_user:user_id:person_name {
	display: inline;
	margion-left : 40px;
}

#filter-details #filter:description, #filter-details filter:title {
	margin-left: 20px;
}

#standard-params #filter-panes {
	padding-right: 0px;
}

/* Setting on super login page*/
#user-login-form .form-text {
	max-width: 500px;
}
#user-login-form .form-control {
	width: 100%;
}
.form-item-pass, p.forgot-password {
	 margin-top: 10px;
	 display: inherit;
 }
/* settings for indicia forms across the site.*/
.form-group {
	margin-right: 15px;
}
.footable-row-detail-value input {
	border: 1px solid #DDDBDB !important;
}
.olMap img, .image-container img, .scSpatialRefCell button {
	margin: 0px !important;
}
.leaflet-tile-container img {
	margin: 0px !important;
}
.leaflet-top, .leaflet-bottom, .olControlPanZoomBar {
	z-index: 800 !important;
}
/* settings for activities page.*/
table.report-grid h3.enter-app-record, table.report-grid h3.enter-app-record-list {
    background: url("/sites/default/files/images/mobile.png") no-repeat left center;
    padding-left: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.page-join .app-link, .page-node-824 .app-link {
  background: url("/sites/default/files/images/mobile.png") no-repeat left center;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.page-join .enter-app-record, .page-node-824 .enter-app-record, .page-join .enter-app-record-list, .page-node-824 .enter-app-record-list {
  display: none;
}
.button.enter-app-record, .button.enter-app-record-list {
  display: none;
}
.indicia-button span, .redet span {
	color: #000;
}
.buttons .prev, .buttons .next {
	margin-left: 2px;
	margin-right: 2px;
}
.verify, .query, .redet {
	background: none !important;
}
button:hover, .btn-default:hover, btn-primary:hover, input[type="submit"]:hover, .indicia-button:hover {
	background-color: #337AB7;
    border-color: #bce8f1;
}
.fancybox-close-small {
	background: #337AB7;
	margin: 15px;
}
.col-filter {
	color: #000;
}
.report-download-link{
	margin-bottom: 5px;
}
.report-download-link a{
	padding: 7px;
    background: #069;
    color: #fff;
}
.report-grid-container {
  overflow-x: auto;
}

table.es-data-grid {
	font-size: 13px;
}

table.es-data-grid tbody td {
	border: 0;
}

table.es-data-grid tbody tr:hover:not(.disabled), table.es-data-grid tbody tr:hover:not(.disabled) td {
	background-color: #d5e5f0;
}

table.es-data-grid tbody tr.selected:not(.disabled), table.es-data-grid tbody tr.selected:not(.disabled) td {
	background-color: #2c7bb6;
}

.table {
	border: 1px solid #ccc;
	margin:0;
}

.td .table {
	border: 1px solid #6ca3cc;
}

.th {
	background-color: #6ca3cc;
	padding: 7px 10px;
	color: #fff;
}

.td {
	background-color: #d5e5f0;
	padding: 12px 10px;
	border-top: 1px solid #ccc;
	height:125px !important;
}

.table.sub {
	border: 1px solid #84b56b;
}

.th.sub {
	background-color: #84b56b;
}

.td.sub {
	background-color: #d8e8d1;
}

.container-row {
	min-height:190px;
}

.container-row > .td,.sub-container-row > .td.sub {
	padding: 20px 18px;
}

.footable-toggle-col {
	width: 40px !important;
}

.table > .transect-quadrat-row > .th:nth-of-type(1),.table > .transect-quadrat-row > .td:nth-of-type(1) {
  padding-left:46px;
}

.footable-toggle {
  display:block !important;
  width:100% !important;
  height:34px !important;
  background-image:url('/themes/custom/esurveyor/images/row-collapsed.png') !important;
  background-size:70% !important;
  background-repeat:no-repeat;
  background-position:50% 5px !important;
}
.expanded .footable-toggle-col .footable-toggle {background-image:url('/themes/custom/esurveyor/images/row-expanded.png') !important;}

/* Style for attributes across the site.*/
@media only screen and (min-width: 769px) {
  .species-attributes .ctrl-wrap {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
	width: 25%;
  }
}
/* Style for terms and conditions*/
.legal-terms-scroll {
    height: 50em;
}

/* Style for eu_cookies */
.eu-cookie-compliance-buttons button{
	color: #000 !important;
}

/* Home page totals block */
#indicia-es-totals-block-container {
	margin-bottom: 15px;
}

@media (max-width: 767px) {

	h1, .h1{font-size: 28px;}
	h2, .h2 {font-size: 24px;}

	.region-navigation-collapsible {padding-top: 40px;}

	.dropdown-menu {
		position: static;
		float: none;
		background-color: transparent;
		padding-bottom: 10px;
	}

	.dropdown-menu a {color:#005321 !important;}
	.dropdown-menu a.is-active {color:#679f37 !important;}

	.nav > li {margin-bottom: 14px;}

	.nav a {font-size: 20px;}

}

@media (min-width: 768px) {

	.navbar {
		margin-bottom: 10px;
	}

	.navbar-header {
		float: left;
		max-width:250px;
	}

	.navbar-collapse {
		float: right;
	}

	.menu {
		margin: 4px 0 24px 0 !important;
	}

	.navbar-default .navbar-nav.menu--account > li {
		margin-left: 16px;
	}

	.navbar-default .navbar-nav.menu--account > li > a {
		background-color: #679f37;
		color: #fff;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		padding: 6px 10px;
	}

	.navbar-default .navbar-nav.menu--account > li:nth-of-type(2n) > a {background-color: #005321;}

	.navbar-default .navbar-nav.menu--main > li {
		border-right: 1px solid #679f37;
	}
	.navbar-default .navbar-nav.menu--main > li:last-of-type {
		border: none;
	}

	.navbar-default .navbar-nav.menu--main > li > a {
		padding: 2px 12px;
	}
	.navbar-default .navbar-nav.menu--main > li:last-of-type > a {
		padding-right: 0;
	}

	#block-esurveyor-main-menu {float: right;}

	.dropdown-menu {
		-webkit-border-radius: 6px !important;
		-moz-border-radius: 6px !important;
		border-radius: 6px !important;
	}

	.es-col > div {
		float: left;
		padding: 0 20px;
	}

	.es-col-2 {width: 50%;}
	.es-col-2:nth-of-type(2n-1) {padding: 0 20px 0 0;}
	.es-col-2:nth-of-type(2n) {padding: 0 0 0 20px;}

}