/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/* 
    Created on : 18/04/2015, 11:46:15 AM
    Author     : NKlaze
*/

body { 
    overflow: hidden;
    background-color: #41463f;
}

.navbar-offset { 
    margin-top: 50px; 
}

#rbgv-branding {
    background-color: #41463f;
    border-bottom-color: #bb9d13;
    border-bottom-width: 2px;
}

#rbgv-branding a.navbar-brand {
    color: #d7bb44 !important;
}

#rbgv-branding img.rbgv-logo-navbar {
    height: 35px;
    margin-top: -7px;
}

a.navbar-brand:hover {
    color: #ffffff !important;
}

#map { 
    position: absolute; 
    top: 50px; 
    bottom: 0px; 
    left: 0px; 
    right: 0px; 
}

#map .ol-zoom { 
    font-size: 1.2em; 
}

.ol-overlay-container {
    position: absolute;
    z-index: 90;
}

.popover {
    max-width: 320px;
    width: 320px;
    height: 180px;
    z-index: 999;
}

.popover .feature {
    display: none;
}

.popover-title {
    height: 30px;
    background-color: transparent;
    border-bottom: none;
}

.popover-content {
    height: 106px;
    overflow-y: auto;
    overflow-x: hidden;
}

.popover-footer {
    height: 30px;
    margin: 0 15px;
}

.features {
    overflow-y: auto;
    overflow-x: hidden;
}

.popover.collection .features {
    min-height: 219px;
}

.popover::after {
    display: block;
    content: "";
}

.popover .feature:first-child {
    display: block;
}

.popover .feature-nav div:first-child {
    padding-top: 6px;
    font-weight: bold;
}

.zoom-top-opened-sidebar { 
    margin-top: 5px; 
}

.zoom-top-collapsed { 
    margin-top: 45px; 
}

.mini-submenu{
  display:none;  
  background-color: rgba(255, 255, 255, 0.46);
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  /*position: relative;*/
  width: 42px;
  text-align: center;
}

.mini-submenu-left {
  position: absolute;
  top: 60px;
  left: .5em;
  z-index: 40;
}

.mini-submenu-right {
  position: absolute;
  top: 60px;
  right: .5em;
  z-index: 40;
}

#map { 
    z-index: 35; 
}

.sidebar { 
    z-index: 45; 
}

.main-row { 
    position: relative; 
    top: 0; 
}

.mini-submenu:hover {
  cursor: pointer;
}

.slide-submenu {
  background: #999;
  display: inline-block;
  height: 22px;
  width: 22px;
  position: absolute;
  right: 21px;
  top: 9px;
  padding: 1px 3px 0 3px;
  border-radius: 11px;
  cursor: pointer;
  border: solid 2px #999;
}

.slide-submenu i {
    color: #fff;
}

.ol-mouse-position {
  top: initial;
  right: auto;
  bottom: 10px;
  left: 10px;
  background-color: #000;
  opacity: 0.8;
  color: rgb(255, 255, 255);
  padding: 5px 10px;
  border-radius: 4px;
}

.social-media a[target=_blank] {
    background-image: none;
}

.social-media>li>a {
    padding-left: 5px;
    padding-right: 5px;
}

.social-media>li:last-of-type>a {
    margin-right: 10px;
}

.social-media span.icon {
    display: inline-block;
    height: 22px;
    width: 22px;
    background-image: url(http://www.rbg.vic.gov.au/common/img/sprite-icons.png);
    background-color: rgb(65, 70, 63);
    color: #fff;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.social-media .icon-facebook-solid {
    background-repeat: no-repeat;
    background-position: -26px 5px;
}

.social-media .icon-facebook-solid:hover {
    background-position: -108px 5px;
}

.social-media .icon-twitter-solid {
    background-repeat: no-repeat;
    background-position: 5px 4px;
}

.social-media .icon-twitter-solid:hover {
    background-position: -77px 4px;
}

.social-media .icon-instagram-solid {
    background-repeat: no-repeat;
    background-position: -51px 4px;    
}

.social-media .icon-instagram-solid:hover {
    background-position: -133px 4px;
}

.rbgcensus-explore-autocomplete-list {
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}

#species-layers div {
    position: relative;
}

#species-layers div .delete-layer, 
#collection-layers div .delete-layer {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #999;
    cursor: pointer;
}

#collection-layers .attribute-table,
#species-layers .attribute-table {
    color: #999;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
}

#base-map-toggle {
    position: absolute;
    top: 70px;
    right: 10px;
    z-index: 999;
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: calc(100% - 120px);
    overflow-y: auto;
}