/* ==========================================================================
   Dream Design's custom styles
   ========================================================================== */


html{  }
body { }


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : landscape) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : portrait)  {

}


@media only screen and (min-width : 569px) and (max-width : 767px) and (orientation : portrait)  {
	

}
/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

}


/* Desktops and laptops piccoli ----------- */
@media only screen and (min-width : 1025px) and (max-width : 1200px)  {

	

}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1201px) and (max-width : 1365px) {
	
}

/* Large screens ----------- */
@media only screen and (min-width : 1825px)  and (max-width : 2500px){

}

.navbar-nav > li > a 
{
    color: #0;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a
{
    color: #000000;
    background-color: transparent;
}

.input-group
{
	margin-bottom:5px;
}

#query-fields
{
	width:300px;
	
}

#querystring
{
	width:300px;
}

input 
{
	margin-top:2px !important;
	margin-right:5px !important;
}

.labelbutton
{
	color:white;
}

.btn{
	margin-right:5px;
}

#detailsModal
{
	width:90%;
	height:90%;
}

.list-group{
    max-height: 300px;
    margin-bottom: 10px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}

.navbar-nav > li
{
	margin-right: 20px;
}

.details-box
{
	min-height:500px;
	margin:10px 0 10px 0;
	padding:10px;
}

#occurrence-map
{
	height:400px;
}

#lightSlider li
{
	height:400px;
}

.slider-image
{
	object-fit: contain;
	height: auto;
	max-height: 400px;
	width:100%;
	background-color: black;
}

.navbar
{
	padding: 3px 0 3px 0;
}

.active
{
	background-image: none!important;	
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled{
    background-position: left center;
}

comments-box
{
	width:100%;
	height:50px;
}

#speciesTable td
{
	padding:3px 0px 3px 0px;
}

#depthChart
{
}